npm - @motion-proto/live-tokens - Versions diffs - 0.97.0 → 0.98.2 - Mend

@motion-proto/live-tokens 0.97.0 → 0.98.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (184) hide show

package/.claude/skills/live-tokens-check-compliance/SKILL.md +5 -0
package/.claude/skills/live-tokens-create-component/SKILL.md +4 -3
package/.claude/skills/live-tokens-create-component/references/contract-tests.md +71 -11
package/CHANGELOG.md +272 -0
package/README.md +2 -2
package/bin/check-component.mjs +8 -0
package/bin/check-page.mjs +6 -0
package/bin/cli.mjs +36 -6
package/bin/contractRunner.mjs +142 -17
package/bin/lib/findings.mjs +20 -4
package/bin/rules/a11y.mjs +53 -0
package/dist-plugin/{chunk-A4TBP4MM.js → chunk-SLICH4IH.js} +2 -2
package/dist-plugin/index.cjs +148 -3
package/dist-plugin/index.js +250 -105
package/dist-plugin/setColors/index.js +1 -1
package/package.json +47 -2
package/src/demo/LabeledSelect.svelte +1 -1
package/src/editor/bootstrap.ts +3 -1
package/src/editor/component-editor/BadgeEditor.svelte +13 -0
package/src/editor/component-editor/ButtonEditor.svelte +33 -2
package/src/editor/component-editor/CalloutEditor.svelte +13 -0
package/src/editor/component-editor/CardEditor.svelte +12 -2
package/src/editor/component-editor/CodeSnippetEditor.svelte +11 -1
package/src/editor/component-editor/CollapsibleSectionEditor.svelte +18 -1
package/src/editor/component-editor/CornerBadgeEditor.svelte +13 -0
package/src/editor/component-editor/DialogEditor.svelte +15 -0
package/src/editor/component-editor/IconButtonEditor.svelte +29 -1
package/src/editor/component-editor/ImageEditor.svelte +20 -9
package/src/editor/component-editor/ImageLightboxEditor.svelte +44 -0
package/src/editor/component-editor/InlineEditActionsEditor.svelte +13 -1
package/src/editor/component-editor/InputEditor.svelte +23 -0
package/src/editor/component-editor/MenuSelectEditor.svelte +27 -1
package/src/editor/component-editor/NotificationEditor.svelte +15 -0
package/src/editor/component-editor/PanelEditor.svelte +1 -1
package/src/editor/component-editor/ProgressBarEditor.svelte +13 -0
package/src/editor/component-editor/RadioButtonEditor.svelte +20 -1
package/src/editor/component-editor/SectionDividerEditor.svelte +41 -13
package/src/editor/component-editor/SegmentedControlEditor.svelte +29 -1
package/src/editor/component-editor/SideNavigationEditor.svelte +40 -1
package/src/editor/component-editor/SlidePagerEditor.svelte +20 -0
package/src/editor/component-editor/SliderEditor.svelte +33 -0
package/src/editor/component-editor/TabBarEditor.svelte +23 -2
package/src/editor/component-editor/TableEditor.svelte +14 -0
package/src/editor/component-editor/ToggleEditor.svelte +17 -0
package/src/editor/component-editor/TooltipEditor.svelte +11 -2
package/src/editor/component-editor/VideoFrameEditor.svelte +8 -0
package/src/editor/component-editor/VideoLightboxEditor.svelte +10 -0
package/src/editor/component-editor/registration.ts +2 -1
package/src/editor/component-editor/registry.ts +69 -27
package/src/editor/component-editor/scaffolding/DemoHeader.svelte +2 -0
package/src/editor/component-editor/scaffolding/StateBlock.svelte +19 -8
package/src/editor/component-editor/scaffolding/TokenLayout.svelte +3 -0
package/src/editor/component-editor/scaffolding/VariantGroup.svelte +70 -3
package/src/editor/component-editor/scaffolding/editorContext.ts +7 -0
package/src/editor/core/a11y/a11yReport.ts +101 -0
package/src/editor/core/a11y/a11yReportTypes.ts +69 -0
package/src/editor/core/a11y/contrastFailures.ts +22 -0
package/src/editor/core/components/contrastPairRegistry.ts +18 -0
package/src/editor/core/palettes/contrast.ts +44 -0
package/src/editor/core/palettes/contrastPairs.ts +79 -0
package/src/editor/core/palettes/resolveColor.ts +77 -0
package/src/editor/core/store/editorStore.ts +4 -0
package/src/editor/core/store/editorViewStore.ts +2 -2
package/src/editor/core/store/unsavedEdits.ts +10 -0
package/src/editor/core/themes/liveStateStream.ts +7 -1
package/src/editor/core/themes/parsers/gradient.ts +5 -2
package/src/editor/docs/chapters.ts +1 -0
package/src/editor/docs/content/accessibility.md +362 -0
package/src/editor/docs/content/editing-tokens.md +28 -1
package/src/editor/docs/content.generated.ts +2 -1
package/src/editor/pages/ComponentEditorPage.svelte +10 -1
package/src/editor/pages/EditorShell.svelte +96 -10
package/src/editor/skill-atlas/skillSources.generated.ts +3 -3
package/src/editor/skill-atlas/trees/check-compliance.ts +3 -3
package/src/editor/skill-atlas/trees/create-component.ts +12 -12
package/src/editor/ui/EditorViewSwitcher.svelte +15 -2
package/src/editor/ui/GradientEditor.svelte +9 -1
package/src/editor/ui/ThemePanel.svelte +4 -4
package/src/editor/ui/UIContrastReadout.svelte +186 -0
package/src/editor/ui/UIInfoPopover.svelte +16 -2
package/src/editor/ui/UIPaletteSelector.svelte +9 -0
package/src/editor/ui/UITokenSelector.svelte +26 -2
package/src/editor/ui/a11y/A11yComponentIssues.svelte +103 -0
package/src/editor/ui/a11y/A11yFindingRow.svelte +57 -0
package/src/editor/ui/a11y/A11yIssueRow.svelte +121 -0
package/src/editor/ui/a11y/A11yOverview.svelte +242 -0
package/src/editor/ui/a11y/A11yPanel.svelte +128 -0
package/src/editor/ui/a11y/A11yPropertyMark.svelte +84 -0
package/src/editor/ui/a11y/A11yRailMark.svelte +34 -0
package/src/editor/ui/a11y/AccessibilityTab.svelte +334 -0
package/src/editor/ui/a11y/a11yView.ts +218 -0
package/src/editor/ui/contrastReadout.ts +45 -0
package/src/live-tokens/data/themes/autumn.json +20 -20
package/src/live-tokens/data/themes/halloween.json +20 -20
package/src/live-tokens/data/themes/midnight-study.json +20 -20
package/src/live-tokens/data/themes/ocean.json +20 -20
package/src/live-tokens/data/themes/royal-velvet.json +20 -20
package/src/live-tokens/data/themes/sketchy.json +20 -20
package/src/live-tokens/data/themes/spring-meadow.json +20 -20
package/src/live-tokens/data/themes/sunset.json +20 -20
package/src/system/components/Badge.svelte +3 -3
package/src/system/components/Button.svelte +9 -3
package/src/system/components/CodeSnippet.svelte +8 -1
package/src/system/components/CornerBadge.svelte +3 -3
package/src/system/components/Dialog.svelte +43 -14
package/src/system/components/IconButton.svelte +1 -1
package/src/system/components/Image.svelte +7 -0
package/src/system/components/ImageLightbox.svelte +18 -25
package/src/system/components/Input.svelte +8 -1
package/src/system/components/MenuSelect.svelte +30 -2
package/src/system/components/Notification.svelte +1 -1
package/src/system/components/ProgressBar.svelte +6 -0
package/src/system/components/RadioButton.svelte +36 -3
package/src/system/components/SegmentedControl.svelte +36 -2
package/src/system/components/SlidePager.svelte +2 -2
package/src/system/components/Slider.svelte +13 -9
package/src/system/components/TabBar.svelte +33 -3
package/src/system/components/Toggle.svelte +2 -2
package/src/system/components/VideoFrame.svelte +1 -1
package/src/system/components/VideoLightbox.svelte +2 -2
package/src/system/internal/focusTrap.ts +35 -0
package/src/testing-js/__aria__/badge.yml +40 -0
package/src/testing-js/__aria__/button.yml +88 -0
package/src/testing-js/__aria__/callout.yml +12 -0
package/src/testing-js/__aria__/card.yml +8 -0
package/src/testing-js/__aria__/codesnippet.yml +21 -0
package/src/testing-js/__aria__/collapsiblesection.yml +23 -0
package/src/testing-js/__aria__/cornerbadge.yml +24 -0
package/src/testing-js/__aria__/dialog.yml +42 -0
package/src/testing-js/__aria__/iconbutton.yml +57 -0
package/src/testing-js/__aria__/image.yml +10 -0
package/src/testing-js/__aria__/imagelightbox.yml +50 -0
package/src/testing-js/__aria__/inlineeditactions.yml +16 -0
package/src/testing-js/__aria__/input.yml +61 -0
package/src/testing-js/__aria__/menuselect.yml +30 -0
package/src/testing-js/__aria__/notification.yml +30 -0
package/src/testing-js/__aria__/panel.yml +2 -0
package/src/testing-js/__aria__/progressbar.yml +2 -0
package/src/testing-js/__aria__/radiobutton.yml +20 -0
package/src/testing-js/__aria__/sectiondivider.yml +9 -0
package/src/testing-js/__aria__/segmentedcontrol.yml +35 -0
package/src/testing-js/__aria__/sidenavigation.yml +304 -0
package/src/testing-js/__aria__/slidepager.yml +72 -0
package/src/testing-js/__aria__/slider.yml +28 -0
package/src/testing-js/__aria__/tabbar.yml +35 -0
package/src/testing-js/__aria__/table.yml +144 -0
package/src/testing-js/__aria__/toggle.yml +12 -0
package/src/testing-js/__aria__/tooltip.yml +2 -0
package/src/testing-js/__aria__/videoframe.yml +6 -0
package/src/testing-js/__aria__/videolightbox.yml +12 -0
package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} +2 -2
package/src/testing-js/{chunk-SHBYZUPD.js → chunk-5HNZHIHG.js} +211 -14
package/src/testing-js/chunk-5HNZHIHG.js.map +1 -0
package/src/testing-js/{chunk-NB3NZRBM.js → chunk-7CM5D7PF.js} +5 -1
package/src/testing-js/chunk-7CM5D7PF.js.map +1 -0
package/src/testing-js/chunk-EWSGE27V.js +168 -0
package/src/testing-js/chunk-EWSGE27V.js.map +1 -0
package/src/testing-js/{chunk-GKO27NGN.js → chunk-R54I7YL6.js} +2 -2
package/src/testing-js/{chunk-X6KHEVIG.js → chunk-RWH46IU5.js} +97 -29
package/src/testing-js/chunk-RWH46IU5.js.map +1 -0
package/src/testing-js/chunk-SHLPDNAQ.js +658 -0
package/src/testing-js/chunk-SHLPDNAQ.js.map +1 -0
package/src/testing-js/{chunk-3UKGXCDL.js → chunk-YVVR3GJZ.js} +1 -1
package/src/testing-js/chunk-YVVR3GJZ.js.map +1 -0
package/src/testing-js/component-a11y.contract.js +283 -0
package/src/testing-js/component-a11y.contract.js.map +1 -0
package/src/testing-js/component-alias.contract.js +2 -2
package/src/testing-js/component-behavior.contract.js +2 -2
package/src/testing-js/component-editor.contract.js +6 -5
package/src/testing-js/component-editor.contract.js.map +1 -1
package/src/testing-js/component-render.contract.js +10 -6
package/src/testing-js/component-render.contract.js.map +1 -1
package/src/testing-js/index.d.ts +44 -16
package/src/testing-js/index.js +9 -9
package/src/testing-js/page-compliance.contract.js +132 -13
package/src/testing-js/page-compliance.contract.js.map +1 -1
package/src/testing-js/vitest.js +3 -3
package/template/package.json +9 -0
package/src/testing-js/chunk-3UKGXCDL.js.map +0 -1
package/src/testing-js/chunk-NB3NZRBM.js.map +0 -1
package/src/testing-js/chunk-SHBYZUPD.js.map +0 -1
package/src/testing-js/chunk-X6KHEVIG.js.map +0 -1
/package/src/testing-js/{chunk-WIZ6W7UT.js.map → chunk-3WCLMOM7.js.map} +0 -0
/package/src/testing-js/{chunk-GKO27NGN.js.map → chunk-R54I7YL6.js.map} +0 -0

