svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	a804c39208	feat(eidos): Button + 9 demo rebuilds + picker recipe polish Build: - New <Button> compound (morfo + soma + sema + eidos): 6 variants (solid/soft/surface/outline/ghost/plain), 8 colors, 5 sizes, optional icon/endIcon snippets, loading state with built-in Spinner, asChild Slot pattern, intent-driven sema (commit-action with fromProp:intent). Demo rebuilds (canonical depth per DEMO_AUTHORING_GUIDE): - context-menu, dropdown-menu, pin-input, alert-dialog, toggle-group: full per-part Morfo contracts, reference-parity tables, ARIA contract tables, keyboard tables, composition controls. - color-field, time-field, time-picker, time-range-picker, color-picker, month-grid, year-grid: same canonical treatment; per-part data/aria/ keyboard iteration of raw morfo, reference parity vs react-aria/ ark-ui/Chakra/bits-ui/Mantine. Picker recipe polish: - PickerShell.Clear/Cancel/Close refactored to use <Button size="xs"> (affects 5 pickers — date / date-range / time / time-range / color). - TimePicker + TimeRangePicker: popover condensed (min-width 18rem -> 14 / 32 -> 28), per-channel accent (hour=primary, minute=secondary, second=neutral; end variant muted), ruler off by default, hour ruler cleaned to 0/6/12/18/23. - ColorPicker: typography token --_color-picker-trigger-font-size that scales with data-size (10/12/14px); autoFormat default true; Area recipe override for [data-x-channel='hue'] with rainbow gradient + saturation/brightness Y overlays. - ValueText eidos wrapper: fix children snippet bug that suppressed soma's displayValue fallback. - date-field.css: segment editing affordance (cursor + hover + active ring) via new --_date-field-accent-element token across 8 color cascades. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	f4707bd0c9	feat(month-grid, year-grid): add xs size Both grids now accept size='xs' alongside sm/md/lg. - recipe: add calendar-padding-xs / control-size-xs / day-size-xs / font-size-xs tokens (space-2, control-height-xxs=22px, font-size-xs). Regenerated generated/base.css. - eidos css: add [data-month-grid][data-size='xs'] and the year-grid equivalent before the existing sm block. - types: MonthGridSize / YearGridSize extend Size with 'xs'. - demos: size chip group now lists xs / sm / md / lg. Verified in browser at /uix/components/month-grid with size='xs': cell block-size = 22px, padding = 8px (space-2), font-size = 12px. svelte-check --threshold error -> 0 errors / 0 warnings / 4572 files. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	f7831563a1	feat(month-grid, year-grid): standalone primitives parallel to date-picker views DatePicker.MonthView / YearView require a DatePickerProvider context and can't be used standalone. This commit introduces MonthGrid and YearGrid as independent primitives that accept value / placeholder / minValue / maxValue as props and work anywhere. morfo - New morfo/components/month-grid.ts and year-grid.ts. - scope: ['soma','sema'], apg: grid pattern. - 7 parts each: Provider (role=application) / Header / Heading / PrevButton / NextButton / Grid (role=grid) / Cell (role=gridcell). - Events: commit-set (cell click) + nav-step (prev/next). - Cell data-attrs: data-value, data-selected, data-current, data-disabled, data-focused. - Keyboard map covers arrows / Home / End / PageUp/Down / Enter / Space. soma - New soma/components/{month-grid,year-grid}/ with provider class + langs + types + exports + 7 thin svelte wrappers each. - MonthGridProvider: 12-cell grid keyed to placeholder.year; localized month names via Intl.DateTimeFormat with configurable monthFormat ('long'\|'short'\|'narrow'). Prev/Next step ±1 year. - YearGridProvider: decadeSize-cell grid (default 12); page anchored at placeholder.year - (placeholder.year % decadeSize). Prev/Next step ± decadeSize. - Both expose Cell sub-provider with snippetProps {selected, disabled, current, value, label} + roving tabindex + RTL-aware keyboard nav. eidos - New eidos/components/{month-grid,year-grid}/ — namespace-style index with size / variant / color visual props + dedicated CSS reusing the --calendar-* token family. - Each grid renders Header (Prev/Heading/Next) + 3-col Grid. demo - New /uix/components/month-grid and /uix/components/year-grid demo pages with the standard live/api/morfo/sema/recipe/a11y tabs, interactive controls for every public prop, soma+eidos snippets that reactively rebuild from controls, and sema event play buttons. Verified: svelte-check --threshold error -> 0 errors / 0 warnings / 4572 files. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

a804c39208

feat(eidos): Button + 9 demo rebuilds + picker recipe polish

