@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/autumn.json CHANGED
@@ -2480,7 +2480,7 @@
2480
2480
  "createdAt": "2026-05-01T08:28:00.345Z",
2481
2481
  "updatedAt": "2026-08-19T22:39:32.785Z",
2482
2482
  "aliases": {
2483
- "--badge-brand-surface": "--surface-brand",
2483
+ "--badge-brand-surface": "--surface-brand-low",
2484
2484
  "--badge-brand-text": "--text-brand",
2485
2485
  "--badge-brand-border": "--border-brand",
2486
2486
  "--badge-brand-text-font-family": "--font-sans",
@@ -2533,7 +2533,7 @@
2533
2533
  "--badge-alternate-blur": "--blur-none",
2534
2534
  "--badge-alternate-icon-size": "--icon-size-sm",
2535
2535
  "--badge-canvas-surface": "--surface-canvas",
2536
- "--badge-canvas-text": "--text-canvas",
2536
+ "--badge-canvas-text": "--text-secondary",
2537
2537
  "--badge-canvas-border": "--border-canvas",
2538
2538
  "--badge-canvas-text-font-family": "--font-sans",
2539
2539
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2584,7 +2584,7 @@
2584
2584
  "--badge-warning-shadow": "--shadow-none",
2585
2585
  "--badge-warning-blur": "--blur-none",
2586
2586
  "--badge-warning-icon-size": "--icon-size-sm",
2587
- "--badge-danger-surface": "--surface-danger",
2587
+ "--badge-danger-surface": "--surface-danger-low",
2588
2588
  "--badge-danger-text": "--text-danger",
2589
2589
  "--badge-danger-border": "--border-danger",
2590
2590
  "--badge-danger-text-font-family": "--font-sans",
@@ -2648,7 +2648,7 @@
2648
2648
  "--button-secondary-border-width": "--border-width-1",
2649
2649
  "--button-secondary-radius": "--radius-3xl",
2650
2650
  "--button-secondary-padding": "--space-12",
2651
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2651
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2652
2652
  "--button-secondary-hover-text": "--text-primary",
2653
2653
  "--button-secondary-hover-border": "--border-neutral-strong",
2654
2654
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2683,7 +2683,7 @@
2683
2683
  "--button-success-border-width": "--border-width-1",
2684
2684
  "--button-success-radius": "--radius-3xl",
2685
2685
  "--button-success-padding": "--space-12",
2686
- "--button-success-hover-surface": "--surface-success-higher",
2686
+ "--button-success-hover-surface": "--surface-success-high",
2687
2687
  "--button-success-hover-text": "--text-primary",
2688
2688
  "--button-success-hover-border": "--border-success-strong",
2689
2689
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2717,7 +2717,7 @@
2717
2717
  "--button-warning-border-width": "--border-width-1",
2718
2718
  "--button-warning-radius": "--radius-3xl",
2719
2719
  "--button-warning-padding": "--space-12",
2720
- "--button-warning-hover-surface": "--surface-warning-high",
2720
+ "--button-warning-hover-surface": "--surface-warning",
2721
2721
  "--button-warning-hover-text": "--text-primary",
2722
2722
  "--button-warning-hover-border": "--border-warning-medium",
2723
2723
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -2957,7 +2957,7 @@
2957
2957
  "--cornerbadge-text-font-size": "--font-size-sm",
2958
2958
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2959
2959
  "--cornerbadge-text-line-height": "--line-height-none",
2960
- "--cornerbadge-brand-surface": "--surface-brand",
2960
+ "--cornerbadge-brand-surface": "--surface-brand-low",
2961
2961
  "--cornerbadge-brand-border": "--border-brand",
2962
2962
  "--cornerbadge-brand-text": "--text-brand",
2963
2963
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -2971,7 +2971,7 @@
2971
2971
  "--cornerbadge-alternate-text": "--text-alternate",
2972
2972
  "--cornerbadge-canvas-surface": "--surface-canvas",
2973
2973
  "--cornerbadge-canvas-border": "--border-canvas",
2974
- "--cornerbadge-canvas-text": "--text-canvas",
2974
+ "--cornerbadge-canvas-text": "--text-secondary",
2975
2975
  "--cornerbadge-special-surface": "--surface-special",
2976
2976
  "--cornerbadge-special-border": "--border-special",
2977
2977
  "--cornerbadge-special-text": "--text-special",
@@ -2981,7 +2981,7 @@
2981
2981
  "--cornerbadge-warning-surface": "--surface-warning",
2982
2982
  "--cornerbadge-warning-border": "--border-warning",
2983
2983
  "--cornerbadge-warning-text": "--text-warning",
2984
- "--cornerbadge-danger-surface": "--surface-danger",
2984
+ "--cornerbadge-danger-surface": "--surface-danger-low",
2985
2985
  "--cornerbadge-danger-border": "--border-danger",
2986
2986
  "--cornerbadge-danger-text": "--text-danger",
2987
2987
  "--cornerbadge-info-surface": "--surface-info",
@@ -3180,7 +3180,7 @@
3180
3180
  "--inlineeditactions-cancel-default-padding": "--space-8",
3181
3181
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3182
3182
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3183
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3183
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3184
3184
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3185
3185
  "--inlineeditactions-cancel-hover-border-width": "--border-width-0",
3186
3186
  "--inlineeditactions-cancel-hover-radius": "--radius-xl",
@@ -3199,7 +3199,7 @@
3199
3199
  "--input-border-width": "--border-width-1",
3200
3200
  "--input-gap": "--space-8",
3201
3201
  "--input-default-surface": "--surface-neutral-lower",
3202
- "--input-default-border": "--border-neutral",
3202
+ "--input-default-border": "--border-neutral-medium",
3203
3203
  "--input-default-text": "--text-primary",
3204
3204
  "--input-default-text-font-family": "--font-sans",
3205
3205
  "--input-default-text-font-size": "--font-size-sm",
@@ -3209,7 +3209,7 @@
3209
3209
  "--input-default-icon-size": "--icon-size-sm",
3210
3210
  "--input-default-placeholder": "--text-tertiary",
3211
3211
  "--input-focused-surface": "--surface-neutral-lower",
3212
- "--input-focused-border": "--border-brand",
3212
+ "--input-focused-border": "--border-brand-strong",
3213
3213
  "--input-focused-border-width": "--border-width-2",
3214
3214
  "--input-focused-text": "--text-primary",
3215
3215
  "--input-focused-text-font-family": "--font-sans",
@@ -3271,7 +3271,7 @@
3271
3271
  "--menuselect-default-text-line-height": "--line-height-tighter",
3272
3272
  "--menuselect-default-icon": "--text-tertiary",
3273
3273
  "--menuselect-default-icon-size": "--icon-size-sm",
3274
- "--menuselect-hover-surface": "--surface-neutral-higher",
3274
+ "--menuselect-hover-surface": "--surface-neutral-high",
3275
3275
  "--menuselect-hover-text": "--text-primary",
3276
3276
  "--menuselect-hover-text-font-family": "--font-sans",
3277
3277
  "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3358,7 +3358,7 @@
3358
3358
  "--notification-warning-text-font-size": "--font-size-md",
3359
3359
  "--notification-warning-text-font-weight": "--font-weight-normal",
3360
3360
  "--notification-warning-text-line-height": "--line-height-normal",
3361
- "--notification-danger-surface": "--surface-danger",
3361
+ "--notification-danger-surface": "--surface-danger-low",
3362
3362
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3363
3363
  "--notification-danger-border": "--border-danger",
3364
3364
  "--notification-danger-border-width": "--border-width-1",
@@ -3422,7 +3422,7 @@
3422
3422
  "--progressbar-track-border-width": "--border-width-1",
3423
3423
  "--progressbar-track-height": "--space-16",
3424
3424
  "--progressbar-radius": "--radius-full",
3425
- "--progressbar-fill": "--surface-special-highest",
3425
+ "--progressbar-fill": "--border-special-medium",
3426
3426
  "--progressbar-label-gap": "--space-8",
3427
3427
  "--progressbar-label": "--text-secondary",
3428
3428
  "--progressbar-label-font-family": "--font-sans",
@@ -3442,7 +3442,7 @@
3442
3442
  "createdAt": "2026-05-10T20:44:44.372Z",
3443
3443
  "updatedAt": "2026-08-19T22:39:32.785Z",
3444
3444
  "aliases": {
3445
- "--radiobutton-default-dot-border-color": "--border-neutral",
3445
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3446
3446
  "--radiobutton-default-dot-border-width": "--border-width-2",
3447
3447
  "--radiobutton-default-dot-fill": "--text-secondary",
3448
3448
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3451,7 +3451,7 @@
3451
3451
  "--radiobutton-default-label-font-size": "--font-size-md",
3452
3452
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3453
3453
  "--radiobutton-default-label-line-height": "--line-height-none",
3454
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3454
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3455
3455
  "--radiobutton-hover-dot-border-width": "--border-width-2",
3456
3456
  "--radiobutton-hover-dot-fill": "--text-secondary",
3457
3457
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3460,7 +3460,7 @@
3460
3460
  "--radiobutton-hover-label-font-size": "--font-size-md",
3461
3461
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3462
3462
  "--radiobutton-hover-label-line-height": "--line-height-none",
3463
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3463
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3464
3464
  "--radiobutton-selected-dot-border-width": "--border-width-2",
3465
3465
  "--radiobutton-selected-dot-fill": "--text-secondary",
3466
3466
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3569,7 +3569,7 @@
3569
3569
  "--segmentedcontrol-hover-tint": "--tint",
3570
3570
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3571
3571
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3572
- "--segmentedcontrol-bar-border": "--border-neutral",
3572
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3573
3573
  "--segmentedcontrol-bar-border-width": "--border-width-1",
3574
3574
  "--segmentedcontrol-bar-radius": "--radius-2xl",
3575
3575
  "--segmentedcontrol-bar-padding": "--space-8",
@@ -3600,7 +3600,7 @@
3600
3600
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3601
3601
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3602
3602
  "--segmentedcontrol-selected-icon": "--text-secondary",
3603
- "--segmentedcontrol-selected-border": "--border-brand",
3603
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3604
3604
  "--segmentedcontrol-selected-border-width": "--border-width-1",
3605
3605
  "--segmentedcontrol-selected-radius": "--radius-xl",
3606
3606
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3827,7 +3827,7 @@
3827
3827
  "--tabbar-hover-tab-bottom-radius": "--radius-md",
3828
3828
  "--tabbar-hover-indicator-width": "--border-width-2",
3829
3829
  "--tabbar-selected-text": "--text-primary",
3830
- "--tabbar-selected-border": "--color-brand-500",
3830
+ "--tabbar-selected-border": "--border-brand-strong",
3831
3831
  "--tabbar-selected-surface": "--tint-low",
3832
3832
  "--tabbar-selected-text-font-family": "--font-sans",
3833
3833
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3897,11 +3897,11 @@
3897
3897
  "updatedAt": "2026-08-19T22:39:32.785Z",
3898
3898
  "aliases": {
3899
3899
  "--toggle-track-surface": "--surface-neutral",
3900
- "--toggle-track-border": "--border-neutral",
3900
+ "--toggle-track-border": "--border-neutral-medium",
3901
3901
  "--toggle-track-border-width": "--border-width-1",
3902
3902
  "--toggle-track-radius": "--radius-full",
3903
3903
  "--toggle-track-padding": "--space-6",
3904
- "--toggle-thumb-surface": "--surface-neutral-highest",
3904
+ "--toggle-thumb-surface": "--text-primary",
3905
3905
  "--toggle-thumb-border": "--border-neutral-strong",
3906
3906
  "--toggle-thumb-size": "--font-size-md",
3907
3907
  "--toggle-label": "--text-primary",
@@ -3912,7 +3912,7 @@
3912
3912
  "--toggle-hover-track-surface": "--surface-neutral-high",
3913
3913
  "--toggle-hover-thumb-surface": "--text-primary",
3914
3914
  "--toggle-on-track-surface": "--surface-brand-high",
3915
- "--toggle-on-track-border": "--border-brand",
3915
+ "--toggle-on-track-border": "--border-brand-medium",
3916
3916
  "--toggle-on-thumb-surface": "--text-primary",
3917
3917
  "--toggle-on-thumb-border": "--border-brand-strong",
3918
3918
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3948,36 +3948,36 @@
3948
3948
  "updatedAt": "2026-09-02T10:55:50.831Z",
3949
3949
  "aliases": {
3950
3950
  "--slider-single-track-surface": "--surface-neutral-lowest",
3951
- "--slider-single-track-border": "--border-neutral-subtle",
3951
+ "--slider-single-track-border": "--border-neutral-medium",
3952
3952
  "--slider-single-track-border-width": "--border-width-1",
3953
3953
  "--slider-single-track-height": "--space-8",
3954
3954
  "--slider-single-track-radius": "--radius-full",
3955
- "--slider-single-fill": "--surface-brand-high",
3956
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3957
- "--slider-single-thumb-border": "--border-brand",
3955
+ "--slider-single-fill": "--border-brand-medium",
3956
+ "--slider-single-thumb-surface": "--text-primary",
3957
+ "--slider-single-thumb-border": "--border-brand-medium",
3958
3958
  "--slider-single-thumb-border-width": "--border-width-2",
3959
3959
  "--slider-single-thumb-size": "--font-size-lg",
3960
3960
  "--slider-single-thumb-radius": "--radius-full",
3961
3961
  "--slider-single-thumb-shadow": "--shadow-sm",
3962
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
3962
+ "--slider-single-hover-thumb-surface": "--text-primary",
3963
3963
  "--slider-single-hover-thumb-border": "--border-brand-strong",
3964
3964
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
3965
3965
  "--slider-single-disabled-fill": "--surface-neutral",
3966
3966
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3967
3967
  "--slider-single-disabled-thumb-border": "--border-neutral",
3968
3968
  "--slider-range-track-surface": "--surface-neutral-lowest",
3969
- "--slider-range-track-border": "--border-neutral-subtle",
3969
+ "--slider-range-track-border": "--border-neutral-medium",
3970
3970
  "--slider-range-track-border-width": "--border-width-1",
3971
3971
  "--slider-range-track-height": "--space-8",
3972
3972
  "--slider-range-track-radius": "--radius-full",
3973
- "--slider-range-fill": "--surface-brand-high",
3974
- "--slider-range-thumb-surface": "--surface-neutral-highest",
3975
- "--slider-range-thumb-border": "--border-brand",
3973
+ "--slider-range-fill": "--border-brand-medium",
3974
+ "--slider-range-thumb-surface": "--text-primary",
3975
+ "--slider-range-thumb-border": "--border-brand-medium",
3976
3976
  "--slider-range-thumb-border-width": "--border-width-2",
3977
3977
  "--slider-range-thumb-size": "--font-size-lg",
3978
3978
  "--slider-range-thumb-radius": "--radius-full",
3979
3979
  "--slider-range-thumb-shadow": "--shadow-sm",
3980
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
3980
+ "--slider-range-hover-thumb-surface": "--text-primary",
3981
3981
  "--slider-range-hover-thumb-border": "--border-brand-strong",
3982
3982
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
3983
3983
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -4076,7 +4076,7 @@
4076
4076
  "--slidepager-control-icon-size": "--icon-size-md",
4077
4077
  "--slidepager-control-hover-surface": "--surface-brand-high",
4078
4078
  "--slidepager-control-hover-border": "--border-brand",
4079
- "--slidepager-control-hover-icon": "--text-inverted",
4079
+ "--slidepager-control-hover-icon": "--text-primary",
4080
4080
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4081
4081
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4082
4082
  "--slidepager-control-disabled-icon": "--text-disabled",
package/src/live-tokens/data/themes/halloween.json CHANGED
@@ -902,7 +902,7 @@
902
902
  },
903
903
  {
904
904
  "position": 100,
905
- "paletteLabel": "700"
905
+ "paletteLabel": "800"
906
906
  }
907
907
  ],
908
908
  "gradientSize": "window"
@@ -2519,7 +2519,7 @@
2519
2519
  "createdAt": "2026-05-01T08:28:00.345Z",
2520
2520
  "updatedAt": "2026-08-19T22:39:32.785Z",
2521
2521
  "aliases": {
2522
- "--badge-brand-surface": "--surface-brand",
2522
+ "--badge-brand-surface": "--surface-brand-low",
2523
2523
  "--badge-brand-text": "--text-brand",
2524
2524
  "--badge-brand-border": "--border-brand",
2525
2525
  "--badge-brand-text-font-family": "--font-sans",
@@ -2572,7 +2572,7 @@
2572
2572
  "--badge-alternate-blur": "--blur-none",
2573
2573
  "--badge-alternate-icon-size": "--icon-size-sm",
2574
2574
  "--badge-canvas-surface": "--surface-canvas",
2575
- "--badge-canvas-text": "--text-canvas",
2575
+ "--badge-canvas-text": "--text-secondary",
2576
2576
  "--badge-canvas-border": "--border-canvas",
2577
2577
  "--badge-canvas-text-font-family": "--font-sans",
2578
2578
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2623,7 +2623,7 @@
2623
2623
  "--badge-warning-shadow": "--shadow-none",
2624
2624
  "--badge-warning-blur": "--blur-none",
2625
2625
  "--badge-warning-icon-size": "--icon-size-sm",
2626
- "--badge-danger-surface": "--surface-danger",
2626
+ "--badge-danger-surface": "--surface-danger-low",
2627
2627
  "--badge-danger-text": "--text-danger",
2628
2628
  "--badge-danger-border": "--border-danger",
2629
2629
  "--badge-danger-text-font-family": "--font-sans",
@@ -2687,7 +2687,7 @@
2687
2687
  "--button-secondary-border-width": "--border-width-3",
2688
2688
  "--button-secondary-radius": "--radius-none",
2689
2689
  "--button-secondary-padding": "--space-6",
2690
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2690
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2691
2691
  "--button-secondary-hover-text": "--text-primary",
2692
2692
  "--button-secondary-hover-border": "--border-neutral-strong",
2693
2693
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2722,7 +2722,7 @@
2722
2722
  "--button-success-border-width": "--border-width-3",
2723
2723
  "--button-success-radius": "--radius-none",
2724
2724
  "--button-success-padding": "--space-6",
2725
- "--button-success-hover-surface": "--surface-success-higher",
2725
+ "--button-success-hover-surface": "--surface-success-high",
2726
2726
  "--button-success-hover-text": "--text-primary",
2727
2727
  "--button-success-hover-border": "--border-success-strong",
2728
2728
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2756,7 +2756,7 @@
2756
2756
  "--button-warning-border-width": "--border-width-3",
2757
2757
  "--button-warning-radius": "--radius-none",
2758
2758
  "--button-warning-padding": "--space-6",
2759
- "--button-warning-hover-surface": "--surface-warning-high",
2759
+ "--button-warning-hover-surface": "--surface-warning",
2760
2760
  "--button-warning-hover-text": "--text-primary",
2761
2761
  "--button-warning-hover-border": "--border-warning-medium",
2762
2762
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -2996,7 +2996,7 @@
2996
2996
  "--cornerbadge-text-font-size": "--font-size-sm",
2997
2997
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2998
2998
  "--cornerbadge-text-line-height": "--line-height-none",
2999
- "--cornerbadge-brand-surface": "--surface-brand",
2999
+ "--cornerbadge-brand-surface": "--surface-brand-low",
3000
3000
  "--cornerbadge-brand-border": "--border-brand",
3001
3001
  "--cornerbadge-brand-text": "--text-brand",
3002
3002
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -3010,7 +3010,7 @@
3010
3010
  "--cornerbadge-alternate-text": "--text-alternate",
3011
3011
  "--cornerbadge-canvas-surface": "--surface-canvas",
3012
3012
  "--cornerbadge-canvas-border": "--border-canvas",
3013
- "--cornerbadge-canvas-text": "--text-canvas",
3013
+ "--cornerbadge-canvas-text": "--text-secondary",
3014
3014
  "--cornerbadge-special-surface": "--surface-special",
3015
3015
  "--cornerbadge-special-border": "--border-special",
3016
3016
  "--cornerbadge-special-text": "--text-special",
@@ -3020,7 +3020,7 @@
3020
3020
  "--cornerbadge-warning-surface": "--surface-warning",
3021
3021
  "--cornerbadge-warning-border": "--border-warning",
3022
3022
  "--cornerbadge-warning-text": "--text-warning",
3023
- "--cornerbadge-danger-surface": "--surface-danger",
3023
+ "--cornerbadge-danger-surface": "--surface-danger-low",
3024
3024
  "--cornerbadge-danger-border": "--border-danger",
3025
3025
  "--cornerbadge-danger-text": "--text-danger",
3026
3026
  "--cornerbadge-info-surface": "--surface-info",
@@ -3219,7 +3219,7 @@
3219
3219
  "--inlineeditactions-cancel-default-padding": "--space-4",
3220
3220
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3221
3221
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3222
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3222
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3223
3223
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3224
3224
  "--inlineeditactions-cancel-hover-border-width": "--border-width-2",
3225
3225
  "--inlineeditactions-cancel-hover-radius": "--radius-none",
@@ -3238,7 +3238,7 @@
3238
3238
  "--input-border-width": "--border-width-3",
3239
3239
  "--input-gap": "--space-6",
3240
3240
  "--input-default-surface": "--surface-neutral-lower",
3241
- "--input-default-border": "--border-neutral",
3241
+ "--input-default-border": "--border-neutral-medium",
3242
3242
  "--input-default-text": "--text-primary",
3243
3243
  "--input-default-text-font-family": "--font-sans",
3244
3244
  "--input-default-text-font-size": "--font-size-sm",
@@ -3248,7 +3248,7 @@
3248
3248
  "--input-default-icon-size": "--icon-size-sm",
3249
3249
  "--input-default-placeholder": "--text-tertiary",
3250
3250
  "--input-focused-surface": "--surface-neutral-lower",
3251
- "--input-focused-border": "--border-brand",
3251
+ "--input-focused-border": "--border-brand-strong",
3252
3252
  "--input-focused-border-width": "--border-width-4",
3253
3253
  "--input-focused-text": "--text-primary",
3254
3254
  "--input-focused-text-font-family": "--font-sans",
@@ -3310,7 +3310,7 @@
3310
3310
  "--menuselect-default-text-line-height": "--line-height-tighter",
3311
3311
  "--menuselect-default-icon": "--text-tertiary",
3312
3312
  "--menuselect-default-icon-size": "--icon-size-sm",
3313
- "--menuselect-hover-surface": "--surface-neutral-higher",
3313
+ "--menuselect-hover-surface": "--surface-neutral-high",
3314
3314
  "--menuselect-hover-text": "--text-primary",
3315
3315
  "--menuselect-hover-text-font-family": "--font-sans",
3316
3316
  "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3397,7 +3397,7 @@
3397
3397
  "--notification-warning-text-font-size": "--font-size-md",
3398
3398
  "--notification-warning-text-font-weight": "--font-weight-normal",
3399
3399
  "--notification-warning-text-line-height": "--line-height-normal",
3400
- "--notification-danger-surface": "--surface-danger",
3400
+ "--notification-danger-surface": "--surface-danger-low",
3401
3401
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3402
3402
  "--notification-danger-border": "--border-danger",
3403
3403
  "--notification-danger-border-width": "--border-width-3",
@@ -3461,7 +3461,7 @@
3461
3461
  "--progressbar-track-border-width": "--border-width-3",
3462
3462
  "--progressbar-track-height": "--space-16",
3463
3463
  "--progressbar-radius": "--radius-none",
3464
- "--progressbar-fill": "--surface-special-highest",
3464
+ "--progressbar-fill": "--border-special-medium",
3465
3465
  "--progressbar-label-gap": "--space-6",
3466
3466
  "--progressbar-label": "--text-secondary",
3467
3467
  "--progressbar-label-font-family": "--font-sans",
@@ -3481,7 +3481,7 @@
3481
3481
  "createdAt": "2026-05-10T20:44:44.372Z",
3482
3482
  "updatedAt": "2026-08-19T22:39:32.785Z",
3483
3483
  "aliases": {
3484
- "--radiobutton-default-dot-border-color": "--border-neutral",
3484
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3485
3485
  "--radiobutton-default-dot-border-width": "--border-width-4",
3486
3486
  "--radiobutton-default-dot-fill": "--text-secondary",
3487
3487
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3490,7 +3490,7 @@
3490
3490
  "--radiobutton-default-label-font-size": "--font-size-md",
3491
3491
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3492
3492
  "--radiobutton-default-label-line-height": "--line-height-none",
3493
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3493
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3494
3494
  "--radiobutton-hover-dot-border-width": "--border-width-4",
3495
3495
  "--radiobutton-hover-dot-fill": "--text-secondary",
3496
3496
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3499,7 +3499,7 @@
3499
3499
  "--radiobutton-hover-label-font-size": "--font-size-md",
3500
3500
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3501
3501
  "--radiobutton-hover-label-line-height": "--line-height-none",
3502
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3502
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3503
3503
  "--radiobutton-selected-dot-border-width": "--border-width-4",
3504
3504
  "--radiobutton-selected-dot-fill": "--text-secondary",
3505
3505
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3608,7 +3608,7 @@
3608
3608
  "--segmentedcontrol-hover-tint": "--tint",
3609
3609
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3610
3610
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3611
- "--segmentedcontrol-bar-border": "--border-neutral",
3611
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3612
3612
  "--segmentedcontrol-bar-border-width": "--border-width-3",
3613
3613
  "--segmentedcontrol-bar-radius": "--radius-none",
3614
3614
  "--segmentedcontrol-bar-padding": "--space-4",
@@ -3639,7 +3639,7 @@
3639
3639
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3640
3640
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3641
3641
  "--segmentedcontrol-selected-icon": "--text-secondary",
3642
- "--segmentedcontrol-selected-border": "--border-brand",
3642
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3643
3643
  "--segmentedcontrol-selected-border-width": "--border-width-3",
3644
3644
  "--segmentedcontrol-selected-radius": "--radius-none",
3645
3645
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3866,7 +3866,7 @@
3866
3866
  "--tabbar-hover-tab-bottom-radius": "--radius-none",
3867
3867
  "--tabbar-hover-indicator-width": "--border-width-4",
3868
3868
  "--tabbar-selected-text": "--text-primary",
3869
- "--tabbar-selected-border": "--color-brand-500",
3869
+ "--tabbar-selected-border": "--border-brand-strong",
3870
3870
  "--tabbar-selected-surface": "--tint-low",
3871
3871
  "--tabbar-selected-text-font-family": "--font-sans",
3872
3872
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3936,11 +3936,11 @@
3936
3936
  "updatedAt": "2026-08-19T22:39:32.785Z",
3937
3937
  "aliases": {
3938
3938
  "--toggle-track-surface": "--surface-neutral",
3939
- "--toggle-track-border": "--border-neutral",
3939
+ "--toggle-track-border": "--border-neutral-medium",
3940
3940
  "--toggle-track-border-width": "--border-width-3",
3941
3941
  "--toggle-track-radius": "--radius-none",
3942
3942
  "--toggle-track-padding": "--space-2",
3943
- "--toggle-thumb-surface": "--surface-neutral-highest",
3943
+ "--toggle-thumb-surface": "--text-primary",
3944
3944
  "--toggle-thumb-border": "--border-neutral-strong",
3945
3945
  "--toggle-thumb-size": "--font-size-md",
3946
3946
  "--toggle-label": "--text-primary",
@@ -3951,7 +3951,7 @@
3951
3951
  "--toggle-hover-track-surface": "--surface-neutral-high",
3952
3952
  "--toggle-hover-thumb-surface": "--text-primary",
3953
3953
  "--toggle-on-track-surface": "--surface-brand-high",
3954
- "--toggle-on-track-border": "--border-brand",
3954
+ "--toggle-on-track-border": "--border-brand-medium",
3955
3955
  "--toggle-on-thumb-surface": "--text-primary",
3956
3956
  "--toggle-on-thumb-border": "--border-brand-strong",
3957
3957
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3987,36 +3987,36 @@
3987
3987
  "updatedAt": "2026-09-02T10:55:50.831Z",
3988
3988
  "aliases": {
3989
3989
  "--slider-single-track-surface": "--surface-neutral-lowest",
3990
- "--slider-single-track-border": "--border-neutral-subtle",
3990
+ "--slider-single-track-border": "--border-neutral-medium",
3991
3991
  "--slider-single-track-border-width": "--border-width-1",
3992
3992
  "--slider-single-track-height": "--space-8",
3993
3993
  "--slider-single-track-radius": "--radius-full",
3994
- "--slider-single-fill": "--surface-brand-high",
3995
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3996
- "--slider-single-thumb-border": "--border-brand",
3994
+ "--slider-single-fill": "--border-brand-medium",
3995
+ "--slider-single-thumb-surface": "--text-primary",
3996
+ "--slider-single-thumb-border": "--border-brand-medium",
3997
3997
  "--slider-single-thumb-border-width": "--border-width-2",
3998
3998
  "--slider-single-thumb-size": "--font-size-lg",
3999
3999
  "--slider-single-thumb-radius": "--radius-full",
4000
4000
  "--slider-single-thumb-shadow": "--shadow-sm",
4001
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
4001
+ "--slider-single-hover-thumb-surface": "--text-primary",
4002
4002
  "--slider-single-hover-thumb-border": "--border-brand-strong",
4003
4003
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
4004
4004
  "--slider-single-disabled-fill": "--surface-neutral",
4005
4005
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
4006
4006
  "--slider-single-disabled-thumb-border": "--border-neutral",
4007
4007
  "--slider-range-track-surface": "--surface-neutral-lowest",
4008
- "--slider-range-track-border": "--border-neutral-subtle",
4008
+ "--slider-range-track-border": "--border-neutral-medium",
4009
4009
  "--slider-range-track-border-width": "--border-width-1",
4010
4010
  "--slider-range-track-height": "--space-8",
4011
4011
  "--slider-range-track-radius": "--radius-full",
4012
- "--slider-range-fill": "--surface-brand-high",
4013
- "--slider-range-thumb-surface": "--surface-neutral-highest",
4014
- "--slider-range-thumb-border": "--border-brand",
4012
+ "--slider-range-fill": "--border-brand-medium",
4013
+ "--slider-range-thumb-surface": "--text-primary",
4014
+ "--slider-range-thumb-border": "--border-brand-medium",
4015
4015
  "--slider-range-thumb-border-width": "--border-width-2",
4016
4016
  "--slider-range-thumb-size": "--font-size-lg",
4017
4017
  "--slider-range-thumb-radius": "--radius-full",
4018
4018
  "--slider-range-thumb-shadow": "--shadow-sm",
4019
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
4019
+ "--slider-range-hover-thumb-surface": "--text-primary",
4020
4020
  "--slider-range-hover-thumb-border": "--border-brand-strong",
4021
4021
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
4022
4022
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -4115,7 +4115,7 @@
4115
4115
  "--slidepager-control-icon-size": "--icon-size-md",
4116
4116
  "--slidepager-control-hover-surface": "--surface-brand-high",
4117
4117
  "--slidepager-control-hover-border": "--border-brand",
4118
- "--slidepager-control-hover-icon": "--text-inverted",
4118
+ "--slidepager-control-hover-icon": "--text-primary",
4119
4119
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4120
4120
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4121
4121
  "--slidepager-control-disabled-icon": "--text-disabled",