package/src/live-tokens/data/themes/ocean.json CHANGED Viewed

@@ -2479,7 +2479,7 @@
       "createdAt": "2026-05-01T08:28:00.345Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--badge-brand-surface": "--surface-brand",
+        "--badge-brand-surface": "--surface-brand-low",
         "--badge-brand-text": "--text-brand",
         "--badge-brand-border": "--border-brand",
         "--badge-brand-text-font-family": "--font-sans",
@@ -2532,7 +2532,7 @@
         "--badge-alternate-blur": "--blur-none",
         "--badge-alternate-icon-size": "--icon-size-sm",
         "--badge-canvas-surface": "--surface-canvas",
-        "--badge-canvas-text": "--text-canvas",
+        "--badge-canvas-text": "--text-secondary",
         "--badge-canvas-border": "--border-canvas",
         "--badge-canvas-text-font-family": "--font-sans",
         "--badge-canvas-text-font-size": "--font-size-md",
@@ -2583,7 +2583,7 @@
         "--badge-warning-shadow": "--shadow-none",
         "--badge-warning-blur": "--blur-none",
         "--badge-warning-icon-size": "--icon-size-sm",
-        "--badge-danger-surface": "--surface-danger",
+        "--badge-danger-surface": "--surface-danger-low",
         "--badge-danger-text": "--text-danger",
         "--badge-danger-border": "--border-danger",
         "--badge-danger-text-font-family": "--font-sans",