Build:
- New <Button> compound (morfo + soma + sema + eidos): 6 variants
  (solid/soft/surface/outline/ghost/plain), 8 colors, 5 sizes, optional
  icon/endIcon snippets, loading state with built-in Spinner, asChild
  Slot pattern, intent-driven sema (commit-action with fromProp:intent).

Demo rebuilds (canonical depth per DEMO_AUTHORING_GUIDE):
- context-menu, dropdown-menu, pin-input, alert-dialog, toggle-group:
  full per-part Morfo contracts, reference-parity tables, ARIA contract
  tables, keyboard tables, composition controls.
- color-field, time-field, time-picker, time-range-picker, color-picker,
  month-grid, year-grid: same canonical treatment; per-part data/aria/
  keyboard iteration of raw morfo, reference parity vs react-aria/
  ark-ui/Chakra/bits-ui/Mantine.

Picker recipe polish:
- PickerShell.Clear/Cancel/Close refactored to use <Button size="xs">
  (affects 5 pickers — date / date-range / time / time-range / color).
- TimePicker + TimeRangePicker: popover condensed (min-width 18rem -> 14
  / 32 -> 28), per-channel accent (hour=primary, minute=secondary,
  second=neutral; end variant muted), ruler off by default, hour ruler
  cleaned to 0/6/12/18/23.
- ColorPicker: typography token --_color-picker-trigger-font-size that
  scales with data-size (10/12/14px); autoFormat default true; Area
  recipe override for [data-x-channel='hue'] with rainbow gradient +
  saturation/brightness Y overlays.
- ValueText eidos wrapper: fix children snippet bug that suppressed
  soma's displayValue fallback.
- date-field.css: segment editing affordance (cursor + hover + active
  ring) via new --_date-field-accent-element token across 8 color
  cascades.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

dev

f4707bd0c9

feat(month-grid, year-grid): add xs size

Both grids now accept size='xs' alongside sm/md/lg.

- recipe: add calendar-padding-xs / control-size-xs / day-size-xs /
  font-size-xs tokens (space-2, control-height-xxs=22px, font-size-xs).
  Regenerated generated/base.css.
- eidos css: add [data-month-grid][data-size='xs'] and the year-grid
  equivalent before the existing sm block.
- types: MonthGridSize / YearGridSize extend Size with 'xs'.
- demos: size chip group now lists xs / sm / md / lg.

Verified in browser at /uix/components/month-grid with size='xs':
cell block-size = 22px, padding = 8px (space-2), font-size = 12px.
svelte-check --threshold error -> 0 errors / 0 warnings / 4572 files.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

dev

f7831563a1

feat(month-grid, year-grid): standalone primitives parallel to date-picker views

DatePicker.MonthView / YearView require a DatePickerProvider context and
can't be used standalone. This commit introduces MonthGrid and YearGrid
as independent primitives that accept value / placeholder / minValue /
maxValue as props and work anywhere.

morfo
- New morfo/components/month-grid.ts and year-grid.ts.
- scope: ['soma','sema'], apg: grid pattern.
- 7 parts each: Provider (role=application) / Header / Heading /
  PrevButton / NextButton / Grid (role=grid) / Cell (role=gridcell).
- Events: commit-set (cell click) + nav-step (prev/next).
- Cell data-attrs: data-value, data-selected, data-current, data-disabled,
  data-focused.
- Keyboard map covers arrows / Home / End / PageUp/Down / Enter / Space.

soma
- New soma/components/{month-grid,year-grid}/ with provider class +
  langs + types + exports + 7 thin svelte wrappers each.
- MonthGridProvider: 12-cell grid keyed to placeholder.year; localized
  month names via Intl.DateTimeFormat with configurable monthFormat
  ('long'|'short'|'narrow'). Prev/Next step ±1 year.
- YearGridProvider: decadeSize-cell grid (default 12); page anchored at
  placeholder.year - (placeholder.year % decadeSize). Prev/Next step ±
  decadeSize.
- Both expose Cell sub-provider with snippetProps {selected, disabled,
  current, value, label} + roving tabindex + RTL-aware keyboard nav.

eidos
- New eidos/components/{month-grid,year-grid}/ — namespace-style index
  with size / variant / color visual props + dedicated CSS reusing the
  --calendar-* token family.
- Each grid renders Header (Prev/Heading/Next) + 3-col Grid.

demo
- New /uix/components/month-grid and /uix/components/year-grid demo
  pages with the standard live/api/morfo/sema/recipe/a11y tabs,
  interactive controls for every public prop, soma+eidos snippets that
  reactively rebuild from controls, and sema event play buttons.

Verified: svelte-check --threshold error -> 0 errors / 0 warnings /
4572 files.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

3 Commits (bb21f026bf4d7b8d769dcd224a5740c8a61b963d)