@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/midnight-study.json CHANGED
@@ -2536,7 +2536,7 @@
2536
2536
  "createdAt": "2026-05-01T08:28:00.345Z",
2537
2537
  "updatedAt": "2026-08-20T00:00:00.000Z",
2538
2538
  "aliases": {
2539
- "--badge-brand-surface": "--surface-brand",
2539
+ "--badge-brand-surface": "--surface-brand-low",
2540
2540
  "--badge-brand-text": "--text-brand",
2541
2541
  "--badge-brand-border": "--border-brand",
2542
2542
  "--badge-brand-text-font-family": "--font-sans",
@@ -2589,7 +2589,7 @@
2589
2589
  "--badge-alternate-blur": "--blur-none",
2590
2590
  "--badge-alternate-icon-size": "--icon-size-sm",
2591
2591
  "--badge-canvas-surface": "--surface-canvas",
2592
- "--badge-canvas-text": "--text-canvas",
2592
+ "--badge-canvas-text": "--text-secondary",
2593
2593
  "--badge-canvas-border": "--border-canvas",
2594
2594
  "--badge-canvas-text-font-family": "--font-sans",
2595
2595
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2640,7 +2640,7 @@
2640
2640
  "--badge-warning-shadow": "--shadow-none",
2641
2641
  "--badge-warning-blur": "--blur-none",
2642
2642
  "--badge-warning-icon-size": "--icon-size-sm",
2643
- "--badge-danger-surface": "--surface-danger",
2643
+ "--badge-danger-surface": "--surface-danger-low",
2644
2644
  "--badge-danger-text": "--text-danger",
2645
2645
  "--badge-danger-border": "--border-danger",
2646
2646
  "--badge-danger-text-font-family": "--font-sans",
@@ -2704,7 +2704,7 @@
2704
2704
  "--button-secondary-border-width": "--border-width-1",
2705
2705
  "--button-secondary-radius": "--radius-full",
2706
2706
  "--button-secondary-padding": "--space-8",
2707
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2707
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2708
2708
  "--button-secondary-hover-text": "--text-primary",
2709
2709
  "--button-secondary-hover-border": "--border-neutral-strong",
2710
2710
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2739,7 +2739,7 @@
2739
2739
  "--button-success-border-width": "--border-width-1",
2740
2740
  "--button-success-radius": "--radius-full",
2741
2741
  "--button-success-padding": "--space-8",
2742
- "--button-success-hover-surface": "--surface-success-higher",
2742
+ "--button-success-hover-surface": "--surface-success-high",
2743
2743
  "--button-success-hover-text": "--text-primary",
2744
2744
  "--button-success-hover-border": "--border-success-strong",
2745
2745
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2773,7 +2773,7 @@
2773
2773
  "--button-warning-border-width": "--border-width-1",
2774
2774
  "--button-warning-radius": "--radius-full",
2775
2775
  "--button-warning-padding": "--space-8",
2776
- "--button-warning-hover-surface": "--surface-warning-high",
2776
+ "--button-warning-hover-surface": "--surface-warning",
2777
2777
  "--button-warning-hover-text": "--text-primary",
2778
2778
  "--button-warning-hover-border": "--border-warning-medium",
2779
2779
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -3014,7 +3014,7 @@
3014
3014
  "--cornerbadge-text-font-size": "--font-size-sm",
3015
3015
  "--cornerbadge-text-font-weight": "--font-weight-medium",
3016
3016
  "--cornerbadge-text-line-height": "--line-height-none",
3017
- "--cornerbadge-brand-surface": "--surface-brand",
3017
+ "--cornerbadge-brand-surface": "--surface-brand-low",
3018
3018
  "--cornerbadge-brand-border": "--border-brand",
3019
3019
  "--cornerbadge-brand-text": "--text-brand",
3020
3020
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -3028,7 +3028,7 @@
3028
3028
  "--cornerbadge-alternate-text": "--text-alternate",
3029
3029
  "--cornerbadge-canvas-surface": "--surface-canvas",
3030
3030
  "--cornerbadge-canvas-border": "--border-canvas",
3031
- "--cornerbadge-canvas-text": "--text-canvas",
3031
+ "--cornerbadge-canvas-text": "--text-secondary",
3032
3032
  "--cornerbadge-special-surface": "--surface-special",
3033
3033
  "--cornerbadge-special-border": "--border-special",
3034
3034
  "--cornerbadge-special-text": "--text-special",
@@ -3038,7 +3038,7 @@
3038
3038
  "--cornerbadge-warning-surface": "--surface-warning",
3039
3039
  "--cornerbadge-warning-border": "--border-warning",
3040
3040
  "--cornerbadge-warning-text": "--text-warning",
3041
- "--cornerbadge-danger-surface": "--surface-danger",
3041
+ "--cornerbadge-danger-surface": "--surface-danger-low",
3042
3042
  "--cornerbadge-danger-border": "--border-danger",
3043
3043
  "--cornerbadge-danger-text": "--text-danger",
3044
3044
  "--cornerbadge-info-surface": "--surface-info",
@@ -3237,7 +3237,7 @@
3237
3237
  "--inlineeditactions-cancel-default-padding": "--space-4",
3238
3238
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3239
3239
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3240
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3240
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3241
3241
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3242
3242
  "--inlineeditactions-cancel-hover-border-width": "--border-width-0",
3243
3243
  "--inlineeditactions-cancel-hover-radius": "--radius-md",
@@ -3256,7 +3256,7 @@
3256
3256
  "--input-border-width": "--border-width-1",
3257
3257
  "--input-gap": "--space-4",
3258
3258
  "--input-default-surface": "--surface-neutral-lower",
3259
- "--input-default-border": "--border-neutral",
3259
+ "--input-default-border": "--border-neutral-medium",
3260
3260
  "--input-default-text": "--text-primary",
3261
3261
  "--input-default-text-font-family": "--font-sans",
3262
3262
  "--input-default-text-font-size": "--font-size-sm",
@@ -3266,7 +3266,7 @@
3266
3266
  "--input-default-icon-size": "--icon-size-sm",
3267
3267
  "--input-default-placeholder": "--text-tertiary",
3268
3268
  "--input-focused-surface": "--surface-neutral-lower",
3269
- "--input-focused-border": "--border-brand",
3269
+ "--input-focused-border": "--border-brand-strong",
3270
3270
  "--input-focused-border-width": "--border-width-2",
3271
3271
  "--input-focused-text": "--text-primary",
3272
3272
  "--input-focused-text-font-family": "--font-sans",
@@ -3328,7 +3328,7 @@
3328
3328
  "--menuselect-default-text-line-height": "--line-height-tighter",
3329
3329
  "--menuselect-default-icon": "--text-tertiary",
3330
3330
  "--menuselect-default-icon-size": "--icon-size-sm",
3331
- "--menuselect-hover-surface": "--surface-neutral-higher",
3331
+ "--menuselect-hover-surface": "--surface-neutral-high",
3332
3332
  "--menuselect-hover-text": "--text-primary",
3333
3333
  "--menuselect-hover-text-font-family": "--font-sans",
3334
3334
  "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3415,7 +3415,7 @@
3415
3415
  "--notification-warning-text-font-size": "--font-size-md",
3416
3416
  "--notification-warning-text-font-weight": "--font-weight-normal",
3417
3417
  "--notification-warning-text-line-height": "--line-height-normal",
3418
- "--notification-danger-surface": "--surface-danger",
3418
+ "--notification-danger-surface": "--surface-danger-low",
3419
3419
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3420
3420
  "--notification-danger-border": "--border-danger",
3421
3421
  "--notification-danger-border-width": "--border-width-1",
@@ -3480,7 +3480,7 @@
3480
3480
  "--progressbar-track-border-width": "--border-width-1",
3481
3481
  "--progressbar-track-height": "--space-16",
3482
3482
  "--progressbar-radius": "--radius-full",
3483
- "--progressbar-fill": "--surface-special-highest",
3483
+ "--progressbar-fill": "--border-special-medium",
3484
3484
  "--progressbar-label-gap": "--space-4",
3485
3485
  "--progressbar-label": "--text-secondary",
3486
3486
  "--progressbar-label-font-family": "--font-sans",
@@ -3500,7 +3500,7 @@
3500
3500
  "createdAt": "2026-05-10T20:44:44.372Z",
3501
3501
  "updatedAt": "2026-08-19T22:39:32.785Z",
3502
3502
  "aliases": {
3503
- "--radiobutton-default-dot-border-color": "--border-neutral",
3503
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3504
3504
  "--radiobutton-default-dot-border-width": "--border-width-2",
3505
3505
  "--radiobutton-default-dot-fill": "--text-secondary",
3506
3506
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3509,7 +3509,7 @@
3509
3509
  "--radiobutton-default-label-font-size": "--font-size-md",
3510
3510
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3511
3511
  "--radiobutton-default-label-line-height": "--line-height-none",
3512
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3512
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3513
3513
  "--radiobutton-hover-dot-border-width": "--border-width-2",
3514
3514
  "--radiobutton-hover-dot-fill": "--text-secondary",
3515
3515
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3518,7 +3518,7 @@
3518
3518
  "--radiobutton-hover-label-font-size": "--font-size-md",
3519
3519
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3520
3520
  "--radiobutton-hover-label-line-height": "--line-height-none",
3521
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3521
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3522
3522
  "--radiobutton-selected-dot-border-width": "--border-width-2",
3523
3523
  "--radiobutton-selected-dot-fill": "--text-secondary",
3524
3524
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3627,7 +3627,7 @@
3627
3627
  "--segmentedcontrol-hover-tint": "--tint",
3628
3628
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3629
3629
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3630
- "--segmentedcontrol-bar-border": "--border-neutral",
3630
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3631
3631
  "--segmentedcontrol-bar-border-width": "--border-width-1",
3632
3632
  "--segmentedcontrol-bar-radius": "--radius-lg",
3633
3633
  "--segmentedcontrol-bar-padding": "--space-4",
@@ -3658,7 +3658,7 @@
3658
3658
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3659
3659
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3660
3660
  "--segmentedcontrol-selected-icon": "--text-secondary",
3661
- "--segmentedcontrol-selected-border": "--border-brand",
3661
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3662
3662
  "--segmentedcontrol-selected-border-width": "--border-width-1",
3663
3663
  "--segmentedcontrol-selected-radius": "--radius-md",
3664
3664
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3849,36 +3849,36 @@
3849
3849
  "updatedAt": "2026-09-02T10:55:50.831Z",
3850
3850
  "aliases": {
3851
3851
  "--slider-single-track-surface": "--surface-neutral-lowest",
3852
- "--slider-single-track-border": "--border-neutral-subtle",
3852
+ "--slider-single-track-border": "--border-neutral-medium",
3853
3853
  "--slider-single-track-border-width": "--border-width-1",
3854
3854
  "--slider-single-track-height": "--space-8",
3855
3855
  "--slider-single-track-radius": "--radius-full",
3856
- "--slider-single-fill": "--surface-brand-high",
3857
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3858
- "--slider-single-thumb-border": "--border-brand",
3856
+ "--slider-single-fill": "--border-brand-medium",
3857
+ "--slider-single-thumb-surface": "--text-primary",
3858
+ "--slider-single-thumb-border": "--border-brand-medium",
3859
3859
  "--slider-single-thumb-border-width": "--border-width-2",
3860
3860
  "--slider-single-thumb-size": "--font-size-lg",
3861
3861
  "--slider-single-thumb-radius": "--radius-full",
3862
3862
  "--slider-single-thumb-shadow": "--shadow-sm",
3863
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
3863
+ "--slider-single-hover-thumb-surface": "--text-primary",
3864
3864
  "--slider-single-hover-thumb-border": "--border-brand-strong",
3865
3865
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
3866
3866
  "--slider-single-disabled-fill": "--surface-neutral",
3867
3867
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3868
3868
  "--slider-single-disabled-thumb-border": "--border-neutral",
3869
3869
  "--slider-range-track-surface": "--surface-neutral-lowest",
3870
- "--slider-range-track-border": "--border-neutral-subtle",
3870
+ "--slider-range-track-border": "--border-neutral-medium",
3871
3871
  "--slider-range-track-border-width": "--border-width-1",
3872
3872
  "--slider-range-track-height": "--space-8",
3873
3873
  "--slider-range-track-radius": "--radius-full",
3874
- "--slider-range-fill": "--surface-brand-high",
3875
- "--slider-range-thumb-surface": "--surface-neutral-highest",
3876
- "--slider-range-thumb-border": "--border-brand",
3874
+ "--slider-range-fill": "--border-brand-medium",
3875
+ "--slider-range-thumb-surface": "--text-primary",
3876
+ "--slider-range-thumb-border": "--border-brand-medium",
3877
3877
  "--slider-range-thumb-border-width": "--border-width-2",
3878
3878
  "--slider-range-thumb-size": "--font-size-lg",
3879
3879
  "--slider-range-thumb-radius": "--radius-full",
3880
3880
  "--slider-range-thumb-shadow": "--shadow-sm",
3881
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
3881
+ "--slider-range-hover-thumb-surface": "--text-primary",
3882
3882
  "--slider-range-hover-thumb-border": "--border-brand-strong",
3883
3883
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
3884
3884
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -3940,7 +3940,7 @@
3940
3940
  "--tabbar-hover-tab-bottom-radius": "--radius-none",
3941
3941
  "--tabbar-hover-indicator-width": "--border-width-2",
3942
3942
  "--tabbar-selected-text": "--text-primary",
3943
- "--tabbar-selected-border": "--color-brand-500",
3943
+ "--tabbar-selected-border": "--border-brand-strong",
3944
3944
  "--tabbar-selected-surface": "--tint-low",
3945
3945
  "--tabbar-selected-text-font-family": "--font-sans",
3946
3946
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -4010,11 +4010,11 @@
4010
4010
  "updatedAt": "2026-08-19T22:39:32.785Z",
4011
4011
  "aliases": {
4012
4012
  "--toggle-track-surface": "--surface-neutral",
4013
- "--toggle-track-border": "--border-neutral",
4013
+ "--toggle-track-border": "--border-neutral-medium",
4014
4014
  "--toggle-track-border-width": "--border-width-1",
4015
4015
  "--toggle-track-radius": "--radius-full",
4016
4016
  "--toggle-track-padding": "--space-2",
4017
- "--toggle-thumb-surface": "--surface-neutral-highest",
4017
+ "--toggle-thumb-surface": "--text-primary",
4018
4018
  "--toggle-thumb-border": "--border-neutral-strong",
4019
4019
  "--toggle-thumb-size": "--font-size-md",
4020
4020
  "--toggle-label": "--text-primary",
@@ -4025,7 +4025,7 @@
4025
4025
  "--toggle-hover-track-surface": "--surface-neutral-high",
4026
4026
  "--toggle-hover-thumb-surface": "--text-primary",
4027
4027
  "--toggle-on-track-surface": "--surface-brand-high",
4028
- "--toggle-on-track-border": "--border-brand",
4028
+ "--toggle-on-track-border": "--border-brand-medium",
4029
4029
  "--toggle-on-thumb-surface": "--text-primary",
4030
4030
  "--toggle-on-thumb-border": "--border-brand-strong",
4031
4031
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -4134,7 +4134,7 @@
4134
4134
  "--slidepager-control-icon-size": "--icon-size-md",
4135
4135
  "--slidepager-control-hover-surface": "--surface-brand-high",
4136
4136
  "--slidepager-control-hover-border": "--border-brand",
4137
- "--slidepager-control-hover-icon": "--text-inverted",
4137
+ "--slidepager-control-hover-icon": "--text-primary",
4138
4138
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4139
4139
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4140
4140
  "--slidepager-control-disabled-icon": "--text-disabled",
package/src/live-tokens/data/themes/ocean.json CHANGED
@@ -2479,7 +2479,7 @@
2479
2479
  "createdAt": "2026-05-01T08:28:00.345Z",
2480
2480
  "updatedAt": "2026-08-19T22:39:32.785Z",
2481
2481
  "aliases": {
2482
- "--badge-brand-surface": "--surface-brand",
2482
+ "--badge-brand-surface": "--surface-brand-low",
2483
2483
  "--badge-brand-text": "--text-brand",
2484
2484
  "--badge-brand-border": "--border-brand",
2485
2485
  "--badge-brand-text-font-family": "--font-sans",
@@ -2532,7 +2532,7 @@
2532
2532
  "--badge-alternate-blur": "--blur-none",
2533
2533
  "--badge-alternate-icon-size": "--icon-size-sm",
2534
2534
  "--badge-canvas-surface": "--surface-canvas",
2535
- "--badge-canvas-text": "--text-canvas",
2535
+ "--badge-canvas-text": "--text-secondary",
2536
2536
  "--badge-canvas-border": "--border-canvas",
2537
2537
  "--badge-canvas-text-font-family": "--font-sans",
2538
2538
  "--badge-canvas-text-font-size": "--font-size-md",
@@ -2583,7 +2583,7 @@
2583
2583
  "--badge-warning-shadow": "--shadow-none",
2584
2584
  "--badge-warning-blur": "--blur-none",
2585
2585
  "--badge-warning-icon-size": "--icon-size-sm",
2586
- "--badge-danger-surface": "--surface-danger",
2586
+ "--badge-danger-surface": "--surface-danger-low",
2587
2587
  "--badge-danger-text": "--text-danger",
2588
2588
  "--badge-danger-border": "--border-danger",
2589
2589
  "--badge-danger-text-font-family": "--font-sans",
@@ -2647,7 +2647,7 @@
2647
2647
  "--button-secondary-border-width": "--border-width-1",
2648
2648
  "--button-secondary-radius": "--radius-full",
2649
2649
  "--button-secondary-padding": "--space-10",
2650
- "--button-secondary-hover-surface": "--surface-neutral-higher",
2650
+ "--button-secondary-hover-surface": "--surface-neutral-high",
2651
2651
  "--button-secondary-hover-text": "--text-primary",
2652
2652
  "--button-secondary-hover-border": "--border-neutral-strong",
2653
2653
  "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2682,7 +2682,7 @@
2682
2682
  "--button-success-border-width": "--border-width-1",
2683
2683
  "--button-success-radius": "--radius-full",
2684
2684
  "--button-success-padding": "--space-10",
2685
- "--button-success-hover-surface": "--surface-success-higher",
2685
+ "--button-success-hover-surface": "--surface-success-high",
2686
2686
  "--button-success-hover-text": "--text-primary",
2687
2687
  "--button-success-hover-border": "--border-success-strong",
2688
2688
  "--button-success-disabled-surface": "--color-neutral-700",
@@ -2716,7 +2716,7 @@
2716
2716
  "--button-warning-border-width": "--border-width-1",
2717
2717
  "--button-warning-radius": "--radius-full",
2718
2718
  "--button-warning-padding": "--space-10",
2719
- "--button-warning-hover-surface": "--surface-warning-high",
2719
+ "--button-warning-hover-surface": "--surface-warning",
2720
2720
  "--button-warning-hover-text": "--text-primary",
2721
2721
  "--button-warning-hover-border": "--border-warning-medium",
2722
2722
  "--button-warning-disabled-surface": "--color-neutral-700",
@@ -2956,7 +2956,7 @@
2956
2956
  "--cornerbadge-text-font-size": "--font-size-sm",
2957
2957
  "--cornerbadge-text-font-weight": "--font-weight-medium",
2958
2958
  "--cornerbadge-text-line-height": "--line-height-none",
2959
- "--cornerbadge-brand-surface": "--surface-brand",
2959
+ "--cornerbadge-brand-surface": "--surface-brand-low",
2960
2960
  "--cornerbadge-brand-border": "--border-brand",
2961
2961
  "--cornerbadge-brand-text": "--text-brand",
2962
2962
  "--cornerbadge-accent-surface": "--surface-accent",
@@ -2970,7 +2970,7 @@
2970
2970
  "--cornerbadge-alternate-text": "--text-alternate",
2971
2971
  "--cornerbadge-canvas-surface": "--surface-canvas",
2972
2972
  "--cornerbadge-canvas-border": "--border-canvas",
2973
- "--cornerbadge-canvas-text": "--text-canvas",
2973
+ "--cornerbadge-canvas-text": "--text-secondary",
2974
2974
  "--cornerbadge-special-surface": "--surface-special",
2975
2975
  "--cornerbadge-special-border": "--border-special",
2976
2976
  "--cornerbadge-special-text": "--text-special",
@@ -2980,7 +2980,7 @@
2980
2980
  "--cornerbadge-warning-surface": "--surface-warning",
2981
2981
  "--cornerbadge-warning-border": "--border-warning",
2982
2982
  "--cornerbadge-warning-text": "--text-warning",
2983
- "--cornerbadge-danger-surface": "--surface-danger",
2983
+ "--cornerbadge-danger-surface": "--surface-danger-low",
2984
2984
  "--cornerbadge-danger-border": "--border-danger",
2985
2985
  "--cornerbadge-danger-text": "--text-danger",
2986
2986
  "--cornerbadge-info-surface": "--surface-info",
@@ -3179,7 +3179,7 @@
3179
3179
  "--inlineeditactions-cancel-default-padding": "--space-6",
3180
3180
  "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
3181
3181
  "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
3182
- "--inlineeditactions-cancel-hover-text": "--text-danger",
3182
+ "--inlineeditactions-cancel-hover-text": "--text-primary",
3183
3183
  "--inlineeditactions-cancel-hover-border": "--border-danger",
3184
3184
  "--inlineeditactions-cancel-hover-border-width": "--border-width-0",
3185
3185
  "--inlineeditactions-cancel-hover-radius": "--radius-xl",
@@ -3198,7 +3198,7 @@
3198
3198
  "--input-border-width": "--border-width-1",
3199
3199
  "--input-gap": "--space-8",
3200
3200
  "--input-default-surface": "--surface-neutral-lower",
3201
- "--input-default-border": "--border-neutral",
3201
+ "--input-default-border": "--border-neutral-medium",
3202
3202
  "--input-default-text": "--text-primary",
3203
3203
  "--input-default-text-font-family": "--font-sans",
3204
3204
  "--input-default-text-font-size": "--font-size-sm",
@@ -3208,7 +3208,7 @@
3208
3208
  "--input-default-icon-size": "--icon-size-sm",
3209
3209
  "--input-default-placeholder": "--text-tertiary",
3210
3210
  "--input-focused-surface": "--surface-neutral-lower",
3211
- "--input-focused-border": "--border-brand",
3211
+ "--input-focused-border": "--border-brand-strong",
3212
3212
  "--input-focused-border-width": "--border-width-2",
3213
3213
  "--input-focused-text": "--text-primary",
3214
3214
  "--input-focused-text-font-family": "--font-sans",
@@ -3270,7 +3270,7 @@
3270
3270
  "--menuselect-default-text-line-height": "--line-height-tighter",
3271
3271
  "--menuselect-default-icon": "--text-tertiary",
3272
3272
  "--menuselect-default-icon-size": "--icon-size-sm",
3273
- "--menuselect-hover-surface": "--surface-neutral-higher",
3273
+ "--menuselect-hover-surface": "--surface-neutral-high",
3274
3274
  "--menuselect-hover-text": "--text-primary",
3275
3275
  "--menuselect-hover-text-font-family": "--font-sans",
3276
3276
  "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3357,7 +3357,7 @@
3357
3357
  "--notification-warning-text-font-size": "--font-size-md",
3358
3358
  "--notification-warning-text-font-weight": "--font-weight-normal",
3359
3359
  "--notification-warning-text-line-height": "--line-height-normal",
3360
- "--notification-danger-surface": "--surface-danger",
3360
+ "--notification-danger-surface": "--surface-danger-low",
3361
3361
  "--notification-danger-action-surface": "--surface-neutral-lowest",
3362
3362
  "--notification-danger-border": "--border-danger",
3363
3363
  "--notification-danger-border-width": "--border-width-1",
@@ -3421,7 +3421,7 @@
3421
3421
  "--progressbar-track-border-width": "--border-width-1",
3422
3422
  "--progressbar-track-height": "--space-16",
3423
3423
  "--progressbar-radius": "--radius-full",
3424
- "--progressbar-fill": "--surface-special-highest",
3424
+ "--progressbar-fill": "--border-special-medium",
3425
3425
  "--progressbar-label-gap": "--space-8",
3426
3426
  "--progressbar-label": "--text-secondary",
3427
3427
  "--progressbar-label-font-family": "--font-sans",
@@ -3441,7 +3441,7 @@
3441
3441
  "createdAt": "2026-05-10T20:44:44.372Z",
3442
3442
  "updatedAt": "2026-08-19T22:39:32.785Z",
3443
3443
  "aliases": {
3444
- "--radiobutton-default-dot-border-color": "--border-neutral",
3444
+ "--radiobutton-default-dot-border-color": "--border-neutral-medium",
3445
3445
  "--radiobutton-default-dot-border-width": "--border-width-2",
3446
3446
  "--radiobutton-default-dot-fill": "--text-secondary",
3447
3447
  "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3450,7 +3450,7 @@
3450
3450
  "--radiobutton-default-label-font-size": "--font-size-md",
3451
3451
  "--radiobutton-default-label-font-weight": "--font-weight-semibold",
3452
3452
  "--radiobutton-default-label-line-height": "--line-height-none",
3453
- "--radiobutton-hover-dot-border-color": "--border-neutral",
3453
+ "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
3454
3454
  "--radiobutton-hover-dot-border-width": "--border-width-2",
3455
3455
  "--radiobutton-hover-dot-fill": "--text-secondary",
3456
3456
  "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3459,7 +3459,7 @@
3459
3459
  "--radiobutton-hover-label-font-size": "--font-size-md",
3460
3460
  "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
3461
3461
  "--radiobutton-hover-label-line-height": "--line-height-none",
3462
- "--radiobutton-selected-dot-border-color": "--border-neutral",
3462
+ "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
3463
3463
  "--radiobutton-selected-dot-border-width": "--border-width-2",
3464
3464
  "--radiobutton-selected-dot-fill": "--text-secondary",
3465
3465
  "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3568,7 +3568,7 @@
3568
3568
  "--segmentedcontrol-hover-tint": "--tint",
3569
3569
  "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
3570
3570
  "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
3571
- "--segmentedcontrol-bar-border": "--border-neutral",
3571
+ "--segmentedcontrol-bar-border": "--border-neutral-medium",
3572
3572
  "--segmentedcontrol-bar-border-width": "--border-width-1",
3573
3573
  "--segmentedcontrol-bar-radius": "--radius-2xl",
3574
3574
  "--segmentedcontrol-bar-padding": "--space-6",
@@ -3599,7 +3599,7 @@
3599
3599
  "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
3600
3600
  "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
3601
3601
  "--segmentedcontrol-selected-icon": "--text-secondary",
3602
- "--segmentedcontrol-selected-border": "--border-brand",
3602
+ "--segmentedcontrol-selected-border": "--border-brand-medium",
3603
3603
  "--segmentedcontrol-selected-border-width": "--border-width-1",
3604
3604
  "--segmentedcontrol-selected-radius": "--radius-xl",
3605
3605
  "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3826,7 +3826,7 @@
3826
3826
  "--tabbar-hover-tab-bottom-radius": "--radius-md",
3827
3827
  "--tabbar-hover-indicator-width": "--border-width-2",
3828
3828
  "--tabbar-selected-text": "--text-primary",
3829
- "--tabbar-selected-border": "--color-brand-500",
3829
+ "--tabbar-selected-border": "--border-brand-strong",
3830
3830
  "--tabbar-selected-surface": "--tint-low",
3831
3831
  "--tabbar-selected-text-font-family": "--font-sans",
3832
3832
  "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3896,11 +3896,11 @@
3896
3896
  "updatedAt": "2026-08-19T22:39:32.785Z",
3897
3897
  "aliases": {
3898
3898
  "--toggle-track-surface": "--surface-neutral",
3899
- "--toggle-track-border": "--border-neutral",
3899
+ "--toggle-track-border": "--border-neutral-medium",
3900
3900
  "--toggle-track-border-width": "--border-width-1",
3901
3901
  "--toggle-track-radius": "--radius-full",
3902
3902
  "--toggle-track-padding": "--space-4",
3903
- "--toggle-thumb-surface": "--surface-neutral-highest",
3903
+ "--toggle-thumb-surface": "--text-primary",
3904
3904
  "--toggle-thumb-border": "--border-neutral-strong",
3905
3905
  "--toggle-thumb-size": "--font-size-md",
3906
3906
  "--toggle-label": "--text-primary",
@@ -3911,7 +3911,7 @@
3911
3911
  "--toggle-hover-track-surface": "--surface-neutral-high",
3912
3912
  "--toggle-hover-thumb-surface": "--text-primary",
3913
3913
  "--toggle-on-track-surface": "--surface-brand-high",
3914
- "--toggle-on-track-border": "--border-brand",
3914
+ "--toggle-on-track-border": "--border-brand-medium",
3915
3915
  "--toggle-on-thumb-surface": "--text-primary",
3916
3916
  "--toggle-on-thumb-border": "--border-brand-strong",
3917
3917
  "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3947,36 +3947,36 @@
3947
3947
  "updatedAt": "2026-09-02T10:55:50.831Z",
3948
3948
  "aliases": {
3949
3949
  "--slider-single-track-surface": "--surface-neutral-lowest",
3950
- "--slider-single-track-border": "--border-neutral-subtle",
3950
+ "--slider-single-track-border": "--border-neutral-medium",
3951
3951
  "--slider-single-track-border-width": "--border-width-1",
3952
3952
  "--slider-single-track-height": "--space-8",
3953
3953
  "--slider-single-track-radius": "--radius-full",
3954
- "--slider-single-fill": "--surface-brand-high",
3955
- "--slider-single-thumb-surface": "--surface-neutral-highest",
3956
- "--slider-single-thumb-border": "--border-brand",
3954
+ "--slider-single-fill": "--border-brand-medium",
3955
+ "--slider-single-thumb-surface": "--text-primary",
3956
+ "--slider-single-thumb-border": "--border-brand-medium",
3957
3957
  "--slider-single-thumb-border-width": "--border-width-2",
3958
3958
  "--slider-single-thumb-size": "--font-size-lg",
3959
3959
  "--slider-single-thumb-radius": "--radius-full",
3960
3960
  "--slider-single-thumb-shadow": "--shadow-sm",
3961
- "--slider-single-hover-thumb-surface": "--surface-brand-high",
3961
+ "--slider-single-hover-thumb-surface": "--text-primary",
3962
3962
  "--slider-single-hover-thumb-border": "--border-brand-strong",
3963
3963
  "--slider-single-disabled-track-surface": "--surface-neutral-lower",
3964
3964
  "--slider-single-disabled-fill": "--surface-neutral",
3965
3965
  "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
3966
3966
  "--slider-single-disabled-thumb-border": "--border-neutral",
3967
3967
  "--slider-range-track-surface": "--surface-neutral-lowest",
3968
- "--slider-range-track-border": "--border-neutral-subtle",
3968
+ "--slider-range-track-border": "--border-neutral-medium",
3969
3969
  "--slider-range-track-border-width": "--border-width-1",
3970
3970
  "--slider-range-track-height": "--space-8",
3971
3971
  "--slider-range-track-radius": "--radius-full",
3972
- "--slider-range-fill": "--surface-brand-high",
3973
- "--slider-range-thumb-surface": "--surface-neutral-highest",
3974
- "--slider-range-thumb-border": "--border-brand",
3972
+ "--slider-range-fill": "--border-brand-medium",
3973
+ "--slider-range-thumb-surface": "--text-primary",
3974
+ "--slider-range-thumb-border": "--border-brand-medium",
3975
3975
  "--slider-range-thumb-border-width": "--border-width-2",
3976
3976
  "--slider-range-thumb-size": "--font-size-lg",
3977
3977
  "--slider-range-thumb-radius": "--radius-full",
3978
3978
  "--slider-range-thumb-shadow": "--shadow-sm",
3979
- "--slider-range-hover-thumb-surface": "--surface-brand-high",
3979
+ "--slider-range-hover-thumb-surface": "--text-primary",
3980
3980
  "--slider-range-hover-thumb-border": "--border-brand-strong",
3981
3981
  "--slider-range-disabled-track-surface": "--surface-neutral-lower",
3982
3982
  "--slider-range-disabled-fill": "--surface-neutral",
@@ -4075,7 +4075,7 @@
4075
4075
  "--slidepager-control-icon-size": "--icon-size-md",
4076
4076
  "--slidepager-control-hover-surface": "--surface-brand-high",
4077
4077
  "--slidepager-control-hover-border": "--border-brand",
4078
- "--slidepager-control-hover-icon": "--text-inverted",
4078
+ "--slidepager-control-hover-icon": "--text-primary",
4079
4079
  "--slidepager-control-disabled-surface": "--surface-neutral-lower",
4080
4080
  "--slidepager-control-disabled-border": "--border-neutral-subtle",
4081
4081
  "--slidepager-control-disabled-icon": "--text-disabled",