@@ -2956,7 +2956,7 @@
         "--cornerbadge-text-font-size": "--font-size-sm",
         "--cornerbadge-text-font-weight": "--font-weight-medium",
         "--cornerbadge-text-line-height": "--line-height-none",
-        "--cornerbadge-brand-surface": "--surface-brand",
+        "--cornerbadge-brand-surface": "--surface-brand-low",
         "--cornerbadge-brand-border": "--border-brand",
         "--cornerbadge-brand-text": "--text-brand",
         "--cornerbadge-accent-surface": "--surface-accent",
@@ -2970,7 +2970,7 @@
         "--cornerbadge-alternate-text": "--text-alternate",
         "--cornerbadge-canvas-surface": "--surface-canvas",
         "--cornerbadge-canvas-border": "--border-canvas",
-        "--cornerbadge-canvas-text": "--text-canvas",
+        "--cornerbadge-canvas-text": "--text-secondary",
         "--cornerbadge-special-surface": "--surface-special",
         "--cornerbadge-special-border": "--border-special",
         "--cornerbadge-special-text": "--text-special",
@@ -2980,7 +2980,7 @@
         "--cornerbadge-warning-surface": "--surface-warning",
         "--cornerbadge-warning-border": "--border-warning",
         "--cornerbadge-warning-text": "--text-warning",
