@motion-proto/live-tokens 0.98.2 → 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 (69) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/bin/contractRunner.mjs +2 -2
  3. package/bin/rules/a11y.mjs +1 -1
  4. package/dist-plugin/index.cjs +71 -15
  5. package/dist-plugin/index.js +71 -15
  6. package/package.json +1 -1
  7. package/src/editor/bootstrap.ts +3 -1
  8. package/src/editor/component-editor/SectionDividerEditor.svelte +9 -10
  9. package/src/editor/core/a11y/a11yReport.ts +85 -22
  10. package/src/editor/core/a11y/a11yReportTypes.ts +11 -3
  11. package/src/editor/core/a11y/contrastFixes.ts +41 -0
  12. package/src/editor/core/palettes/contrastPairs.ts +4 -1
  13. package/src/editor/docs/content/accessibility.md +67 -18
  14. package/src/editor/docs/content/editing-tokens.md +4 -0
  15. package/src/editor/docs/content.generated.ts +2 -2
  16. package/src/editor/pages/ComponentEditorPage.svelte +4 -3
  17. package/src/editor/pages/EditorShell.svelte +10 -8
  18. package/src/editor/styles/ui-editor.css +2 -0
  19. package/src/editor/ui/a11y/A11yByEye.svelte +264 -0
  20. package/src/editor/ui/a11y/A11yComponentIssues.svelte +34 -16
  21. package/src/editor/ui/a11y/A11yFindingRow.svelte +66 -4
  22. package/src/editor/ui/a11y/A11yIssueRow.svelte +55 -24
  23. package/src/editor/ui/a11y/A11yOverview.svelte +72 -68
  24. package/src/editor/ui/a11y/A11yPanel.svelte +29 -4
  25. package/src/editor/ui/a11y/A11yPropertyMark.svelte +8 -8
  26. package/src/editor/ui/a11y/A11yRailMark.svelte +11 -4
  27. package/src/editor/ui/a11y/AccessibilityTab.svelte +22 -35
  28. package/src/editor/ui/a11y/a11yView.ts +50 -11
  29. package/src/live-tokens/data/colors-and-type/halloween.json +1 -1
  30. package/src/live-tokens/data/themes/autumn.json +16 -16
  31. package/src/live-tokens/data/themes/halloween.json +17 -17
  32. package/src/live-tokens/data/themes/midnight-study.json +16 -16
  33. package/src/live-tokens/data/themes/ocean.json +16 -16
  34. package/src/live-tokens/data/themes/royal-velvet.json +16 -16
  35. package/src/live-tokens/data/themes/sketchy.json +16 -16
  36. package/src/live-tokens/data/themes/spring-meadow.json +16 -16
  37. package/src/live-tokens/data/themes/sunset.json +16 -16
  38. package/src/system/components/Button.svelte +3 -3
  39. package/src/system/components/InlineEditActions.svelte +1 -1
  40. package/src/system/components/Input.svelte +1 -1
  41. package/src/system/components/MenuSelect.svelte +1 -1
  42. package/src/system/components/ProgressBar.svelte +1 -1
  43. package/src/system/components/SlidePager.svelte +1 -1
  44. package/src/system/components/Slider.svelte +6 -6
  45. package/src/system/components/TabBar.svelte +1 -1
  46. package/src/system/components/Toggle.svelte +1 -1
  47. package/src/testing-js/{chunk-RWH46IU5.js → chunk-7QXUJRSO.js} +2 -2
  48. package/src/testing-js/chunk-GZKUYLDW.js +193 -0
  49. package/src/testing-js/chunk-GZKUYLDW.js.map +1 -0
  50. package/src/testing-js/{chunk-SHLPDNAQ.js → chunk-RTZQLW3F.js} +172 -181
  51. package/src/testing-js/chunk-RTZQLW3F.js.map +1 -0
  52. package/src/testing-js/{chunk-5HNZHIHG.js → chunk-RWOT2XDB.js} +2 -2
  53. package/src/testing-js/{chunk-5HNZHIHG.js.map → chunk-RWOT2XDB.js.map} +1 -1
  54. package/src/testing-js/{chunk-R54I7YL6.js → chunk-THWGMSRH.js} +2 -2
  55. package/src/testing-js/component-a11y.contract.js +53 -23
  56. package/src/testing-js/component-a11y.contract.js.map +1 -1
  57. package/src/testing-js/component-behavior.contract.js +1 -1
  58. package/src/testing-js/component-editor.contract.js +3 -3
  59. package/src/testing-js/component-render.contract.js +3 -3
  60. package/src/testing-js/index.js +4 -4
  61. package/src/testing-js/index.js.map +1 -1
  62. package/src/testing-js/page-compliance.contract.js +3 -3
  63. package/src/testing-js/vitest.js +2 -2
  64. package/template/_gitignore +3 -0
  65. package/src/testing-js/chunk-EWSGE27V.js +0 -168
  66. package/src/testing-js/chunk-EWSGE27V.js.map +0 -1
  67. package/src/testing-js/chunk-SHLPDNAQ.js.map +0 -1
  68. /package/src/testing-js/{chunk-RWH46IU5.js.map → chunk-7QXUJRSO.js.map} +0 -0
  69. /package/src/testing-js/{chunk-R54I7YL6.js.map → chunk-THWGMSRH.js.map} +0 -0
