@motion-proto/live-tokens 0.96.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 (206) hide show
  1. package/.claude/skills/live-tokens-check-compliance/SKILL.md +5 -0
  2. package/.claude/skills/live-tokens-create-component/SKILL.md +4 -3
  3. package/.claude/skills/live-tokens-create-component/references/contract-tests.md +71 -11
  4. package/CHANGELOG.md +309 -0
  5. package/README.md +2 -2
  6. package/bin/check-component.mjs +8 -0
  7. package/bin/check-page.mjs +6 -0
  8. package/bin/cli.mjs +36 -6
  9. package/bin/contractRunner.mjs +142 -17
  10. package/bin/lib/findings.mjs +20 -4
  11. package/bin/rules/a11y.mjs +53 -0
  12. package/bin/set-colors.mjs +1 -0
  13. package/bin/setup-claude.mjs +2 -2
  14. package/dist-plugin/{chunk-A4TBP4MM.js → chunk-SLICH4IH.js} +2 -2
  15. package/dist-plugin/index.cjs +148 -3
  16. package/dist-plugin/index.js +250 -105
  17. package/dist-plugin/setColors/index.cjs +7 -1
  18. package/dist-plugin/setColors/index.d.cts +9 -4
  19. package/dist-plugin/setColors/index.d.ts +9 -4
  20. package/dist-plugin/setColors/index.js +8 -2
  21. package/dist-plugin/setGeometry/index.d.cts +1 -1
  22. package/dist-plugin/setGeometry/index.d.ts +1 -1
  23. package/dist-plugin/setType/index.d.cts +1 -1
  24. package/dist-plugin/setType/index.d.ts +1 -1
  25. package/dist-plugin/{themeTypes-B8_Idrp4.d.cts → themeTypes-BaTQUyac.d.cts} +10 -1
  26. package/dist-plugin/{themeTypes-B8_Idrp4.d.ts → themeTypes-BaTQUyac.d.ts} +10 -1
  27. package/package.json +49 -2
  28. package/src/demo/LabeledSelect.svelte +1 -1
  29. package/src/editor/bootstrap.ts +3 -1
  30. package/src/editor/component-editor/BadgeEditor.svelte +13 -0
  31. package/src/editor/component-editor/ButtonEditor.svelte +33 -2
  32. package/src/editor/component-editor/CalloutEditor.svelte +13 -0
  33. package/src/editor/component-editor/CardEditor.svelte +12 -2
  34. package/src/editor/component-editor/CodeSnippetEditor.svelte +11 -1
  35. package/src/editor/component-editor/CollapsibleSectionEditor.svelte +18 -1
  36. package/src/editor/component-editor/CornerBadgeEditor.svelte +13 -0
  37. package/src/editor/component-editor/DialogEditor.svelte +15 -0
  38. package/src/editor/component-editor/IconButtonEditor.svelte +29 -1
  39. package/src/editor/component-editor/ImageEditor.svelte +20 -9
  40. package/src/editor/component-editor/ImageLightboxEditor.svelte +44 -0
  41. package/src/editor/component-editor/InlineEditActionsEditor.svelte +13 -1
  42. package/src/editor/component-editor/InputEditor.svelte +23 -0
  43. package/src/editor/component-editor/MenuSelectEditor.svelte +27 -1
  44. package/src/editor/component-editor/NotificationEditor.svelte +15 -0
  45. package/src/editor/component-editor/PanelEditor.svelte +1 -1
  46. package/src/editor/component-editor/ProgressBarEditor.svelte +13 -0
  47. package/src/editor/component-editor/RadioButtonEditor.svelte +20 -1
  48. package/src/editor/component-editor/SectionDividerEditor.svelte +41 -13
  49. package/src/editor/component-editor/SegmentedControlEditor.svelte +29 -1
  50. package/src/editor/component-editor/SideNavigationEditor.svelte +40 -1
  51. package/src/editor/component-editor/SlidePagerEditor.svelte +20 -0
  52. package/src/editor/component-editor/SliderEditor.svelte +33 -0
  53. package/src/editor/component-editor/TabBarEditor.svelte +23 -2
  54. package/src/editor/component-editor/TableEditor.svelte +14 -0
  55. package/src/editor/component-editor/ToggleEditor.svelte +17 -0
  56. package/src/editor/component-editor/TooltipEditor.svelte +11 -2
  57. package/src/editor/component-editor/VideoFrameEditor.svelte +8 -0
  58. package/src/editor/component-editor/VideoLightboxEditor.svelte +10 -0
  59. package/src/editor/component-editor/registration.ts +2 -1
  60. package/src/editor/component-editor/registry.ts +69 -27
  61. package/src/editor/component-editor/scaffolding/DemoHeader.svelte +2 -0
  62. package/src/editor/component-editor/scaffolding/StateBlock.svelte +19 -8
  63. package/src/editor/component-editor/scaffolding/TokenLayout.svelte +3 -0
  64. package/src/editor/component-editor/scaffolding/VariantGroup.svelte +70 -10
  65. package/src/editor/component-editor/scaffolding/editorContext.ts +7 -0
  66. package/src/editor/core/a11y/a11yReport.ts +101 -0
  67. package/src/editor/core/a11y/a11yReportTypes.ts +69 -0
  68. package/src/editor/core/a11y/contrastFailures.ts +22 -0
  69. package/src/editor/core/components/contrastPairRegistry.ts +18 -0
  70. package/src/editor/core/palettes/contrast.ts +44 -0
  71. package/src/editor/core/palettes/contrastPairs.ts +79 -0
  72. package/src/editor/core/palettes/resolveColor.ts +77 -0
  73. package/src/editor/core/store/editorPersistence.ts +9 -1
  74. package/src/editor/core/store/editorRenderer.ts +2 -0
  75. package/src/editor/core/store/editorStore.ts +29 -0
  76. package/src/editor/core/store/editorTypes.ts +9 -0
  77. package/src/editor/core/store/editorViewStore.ts +2 -2
  78. package/src/editor/core/store/unsavedEdits.ts +10 -0
  79. package/src/editor/core/themes/buildColors.ts +16 -5
  80. package/src/editor/core/themes/liveStateStream.ts +7 -1
  81. package/src/editor/core/themes/parsers/gradient.ts +5 -2
  82. package/src/editor/core/themes/slices/customColors.ts +226 -0
  83. package/src/editor/core/themes/themeTypes.ts +10 -0
  84. package/src/editor/docs/chapters.ts +1 -0
  85. package/src/editor/docs/content/accessibility.md +362 -0
  86. package/src/editor/docs/content/editing-tokens.md +56 -1
  87. package/src/editor/docs/content.generated.ts +2 -1
  88. package/src/editor/pages/ComponentEditorPage.svelte +10 -1
  89. package/src/editor/pages/EditorShell.svelte +97 -10
  90. package/src/editor/skill-atlas/skillSources.generated.ts +3 -3
  91. package/src/editor/skill-atlas/trees/check-compliance.ts +3 -3
  92. package/src/editor/skill-atlas/trees/create-component.ts +12 -12
  93. package/src/editor/ui/CustomColorReplaceStep.svelte +118 -0
  94. package/src/editor/ui/EditorViewSwitcher.svelte +15 -2
  95. package/src/editor/ui/GradientEditor.svelte +9 -1
  96. package/src/editor/ui/ThemePanel.svelte +4 -4
  97. package/src/editor/ui/UIContrastReadout.svelte +186 -0
  98. package/src/editor/ui/UIInfoPopover.svelte +16 -2
  99. package/src/editor/ui/UIPaletteSelector.svelte +347 -15
  100. package/src/editor/ui/UITokenSelector.svelte +33 -14
  101. package/src/editor/ui/VariablesTab.svelte +3 -0
  102. package/src/editor/ui/a11y/A11yComponentIssues.svelte +103 -0
  103. package/src/editor/ui/a11y/A11yFindingRow.svelte +57 -0
  104. package/src/editor/ui/a11y/A11yIssueRow.svelte +121 -0
  105. package/src/editor/ui/a11y/A11yOverview.svelte +242 -0
  106. package/src/editor/ui/a11y/A11yPanel.svelte +128 -0
  107. package/src/editor/ui/a11y/A11yPropertyMark.svelte +84 -0
  108. package/src/editor/ui/a11y/A11yRailMark.svelte +34 -0
  109. package/src/editor/ui/a11y/AccessibilityTab.svelte +334 -0
  110. package/src/editor/ui/a11y/a11yView.ts +218 -0
  111. package/src/editor/ui/anchorToTrigger.ts +63 -0
  112. package/src/editor/ui/contrastReadout.ts +45 -0
  113. package/src/editor/ui/sections/CustomColorsSection.svelte +254 -0
  114. package/src/live-tokens/data/themes/autumn.json +20 -20
  115. package/src/live-tokens/data/themes/halloween.json +20 -20
  116. package/src/live-tokens/data/themes/midnight-study.json +20 -20
  117. package/src/live-tokens/data/themes/ocean.json +20 -20
  118. package/src/live-tokens/data/themes/royal-velvet.json +20 -20
  119. package/src/live-tokens/data/themes/sketchy.json +20 -20
  120. package/src/live-tokens/data/themes/spring-meadow.json +20 -20
  121. package/src/live-tokens/data/themes/sunset.json +20 -20
  122. package/src/system/components/Badge.svelte +3 -3
  123. package/src/system/components/Button.svelte +9 -3
  124. package/src/system/components/CodeSnippet.svelte +8 -1
  125. package/src/system/components/CornerBadge.svelte +3 -3
  126. package/src/system/components/Dialog.svelte +43 -14
  127. package/src/system/components/IconButton.svelte +1 -1
  128. package/src/system/components/Image.svelte +7 -0
  129. package/src/system/components/ImageLightbox.svelte +26 -26
  130. package/src/system/components/Input.svelte +8 -1
  131. package/src/system/components/MenuSelect.svelte +30 -2
  132. package/src/system/components/Notification.svelte +1 -1
  133. package/src/system/components/ProgressBar.svelte +6 -0
  134. package/src/system/components/RadioButton.svelte +36 -3
  135. package/src/system/components/SegmentedControl.svelte +36 -2
  136. package/src/system/components/SlidePager.svelte +2 -2
  137. package/src/system/components/Slider.svelte +13 -9
  138. package/src/system/components/TabBar.svelte +33 -3
  139. package/src/system/components/Toggle.svelte +2 -2
  140. package/src/system/components/VideoFrame.svelte +1 -1
  141. package/src/system/components/VideoLightbox.svelte +2 -2
  142. package/src/system/internal/focusTrap.ts +35 -0
  143. package/src/testing-js/__aria__/badge.yml +40 -0
  144. package/src/testing-js/__aria__/button.yml +88 -0
  145. package/src/testing-js/__aria__/callout.yml +12 -0
  146. package/src/testing-js/__aria__/card.yml +8 -0
  147. package/src/testing-js/__aria__/codesnippet.yml +21 -0
  148. package/src/testing-js/__aria__/collapsiblesection.yml +23 -0
  149. package/src/testing-js/__aria__/cornerbadge.yml +24 -0
  150. package/src/testing-js/__aria__/dialog.yml +42 -0
  151. package/src/testing-js/__aria__/iconbutton.yml +57 -0
  152. package/src/testing-js/__aria__/image.yml +10 -0
  153. package/src/testing-js/__aria__/imagelightbox.yml +50 -0
  154. package/src/testing-js/__aria__/inlineeditactions.yml +16 -0
  155. package/src/testing-js/__aria__/input.yml +61 -0
  156. package/src/testing-js/__aria__/menuselect.yml +30 -0
  157. package/src/testing-js/__aria__/notification.yml +30 -0
  158. package/src/testing-js/__aria__/panel.yml +2 -0
  159. package/src/testing-js/__aria__/progressbar.yml +2 -0
  160. package/src/testing-js/__aria__/radiobutton.yml +20 -0
  161. package/src/testing-js/__aria__/sectiondivider.yml +9 -0
  162. package/src/testing-js/__aria__/segmentedcontrol.yml +35 -0
  163. package/src/testing-js/__aria__/sidenavigation.yml +304 -0
  164. package/src/testing-js/__aria__/slidepager.yml +72 -0
  165. package/src/testing-js/__aria__/slider.yml +28 -0
  166. package/src/testing-js/__aria__/tabbar.yml +35 -0
  167. package/src/testing-js/__aria__/table.yml +144 -0
  168. package/src/testing-js/__aria__/toggle.yml +12 -0
  169. package/src/testing-js/__aria__/tooltip.yml +2 -0
  170. package/src/testing-js/__aria__/videoframe.yml +6 -0
  171. package/src/testing-js/__aria__/videolightbox.yml +12 -0
  172. package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} +2 -2
  173. package/src/testing-js/{chunk-SHBYZUPD.js → chunk-5HNZHIHG.js} +211 -14
  174. package/src/testing-js/chunk-5HNZHIHG.js.map +1 -0
  175. package/src/testing-js/{chunk-NB3NZRBM.js → chunk-7CM5D7PF.js} +5 -1
  176. package/src/testing-js/chunk-7CM5D7PF.js.map +1 -0
  177. package/src/testing-js/chunk-EWSGE27V.js +168 -0
  178. package/src/testing-js/chunk-EWSGE27V.js.map +1 -0
  179. package/src/testing-js/{chunk-GKO27NGN.js → chunk-R54I7YL6.js} +2 -2
  180. package/src/testing-js/{chunk-X6KHEVIG.js → chunk-RWH46IU5.js} +97 -29
  181. package/src/testing-js/chunk-RWH46IU5.js.map +1 -0
  182. package/src/testing-js/chunk-SHLPDNAQ.js +658 -0
  183. package/src/testing-js/chunk-SHLPDNAQ.js.map +1 -0
  184. package/src/testing-js/{chunk-3UKGXCDL.js → chunk-YVVR3GJZ.js} +1 -1
  185. package/src/testing-js/chunk-YVVR3GJZ.js.map +1 -0
  186. package/src/testing-js/component-a11y.contract.js +283 -0
  187. package/src/testing-js/component-a11y.contract.js.map +1 -0
  188. package/src/testing-js/component-alias.contract.js +2 -2
  189. package/src/testing-js/component-behavior.contract.js +2 -2
  190. package/src/testing-js/component-editor.contract.js +6 -5
  191. package/src/testing-js/component-editor.contract.js.map +1 -1
  192. package/src/testing-js/component-render.contract.js +10 -6
  193. package/src/testing-js/component-render.contract.js.map +1 -1
  194. package/src/testing-js/index.d.ts +44 -16
  195. package/src/testing-js/index.js +9 -9
  196. package/src/testing-js/page-compliance.contract.js +163 -18
  197. package/src/testing-js/page-compliance.contract.js.map +1 -1
  198. package/src/testing-js/vitest.js +3 -3
  199. package/template/package.json +9 -0
  200. package/src/editor/ui/keepInViewport.ts +0 -84
  201. package/src/testing-js/chunk-3UKGXCDL.js.map +0 -1
  202. package/src/testing-js/chunk-NB3NZRBM.js.map +0 -1
  203. package/src/testing-js/chunk-SHBYZUPD.js.map +0 -1
  204. package/src/testing-js/chunk-X6KHEVIG.js.map +0 -1
  205. /package/src/testing-js/{chunk-WIZ6W7UT.js.map → chunk-3WCLMOM7.js.map} +0 -0
  206. /package/src/testing-js/{chunk-GKO27NGN.js.map → chunk-R54I7YL6.js.map} +0 -0