-        "--cornerbadge-danger-surface": "--surface-danger",
+        "--cornerbadge-danger-surface": "--surface-danger-low",
         "--cornerbadge-danger-border": "--border-danger",
         "--cornerbadge-danger-text": "--text-danger",
         "--cornerbadge-info-surface": "--surface-info",
@@ -3198,7 +3198,7 @@
         "--input-border-width": "--border-width-1",
         "--input-gap": "--space-8",
         "--input-default-surface": "--surface-neutral-lower",
-        "--input-default-border": "--border-neutral",
+        "--input-default-border": "--border-neutral-medium",
         "--input-default-text": "--text-primary",
         "--input-default-text-font-family": "--font-sans",
         "--input-default-text-font-size": "--font-size-sm",
@@ -3357,7 +3357,7 @@
         "--notification-warning-text-font-size": "--font-size-md",
         "--notification-warning-text-font-weight": "--font-weight-normal",
         "--notification-warning-text-line-height": "--line-height-normal",
-        "--notification-danger-surface": "--surface-danger",
+        "--notification-danger-surface": "--surface-danger-low",
         "--notification-danger-action-surface": "--surface-neutral-lowest",
         "--notification-danger-border": "--border-danger",
         "--notification-danger-border-width": "--border-width-1",
@@ -3441,7 +3441,7 @@
       "createdAt": "2026-05-10T20:44:44.372Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--radiobutton-default-dot-border-color": "--border-neutral",
+        "--radiobutton-default-dot-border-color": "--border-neutral-medium",
         "--radiobutton-default-dot-border-width": "--border-width-2",
         "--radiobutton-default-dot-fill": "--text-secondary",
         "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3450,7 +3450,7 @@
         "--radiobutton-default-label-font-size": "--font-size-md",
         "--radiobutton-default-label-font-weight": "--font-weight-semibold",
         "--radiobutton-default-label-line-height": "--line-height-none",
-        "--radiobutton-hover-dot-border-color": "--border-neutral",
+        "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
         "--radiobutton-hover-dot-border-width": "--border-width-2",
         "--radiobutton-hover-dot-fill": "--text-secondary",
         "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3459,7 +3459,7 @@
         "--radiobutton-hover-label-font-size": "--font-size-md",
         "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
         "--radiobutton-hover-label-line-height": "--line-height-none",
-        "--radiobutton-selected-dot-border-color": "--border-neutral",
+        "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
         "--radiobutton-selected-dot-border-width": "--border-width-2",
         "--radiobutton-selected-dot-fill": "--text-secondary",
         "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3568,7 +3568,7 @@
         "--segmentedcontrol-hover-tint": "--tint",
         "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
         "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
-        "--segmentedcontrol-bar-border": "--border-neutral",
+        "--segmentedcontrol-bar-border": "--border-neutral-medium",
         "--segmentedcontrol-bar-border-width": "--border-width-1",
         "--segmentedcontrol-bar-radius": "--radius-2xl",
         "--segmentedcontrol-bar-padding": "--space-6",
@@ -3599,7 +3599,7 @@
         "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
         "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
         "--segmentedcontrol-selected-icon": "--text-secondary",
-        "--segmentedcontrol-selected-border": "--border-brand",
+        "--segmentedcontrol-selected-border": "--border-brand-medium",
         "--segmentedcontrol-selected-border-width": "--border-width-1",
         "--segmentedcontrol-selected-radius": "--radius-xl",
         "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3826,7 +3826,7 @@
         "--tabbar-hover-tab-bottom-radius": "--radius-md",
         "--tabbar-hover-indicator-width": "--border-width-2",
         "--tabbar-selected-text": "--text-primary",
-        "--tabbar-selected-border": "--color-brand-500",
+        "--tabbar-selected-border": "--border-brand-medium",
         "--tabbar-selected-surface": "--tint-low",
         "--tabbar-selected-text-font-family": "--font-sans",
         "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3896,7 +3896,7 @@
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
         "--toggle-track-surface": "--surface-neutral",
-        "--toggle-track-border": "--border-neutral",
+        "--toggle-track-border": "--border-neutral-medium",
         "--toggle-track-border-width": "--border-width-1",
         "--toggle-track-radius": "--radius-full",
         "--toggle-track-padding": "--space-4",
@@ -3911,7 +3911,7 @@
         "--toggle-hover-track-surface": "--surface-neutral-high",
         "--toggle-hover-thumb-surface": "--text-primary",
         "--toggle-on-track-surface": "--surface-brand-high",