package/src/live-tokens/data/themes/autumn.json CHANGED
@@ -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",
@@ -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",
@@ -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",
@@ -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",
@@ -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": "--border-brand-medium",
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",
@@ -3901,7 +3901,7 @@
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",
@@ -3952,14 +3952,14 @@
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",
3955
+ "--slider-single-fill": "--border-brand-medium",
3956
+ "--slider-single-thumb-surface": "--text-primary",
3957
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",
@@ -3970,14 +3970,14 @@
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",
3973
+ "--slider-range-fill": "--border-brand-medium",
3974
+ "--slider-range-thumb-surface": "--text-primary",
3975
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"
@@ -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",
@@ -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",
@@ -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",
@@ -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",
@@ -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": "--border-brand-medium",
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",
@@ -3940,7 +3940,7 @@
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",
@@ -3991,14 +3991,14 @@
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",
3994
+ "--slider-single-fill": "--border-brand-medium",
3995
+ "--slider-single-thumb-surface": "--text-primary",
3996
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",
@@ -4009,14 +4009,14 @@
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",
4012
+ "--slider-range-fill": "--border-brand-medium",
4013
+ "--slider-range-thumb-surface": "--text-primary",
4014
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",
package/src/live-tokens/data/themes/midnight-study.json CHANGED
@@ -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",
@@ -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",
@@ -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",
@@ -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",
@@ -3853,14 +3853,14 @@
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",
3856
+ "--slider-single-fill": "--border-brand-medium",
3857
+ "--slider-single-thumb-surface": "--text-primary",
3858
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",
@@ -3871,14 +3871,14 @@
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",
3874
+ "--slider-range-fill": "--border-brand-medium",
3875
+ "--slider-range-thumb-surface": "--text-primary",
3876
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": "--border-brand-medium",
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",
@@ -4014,7 +4014,7 @@
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",
@@ -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
@@ -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",
@@ -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",
@@ -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",
@@ -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",
@@ -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": "--border-brand-medium",
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",
@@ -3900,7 +3900,7 @@
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",
@@ -3951,14 +3951,14 @@
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",
3954
+ "--slider-single-fill": "--border-brand-medium",
3955
+ "--slider-single-thumb-surface": "--text-primary",
3956
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",
@@ -3969,14 +3969,14 @@
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",
3972
+ "--slider-range-fill": "--border-brand-medium",
3973
+ "--slider-range-thumb-surface": "--text-primary",
3974
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",
package/src/live-tokens/data/themes/royal-velvet.json CHANGED
@@ -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",
@@ -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",
@@ -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",
@@ -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",
@@ -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": "--border-brand-medium",
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",
@@ -3931,7 +3931,7 @@
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",
@@ -3982,14 +3982,14 @@
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",
3985
+ "--slider-single-fill": "--border-brand-medium",
3986
+ "--slider-single-thumb-surface": "--text-primary",
3987
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",
@@ -4000,14 +4000,14 @@
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",
4003
+ "--slider-range-fill": "--border-brand-medium",
4004
+ "--slider-range-thumb-surface": "--text-primary",
4005
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",