package/src/live-tokens/data/themes/royal-velvet.json CHANGED
@@ -2510,7 +2510,7 @@
2510
2510
  "createdAt": "2026-05-01T08:28:00.345Z",
2511
2511
  "updatedAt": "2026-08-19T22:39:32.785Z",
2512
2512
  "aliases": {
2513
- "--badge-brand-surface": "--surface-brand",
2513
+ "--badge-brand-surface": "--surface-brand-low",
2514
2514
  "--badge-brand-text": "--text-brand",
2515
2515
  "--badge-brand-border": "--border-brand",
2516
2516
  "--badge-brand-text-font-family": "--font-sans",
@@ -2563,7 +2563,7 @@
2563
2563
  "--badge-alternate-blur": "--blur-none",
2564
2564
  "--badge-alternate-icon-size": "--icon-size-sm",
2565
2565
  "--badge-canvas-surface": "--surface-canvas",
2566
- "--badge-canvas-text": "--text-canvas",
2566
+ "--badge-canvas-text": "--text-secondary",
2567
2567
  "--badge-canvas-border": "--border-canvas",
2568
2568
  "--badge-canvas-text-font-family": "--font-sans",
2569
2569
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2614,7 +2614,7 @@
2614
2614
  "--badge-warning-shadow": "--shadow-none",
2615
2615
  "--badge-warning-blur": "--blur-none",
2616
2616
  "--badge-warning-icon-size": "--icon-size-sm",
2617
- "--badge-danger-surface": "--surface-danger",
2617
+ "--badge-danger-surface": "--surface-danger-low",
2618
2618
  "--badge-danger-text": "--text-danger",
2619
2619
  "--badge-danger-border": "--border-danger",
2620
2620
  "--badge-danger-text-font-family": "--font-sans",
@@ -2987,7 +2987,7 @@
2987
2987
  "--cornerbadge-text-font-size": "--font-size-sm",
2988
2988
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2989
2989
  "--cornerbadge-text-line-height": "--line-height-none",
2990
- "--cornerbadge-brand-surface": "--surface-brand",
2990
+ "--cornerbadge-brand-surface": "--surface-brand-low",
2991
2991
  "--cornerbadge-brand-border": "--border-brand",
2992
2992
  "--cornerbadge-brand-text": "--text-brand",
2993
2993
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -3001,7 +3001,7 @@
3001
3001
  "--cornerbadge-alternate-text": "--text-alternate",
3002
3002
  "--cornerbadge-canvas-surface": "--surface-canvas",
3003
3003
  "--cornerbadge-canvas-border": "--border-canvas",
3004
- "--cornerbadge-canvas-text": "--text-canvas",
3004
+ "--cornerbadge-canvas-text": "--text-secondary",
3005
3005
  "--cornerbadge-special-surface": "--surface-special",
3006
3006
  "--cornerbadge-special-border": "--border-special",
3007
3007
  "--cornerbadge-special-text": "--text-special",
@@ -3011,7 +3011,7 @@
3011
3011
  "--cornerbadge-warning-surface": "--surface-warning",
3012
3012
  "--cornerbadge-warning-border": "--border-warning",
3013
3013
  "--cornerbadge-warning-text": "--text-warning",
3014
- "--cornerbadge-danger-surface": "--surface-danger",
3014
+ "--cornerbadge-danger-surface": "--surface-danger-low",
3015
3015
  "--cornerbadge-danger-border": "--border-danger",
3016
3016
  "--cornerbadge-danger-text": "--text-danger",
3017
3017
  "--cornerbadge-info-surface": "--surface-info",
@@ -3229,7 +3229,7 @@
3229
3229
  "--input-border-width": "--border-width-2",
3230
3230
  "--input-gap": "--space-6",
3231
3231
  "--input-default-surface": "--surface-neutral-lower",
3232
- "--input-default-border": "--border-neutral",
3232
+ "--input-default-border": "--border-neutral-medium",
3233
3233
  "--input-default-text": "--text-primary",
3234
3234
  "--input-default-text-font-family": "--font-sans",
3235
3235
  "--input-default-text-font-size": "--font-size-sm",
@@ -3388,7 +3388,7 @@
3388
3388
  "--notification-warning-text-font-size": "--font-size-md",
3389
3389
  "--notification-warning-text-font-weight": "--font-weight-normal",
3390
3390
  "--notification-warning-text-line-height": "--line-height-normal",
3391
- "--notification-danger-surface": "--surface-danger",
3391
+ "--notification-danger-surface": "--surface-danger-low",
3392
3392
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3393
3393
  "--notification-danger-border": "--border-danger",
3394
3394
  "--notification-danger-border-width": "--border-width-2",
@@ -3472,7 +3472,7 @@
3472
3472
  "createdAt": "2026-05-10T20:44:44.372Z",
3473
3473
  "updatedAt": "2026-08-19T22:39:32.785Z",
3474
3474
  "aliases": {
3475
- "--radiobutton-default-dot-border-color": "--border-neutral",
3475
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3476
3476
  "--radiobutton-default-dot-border-width": "--border-width-3",
3477
3477
  "--radiobutton-default-dot-fill": "--text-secondary",
3478
3478
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3481,7 +3481,7 @@
3481
3481
  "--radiobutton-default-label-font-size": "--font-size-md",
3482
3482
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3483
3483
  "--radiobutton-default-label-line-height": "--line-height-none",
3484
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3484
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3485
3485
  "--radiobutton-hover-dot-border-width": "--border-width-3",
3486
3486
  "--radiobutton-hover-dot-fill": "--text-secondary",
3487
3487
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3490,7 +3490,7 @@
3490
3490
  "--radiobutton-hover-label-font-size": "--font-size-md",
3491
3491
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3492
3492
  "--radiobutton-hover-label-line-height": "--line-height-none",
3493
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3493
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3494
3494
  "--radiobutton-selected-dot-border-width": "--border-width-3",
3495
3495
  "--radiobutton-selected-dot-fill": "--text-secondary",
3496
3496
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3599,7 +3599,7 @@
3599
3599
  "--segmentedcontrol-hover-tint": "--tint",
3600
3600
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3601
3601
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3602
- "--segmentedcontrol-bar-border": "--border-neutral",
3602
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3603
3603
  "--segmentedcontrol-bar-border-width": "--border-width-2",
3604
3604
  "--segmentedcontrol-bar-radius": "--radius-lg",
3605
3605
  "--segmentedcontrol-bar-padding": "--space-8",
@@ -3630,7 +3630,7 @@
3630
3630
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3631
3631
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3632
3632
  "--segmentedcontrol-selected-icon": "--text-secondary",
3633
- "--segmentedcontrol-selected-border": "--border-brand",
3633
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3634
3634
  "--segmentedcontrol-selected-border-width": "--border-width-2",
3635
3635
  "--segmentedcontrol-selected-radius": "--radius-md",
3636
3636
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3857,7 +3857,7 @@
3857
3857
  "--tabbar-hover-tab-bottom-radius": "--radius-none",
3858
3858
  "--tabbar-hover-indicator-width": "--border-width-3",
3859
3859
  "--tabbar-selected-text": "--text-primary",
3860
- "--tabbar-selected-border": "--color-brand-500",
3860
+ "--tabbar-selected-border": "--border-brand-medium",
3861
3861
  "--tabbar-selected-surface": "--tint-low",
3862
3862
  "--tabbar-selected-text-font-family": "--font-sans",
3863
3863
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3927,7 +3927,7 @@
3927
3927
  "updatedAt": "2026-08-19T22:39:32.785Z",
3928
3928
  "aliases": {
3929
3929
  "--toggle-track-surface": "--surface-neutral",
3930
- "--toggle-track-border": "--border-neutral",
3930
+ "--toggle-track-border": "--border-neutral-medium",
3931
3931
  "--toggle-track-border-width": "--border-width-2",
3932
3932
  "--toggle-track-radius": "--radius-full",
3933
3933
  "--toggle-track-padding": "--space-6",
@@ -3942,7 +3942,7 @@
3942
3942
  "--toggle-hover-track-surface": "--surface-neutral-high",
3943
3943
  "--toggle-hover-thumb-surface": "--text-primary",
3944
3944
  "--toggle-on-track-surface": "--surface-brand-high",
3945
- "--toggle-on-track-border": "--border-brand",
3945
+ "--toggle-on-track-border": "--border-brand-medium",
3946
3946
  "--toggle-on-thumb-surface": "--text-primary",
3947
3947
  "--toggle-on-thumb-border": "--border-brand-strong",
3948
3948
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3978,13 +3978,13 @@
3978
3978
  "updatedAt": "2026-09-02T10:55:50.831Z",
3979
3979
  "aliases": {
3980
3980
  "--slider-single-track-surface": "--surface-neutral-lowest",
3981
- "--slider-single-track-border": "--border-neutral-subtle",
3981
+ "--slider-single-track-border": "--border-neutral-medium",
3982
3982
  "--slider-single-track-border-width": "--border-width-1",
3983
3983
  "--slider-single-track-height": "--space-8",
3984
3984
  "--slider-single-track-radius": "--radius-full",
3985
3985
  "--slider-single-fill": "--surface-brand-high",
3986
3986
  "--slider-single-thumb-surface": "--surface-neutral-highest",
3987
- "--slider-single-thumb-border": "--border-brand",
3987
+ "--slider-single-thumb-border": "--border-brand-medium",
3988
3988
  "--slider-single-thumb-border-width": "--border-width-2",
3989
3989
  "--slider-single-thumb-size": "--font-size-lg",
3990
3990
  "--slider-single-thumb-radius": "--radius-full",
@@ -3996,13 +3996,13 @@
3996
3996
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3997
3997
  "--slider-single-disabled-thumb-border": "--border-neutral",
3998
3998
  "--slider-range-track-surface": "--surface-neutral-lowest",
3999
- "--slider-range-track-border": "--border-neutral-subtle",
3999
+ "--slider-range-track-border": "--border-neutral-medium",
4000
4000
  "--slider-range-track-border-width": "--border-width-1",
4001
4001
  "--slider-range-track-height": "--space-8",
4002
4002
  "--slider-range-track-radius": "--radius-full",
4003
4003
  "--slider-range-fill": "--surface-brand-high",
4004
4004
  "--slider-range-thumb-surface": "--surface-neutral-highest",
4005
- "--slider-range-thumb-border": "--border-brand",
4005
+ "--slider-range-thumb-border": "--border-brand-medium",
4006
4006
  "--slider-range-thumb-border-width": "--border-width-2",
4007
4007
  "--slider-range-thumb-size": "--font-size-lg",
4008
4008
  "--slider-range-thumb-radius": "--radius-full",
package/src/live-tokens/data/themes/sketchy.json CHANGED
@@ -2493,7 +2493,7 @@
2493
2493
  "createdAt": "2026-05-01T08:28:00.345Z",
2494
2494
  "updatedAt": "2026-08-25T01:13:11.520Z",
2495
2495
  "aliases": {
2496
- "--badge-brand-surface": "--surface-brand",
2496
+ "--badge-brand-surface": "--surface-brand-low",
2497
2497
  "--badge-brand-text": "--text-brand",
2498
2498
  "--badge-brand-border": "--border-brand",
2499
2499
  "--badge-brand-text-font-family": "--font-sans",
@@ -2546,7 +2546,7 @@
2546
2546
  "--badge-alternate-blur": "--blur-none",
2547
2547
  "--badge-alternate-icon-size": "--icon-size-sm",
2548
2548
  "--badge-canvas-surface": "--surface-canvas",
2549
- "--badge-canvas-text": "--text-canvas",
2549
+ "--badge-canvas-text": "--text-secondary",
2550
2550
  "--badge-canvas-border": "--border-canvas",
2551
2551
  "--badge-canvas-text-font-family": "--font-sans",
2552
2552
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2597,7 +2597,7 @@
2597
2597
  "--badge-warning-shadow": "--shadow-none",
2598
2598
  "--badge-warning-blur": "--blur-none",
2599
2599
  "--badge-warning-icon-size": "--icon-size-sm",
2600
- "--badge-danger-surface": "--surface-danger",
2600
+ "--badge-danger-surface": "--surface-danger-low",
2601
2601
  "--badge-danger-text": "--text-danger",
2602
2602
  "--badge-danger-border": "--border-danger",
2603
2603
  "--badge-danger-text-font-family": "--font-sans",
@@ -2970,7 +2970,7 @@
2970
2970
  "--cornerbadge-text-font-size": "--font-size-sm",
2971
2971
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2972
2972
  "--cornerbadge-text-line-height": "--line-height-none",
2973
- "--cornerbadge-brand-surface": "--surface-brand",
2973
+ "--cornerbadge-brand-surface": "--surface-brand-low",
2974
2974
  "--cornerbadge-brand-border": "--border-brand",
2975
2975
  "--cornerbadge-brand-text": "--text-brand",
2976
2976
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -2984,7 +2984,7 @@
2984
2984
  "--cornerbadge-alternate-text": "--text-alternate",
2985
2985
  "--cornerbadge-canvas-surface": "--surface-canvas",
2986
2986
  "--cornerbadge-canvas-border": "--border-canvas",
2987
- "--cornerbadge-canvas-text": "--text-canvas",
2987
+ "--cornerbadge-canvas-text": "--text-secondary",
2988
2988
  "--cornerbadge-special-surface": "--surface-special",
2989
2989
  "--cornerbadge-special-border": "--border-special",
2990
2990
  "--cornerbadge-special-text": "--text-special",
@@ -2994,7 +2994,7 @@
2994
2994
  "--cornerbadge-warning-surface": "--surface-warning",
2995
2995
  "--cornerbadge-warning-border": "--border-warning",
2996
2996
  "--cornerbadge-warning-text": "--text-warning",
2997
- "--cornerbadge-danger-surface": "--surface-danger",
2997
+ "--cornerbadge-danger-surface": "--surface-danger-low",
2998
2998
  "--cornerbadge-danger-border": "--border-danger",
2999
2999
  "--cornerbadge-danger-text": "--text-danger",
3000
3000
  "--cornerbadge-info-surface": "--surface-info",
@@ -3212,7 +3212,7 @@
3212
3212
  "--input-border-width": "--border-width-1",
3213
3213
  "--input-gap": "--space-10",
3214
3214
  "--input-default-surface": "--surface-neutral-lower",
3215
- "--input-default-border": "--border-neutral",
3215
+ "--input-default-border": "--border-neutral-medium",
3216
3216
  "--input-default-text": "--text-primary",
3217
3217
  "--input-default-text-font-family": "--font-sans",
3218
3218
  "--input-default-text-font-size": "--font-size-sm",
@@ -3371,7 +3371,7 @@
3371
3371
  "--notification-warning-text-font-size": "--font-size-md",
3372
3372
  "--notification-warning-text-font-weight": "--font-weight-normal",
3373
3373
  "--notification-warning-text-line-height": "--line-height-normal",
3374
- "--notification-danger-surface": "--surface-danger",
3374
+ "--notification-danger-surface": "--surface-danger-low",
3375
3375
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3376
3376
  "--notification-danger-border": "--border-danger",
3377
3377
  "--notification-danger-border-width": "--border-width-1",
@@ -3455,7 +3455,7 @@
3455
3455
  "createdAt": "2026-05-10T20:44:44.372Z",
3456
3456
  "updatedAt": "2026-08-25T01:13:11.520Z",
3457
3457
  "aliases": {
3458
- "--radiobutton-default-dot-border-color": "--border-neutral",
3458
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3459
3459
  "--radiobutton-default-dot-border-width": "--border-width-2",
3460
3460
  "--radiobutton-default-dot-fill": "--text-secondary",
3461
3461
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3464,7 +3464,7 @@
3464
3464
  "--radiobutton-default-label-font-size": "--font-size-md",
3465
3465
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3466
3466
  "--radiobutton-default-label-line-height": "--line-height-none",
3467
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3467
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3468
3468
  "--radiobutton-hover-dot-border-width": "--border-width-2",
3469
3469
  "--radiobutton-hover-dot-fill": "--text-secondary",
3470
3470
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3473,7 +3473,7 @@
3473
3473
  "--radiobutton-hover-label-font-size": "--font-size-md",
3474
3474
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3475
3475
  "--radiobutton-hover-label-line-height": "--line-height-none",
3476
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3476
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3477
3477
  "--radiobutton-selected-dot-border-width": "--border-width-2",
3478
3478
  "--radiobutton-selected-dot-fill": "--text-secondary",
3479
3479
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3582,7 +3582,7 @@
3582
3582
  "--segmentedcontrol-hover-tint": "--tint",
3583
3583
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3584
3584
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3585
- "--segmentedcontrol-bar-border": "--border-neutral",
3585
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3586
3586
  "--segmentedcontrol-bar-border-width": "--border-width-1",
3587
3587
  "--segmentedcontrol-bar-radius": "--radius-none",
3588
3588
  "--segmentedcontrol-bar-padding": "--space-6",
@@ -3613,7 +3613,7 @@
3613
3613
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3614
3614
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3615
3615
  "--segmentedcontrol-selected-icon": "--text-secondary",
3616
- "--segmentedcontrol-selected-border": "--border-brand",
3616
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3617
3617
  "--segmentedcontrol-selected-border-width": "--border-width-1",
3618
3618
  "--segmentedcontrol-selected-radius": "--radius-none",
3619
3619
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3840,7 +3840,7 @@
3840
3840
  "--tabbar-hover-tab-bottom-radius": "--radius-none",
3841
3841
  "--tabbar-hover-indicator-width": "--border-width-2",
3842
3842
  "--tabbar-selected-text": "--text-primary",
3843
- "--tabbar-selected-border": "--color-brand-500",
3843
+ "--tabbar-selected-border": "--border-brand-medium",
3844
3844
  "--tabbar-selected-surface": "--tint-low",
3845
3845
  "--tabbar-selected-text-font-family": "--font-sans",
3846
3846
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3910,7 +3910,7 @@
3910
3910
  "updatedAt": "2026-08-25T01:13:11.520Z",
3911
3911
  "aliases": {
3912
3912
  "--toggle-track-surface": "--surface-neutral",
3913
- "--toggle-track-border": "--border-neutral",
3913
+ "--toggle-track-border": "--border-neutral-medium",
3914
3914
  "--toggle-track-border-width": "--border-width-1",
3915
3915
  "--toggle-track-radius": "--radius-none",
3916
3916
  "--toggle-track-padding": "--space-4",
@@ -3925,7 +3925,7 @@
3925
3925
  "--toggle-hover-track-surface": "--surface-neutral-high",
3926
3926
  "--toggle-hover-thumb-surface": "--text-primary",
3927
3927
  "--toggle-on-track-surface": "--surface-brand-high",
3928
- "--toggle-on-track-border": "--border-brand",
3928
+ "--toggle-on-track-border": "--border-brand-medium",
3929
3929
  "--toggle-on-thumb-surface": "--text-primary",
3930
3930
  "--toggle-on-thumb-border": "--border-brand-strong",
3931
3931
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3961,13 +3961,13 @@
3961
3961
  "updatedAt": "2026-09-02T10:55:50.831Z",
3962
3962
  "aliases": {
3963
3963
  "--slider-single-track-surface": "--surface-neutral-lowest",
3964
- "--slider-single-track-border": "--border-neutral-subtle",
3964
+ "--slider-single-track-border": "--border-neutral-medium",
3965
3965
  "--slider-single-track-border-width": "--border-width-1",
3966
3966
  "--slider-single-track-height": "--space-8",
3967
3967
  "--slider-single-track-radius": "--radius-full",
3968
3968
  "--slider-single-fill": "--surface-brand-high",
3969
3969
  "--slider-single-thumb-surface": "--surface-neutral-highest",
3970
- "--slider-single-thumb-border": "--border-brand",
3970
+ "--slider-single-thumb-border": "--border-brand-medium",
3971
3971
  "--slider-single-thumb-border-width": "--border-width-2",
3972
3972
  "--slider-single-thumb-size": "--font-size-lg",
3973
3973
  "--slider-single-thumb-radius": "--radius-full",
@@ -3979,13 +3979,13 @@
3979
3979
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3980
3980
  "--slider-single-disabled-thumb-border": "--border-neutral",
3981
3981
  "--slider-range-track-surface": "--surface-neutral-lowest",
3982
- "--slider-range-track-border": "--border-neutral-subtle",
3982
+ "--slider-range-track-border": "--border-neutral-medium",
3983
3983
  "--slider-range-track-border-width": "--border-width-1",
3984
3984
  "--slider-range-track-height": "--space-8",
3985
3985
  "--slider-range-track-radius": "--radius-full",
3986
3986
  "--slider-range-fill": "--surface-brand-high",
3987
3987
  "--slider-range-thumb-surface": "--surface-neutral-highest",
3988
- "--slider-range-thumb-border": "--border-brand",
3988
+ "--slider-range-thumb-border": "--border-brand-medium",
3989
3989
  "--slider-range-thumb-border-width": "--border-width-2",
3990
3990
  "--slider-range-thumb-size": "--font-size-lg",
3991
3991
  "--slider-range-thumb-radius": "--radius-full",
package/src/live-tokens/data/themes/spring-meadow.json CHANGED
@@ -2466,7 +2466,7 @@
2466
2466
  "createdAt": "2026-05-01T08:28:00.345Z",
2467
2467
  "updatedAt": "2026-08-19T22:39:32.785Z",
2468
2468
  "aliases": {
2469
- "--badge-brand-surface": "--surface-brand",
2469
+ "--badge-brand-surface": "--surface-brand-low",
2470
2470
  "--badge-brand-text": "--text-brand",
2471
2471
  "--badge-brand-border": "--border-brand",
2472
2472
  "--badge-brand-text-font-family": "--font-sans",
@@ -2519,7 +2519,7 @@
2519
2519
  "--badge-alternate-blur": "--blur-none",
2520
2520
  "--badge-alternate-icon-size": "--icon-size-sm",
2521
2521
  "--badge-canvas-surface": "--surface-canvas",
2522
- "--badge-canvas-text": "--text-canvas",
2522
+ "--badge-canvas-text": "--text-secondary",
2523
2523
  "--badge-canvas-border": "--border-canvas",
2524
2524
  "--badge-canvas-text-font-family": "--font-sans",
2525
2525
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2570,7 +2570,7 @@
2570
2570
  "--badge-warning-shadow": "--shadow-none",
2571
2571
  "--badge-warning-blur": "--blur-none",
2572
2572
  "--badge-warning-icon-size": "--icon-size-sm",
2573
- "--badge-danger-surface": "--surface-danger",
2573
+ "--badge-danger-surface": "--surface-danger-low",
2574
2574
  "--badge-danger-text": "--text-danger",
2575
2575
  "--badge-danger-border": "--border-danger",
2576
2576
  "--badge-danger-text-font-family": "--font-sans",
@@ -2943,7 +2943,7 @@
2943
2943
  "--cornerbadge-text-font-size": "--font-size-sm",
2944
2944
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2945
2945
  "--cornerbadge-text-line-height": "--line-height-none",
2946
- "--cornerbadge-brand-surface": "--surface-brand",
2946
+ "--cornerbadge-brand-surface": "--surface-brand-low",
2947
2947
  "--cornerbadge-brand-border": "--border-brand",
2948
2948
  "--cornerbadge-brand-text": "--text-brand",
2949
2949
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -2957,7 +2957,7 @@
2957
2957
  "--cornerbadge-alternate-text": "--text-alternate",
2958
2958
  "--cornerbadge-canvas-surface": "--surface-canvas",
2959
2959
  "--cornerbadge-canvas-border": "--border-canvas",
2960
- "--cornerbadge-canvas-text": "--text-canvas",
2960
+ "--cornerbadge-canvas-text": "--text-secondary",
2961
2961
  "--cornerbadge-special-surface": "--surface-special",
2962
2962
  "--cornerbadge-special-border": "--border-special",
2963
2963
  "--cornerbadge-special-text": "--text-special",
@@ -2967,7 +2967,7 @@
2967
2967
  "--cornerbadge-warning-surface": "--surface-warning",
2968
2968
  "--cornerbadge-warning-border": "--border-warning",
2969
2969
  "--cornerbadge-warning-text": "--text-warning",
2970
- "--cornerbadge-danger-surface": "--surface-danger",
2970
+ "--cornerbadge-danger-surface": "--surface-danger-low",
2971
2971
  "--cornerbadge-danger-border": "--border-danger",
2972
2972
  "--cornerbadge-danger-text": "--text-danger",
2973
2973
  "--cornerbadge-info-surface": "--surface-info",
@@ -3185,7 +3185,7 @@
3185
3185
  "--input-border-width": "--border-width-1",
3186
3186
  "--input-gap": "--space-10",
3187
3187
  "--input-default-surface": "--surface-neutral-lower",
3188
- "--input-default-border": "--border-neutral",
3188
+ "--input-default-border": "--border-neutral-medium",
3189
3189
  "--input-default-text": "--text-primary",
3190
3190
  "--input-default-text-font-family": "--font-sans",
3191
3191
  "--input-default-text-font-size": "--font-size-sm",
@@ -3344,7 +3344,7 @@
3344
3344
  "--notification-warning-text-font-size": "--font-size-md",
3345
3345
  "--notification-warning-text-font-weight": "--font-weight-normal",
3346
3346
  "--notification-warning-text-line-height": "--line-height-normal",
3347
- "--notification-danger-surface": "--surface-danger",
3347
+ "--notification-danger-surface": "--surface-danger-low",
3348
3348
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3349
3349
  "--notification-danger-border": "--border-danger",
3350
3350
  "--notification-danger-border-width": "--border-width-1",
@@ -3428,7 +3428,7 @@
3428
3428
  "createdAt": "2026-05-10T20:44:44.372Z",
3429
3429
  "updatedAt": "2026-08-19T22:39:32.785Z",
3430
3430
  "aliases": {
3431
- "--radiobutton-default-dot-border-color": "--border-neutral",
3431
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3432
3432
  "--radiobutton-default-dot-border-width": "--border-width-2",
3433
3433
  "--radiobutton-default-dot-fill": "--text-secondary",
3434
3434
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3437,7 +3437,7 @@
3437
3437
  "--radiobutton-default-label-font-size": "--font-size-md",
3438
3438
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3439
3439
  "--radiobutton-default-label-line-height": "--line-height-none",
3440
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3440
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3441
3441
  "--radiobutton-hover-dot-border-width": "--border-width-2",
3442
3442
  "--radiobutton-hover-dot-fill": "--text-secondary",
3443
3443
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3446,7 +3446,7 @@
3446
3446
  "--radiobutton-hover-label-font-size": "--font-size-md",
3447
3447
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3448
3448
  "--radiobutton-hover-label-line-height": "--line-height-none",
3449
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3449
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3450
3450
  "--radiobutton-selected-dot-border-width": "--border-width-2",
3451
3451
  "--radiobutton-selected-dot-fill": "--text-secondary",
3452
3452
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3555,7 +3555,7 @@
3555
3555
  "--segmentedcontrol-hover-tint": "--tint",
3556
3556
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3557
3557
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3558
- "--segmentedcontrol-bar-border": "--border-neutral",
3558
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3559
3559
  "--segmentedcontrol-bar-border-width": "--border-width-1",
3560
3560
  "--segmentedcontrol-bar-radius": "--radius-xl",
3561
3561
  "--segmentedcontrol-bar-padding": "--space-8",
@@ -3586,7 +3586,7 @@
3586
3586
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3587
3587
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3588
3588
  "--segmentedcontrol-selected-icon": "--text-secondary",
3589
- "--segmentedcontrol-selected-border": "--border-brand",
3589
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3590
3590
  "--segmentedcontrol-selected-border-width": "--border-width-1",
3591
3591
  "--segmentedcontrol-selected-radius": "--radius-lg",
3592
3592
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3813,7 +3813,7 @@
3813
3813
  "--tabbar-hover-tab-bottom-radius": "--radius-sm",
3814
3814
  "--tabbar-hover-indicator-width": "--border-width-2",
3815
3815
  "--tabbar-selected-text": "--text-primary",
3816
- "--tabbar-selected-border": "--color-brand-500",
3816
+ "--tabbar-selected-border": "--border-brand-medium",
3817
3817
  "--tabbar-selected-surface": "--tint-low",
3818
3818
  "--tabbar-selected-text-font-family": "--font-sans",
3819
3819
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3883,7 +3883,7 @@
3883
3883
  "updatedAt": "2026-08-19T22:39:32.785Z",
3884
3884
  "aliases": {
3885
3885
  "--toggle-track-surface": "--surface-neutral",
3886
- "--toggle-track-border": "--border-neutral",
3886
+ "--toggle-track-border": "--border-neutral-medium",
3887
3887
  "--toggle-track-border-width": "--border-width-1",
3888
3888
  "--toggle-track-radius": "--radius-full",
3889
3889
  "--toggle-track-padding": "--space-6",
@@ -3898,7 +3898,7 @@
3898
3898
  "--toggle-hover-track-surface": "--surface-neutral-high",
3899
3899
  "--toggle-hover-thumb-surface": "--text-primary",
3900
3900
  "--toggle-on-track-surface": "--surface-brand-high",
3901
- "--toggle-on-track-border": "--border-brand",
3901
+ "--toggle-on-track-border": "--border-brand-medium",
3902
3902
  "--toggle-on-thumb-surface": "--text-primary",
3903
3903
  "--toggle-on-thumb-border": "--border-brand-strong",
3904
3904
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3934,13 +3934,13 @@
3934
3934
  "updatedAt": "2026-09-02T10:55:50.831Z",
3935
3935
  "aliases": {
3936
3936
  "--slider-single-track-surface": "--surface-neutral-lowest",
3937
- "--slider-single-track-border": "--border-neutral-subtle",
3937
+ "--slider-single-track-border": "--border-neutral-medium",
3938
3938
  "--slider-single-track-border-width": "--border-width-1",
3939
3939
  "--slider-single-track-height": "--space-8",
3940
3940
  "--slider-single-track-radius": "--radius-full",
3941
3941
  "--slider-single-fill": "--surface-brand-high",
3942
3942
  "--slider-single-thumb-surface": "--surface-neutral-highest",
3943
- "--slider-single-thumb-border": "--border-brand",
3943
+ "--slider-single-thumb-border": "--border-brand-medium",
3944
3944
  "--slider-single-thumb-border-width": "--border-width-2",
3945
3945
  "--slider-single-thumb-size": "--font-size-lg",
3946
3946
  "--slider-single-thumb-radius": "--radius-full",
@@ -3952,13 +3952,13 @@
3952
3952
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3953
3953
  "--slider-single-disabled-thumb-border": "--border-neutral",
3954
3954
  "--slider-range-track-surface": "--surface-neutral-lowest",
3955
- "--slider-range-track-border": "--border-neutral-subtle",
3955
+ "--slider-range-track-border": "--border-neutral-medium",
3956
3956
  "--slider-range-track-border-width": "--border-width-1",
3957
3957
  "--slider-range-track-height": "--space-8",
3958
3958
  "--slider-range-track-radius": "--radius-full",
3959
3959
  "--slider-range-fill": "--surface-brand-high",
3960
3960
  "--slider-range-thumb-surface": "--surface-neutral-highest",
3961
- "--slider-range-thumb-border": "--border-brand",
3961
+ "--slider-range-thumb-border": "--border-brand-medium",
3962
3962
  "--slider-range-thumb-border-width": "--border-width-2",
3963
3963
  "--slider-range-thumb-size": "--font-size-lg",
3964
3964
  "--slider-range-thumb-radius": "--radius-full",