-        "--toggle-on-track-border": "--border-brand",
+        "--toggle-on-track-border": "--border-brand-medium",
         "--toggle-on-thumb-surface": "--text-primary",
         "--toggle-on-thumb-border": "--border-brand-strong",
         "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3947,13 +3947,13 @@
       "updatedAt": "2026-09-02T10:55:50.831Z",
       "aliases": {
         "--slider-single-track-surface": "--surface-neutral-lowest",
-        "--slider-single-track-border": "--border-neutral-subtle",
+        "--slider-single-track-border": "--border-neutral-medium",
         "--slider-single-track-border-width": "--border-width-1",
         "--slider-single-track-height": "--space-8",
         "--slider-single-track-radius": "--radius-full",
         "--slider-single-fill": "--surface-brand-high",
         "--slider-single-thumb-surface": "--surface-neutral-highest",
-        "--slider-single-thumb-border": "--border-brand",
+        "--slider-single-thumb-border": "--border-brand-medium",
         "--slider-single-thumb-border-width": "--border-width-2",
         "--slider-single-thumb-size": "--font-size-lg",
         "--slider-single-thumb-radius": "--radius-full",
@@ -3965,13 +3965,13 @@
         "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
         "--slider-single-disabled-thumb-border": "--border-neutral",
         "--slider-range-track-surface": "--surface-neutral-lowest",
-        "--slider-range-track-border": "--border-neutral-subtle",
+        "--slider-range-track-border": "--border-neutral-medium",
         "--slider-range-track-border-width": "--border-width-1",
         "--slider-range-track-height": "--space-8",
         "--slider-range-track-radius": "--radius-full",
         "--slider-range-fill": "--surface-brand-high",
         "--slider-range-thumb-surface": "--surface-neutral-highest",
-        "--slider-range-thumb-border": "--border-brand",
+        "--slider-range-thumb-border": "--border-brand-medium",
         "--slider-range-thumb-border-width": "--border-width-2",
         "--slider-range-thumb-size": "--font-size-lg",
         "--slider-range-thumb-radius": "--radius-full",

package/src/live-tokens/data/themes/royal-velvet.json CHANGED Viewed

@@ -2510,7 +2510,7 @@
       "createdAt": "2026-05-01T08:28:00.345Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--badge-brand-surface": "--surface-brand",
+        "--badge-brand-surface": "--surface-brand-low",
         "--badge-brand-text": "--text-brand",
         "--badge-brand-border": "--border-brand",
         "--badge-brand-text-font-family": "--font-sans",
@@ -2563,7 +2563,7 @@
         "--badge-alternate-blur": "--blur-none",
         "--badge-alternate-icon-size": "--icon-size-sm",
         "--badge-canvas-surface": "--surface-canvas",
-        "--badge-canvas-text": "--text-canvas",
+        "--badge-canvas-text": "--text-secondary",
         "--badge-canvas-border": "--border-canvas",
         "--badge-canvas-text-font-family": "--font-sans",
         "--badge-canvas-text-font-size": "--font-size-md",
@@ -2614,7 +2614,7 @@
         "--badge-warning-shadow": "--shadow-none",
         "--badge-warning-blur": "--blur-none",
         "--badge-warning-icon-size": "--icon-size-sm",
-        "--badge-danger-surface": "--surface-danger",
+        "--badge-danger-surface": "--surface-danger-low",
         "--badge-danger-text": "--text-danger",
         "--badge-danger-border": "--border-danger",
         "--badge-danger-text-font-family": "--font-sans",
@@ -2987,7 +2987,7 @@
         "--cornerbadge-text-font-size": "--font-size-sm",
         "--cornerbadge-text-font-weight": "--font-weight-medium",
         "--cornerbadge-text-line-height": "--line-height-none",
-        "--cornerbadge-brand-surface": "--surface-brand",
+        "--cornerbadge-brand-surface": "--surface-brand-low",
         "--cornerbadge-brand-border": "--border-brand",
         "--cornerbadge-brand-text": "--text-brand",
         "--cornerbadge-accent-surface": "--surface-accent",
@@ -3001,7 +3001,7 @@
         "--cornerbadge-alternate-text": "--text-alternate",
         "--cornerbadge-canvas-surface": "--surface-canvas",
         "--cornerbadge-canvas-border": "--border-canvas",
-        "--cornerbadge-canvas-text": "--text-canvas",
+        "--cornerbadge-canvas-text": "--text-secondary",
         "--cornerbadge-special-surface": "--surface-special",
         "--cornerbadge-special-border": "--border-special",
         "--cornerbadge-special-text": "--text-special",
@@ -3011,7 +3011,7 @@
         "--cornerbadge-warning-surface": "--surface-warning",
         "--cornerbadge-warning-border": "--border-warning",
         "--cornerbadge-warning-text": "--text-warning",
-        "--cornerbadge-danger-surface": "--surface-danger",
+        "--cornerbadge-danger-surface": "--surface-danger-low",
         "--cornerbadge-danger-border": "--border-danger",
         "--cornerbadge-danger-text": "--text-danger",
         "--cornerbadge-info-surface": "--surface-info",
@@ -3229,7 +3229,7 @@
         "--input-border-width": "--border-width-2",
         "--input-gap": "--space-6",
         "--input-default-surface": "--surface-neutral-lower",
-        "--input-default-border": "--border-neutral",
+        "--input-default-border": "--border-neutral-medium",
         "--input-default-text": "--text-primary",
         "--input-default-text-font-family": "--font-sans",
         "--input-default-text-font-size": "--font-size-sm",
@@ -3388,7 +3388,7 @@
         "--notification-warning-text-font-size": "--font-size-md",
         "--notification-warning-text-font-weight": "--font-weight-normal",
         "--notification-warning-text-line-height": "--line-height-normal",
-        "--notification-danger-surface": "--surface-danger",
+        "--notification-danger-surface": "--surface-danger-low",
         "--notification-danger-action-surface": "--surface-neutral-lowest",
         "--notification-danger-border": "--border-danger",
         "--notification-danger-border-width": "--border-width-2",
@@ -3472,7 +3472,7 @@
       "createdAt": "2026-05-10T20:44:44.372Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--radiobutton-default-dot-border-color": "--border-neutral",
+        "--radiobutton-default-dot-border-color": "--border-neutral-medium",
         "--radiobutton-default-dot-border-width": "--border-width-3",
         "--radiobutton-default-dot-fill": "--text-secondary",
         "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3481,7 +3481,7 @@
         "--radiobutton-default-label-font-size": "--font-size-md",
         "--radiobutton-default-label-font-weight": "--font-weight-semibold",
         "--radiobutton-default-label-line-height": "--line-height-none",
-        "--radiobutton-hover-dot-border-color": "--border-neutral",
+        "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
         "--radiobutton-hover-dot-border-width": "--border-width-3",
         "--radiobutton-hover-dot-fill": "--text-secondary",
         "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3490,7 +3490,7 @@
         "--radiobutton-hover-label-font-size": "--font-size-md",
         "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
         "--radiobutton-hover-label-line-height": "--line-height-none",
-        "--radiobutton-selected-dot-border-color": "--border-neutral",
+        "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
         "--radiobutton-selected-dot-border-width": "--border-width-3",
         "--radiobutton-selected-dot-fill": "--text-secondary",
         "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3599,7 +3599,7 @@
         "--segmentedcontrol-hover-tint": "--tint",
         "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
         "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
-        "--segmentedcontrol-bar-border": "--border-neutral",
+        "--segmentedcontrol-bar-border": "--border-neutral-medium",
         "--segmentedcontrol-bar-border-width": "--border-width-2",
         "--segmentedcontrol-bar-radius": "--radius-lg",
         "--segmentedcontrol-bar-padding": "--space-8",
@@ -3630,7 +3630,7 @@
         "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
         "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
         "--segmentedcontrol-selected-icon": "--text-secondary",
-        "--segmentedcontrol-selected-border": "--border-brand",
+        "--segmentedcontrol-selected-border": "--border-brand-medium",
         "--segmentedcontrol-selected-border-width": "--border-width-2",
         "--segmentedcontrol-selected-radius": "--radius-md",
         "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3857,7 +3857,7 @@
         "--tabbar-hover-tab-bottom-radius": "--radius-none",
         "--tabbar-hover-indicator-width": "--border-width-3",
         "--tabbar-selected-text": "--text-primary",
-        "--tabbar-selected-border": "--color-brand-500",
+        "--tabbar-selected-border": "--border-brand-medium",
         "--tabbar-selected-surface": "--tint-low",
         "--tabbar-selected-text-font-family": "--font-sans",
         "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3927,7 +3927,7 @@
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
         "--toggle-track-surface": "--surface-neutral",
-        "--toggle-track-border": "--border-neutral",
+        "--toggle-track-border": "--border-neutral-medium",
         "--toggle-track-border-width": "--border-width-2",
         "--toggle-track-radius": "--radius-full",
         "--toggle-track-padding": "--space-6",
@@ -3942,7 +3942,7 @@
         "--toggle-hover-track-surface": "--surface-neutral-high",
         "--toggle-hover-thumb-surface": "--text-primary",
         "--toggle-on-track-surface": "--surface-brand-high",
-        "--toggle-on-track-border": "--border-brand",
+        "--toggle-on-track-border": "--border-brand-medium",
         "--toggle-on-thumb-surface": "--text-primary",
         "--toggle-on-thumb-border": "--border-brand-strong",
         "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3978,13 +3978,13 @@
       "updatedAt": "2026-09-02T10:55:50.831Z",
       "aliases": {
         "--slider-single-track-surface": "--surface-neutral-lowest",
-        "--slider-single-track-border": "--border-neutral-subtle",
+        "--slider-single-track-border": "--border-neutral-medium",
         "--slider-single-track-border-width": "--border-width-1",
         "--slider-single-track-height": "--space-8",
         "--slider-single-track-radius": "--radius-full",
         "--slider-single-fill": "--surface-brand-high",
         "--slider-single-thumb-surface": "--surface-neutral-highest",
-        "--slider-single-thumb-border": "--border-brand",
+        "--slider-single-thumb-border": "--border-brand-medium",
         "--slider-single-thumb-border-width": "--border-width-2",
         "--slider-single-thumb-size": "--font-size-lg",
         "--slider-single-thumb-radius": "--radius-full",
@@ -3996,13 +3996,13 @@
         "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
         "--slider-single-disabled-thumb-border": "--border-neutral",
         "--slider-range-track-surface": "--surface-neutral-lowest",
-        "--slider-range-track-border": "--border-neutral-subtle",
+        "--slider-range-track-border": "--border-neutral-medium",
         "--slider-range-track-border-width": "--border-width-1",
         "--slider-range-track-height": "--space-8",
         "--slider-range-track-radius": "--radius-full",
         "--slider-range-fill": "--surface-brand-high",
         "--slider-range-thumb-surface": "--surface-neutral-highest",
-        "--slider-range-thumb-border": "--border-brand",
+        "--slider-range-thumb-border": "--border-brand-medium",
         "--slider-range-thumb-border-width": "--border-width-2",
         "--slider-range-thumb-size": "--font-size-lg",
         "--slider-range-thumb-radius": "--radius-full",

package/src/live-tokens/data/themes/sketchy.json CHANGED Viewed

@@ -2493,7 +2493,7 @@
       "createdAt": "2026-05-01T08:28:00.345Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
-        "--badge-brand-surface": "--surface-brand",
+        "--badge-brand-surface": "--surface-brand-low",
         "--badge-brand-text": "--text-brand",
         "--badge-brand-border": "--border-brand",
         "--badge-brand-text-font-family": "--font-sans",
@@ -2546,7 +2546,7 @@
         "--badge-alternate-blur": "--blur-none",
         "--badge-alternate-icon-size": "--icon-size-sm",
         "--badge-canvas-surface": "--surface-canvas",
-        "--badge-canvas-text": "--text-canvas",
+        "--badge-canvas-text": "--text-secondary",
         "--badge-canvas-border": "--border-canvas",
         "--badge-canvas-text-font-family": "--font-sans",
         "--badge-canvas-text-font-size": "--font-size-md",
@@ -2597,7 +2597,7 @@
         "--badge-warning-shadow": "--shadow-none",
         "--badge-warning-blur": "--blur-none",
         "--badge-warning-icon-size": "--icon-size-sm",
-        "--badge-danger-surface": "--surface-danger",
+        "--badge-danger-surface": "--surface-danger-low",
         "--badge-danger-text": "--text-danger",
         "--badge-danger-border": "--border-danger",
         "--badge-danger-text-font-family": "--font-sans",
@@ -2970,7 +2970,7 @@
         "--cornerbadge-text-font-size": "--font-size-sm",
         "--cornerbadge-text-font-weight": "--font-weight-medium",
         "--cornerbadge-text-line-height": "--line-height-none",
-        "--cornerbadge-brand-surface": "--surface-brand",
+        "--cornerbadge-brand-surface": "--surface-brand-low",
         "--cornerbadge-brand-border": "--border-brand",
         "--cornerbadge-brand-text": "--text-brand",
         "--cornerbadge-accent-surface": "--surface-accent",
@@ -2984,7 +2984,7 @@
         "--cornerbadge-alternate-text": "--text-alternate",
         "--cornerbadge-canvas-surface": "--surface-canvas",
         "--cornerbadge-canvas-border": "--border-canvas",
-        "--cornerbadge-canvas-text": "--text-canvas",
+        "--cornerbadge-canvas-text": "--text-secondary",
         "--cornerbadge-special-surface": "--surface-special",
         "--cornerbadge-special-border": "--border-special",
         "--cornerbadge-special-text": "--text-special",
@@ -2994,7 +2994,7 @@
         "--cornerbadge-warning-surface": "--surface-warning",
         "--cornerbadge-warning-border": "--border-warning",
         "--cornerbadge-warning-text": "--text-warning",
-        "--cornerbadge-danger-surface": "--surface-danger",
+        "--cornerbadge-danger-surface": "--surface-danger-low",
         "--cornerbadge-danger-border": "--border-danger",
         "--cornerbadge-danger-text": "--text-danger",
         "--cornerbadge-info-surface": "--surface-info",
@@ -3212,7 +3212,7 @@
         "--input-border-width": "--border-width-1",
         "--input-gap": "--space-10",
         "--input-default-surface": "--surface-neutral-lower",
-        "--input-default-border": "--border-neutral",
+        "--input-default-border": "--border-neutral-medium",
         "--input-default-text": "--text-primary",
         "--input-default-text-font-family": "--font-sans",
         "--input-default-text-font-size": "--font-size-sm",
@@ -3371,7 +3371,7 @@
         "--notification-warning-text-font-size": "--font-size-md",
         "--notification-warning-text-font-weight": "--font-weight-normal",
         "--notification-warning-text-line-height": "--line-height-normal",
-        "--notification-danger-surface": "--surface-danger",
+        "--notification-danger-surface": "--surface-danger-low",
         "--notification-danger-action-surface": "--surface-neutral-lowest",
         "--notification-danger-border": "--border-danger",
         "--notification-danger-border-width": "--border-width-1",
@@ -3455,7 +3455,7 @@
       "createdAt": "2026-05-10T20:44:44.372Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
-        "--radiobutton-default-dot-border-color": "--border-neutral",
+        "--radiobutton-default-dot-border-color": "--border-neutral-medium",
         "--radiobutton-default-dot-border-width": "--border-width-2",
         "--radiobutton-default-dot-fill": "--text-secondary",
         "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3464,7 +3464,7 @@
         "--radiobutton-default-label-font-size": "--font-size-md",
         "--radiobutton-default-label-font-weight": "--font-weight-semibold",
         "--radiobutton-default-label-line-height": "--line-height-none",
-        "--radiobutton-hover-dot-border-color": "--border-neutral",
+        "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
         "--radiobutton-hover-dot-border-width": "--border-width-2",
         "--radiobutton-hover-dot-fill": "--text-secondary",
         "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3473,7 +3473,7 @@
         "--radiobutton-hover-label-font-size": "--font-size-md",
         "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
         "--radiobutton-hover-label-line-height": "--line-height-none",
-        "--radiobutton-selected-dot-border-color": "--border-neutral",
+        "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
         "--radiobutton-selected-dot-border-width": "--border-width-2",
         "--radiobutton-selected-dot-fill": "--text-secondary",
         "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3582,7 +3582,7 @@
         "--segmentedcontrol-hover-tint": "--tint",
         "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
         "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
-        "--segmentedcontrol-bar-border": "--border-neutral",
+        "--segmentedcontrol-bar-border": "--border-neutral-medium",
         "--segmentedcontrol-bar-border-width": "--border-width-1",
         "--segmentedcontrol-bar-radius": "--radius-none",
         "--segmentedcontrol-bar-padding": "--space-6",
@@ -3613,7 +3613,7 @@
         "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
         "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
         "--segmentedcontrol-selected-icon": "--text-secondary",
-        "--segmentedcontrol-selected-border": "--border-brand",
+        "--segmentedcontrol-selected-border": "--border-brand-medium",
         "--segmentedcontrol-selected-border-width": "--border-width-1",
         "--segmentedcontrol-selected-radius": "--radius-none",
         "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3840,7 +3840,7 @@
         "--tabbar-hover-tab-bottom-radius": "--radius-none",
         "--tabbar-hover-indicator-width": "--border-width-2",
         "--tabbar-selected-text": "--text-primary",
-        "--tabbar-selected-border": "--color-brand-500",
+        "--tabbar-selected-border": "--border-brand-medium",
         "--tabbar-selected-surface": "--tint-low",
         "--tabbar-selected-text-font-family": "--font-sans",
         "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3910,7 +3910,7 @@
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
         "--toggle-track-surface": "--surface-neutral",
-        "--toggle-track-border": "--border-neutral",
+        "--toggle-track-border": "--border-neutral-medium",
         "--toggle-track-border-width": "--border-width-1",
         "--toggle-track-radius": "--radius-none",
         "--toggle-track-padding": "--space-4",
@@ -3925,7 +3925,7 @@
         "--toggle-hover-track-surface": "--surface-neutral-high",
         "--toggle-hover-thumb-surface": "--text-primary",
         "--toggle-on-track-surface": "--surface-brand-high",
-        "--toggle-on-track-border": "--border-brand",
+        "--toggle-on-track-border": "--border-brand-medium",
         "--toggle-on-thumb-surface": "--text-primary",
         "--toggle-on-thumb-border": "--border-brand-strong",
         "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3961,13 +3961,13 @@
       "updatedAt": "2026-09-02T10:55:50.831Z",
       "aliases": {
         "--slider-single-track-surface": "--surface-neutral-lowest",
-        "--slider-single-track-border": "--border-neutral-subtle",
+        "--slider-single-track-border": "--border-neutral-medium",
         "--slider-single-track-border-width": "--border-width-1",
         "--slider-single-track-height": "--space-8",
         "--slider-single-track-radius": "--radius-full",
         "--slider-single-fill": "--surface-brand-high",
         "--slider-single-thumb-surface": "--surface-neutral-highest",
-        "--slider-single-thumb-border": "--border-brand",
+        "--slider-single-thumb-border": "--border-brand-medium",
         "--slider-single-thumb-border-width": "--border-width-2",
         "--slider-single-thumb-size": "--font-size-lg",
         "--slider-single-thumb-radius": "--radius-full",
@@ -3979,13 +3979,13 @@
         "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
         "--slider-single-disabled-thumb-border": "--border-neutral",
         "--slider-range-track-surface": "--surface-neutral-lowest",
-        "--slider-range-track-border": "--border-neutral-subtle",
+        "--slider-range-track-border": "--border-neutral-medium",
         "--slider-range-track-border-width": "--border-width-1",
         "--slider-range-track-height": "--space-8",
         "--slider-range-track-radius": "--radius-full",
         "--slider-range-fill": "--surface-brand-high",
         "--slider-range-thumb-surface": "--surface-neutral-highest",
-        "--slider-range-thumb-border": "--border-brand",
+        "--slider-range-thumb-border": "--border-brand-medium",
         "--slider-range-thumb-border-width": "--border-width-2",
         "--slider-range-thumb-size": "--font-size-lg",
         "--slider-range-thumb-radius": "--radius-full",