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	afb09c2254	feat(picker-shell): extend to Root + Header + Body + Footer layout Promote PickerShell from action-row-only to a canonical 4-zone shell (Root → Header / Body / Footer) shared by every composite picker so date/time/color popovers get the same visual contract for free. - Add `<PickerShell.Root>` flex-column wrapper (emits data-picker-shell, data-mode) plus `<PickerShell.Header>` and `<PickerShell.Body>` zones matching the existing Footer's spacing + border tokens. - Auto-wrap all 5 *-content.svelte popovers (date / date-range / time / time-range / color) in `<PickerShell.Root>` so consumers only compose Body + Footer. - Refresh all 5 demos to use `<PickerShell.Body>` around picker content; date-picker demo gains a `showShellHeader` toggle showcasing the new Header zone. - CSS scales section gap + header spacing across xs/sm/md/lg picker sizes via [data-popover-content][data-picker-size] scopes, in sync with the existing Footer scale. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	dd22cfc2bc	feat(time-range-picker): eidos wrapper + canonical picker-shell parity Builds the Eidos time-range-picker layer end-to-end and brings color-picker's morfo into parity with the other pickers. time-range-picker - soma: `mode` prop, `pickerShellContext` registration with commit/cancel/clear and `valueOnOpen` snapshot for revert; Provider now renders a div with data-state/disabled/readonly/required + aria mirrors. - soma: new `Clock` part (mirrors TimePicker.Clock with role="dialog" and data-state). - morfo: scope ['soma','sema'] + apg dialog-modal; promoted Provider to public div with states/data-state; added Clock part; declared the 6 canonical picker events (open / close-commit / close-cancel / close-dismiss / close-dismiss-outside / commit-clear); slider parts declare data-endpoint + data-disabled. - eidos: full namespace (Trigger / Content / Clock / HourSlider / MinuteSlider / SecondSlider / DayPeriodToggle + re-exported PickerShell Footer / Clear / Cancel / Close). Sliders compose generic SliderProvider (N-8) and ship with optional rulers above hour / below minute+second. - eidos css: 2-column endpoint grid in the clock; per-endpoint range tint; AM/PM toggle styling; reuses time-field tokens. - demo: interactive testbed at /uix/components/time-range-picker mirroring the time-picker demo — every soma + eidos prop has a live control, closeOnRangeComplete + start/endReadonlySegments toggles, footer composition switches, sema play buttons, soma+eidos snippets. - nav: added entry between Time picker and Color field. color-picker (audit fixes) - morfo: Provider declares states ['open','closed'] + data-state attr; added the same 6 canonical picker events targeting the `content` part (handle-pick / handle-drag / commit-set preserved). - soma: runtime now feeds open state + disabled/readonly/required/invalid props to the morfo runtime so data-state actually emits. Verified: svelte-check --threshold error → 0 errors / 0 warnings / 4524 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

afb09c2254

feat(picker-shell): extend to Root + Header + Body + Footer layout

Promote PickerShell from action-row-only to a canonical 4-zone shell
(Root → Header / Body / Footer) shared by every composite picker so
date/time/color popovers get the same visual contract for free.

- Add `<PickerShell.Root>` flex-column wrapper (emits data-picker-shell,
  data-mode) plus `<PickerShell.Header>` and `<PickerShell.Body>` zones
  matching the existing Footer's spacing + border tokens.
- Auto-wrap all 5 *-content.svelte popovers (date / date-range / time /
  time-range / color) in `<PickerShell.Root>` so consumers only compose
  Body + Footer.
- Refresh all 5 demos to use `<PickerShell.Body>` around picker content;
  date-picker demo gains a `showShellHeader` toggle showcasing the new
  Header zone.
- CSS scales section gap + header spacing across xs/sm/md/lg picker
  sizes via [data-popover-content][data-picker-size] scopes, in sync
  with the existing Footer scale.

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

dev

dd22cfc2bc

feat(time-range-picker): eidos wrapper + canonical picker-shell parity

Builds the Eidos time-range-picker layer end-to-end and brings color-picker's
morfo into parity with the other pickers.

time-range-picker
- soma: `mode` prop, `pickerShellContext` registration with
  commit/cancel/clear and `valueOnOpen` snapshot for revert; Provider now
  renders a div with data-state/disabled/readonly/required + aria mirrors.
- soma: new `Clock` part (mirrors TimePicker.Clock with role="dialog" and
  data-state).
- morfo: scope ['soma','sema'] + apg dialog-modal; promoted Provider to
  public div with states/data-state; added Clock part; declared the 6
  canonical picker events (open / close-commit / close-cancel /
  close-dismiss / close-dismiss-outside / commit-clear); slider parts
  declare data-endpoint + data-disabled.
- eidos: full namespace (Trigger / Content / Clock / HourSlider /
  MinuteSlider / SecondSlider / DayPeriodToggle + re-exported PickerShell
  Footer / Clear / Cancel / Close). Sliders compose generic SliderProvider
  (N-8) and ship with optional rulers above hour / below minute+second.
- eidos css: 2-column endpoint grid in the clock; per-endpoint range
  tint; AM/PM toggle styling; reuses time-field tokens.
- demo: interactive testbed at /uix/components/time-range-picker mirroring
  the time-picker demo — every soma + eidos prop has a live control,
  closeOnRangeComplete + start/endReadonlySegments toggles, footer
  composition switches, sema play buttons, soma+eidos snippets.
- nav: added entry between Time picker and Color field.

color-picker (audit fixes)
- morfo: Provider declares states ['open','closed'] + data-state attr;
  added the same 6 canonical picker events targeting the `content` part
  (handle-pick / handle-drag / commit-set preserved).
- soma: runtime now feeds open state + disabled/readonly/required/invalid
  props to the morfo runtime so data-state actually emits.

Verified: svelte-check --threshold error → 0 errors / 0 warnings / 4524 files.

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

3 Commits (f13103e9a9bcd135e1909938d84e3d14e55c78a6)