@motion-proto/live-tokens 0.97.0 → 0.99.0

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 (191) 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 +339 -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 +144 -19
  10. package/bin/lib/findings.mjs +20 -4
  11. package/bin/rules/a11y.mjs +53 -0
  12. package/dist-plugin/{chunk-A4TBP4MM.js → chunk-SLICH4IH.js} +2 -2
  13. package/dist-plugin/index.cjs +204 -3
  14. package/dist-plugin/index.js +306 -105
  15. package/dist-plugin/setColors/index.js +1 -1
  16. package/package.json +47 -2
  17. package/src/demo/LabeledSelect.svelte +1 -1
  18. package/src/editor/bootstrap.ts +5 -1
  19. package/src/editor/component-editor/BadgeEditor.svelte +13 -0
  20. package/src/editor/component-editor/ButtonEditor.svelte +33 -2
  21. package/src/editor/component-editor/CalloutEditor.svelte +13 -0
  22. package/src/editor/component-editor/CardEditor.svelte +12 -2
  23. package/src/editor/component-editor/CodeSnippetEditor.svelte +11 -1
  24. package/src/editor/component-editor/CollapsibleSectionEditor.svelte +18 -1
  25. package/src/editor/component-editor/CornerBadgeEditor.svelte +13 -0
  26. package/src/editor/component-editor/DialogEditor.svelte +15 -0
  27. package/src/editor/component-editor/IconButtonEditor.svelte +29 -1
  28. package/src/editor/component-editor/ImageEditor.svelte +20 -9
  29. package/src/editor/component-editor/ImageLightboxEditor.svelte +44 -0
  30. package/src/editor/component-editor/InlineEditActionsEditor.svelte +13 -1
  31. package/src/editor/component-editor/InputEditor.svelte +23 -0
  32. package/src/editor/component-editor/MenuSelectEditor.svelte +27 -1
  33. package/src/editor/component-editor/NotificationEditor.svelte +15 -0
  34. package/src/editor/component-editor/PanelEditor.svelte +1 -1
  35. package/src/editor/component-editor/ProgressBarEditor.svelte +13 -0
  36. package/src/editor/component-editor/RadioButtonEditor.svelte +20 -1
  37. package/src/editor/component-editor/SectionDividerEditor.svelte +40 -13
  38. package/src/editor/component-editor/SegmentedControlEditor.svelte +29 -1
  39. package/src/editor/component-editor/SideNavigationEditor.svelte +40 -1
  40. package/src/editor/component-editor/SlidePagerEditor.svelte +20 -0
  41. package/src/editor/component-editor/SliderEditor.svelte +33 -0
  42. package/src/editor/component-editor/TabBarEditor.svelte +23 -2
  43. package/src/editor/component-editor/TableEditor.svelte +14 -0
  44. package/src/editor/component-editor/ToggleEditor.svelte +17 -0
  45. package/src/editor/component-editor/TooltipEditor.svelte +11 -2
  46. package/src/editor/component-editor/VideoFrameEditor.svelte +8 -0
  47. package/src/editor/component-editor/VideoLightboxEditor.svelte +10 -0
  48. package/src/editor/component-editor/registration.ts +2 -1
  49. package/src/editor/component-editor/registry.ts +69 -27
  50. package/src/editor/component-editor/scaffolding/DemoHeader.svelte +2 -0
  51. package/src/editor/component-editor/scaffolding/StateBlock.svelte +19 -8
  52. package/src/editor/component-editor/scaffolding/TokenLayout.svelte +3 -0
  53. package/src/editor/component-editor/scaffolding/VariantGroup.svelte +70 -3
  54. package/src/editor/component-editor/scaffolding/editorContext.ts +7 -0
  55. package/src/editor/core/a11y/a11yReport.ts +164 -0
  56. package/src/editor/core/a11y/a11yReportTypes.ts +77 -0
  57. package/src/editor/core/a11y/contrastFailures.ts +22 -0
  58. package/src/editor/core/a11y/contrastFixes.ts +41 -0
  59. package/src/editor/core/components/contrastPairRegistry.ts +18 -0
  60. package/src/editor/core/palettes/contrast.ts +44 -0
  61. package/src/editor/core/palettes/contrastPairs.ts +82 -0
  62. package/src/editor/core/palettes/resolveColor.ts +77 -0
  63. package/src/editor/core/store/editorStore.ts +4 -0
  64. package/src/editor/core/store/editorViewStore.ts +2 -2
  65. package/src/editor/core/store/unsavedEdits.ts +10 -0
  66. package/src/editor/core/themes/liveStateStream.ts +7 -1
  67. package/src/editor/core/themes/parsers/gradient.ts +5 -2
  68. package/src/editor/docs/chapters.ts +1 -0
  69. package/src/editor/docs/content/accessibility.md +411 -0
  70. package/src/editor/docs/content/editing-tokens.md +32 -1
  71. package/src/editor/docs/content.generated.ts +2 -1
  72. package/src/editor/pages/ComponentEditorPage.svelte +11 -1
  73. package/src/editor/pages/EditorShell.svelte +98 -10
  74. package/src/editor/skill-atlas/skillSources.generated.ts +3 -3
  75. package/src/editor/skill-atlas/trees/check-compliance.ts +3 -3
  76. package/src/editor/skill-atlas/trees/create-component.ts +12 -12
  77. package/src/editor/styles/ui-editor.css +2 -0
  78. package/src/editor/ui/EditorViewSwitcher.svelte +15 -2
  79. package/src/editor/ui/GradientEditor.svelte +9 -1
  80. package/src/editor/ui/ThemePanel.svelte +4 -4
  81. package/src/editor/ui/UIContrastReadout.svelte +186 -0
  82. package/src/editor/ui/UIInfoPopover.svelte +16 -2
  83. package/src/editor/ui/UIPaletteSelector.svelte +9 -0
  84. package/src/editor/ui/UITokenSelector.svelte +26 -2
  85. package/src/editor/ui/a11y/A11yByEye.svelte +264 -0
  86. package/src/editor/ui/a11y/A11yComponentIssues.svelte +121 -0
  87. package/src/editor/ui/a11y/A11yFindingRow.svelte +119 -0
  88. package/src/editor/ui/a11y/A11yIssueRow.svelte +152 -0
  89. package/src/editor/ui/a11y/A11yOverview.svelte +246 -0
  90. package/src/editor/ui/a11y/A11yPanel.svelte +153 -0
  91. package/src/editor/ui/a11y/A11yPropertyMark.svelte +84 -0
  92. package/src/editor/ui/a11y/A11yRailMark.svelte +41 -0
  93. package/src/editor/ui/a11y/AccessibilityTab.svelte +321 -0
  94. package/src/editor/ui/a11y/a11yView.ts +257 -0
  95. package/src/editor/ui/contrastReadout.ts +45 -0
  96. package/src/live-tokens/data/colors-and-type/halloween.json +1 -1
  97. package/src/live-tokens/data/themes/autumn.json +35 -35
  98. package/src/live-tokens/data/themes/halloween.json +36 -36
  99. package/src/live-tokens/data/themes/midnight-study.json +35 -35
  100. package/src/live-tokens/data/themes/ocean.json +35 -35
  101. package/src/live-tokens/data/themes/royal-velvet.json +35 -35
  102. package/src/live-tokens/data/themes/sketchy.json +35 -35
  103. package/src/live-tokens/data/themes/spring-meadow.json +35 -35
  104. package/src/live-tokens/data/themes/sunset.json +35 -35
  105. package/src/system/components/Badge.svelte +3 -3
  106. package/src/system/components/Button.svelte +12 -6
  107. package/src/system/components/CodeSnippet.svelte +8 -1
  108. package/src/system/components/CornerBadge.svelte +3 -3
  109. package/src/system/components/Dialog.svelte +43 -14
  110. package/src/system/components/IconButton.svelte +1 -1
  111. package/src/system/components/Image.svelte +7 -0
  112. package/src/system/components/ImageLightbox.svelte +18 -25
  113. package/src/system/components/InlineEditActions.svelte +1 -1
  114. package/src/system/components/Input.svelte +9 -2
  115. package/src/system/components/MenuSelect.svelte +31 -3
  116. package/src/system/components/Notification.svelte +1 -1
  117. package/src/system/components/ProgressBar.svelte +7 -1
  118. package/src/system/components/RadioButton.svelte +36 -3
  119. package/src/system/components/SegmentedControl.svelte +36 -2
  120. package/src/system/components/SlidePager.svelte +3 -3
  121. package/src/system/components/Slider.svelte +19 -15
  122. package/src/system/components/TabBar.svelte +33 -3
  123. package/src/system/components/Toggle.svelte +3 -3
  124. package/src/system/components/VideoFrame.svelte +1 -1
  125. package/src/system/components/VideoLightbox.svelte +2 -2
  126. package/src/system/internal/focusTrap.ts +35 -0
  127. package/src/testing-js/__aria__/badge.yml +40 -0
  128. package/src/testing-js/__aria__/button.yml +88 -0
  129. package/src/testing-js/__aria__/callout.yml +12 -0
  130. package/src/testing-js/__aria__/card.yml +8 -0
  131. package/src/testing-js/__aria__/codesnippet.yml +21 -0
  132. package/src/testing-js/__aria__/collapsiblesection.yml +23 -0
  133. package/src/testing-js/__aria__/cornerbadge.yml +24 -0
  134. package/src/testing-js/__aria__/dialog.yml +42 -0
  135. package/src/testing-js/__aria__/iconbutton.yml +57 -0
  136. package/src/testing-js/__aria__/image.yml +10 -0
  137. package/src/testing-js/__aria__/imagelightbox.yml +50 -0
  138. package/src/testing-js/__aria__/inlineeditactions.yml +16 -0
  139. package/src/testing-js/__aria__/input.yml +61 -0
  140. package/src/testing-js/__aria__/menuselect.yml +30 -0
  141. package/src/testing-js/__aria__/notification.yml +30 -0
  142. package/src/testing-js/__aria__/panel.yml +2 -0
  143. package/src/testing-js/__aria__/progressbar.yml +2 -0
  144. package/src/testing-js/__aria__/radiobutton.yml +20 -0
  145. package/src/testing-js/__aria__/sectiondivider.yml +9 -0
  146. package/src/testing-js/__aria__/segmentedcontrol.yml +35 -0
  147. package/src/testing-js/__aria__/sidenavigation.yml +304 -0
  148. package/src/testing-js/__aria__/slidepager.yml +72 -0
  149. package/src/testing-js/__aria__/slider.yml +28 -0
  150. package/src/testing-js/__aria__/tabbar.yml +35 -0
  151. package/src/testing-js/__aria__/table.yml +144 -0
  152. package/src/testing-js/__aria__/toggle.yml +12 -0
  153. package/src/testing-js/__aria__/tooltip.yml +2 -0
  154. package/src/testing-js/__aria__/videoframe.yml +6 -0
  155. package/src/testing-js/__aria__/videolightbox.yml +12 -0
  156. package/src/testing-js/{chunk-WIZ6W7UT.js → chunk-3WCLMOM7.js} +2 -2
  157. package/src/testing-js/{chunk-NB3NZRBM.js → chunk-7CM5D7PF.js} +5 -1
  158. package/src/testing-js/chunk-7CM5D7PF.js.map +1 -0
  159. package/src/testing-js/{chunk-X6KHEVIG.js → chunk-7QXUJRSO.js} +97 -29
  160. package/src/testing-js/chunk-7QXUJRSO.js.map +1 -0
  161. package/src/testing-js/chunk-GZKUYLDW.js +193 -0
  162. package/src/testing-js/chunk-GZKUYLDW.js.map +1 -0
  163. package/src/testing-js/chunk-RTZQLW3F.js +649 -0
  164. package/src/testing-js/chunk-RTZQLW3F.js.map +1 -0
  165. package/src/testing-js/{chunk-SHBYZUPD.js → chunk-RWOT2XDB.js} +212 -15
  166. package/src/testing-js/chunk-RWOT2XDB.js.map +1 -0
  167. package/src/testing-js/{chunk-GKO27NGN.js → chunk-THWGMSRH.js} +2 -2
  168. package/src/testing-js/{chunk-3UKGXCDL.js → chunk-YVVR3GJZ.js} +1 -1
  169. package/src/testing-js/chunk-YVVR3GJZ.js.map +1 -0
  170. package/src/testing-js/component-a11y.contract.js +313 -0
  171. package/src/testing-js/component-a11y.contract.js.map +1 -0
  172. package/src/testing-js/component-alias.contract.js +2 -2
  173. package/src/testing-js/component-behavior.contract.js +2 -2
  174. package/src/testing-js/component-editor.contract.js +6 -5
  175. package/src/testing-js/component-editor.contract.js.map +1 -1
  176. package/src/testing-js/component-render.contract.js +10 -6
  177. package/src/testing-js/component-render.contract.js.map +1 -1
  178. package/src/testing-js/index.d.ts +44 -16
  179. package/src/testing-js/index.js +11 -11
  180. package/src/testing-js/index.js.map +1 -1
  181. package/src/testing-js/page-compliance.contract.js +132 -13
  182. package/src/testing-js/page-compliance.contract.js.map +1 -1
  183. package/src/testing-js/vitest.js +3 -3
  184. package/template/_gitignore +3 -0
  185. package/template/package.json +9 -0
  186. package/src/testing-js/chunk-3UKGXCDL.js.map +0 -1
  187. package/src/testing-js/chunk-NB3NZRBM.js.map +0 -1
  188. package/src/testing-js/chunk-SHBYZUPD.js.map +0 -1
  189. package/src/testing-js/chunk-X6KHEVIG.js.map +0 -1
  190. /package/src/testing-js/{chunk-WIZ6W7UT.js.map → chunk-3WCLMOM7.js.map} +0 -0
  191. /package/src/testing-js/{chunk-GKO27NGN.js.map → chunk-THWGMSRH.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",
@@ -2678,7 +2678,7 @@
2678
2678
  "--button-secondary-border-width": "--border-width-2",
2679
2679
  "--button-secondary-radius": "--radius-full",
2680
2680
  "--button-secondary-padding": "--space-12",
2681
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2681
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2682
2682
  "--button-secondary-hover-text": "--text-primary",
2683
2683
  "--button-secondary-hover-border": "--border-neutral-strong",
2684
2684
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2713,7 +2713,7 @@
2713
2713
  "--button-success-border-width": "--border-width-2",
2714
2714
  "--button-success-radius": "--radius-full",
2715
2715
  "--button-success-padding": "--space-12",
2716
- "--button-success-hover-surface": "--surface-success-higher",
2716
+ "--button-success-hover-surface": "--surface-success-high",
2717
2717
  "--button-success-hover-text": "--text-primary",
2718
2718
  "--button-success-hover-border": "--border-success-strong",
2719
2719
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2747,7 +2747,7 @@
2747
2747
  "--button-warning-border-width": "--border-width-2",
2748
2748
  "--button-warning-radius": "--radius-full",
2749
2749
  "--button-warning-padding": "--space-12",
2750
- "--button-warning-hover-surface": "--surface-warning-high",
2750
+ "--button-warning-hover-surface": "--surface-warning",
2751
2751
  "--button-warning-hover-text": "--text-primary",
2752
2752
  "--button-warning-hover-border": "--border-warning-medium",
2753
2753
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -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",
@@ -3210,7 +3210,7 @@
3210
3210
  "--inlineeditactions-cancel-default-padding": "--space-8",
3211
3211
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3212
3212
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3213
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3213
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3214
3214
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3215
3215
  "--inlineeditactions-cancel-hover-border-width": "--border-width-1",
3216
3216
  "--inlineeditactions-cancel-hover-radius": "--radius-md",
@@ -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",
@@ -3239,7 +3239,7 @@
3239
3239
  "--input-default-icon-size": "--icon-size-sm",
3240
3240
  "--input-default-placeholder": "--text-tertiary",
3241
3241
  "--input-focused-surface": "--surface-neutral-lower",
3242
- "--input-focused-border": "--border-brand",
3242
+ "--input-focused-border": "--border-brand-strong",
3243
3243
  "--input-focused-border-width": "--border-width-3",
3244
3244
  "--input-focused-text": "--text-primary",
3245
3245
  "--input-focused-text-font-family": "--font-sans",
@@ -3301,7 +3301,7 @@
3301
3301
  "--menuselect-default-text-line-height": "--line-height-tighter",
3302
3302
  "--menuselect-default-icon": "--text-tertiary",
3303
3303
  "--menuselect-default-icon-size": "--icon-size-sm",
3304
- "--menuselect-hover-surface": "--surface-neutral-higher",
3304
+ "--menuselect-hover-surface": "--surface-neutral-high",
3305
3305
  "--menuselect-hover-text": "--text-primary",
3306
3306
  "--menuselect-hover-text-font-family": "--font-sans",
3307
3307
  "--menuselect-hover-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",
@@ -3452,7 +3452,7 @@
3452
3452
  "--progressbar-track-border-width": "--border-width-2",
3453
3453
  "--progressbar-track-height": "--space-16",
3454
3454
  "--progressbar-radius": "--radius-full",
3455
- "--progressbar-fill": "--surface-special-highest",
3455
+ "--progressbar-fill": "--border-special-medium",
3456
3456
  "--progressbar-label-gap": "--space-6",
3457
3457
  "--progressbar-label": "--text-secondary",
3458
3458
  "--progressbar-label-font-family": "--font-sans",
@@ -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-strong",
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,11 +3927,11 @@
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",
3934
- "--toggle-thumb-surface": "--surface-neutral-highest",
3934
+ "--toggle-thumb-surface": "--text-primary",
3935
3935
  "--toggle-thumb-border": "--border-neutral-strong",
3936
3936
  "--toggle-thumb-size": "--font-size-md",
3937
3937
  "--toggle-label": "--text-primary",
@@ -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,36 +3978,36 @@
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
- "--slider-single-fill": "--surface-brand-high",
3986
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3987
- "--slider-single-thumb-border": "--border-brand",
3985
+ "--slider-single-fill": "--border-brand-medium",
3986
+ "--slider-single-thumb-surface": "--text-primary",
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",
3991
3991
  "--slider-single-thumb-shadow": "--shadow-sm",
3992
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
3992
+ "--slider-single-hover-thumb-surface": "--text-primary",
3993
3993
  "--slider-single-hover-thumb-border": "--border-brand-strong",
3994
3994
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
3995
3995
  "--slider-single-disabled-fill": "--surface-neutral",
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
- "--slider-range-fill": "--surface-brand-high",
4004
- "--slider-range-thumb-surface": "--surface-neutral-highest",
4005
- "--slider-range-thumb-border": "--border-brand",
4003
+ "--slider-range-fill": "--border-brand-medium",
4004
+ "--slider-range-thumb-surface": "--text-primary",
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",
4009
4009
  "--slider-range-thumb-shadow": "--shadow-sm",
4010
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
4010
+ "--slider-range-hover-thumb-surface": "--text-primary",
4011
4011
  "--slider-range-hover-thumb-border": "--border-brand-strong",
4012
4012
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
4013
4013
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -4106,7 +4106,7 @@
4106
4106
  "--slidepager-control-icon-size": "--icon-size-md",
4107
4107
  "--slidepager-control-hover-surface": "--surface-brand-high",
4108
4108
  "--slidepager-control-hover-border": "--border-brand",
4109
- "--slidepager-control-hover-icon": "--text-inverted",
4109
+ "--slidepager-control-hover-icon": "--text-primary",
4110
4110
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4111
4111
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4112
4112
  "--slidepager-control-disabled-icon": "--text-disabled",
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",
@@ -2661,7 +2661,7 @@
2661
2661
  "--button-secondary-border-width": "--border-width-1",
2662
2662
  "--button-secondary-radius": "--radius-none",
2663
2663
  "--button-secondary-padding": "--space-10",
2664
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2664
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2665
2665
  "--button-secondary-hover-text": "--text-primary",
2666
2666
  "--button-secondary-hover-border": "--border-neutral-strong",
2667
2667
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2696,7 +2696,7 @@
2696
2696
  "--button-success-border-width": "--border-width-1",
2697
2697
  "--button-success-radius": "--radius-none",
2698
2698
  "--button-success-padding": "--space-10",
2699
- "--button-success-hover-surface": "--surface-success-higher",
2699
+ "--button-success-hover-surface": "--surface-success-high",
2700
2700
  "--button-success-hover-text": "--text-primary",
2701
2701
  "--button-success-hover-border": "--border-success-strong",
2702
2702
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2730,7 +2730,7 @@
2730
2730
  "--button-warning-border-width": "--border-width-1",
2731
2731
  "--button-warning-radius": "--radius-none",
2732
2732
  "--button-warning-padding": "--space-10",
2733
- "--button-warning-hover-surface": "--surface-warning-high",
2733
+ "--button-warning-hover-surface": "--surface-warning",
2734
2734
  "--button-warning-hover-text": "--text-primary",
2735
2735
  "--button-warning-hover-border": "--border-warning-medium",
2736
2736
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -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",
@@ -3193,7 +3193,7 @@
3193
3193
  "--inlineeditactions-cancel-default-padding": "--space-6",
3194
3194
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3195
3195
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3196
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3196
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3197
3197
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3198
3198
  "--inlineeditactions-cancel-hover-border-width": "--border-width-1",
3199
3199
  "--inlineeditactions-cancel-hover-radius": "--radius-none",
@@ -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",
@@ -3222,7 +3222,7 @@
3222
3222
  "--input-default-icon-size": "--icon-size-sm",
3223
3223
  "--input-default-placeholder": "--text-tertiary",
3224
3224
  "--input-focused-surface": "--surface-neutral-lower",
3225
- "--input-focused-border": "--border-brand",
3225
+ "--input-focused-border": "--border-brand-strong",
3226
3226
  "--input-focused-border-width": "--border-width-2",
3227
3227
  "--input-focused-text": "--text-primary",
3228
3228
  "--input-focused-text-font-family": "--font-sans",
@@ -3284,7 +3284,7 @@
3284
3284
  "--menuselect-default-text-line-height": "--line-height-tighter",
3285
3285
  "--menuselect-default-icon": "--text-tertiary",
3286
3286
  "--menuselect-default-icon-size": "--icon-size-sm",
3287
- "--menuselect-hover-surface": "--surface-neutral-higher",
3287
+ "--menuselect-hover-surface": "--surface-neutral-high",
3288
3288
  "--menuselect-hover-text": "--text-primary",
3289
3289
  "--menuselect-hover-text-font-family": "--font-sans",
3290
3290
  "--menuselect-hover-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",
@@ -3435,7 +3435,7 @@
3435
3435
  "--progressbar-track-border-width": "--border-width-1",
3436
3436
  "--progressbar-track-height": "--space-16",
3437
3437
  "--progressbar-radius": "--radius-none",
3438
- "--progressbar-fill": "--surface-special-highest",
3438
+ "--progressbar-fill": "--border-special-medium",
3439
3439
  "--progressbar-label-gap": "--space-10",
3440
3440
  "--progressbar-label": "--text-secondary",
3441
3441
  "--progressbar-label-font-family": "--font-sans",
@@ -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-strong",
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,11 +3910,11 @@
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",
3917
- "--toggle-thumb-surface": "--surface-neutral-highest",
3917
+ "--toggle-thumb-surface": "--text-primary",
3918
3918
  "--toggle-thumb-border": "--border-neutral-strong",
3919
3919
  "--toggle-thumb-size": "--font-size-md",
3920
3920
  "--toggle-label": "--text-primary",
@@ -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,36 +3961,36 @@
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
- "--slider-single-fill": "--surface-brand-high",
3969
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3970
- "--slider-single-thumb-border": "--border-brand",
3968
+ "--slider-single-fill": "--border-brand-medium",
3969
+ "--slider-single-thumb-surface": "--text-primary",
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",
3974
3974
  "--slider-single-thumb-shadow": "--shadow-sm",
3975
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
3975
+ "--slider-single-hover-thumb-surface": "--text-primary",
3976
3976
  "--slider-single-hover-thumb-border": "--border-brand-strong",
3977
3977
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
3978
3978
  "--slider-single-disabled-fill": "--surface-neutral",
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
- "--slider-range-fill": "--surface-brand-high",
3987
- "--slider-range-thumb-surface": "--surface-neutral-highest",
3988
- "--slider-range-thumb-border": "--border-brand",
3986
+ "--slider-range-fill": "--border-brand-medium",
3987
+ "--slider-range-thumb-surface": "--text-primary",
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",
3992
3992
  "--slider-range-thumb-shadow": "--shadow-sm",
3993
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
3993
+ "--slider-range-hover-thumb-surface": "--text-primary",
3994
3994
  "--slider-range-hover-thumb-border": "--border-brand-strong",
3995
3995
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
3996
3996
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -4089,7 +4089,7 @@
4089
4089
  "--slidepager-control-icon-size": "--icon-size-md",
4090
4090
  "--slidepager-control-hover-surface": "--surface-brand-high",
4091
4091
  "--slidepager-control-hover-border": "--border-brand",
4092
- "--slidepager-control-hover-icon": "--text-inverted",
4092
+ "--slidepager-control-hover-icon": "--text-primary",
4093
4093
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4094
4094
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4095
4095
  "--slidepager-control-disabled-icon": "--text-disabled",