@primer/primitives 7.12.0-rc.fd97c40 → 7.12.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 (91) hide show
  1. package/README.md +21 -0
  2. package/package.json +1 -1
  3. package/tokens-next-private/css/functional/size/size.css +6 -0
  4. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -0
  5. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -0
  6. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -0
  7. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -0
  8. package/tokens-next-private/css/functional/themes/dark.css +2 -0
  9. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -0
  10. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -0
  11. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -0
  12. package/tokens-next-private/css/functional/themes/light.css +2 -0
  13. package/tokens-next-private/docs/functional/size/size.json +298 -88
  14. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +28 -1
  15. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +28 -1
  16. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +28 -1
  17. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +28 -1
  18. package/tokens-next-private/docs/functional/themes/dark.json +28 -1
  19. package/tokens-next-private/docs/functional/themes/light-colorblind.json +27 -0
  20. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +27 -0
  21. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +27 -0
  22. package/tokens-next-private/docs/functional/themes/light.json +27 -0
  23. package/tokens-next-private/fallbacks/color-fallbacks.json +12 -11
  24. package/tokens-next-private/fallbacks/functional/size/size.json +6 -0
  25. package/tokens-next-private/figma/dimension/dimension.json +188 -84
  26. package/tokens-next-private/figma/figma.json +3 -0
  27. package/tokens-next-private/figma/themes/dark.json +109 -94
  28. package/tokens-next-private/figma/themes/light.json +114 -99
  29. package/tokens-next-private/scss/functional/size/size.scss +6 -0
  30. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -0
  31. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -0
  32. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -0
  33. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -0
  34. package/tokens-next-private/scss/functional/themes/dark.scss +1 -0
  35. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -0
  36. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -0
  37. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -0
  38. package/tokens-next-private/scss/functional/themes/light.scss +1 -0
  39. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  40. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  47. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  57. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  65. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  74. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  76. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/figma/themes/dark.json CHANGED
@@ -715,7 +715,7 @@
715
715
  "reference": "base/color/dark/base/color/pink/5",
716
716
  "collection": "mode",
717
717
  "mode": "dark",
718
- "scopes": ["STROKE"]
718
+ "scopes": ["STROKE_COLOR"]
719
719
  },
720
720
  {
721
721
  "name": "borderColor/sponsors-muted",
@@ -731,7 +731,7 @@
731
731
  "reference": "base/color/dark/base/color/pink/4",
732
732
  "collection": "mode",
733
733
  "mode": "dark",
734
- "scopes": ["STROKE"]
734
+ "scopes": ["STROKE_COLOR"]
735
735
  },
736
736
  {
737
737
  "name": "borderColor/done-emphasis",
@@ -746,7 +746,7 @@
746
746
  "reference": "base/color/dark/base/color/purple/5",
747
747
  "collection": "mode",
748
748
  "mode": "dark",
749
- "scopes": ["STROKE"]
749
+ "scopes": ["STROKE_COLOR"]
750
750
  },
751
751
  {
752
752
  "name": "borderColor/done-muted",
@@ -762,7 +762,7 @@
762
762
  "reference": "base/color/dark/base/color/purple/4",
763
763
  "collection": "mode",
764
764
  "mode": "dark",
765
- "scopes": ["STROKE"]
765
+ "scopes": ["STROKE_COLOR"]
766
766
  },
767
767
  {
768
768
  "name": "borderColor/closed-emphasis",
@@ -777,7 +777,7 @@
777
777
  "reference": "base/color/dark/base/color/red/5",
778
778
  "collection": "mode",
779
779
  "mode": "dark",
780
- "scopes": ["STROKE"]
780
+ "scopes": ["STROKE_COLOR"]
781
781
  },
782
782
  {
783
783
  "name": "borderColor/closed-muted",
@@ -793,7 +793,7 @@
793
793
  "reference": "base/color/dark/base/color/red/4",
794
794
  "collection": "mode",
795
795
  "mode": "dark",
796
- "scopes": ["STROKE"]
796
+ "scopes": ["STROKE_COLOR"]
797
797
  },
798
798
  {
799
799
  "name": "borderColor/danger-emphasis",
@@ -808,7 +808,7 @@
808
808
  "reference": "base/color/dark/base/color/red/5",
809
809
  "collection": "mode",
810
810
  "mode": "dark",
811
- "scopes": ["STROKE"]
811
+ "scopes": ["STROKE_COLOR"]
812
812
  },
813
813
  {
814
814
  "name": "borderColor/danger-muted",
@@ -824,7 +824,7 @@
824
824
  "reference": "base/color/dark/base/color/red/4",
825
825
  "collection": "mode",
826
826
  "mode": "dark",
827
- "scopes": ["STROKE"]
827
+ "scopes": ["STROKE_COLOR"]
828
828
  },
829
829
  {
830
830
  "name": "borderColor/severe-emphasis",
@@ -839,7 +839,7 @@
839
839
  "reference": "base/color/dark/base/color/orange/5",
840
840
  "collection": "mode",
841
841
  "mode": "dark",
842
- "scopes": ["STROKE"]
842
+ "scopes": ["STROKE_COLOR"]
843
843
  },
844
844
  {
845
845
  "name": "borderColor/severe-muted",
@@ -855,7 +855,7 @@
855
855
  "reference": "base/color/dark/base/color/orange/4",
856
856
  "collection": "mode",
857
857
  "mode": "dark",
858
- "scopes": ["STROKE"]
858
+ "scopes": ["STROKE_COLOR"]
859
859
  },
860
860
  {
861
861
  "name": "borderColor/attention-emphasis",
@@ -870,7 +870,7 @@
870
870
  "reference": "base/color/dark/base/color/yellow/5",
871
871
  "collection": "mode",
872
872
  "mode": "dark",
873
- "scopes": ["STROKE"]
873
+ "scopes": ["STROKE_COLOR"]
874
874
  },
875
875
  {
876
876
  "name": "borderColor/attention-muted",
@@ -886,7 +886,7 @@
886
886
  "reference": "base/color/dark/base/color/yellow/4",
887
887
  "collection": "mode",
888
888
  "mode": "dark",
889
- "scopes": ["STROKE"]
889
+ "scopes": ["STROKE_COLOR"]
890
890
  },
891
891
  {
892
892
  "name": "borderColor/success-emphasis",
@@ -901,7 +901,7 @@
901
901
  "reference": "base/color/dark/base/color/green/5",
902
902
  "collection": "mode",
903
903
  "mode": "dark",
904
- "scopes": ["STROKE"]
904
+ "scopes": ["STROKE_COLOR"]
905
905
  },
906
906
  {
907
907
  "name": "borderColor/success-muted",
@@ -917,7 +917,7 @@
917
917
  "reference": "base/color/dark/base/color/green/4",
918
918
  "collection": "mode",
919
919
  "mode": "dark",
920
- "scopes": ["STROKE"]
920
+ "scopes": ["STROKE_COLOR"]
921
921
  },
922
922
  {
923
923
  "name": "borderColor/accent-emphasis",
@@ -932,7 +932,7 @@
932
932
  "reference": "base/color/dark/base/color/blue/5",
933
933
  "collection": "mode",
934
934
  "mode": "dark",
935
- "scopes": ["STROKE"]
935
+ "scopes": ["STROKE_COLOR"]
936
936
  },
937
937
  {
938
938
  "name": "borderColor/accent-muted",
@@ -948,7 +948,7 @@
948
948
  "reference": "base/color/dark/base/color/blue/4",
949
949
  "collection": "mode",
950
950
  "mode": "dark",
951
- "scopes": ["STROKE"]
951
+ "scopes": ["STROKE_COLOR"]
952
952
  },
953
953
  {
954
954
  "name": "borderColor/neutral-emphasis",
@@ -963,7 +963,7 @@
963
963
  "reference": "base/color/dark/base/color/gray/4",
964
964
  "collection": "mode",
965
965
  "mode": "dark",
966
- "scopes": ["STROKE"]
966
+ "scopes": ["STROKE_COLOR"]
967
967
  },
968
968
  {
969
969
  "name": "borderColor/neutral-muted",
@@ -979,7 +979,7 @@
979
979
  "reference": "base/color/dark/base/color/gray/4",
980
980
  "collection": "mode",
981
981
  "mode": "dark",
982
- "scopes": ["STROKE"]
982
+ "scopes": ["STROKE_COLOR"]
983
983
  },
984
984
  {
985
985
  "name": "borderColor/transparent",
@@ -994,7 +994,7 @@
994
994
  "reference": "base/color/dark/base/color/transparent",
995
995
  "collection": "mode",
996
996
  "mode": "dark",
997
- "scopes": ["STROKE"]
997
+ "scopes": ["STROKE_COLOR"]
998
998
  },
999
999
  {
1000
1000
  "name": "borderColor/emphasis",
@@ -1009,7 +1009,7 @@
1009
1009
  "reference": "base/color/dark/base/color/gray/5",
1010
1010
  "collection": "mode",
1011
1011
  "mode": "dark",
1012
- "scopes": ["STROKE"]
1012
+ "scopes": ["STROKE_COLOR"]
1013
1013
  },
1014
1014
  {
1015
1015
  "name": "borderColor/default",
@@ -1024,7 +1024,7 @@
1024
1024
  "reference": "base/color/dark/base/color/gray/6",
1025
1025
  "collection": "mode",
1026
1026
  "mode": "dark",
1027
- "scopes": ["STROKE"]
1027
+ "scopes": ["STROKE_COLOR"]
1028
1028
  },
1029
1029
  {
1030
1030
  "name": "bgColor/sponsors-emphasis",
@@ -1350,6 +1350,21 @@
1350
1350
  "mode": "dark",
1351
1351
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1352
1352
  },
1353
+ {
1354
+ "name": "bgColor/inset",
1355
+ "value": {
1356
+ "r": 0.00392156862745098,
1357
+ "g": 0.01568627450980392,
1358
+ "b": 0.03529411764705882,
1359
+ "a": 1
1360
+ },
1361
+ "type": "COLOR",
1362
+ "refId": "mode/bgColor/inset",
1363
+ "reference": "base/color/dark/base/color/black",
1364
+ "collection": "mode",
1365
+ "mode": "dark",
1366
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1367
+ },
1353
1368
  {
1354
1369
  "name": "bgColor/muted",
1355
1370
  "value": {
@@ -1576,7 +1591,7 @@
1576
1591
  "reference": "base/color/dark/base/color/coral/3",
1577
1592
  "collection": "pattern/mode",
1578
1593
  "mode": "dark",
1579
- "scopes": ["STROKE"]
1594
+ "scopes": ["STROKE_COLOR"]
1580
1595
  },
1581
1596
  {
1582
1597
  "name": "timelineBadge/bgColor",
@@ -1636,7 +1651,7 @@
1636
1651
  "reference": "base/color/dark/base/color/gray/5",
1637
1652
  "collection": "pattern/mode",
1638
1653
  "mode": "dark",
1639
- "scopes": ["STROKE"]
1654
+ "scopes": ["STROKE_COLOR"]
1640
1655
  },
1641
1656
  {
1642
1657
  "name": "overlay/backdrop/bgColor",
@@ -1853,7 +1868,7 @@
1853
1868
  "reference": "base/color/dark/base/color/red/6",
1854
1869
  "collection": "pattern/mode",
1855
1870
  "mode": "dark",
1856
- "scopes": ["STROKE"]
1871
+ "scopes": ["STROKE_COLOR"]
1857
1872
  },
1858
1873
  {
1859
1874
  "name": "button/danger/bgColor/active",
@@ -2065,7 +2080,7 @@
2065
2080
  "reference": "base/color/dark/base/color/gray/0",
2066
2081
  "collection": "pattern/mode",
2067
2082
  "mode": "dark",
2068
- "scopes": ["STROKE"]
2083
+ "scopes": ["STROKE_COLOR"]
2069
2084
  },
2070
2085
  {
2071
2086
  "name": "button/primary/bgColor/disabled",
@@ -2142,7 +2157,7 @@
2142
2157
  "reference": "base/color/dark/base/color/transparent",
2143
2158
  "collection": "pattern/mode",
2144
2159
  "mode": "dark",
2145
- "scopes": ["STROKE"]
2160
+ "scopes": ["STROKE_COLOR"]
2146
2161
  },
2147
2162
  {
2148
2163
  "name": "controlKnob/bgColor/checked",
@@ -2187,7 +2202,7 @@
2187
2202
  "reference": "base/color/dark/base/color/transparent",
2188
2203
  "collection": "pattern/mode",
2189
2204
  "mode": "dark",
2190
- "scopes": ["STROKE"]
2205
+ "scopes": ["STROKE_COLOR"]
2191
2206
  },
2192
2207
  {
2193
2208
  "name": "controlTrack/bgColor/active",
@@ -2279,7 +2294,7 @@
2279
2294
  "reference": "base/color/dark/base/color/transparent",
2280
2295
  "collection": "pattern/mode",
2281
2296
  "mode": "dark",
2282
- "scopes": ["STROKE"]
2297
+ "scopes": ["STROKE_COLOR"]
2283
2298
  },
2284
2299
  {
2285
2300
  "name": "control/transparent/borderColor/hover",
@@ -2294,7 +2309,7 @@
2294
2309
  "reference": "base/color/dark/base/color/transparent",
2295
2310
  "collection": "pattern/mode",
2296
2311
  "mode": "dark",
2297
- "scopes": ["STROKE"]
2312
+ "scopes": ["STROKE_COLOR"]
2298
2313
  },
2299
2314
  {
2300
2315
  "name": "control/transparent/borderColor/rest",
@@ -2309,7 +2324,7 @@
2309
2324
  "reference": "base/color/dark/base/color/transparent",
2310
2325
  "collection": "pattern/mode",
2311
2326
  "mode": "dark",
2312
- "scopes": ["STROKE"]
2327
+ "scopes": ["STROKE_COLOR"]
2313
2328
  },
2314
2329
  {
2315
2330
  "name": "control/transparent/bgColor/selected",
@@ -2402,7 +2417,7 @@
2402
2417
  "reference": "base/color/dark/base/color/gray/0",
2403
2418
  "collection": "pattern/mode",
2404
2419
  "mode": "dark",
2405
- "scopes": ["STROKE"]
2420
+ "scopes": ["STROKE_COLOR"]
2406
2421
  },
2407
2422
  {
2408
2423
  "name": "control/borderColor/emphasis",
@@ -2418,7 +2433,7 @@
2418
2433
  "reference": "base/color/dark/base/color/gray/4",
2419
2434
  "collection": "pattern/mode",
2420
2435
  "mode": "dark",
2421
- "scopes": ["STROKE"]
2436
+ "scopes": ["STROKE_COLOR"]
2422
2437
  },
2423
2438
  {
2424
2439
  "name": "control/fgColor/placeholder",
@@ -2571,7 +2586,7 @@
2571
2586
  "reference": "base/color/dark/base/color/gray/6",
2572
2587
  "collection": "pattern/mode",
2573
2588
  "mode": "dark",
2574
- "scopes": ["STROKE"]
2589
+ "scopes": ["STROKE_COLOR"]
2575
2590
  },
2576
2591
  {
2577
2592
  "name": "headerSearch/bgColor",
@@ -2601,7 +2616,7 @@
2601
2616
  "reference": "base/color/dark/base/color/gray/3",
2602
2617
  "collection": "pattern/mode",
2603
2618
  "mode": "dark",
2604
- "scopes": ["STROKE"]
2619
+ "scopes": ["STROKE_COLOR"]
2605
2620
  },
2606
2621
  {
2607
2622
  "name": "header/bgColor",
@@ -2895,7 +2910,7 @@
2895
2910
  "reference": "base/color/dark/base/color/transparent",
2896
2911
  "collection": "pattern/mode",
2897
2912
  "mode": "dark",
2898
- "scopes": ["STROKE"]
2913
+ "scopes": ["STROKE_COLOR"]
2899
2914
  },
2900
2915
  {
2901
2916
  "name": "borderColor/open-emphasis",
@@ -2907,10 +2922,10 @@
2907
2922
  },
2908
2923
  "type": "COLOR",
2909
2924
  "refId": "mode/borderColor/open-emphasis",
2910
- "reference": "mode/borderColor/success/emphasis",
2925
+ "reference": "mode/borderColor/success-emphasis",
2911
2926
  "collection": "mode",
2912
2927
  "mode": "dark",
2913
- "scopes": ["STROKE"]
2928
+ "scopes": ["STROKE_COLOR"]
2914
2929
  },
2915
2930
  {
2916
2931
  "name": "borderColor/open-muted",
@@ -2922,10 +2937,10 @@
2922
2937
  },
2923
2938
  "type": "COLOR",
2924
2939
  "refId": "mode/borderColor/open-muted",
2925
- "reference": "mode/borderColor/success/muted",
2940
+ "reference": "mode/borderColor/success-muted",
2926
2941
  "collection": "mode",
2927
2942
  "mode": "dark",
2928
- "scopes": ["STROKE"]
2943
+ "scopes": ["STROKE_COLOR"]
2929
2944
  },
2930
2945
  {
2931
2946
  "name": "borderColor/disabled",
@@ -2940,7 +2955,7 @@
2940
2955
  "reference": "mode/bgColor/disabled",
2941
2956
  "collection": "mode",
2942
2957
  "mode": "dark",
2943
- "scopes": ["STROKE"]
2958
+ "scopes": ["STROKE_COLOR"]
2944
2959
  },
2945
2960
  {
2946
2961
  "name": "borderColor/muted",
@@ -2956,7 +2971,7 @@
2956
2971
  "reference": "mode/borderColor/default",
2957
2972
  "collection": "mode",
2958
2973
  "mode": "dark",
2959
- "scopes": ["STROKE"]
2974
+ "scopes": ["STROKE_COLOR"]
2960
2975
  },
2961
2976
  {
2962
2977
  "name": "bgColor/open-emphasis",
@@ -2968,7 +2983,7 @@
2968
2983
  },
2969
2984
  "type": "COLOR",
2970
2985
  "refId": "mode/bgColor/open-emphasis",
2971
- "reference": "mode/bgColor/success/emphasis",
2986
+ "reference": "mode/bgColor/success-emphasis",
2972
2987
  "collection": "mode",
2973
2988
  "mode": "dark",
2974
2989
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2984,7 +2999,7 @@
2984
2999
  "type": "COLOR",
2985
3000
  "alpha": 0.1,
2986
3001
  "refId": "mode/bgColor/open-muted",
2987
- "reference": "mode/bgColor/success/muted",
3002
+ "reference": "mode/bgColor/success-muted",
2988
3003
  "collection": "mode",
2989
3004
  "mode": "dark",
2990
3005
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3044,10 +3059,10 @@
3044
3059
  },
3045
3060
  "type": "COLOR",
3046
3061
  "refId": "pattern/mode/underlineNav/borderColor/hover",
3047
- "reference": "mode/borderColor/neutral/muted",
3062
+ "reference": "mode/borderColor/neutral-muted",
3048
3063
  "collection": "pattern/mode",
3049
3064
  "mode": "dark",
3050
- "scopes": ["STROKE"]
3065
+ "scopes": ["STROKE_COLOR"]
3051
3066
  },
3052
3067
  {
3053
3068
  "name": "treeViewItem/leadingVisual/iconColor/rest",
@@ -3074,10 +3089,10 @@
3074
3089
  },
3075
3090
  "type": "COLOR",
3076
3091
  "refId": "pattern/mode/focus/outlineColor",
3077
- "reference": "mode/borderColor/accent/emphasis",
3092
+ "reference": "mode/borderColor/accent-emphasis",
3078
3093
  "collection": "pattern/mode",
3079
3094
  "mode": "dark",
3080
- "scopes": ["STROKE"]
3095
+ "scopes": ["STROKE_COLOR"]
3081
3096
  },
3082
3097
  {
3083
3098
  "name": "buttonCounter/danger/fgColor/disabled",
@@ -3121,7 +3136,7 @@
3121
3136
  "type": "COLOR",
3122
3137
  "alpha": 0.05,
3123
3138
  "refId": "pattern/mode/buttonCounter/danger/bgColor/disabled",
3124
- "reference": "mode/bgColor/danger/emphasis",
3139
+ "reference": "mode/bgColor/danger-emphasis",
3125
3140
  "collection": "pattern/mode",
3126
3141
  "mode": "dark",
3127
3142
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3153,7 +3168,7 @@
3153
3168
  "type": "COLOR",
3154
3169
  "alpha": 0.05,
3155
3170
  "refId": "pattern/mode/buttonCounter/outline/bgColor/disabled",
3156
- "reference": "mode/bgColor/accent/emphasis",
3171
+ "reference": "mode/bgColor/accent-emphasis",
3157
3172
  "collection": "pattern/mode",
3158
3173
  "mode": "dark",
3159
3174
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3171,7 +3186,7 @@
3171
3186
  "reference": "pattern/mode/button/danger/bgColor/active",
3172
3187
  "collection": "pattern/mode",
3173
3188
  "mode": "dark",
3174
- "scopes": ["STROKE"]
3189
+ "scopes": ["STROKE_COLOR"]
3175
3190
  },
3176
3191
  {
3177
3192
  "name": "button/danger/borderColor/rest",
@@ -3186,7 +3201,7 @@
3186
3201
  "reference": "mode/borderColor/default",
3187
3202
  "collection": "pattern/mode",
3188
3203
  "mode": "dark",
3189
- "scopes": ["STROKE"]
3204
+ "scopes": ["STROKE_COLOR"]
3190
3205
  },
3191
3206
  {
3192
3207
  "name": "button/danger/bgColor/rest",
@@ -3278,7 +3293,7 @@
3278
3293
  "reference": "pattern/mode/control/transparent/borderColor/hover",
3279
3294
  "collection": "pattern/mode",
3280
3295
  "mode": "dark",
3281
- "scopes": ["STROKE"]
3296
+ "scopes": ["STROKE_COLOR"]
3282
3297
  },
3283
3298
  {
3284
3299
  "name": "button/invisible/borderColor/rest",
@@ -3293,7 +3308,7 @@
3293
3308
  "reference": "pattern/mode/control/transparent/borderColor/rest",
3294
3309
  "collection": "pattern/mode",
3295
3310
  "mode": "dark",
3296
- "scopes": ["STROKE"]
3311
+ "scopes": ["STROKE_COLOR"]
3297
3312
  },
3298
3313
  {
3299
3314
  "name": "button/invisible/bgColor/active",
@@ -3368,7 +3383,7 @@
3368
3383
  "reference": "pattern/mode/button/primary/bgColor/disabled",
3369
3384
  "collection": "pattern/mode",
3370
3385
  "mode": "dark",
3371
- "scopes": ["STROKE"]
3386
+ "scopes": ["STROKE_COLOR"]
3372
3387
  },
3373
3388
  {
3374
3389
  "name": "button/primary/borderColor/hover",
@@ -3383,7 +3398,7 @@
3383
3398
  "reference": "pattern/mode/button/primary/borderColor/rest",
3384
3399
  "collection": "pattern/mode",
3385
3400
  "mode": "dark",
3386
- "scopes": ["STROKE"]
3401
+ "scopes": ["STROKE_COLOR"]
3387
3402
  },
3388
3403
  {
3389
3404
  "name": "button/primary/bgColor/active",
@@ -3396,7 +3411,7 @@
3396
3411
  "type": "COLOR",
3397
3412
  "isMix": true,
3398
3413
  "refId": "pattern/mode/button/primary/bgColor/active",
3399
- "reference": "mode/bgColor/success/emphasis",
3414
+ "reference": "mode/bgColor/success-emphasis",
3400
3415
  "collection": "pattern/mode",
3401
3416
  "mode": "dark",
3402
3417
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3412,7 +3427,7 @@
3412
3427
  "type": "COLOR",
3413
3428
  "isMix": true,
3414
3429
  "refId": "pattern/mode/button/primary/bgColor/hover",
3415
- "reference": "mode/bgColor/success/emphasis",
3430
+ "reference": "mode/bgColor/success-emphasis",
3416
3431
  "collection": "pattern/mode",
3417
3432
  "mode": "dark",
3418
3433
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3427,7 +3442,7 @@
3427
3442
  },
3428
3443
  "type": "COLOR",
3429
3444
  "refId": "pattern/mode/button/primary/bgColor/rest",
3430
- "reference": "mode/bgColor/success/emphasis",
3445
+ "reference": "mode/bgColor/success-emphasis",
3431
3446
  "collection": "pattern/mode",
3432
3447
  "mode": "dark",
3433
3448
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3445,7 +3460,7 @@
3445
3460
  "reference": "mode/borderColor/default",
3446
3461
  "collection": "pattern/mode",
3447
3462
  "mode": "dark",
3448
- "scopes": ["STROKE"]
3463
+ "scopes": ["STROKE_COLOR"]
3449
3464
  },
3450
3465
  {
3451
3466
  "name": "button/default/borderColor/hover",
@@ -3460,7 +3475,7 @@
3460
3475
  "reference": "mode/borderColor/default",
3461
3476
  "collection": "pattern/mode",
3462
3477
  "mode": "dark",
3463
- "scopes": ["STROKE"]
3478
+ "scopes": ["STROKE_COLOR"]
3464
3479
  },
3465
3480
  {
3466
3481
  "name": "button/default/borderColor/rest",
@@ -3475,7 +3490,7 @@
3475
3490
  "reference": "mode/borderColor/default",
3476
3491
  "collection": "pattern/mode",
3477
3492
  "mode": "dark",
3478
- "scopes": ["STROKE"]
3493
+ "scopes": ["STROKE_COLOR"]
3479
3494
  },
3480
3495
  {
3481
3496
  "name": "button/default/bgColor/selected",
@@ -3565,7 +3580,7 @@
3565
3580
  "reference": "pattern/mode/control/borderColor/emphasis",
3566
3581
  "collection": "pattern/mode",
3567
3582
  "mode": "dark",
3568
- "scopes": ["STROKE"]
3583
+ "scopes": ["STROKE_COLOR"]
3569
3584
  },
3570
3585
  {
3571
3586
  "name": "controlTrack/borderColor/disabled",
@@ -3580,7 +3595,7 @@
3580
3595
  "reference": "mode/fgColor/disabled",
3581
3596
  "collection": "pattern/mode",
3582
3597
  "mode": "dark",
3583
- "scopes": ["STROKE"]
3598
+ "scopes": ["STROKE_COLOR"]
3584
3599
  },
3585
3600
  {
3586
3601
  "name": "controlTrack/fgColor/disabled",
@@ -3640,7 +3655,7 @@
3640
3655
  "reference": "mode/fgColor/disabled",
3641
3656
  "collection": "pattern/mode",
3642
3657
  "mode": "dark",
3643
- "scopes": ["STROKE"]
3658
+ "scopes": ["STROKE_COLOR"]
3644
3659
  },
3645
3660
  {
3646
3661
  "name": "control/checked/borderColor/active",
@@ -3653,10 +3668,10 @@
3653
3668
  "type": "COLOR",
3654
3669
  "isMix": true,
3655
3670
  "refId": "pattern/mode/control/checked/borderColor/active",
3656
- "reference": "mode/bgColor/accent/emphasis",
3671
+ "reference": "mode/bgColor/accent-emphasis",
3657
3672
  "collection": "pattern/mode",
3658
3673
  "mode": "dark",
3659
- "scopes": ["STROKE"]
3674
+ "scopes": ["STROKE_COLOR"]
3660
3675
  },
3661
3676
  {
3662
3677
  "name": "control/checked/borderColor/hover",
@@ -3669,10 +3684,10 @@
3669
3684
  "type": "COLOR",
3670
3685
  "isMix": true,
3671
3686
  "refId": "pattern/mode/control/checked/borderColor/hover",
3672
- "reference": "mode/bgColor/accent/emphasis",
3687
+ "reference": "mode/bgColor/accent-emphasis",
3673
3688
  "collection": "pattern/mode",
3674
3689
  "mode": "dark",
3675
- "scopes": ["STROKE"]
3690
+ "scopes": ["STROKE_COLOR"]
3676
3691
  },
3677
3692
  {
3678
3693
  "name": "control/checked/borderColor/rest",
@@ -3684,10 +3699,10 @@
3684
3699
  },
3685
3700
  "type": "COLOR",
3686
3701
  "refId": "pattern/mode/control/checked/borderColor/rest",
3687
- "reference": "mode/bgColor/accent/emphasis",
3702
+ "reference": "mode/bgColor/accent-emphasis",
3688
3703
  "collection": "pattern/mode",
3689
3704
  "mode": "dark",
3690
- "scopes": ["STROKE"]
3705
+ "scopes": ["STROKE_COLOR"]
3691
3706
  },
3692
3707
  {
3693
3708
  "name": "control/checked/fgColor/rest",
@@ -3730,7 +3745,7 @@
3730
3745
  "type": "COLOR",
3731
3746
  "isMix": true,
3732
3747
  "refId": "pattern/mode/control/checked/bgColor/active",
3733
- "reference": "mode/bgColor/accent/emphasis",
3748
+ "reference": "mode/bgColor/accent-emphasis",
3734
3749
  "collection": "pattern/mode",
3735
3750
  "mode": "dark",
3736
3751
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3746,7 +3761,7 @@
3746
3761
  "type": "COLOR",
3747
3762
  "isMix": true,
3748
3763
  "refId": "pattern/mode/control/checked/bgColor/hover",
3749
- "reference": "mode/bgColor/accent/emphasis",
3764
+ "reference": "mode/bgColor/accent-emphasis",
3750
3765
  "collection": "pattern/mode",
3751
3766
  "mode": "dark",
3752
3767
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3761,7 +3776,7 @@
3761
3776
  },
3762
3777
  "type": "COLOR",
3763
3778
  "refId": "pattern/mode/control/checked/bgColor/rest",
3764
- "reference": "mode/bgColor/accent/emphasis",
3779
+ "reference": "mode/bgColor/accent-emphasis",
3765
3780
  "collection": "pattern/mode",
3766
3781
  "mode": "dark",
3767
3782
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3777,7 +3792,7 @@
3777
3792
  "type": "COLOR",
3778
3793
  "alpha": 0.4,
3779
3794
  "refId": "pattern/mode/control/danger/bgColor/active",
3780
- "reference": "mode/bgColor/danger/muted",
3795
+ "reference": "mode/bgColor/danger-muted",
3781
3796
  "collection": "pattern/mode",
3782
3797
  "mode": "dark",
3783
3798
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3792,7 +3807,7 @@
3792
3807
  },
3793
3808
  "type": "COLOR",
3794
3809
  "refId": "pattern/mode/control/danger/bgColor/hover",
3795
- "reference": "mode/bgColor/danger/muted",
3810
+ "reference": "mode/bgColor/danger-muted",
3796
3811
  "collection": "pattern/mode",
3797
3812
  "mode": "dark",
3798
3813
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3837,10 +3852,10 @@
3837
3852
  },
3838
3853
  "type": "COLOR",
3839
3854
  "refId": "pattern/mode/control/borderColor/warning",
3840
- "reference": "mode/borderColor/attention/emphasis",
3855
+ "reference": "mode/borderColor/attention-emphasis",
3841
3856
  "collection": "pattern/mode",
3842
3857
  "mode": "dark",
3843
- "scopes": ["STROKE"]
3858
+ "scopes": ["STROKE_COLOR"]
3844
3859
  },
3845
3860
  {
3846
3861
  "name": "control/borderColor/danger",
@@ -3852,10 +3867,10 @@
3852
3867
  },
3853
3868
  "type": "COLOR",
3854
3869
  "refId": "pattern/mode/control/borderColor/danger",
3855
- "reference": "mode/borderColor/danger/emphasis",
3870
+ "reference": "mode/borderColor/danger-emphasis",
3856
3871
  "collection": "pattern/mode",
3857
3872
  "mode": "dark",
3858
- "scopes": ["STROKE"]
3873
+ "scopes": ["STROKE_COLOR"]
3859
3874
  },
3860
3875
  {
3861
3876
  "name": "control/borderColor/success",
@@ -3867,10 +3882,10 @@
3867
3882
  },
3868
3883
  "type": "COLOR",
3869
3884
  "refId": "pattern/mode/control/borderColor/success",
3870
- "reference": "mode/borderColor/success/emphasis",
3885
+ "reference": "mode/borderColor/success-emphasis",
3871
3886
  "collection": "pattern/mode",
3872
3887
  "mode": "dark",
3873
- "scopes": ["STROKE"]
3888
+ "scopes": ["STROKE_COLOR"]
3874
3889
  },
3875
3890
  {
3876
3891
  "name": "control/borderColor/rest",
@@ -3885,7 +3900,7 @@
3885
3900
  "reference": "mode/borderColor/default",
3886
3901
  "collection": "pattern/mode",
3887
3902
  "mode": "dark",
3888
- "scopes": ["STROKE"]
3903
+ "scopes": ["STROKE_COLOR"]
3889
3904
  },
3890
3905
  {
3891
3906
  "name": "control/fgColor/disabled",
@@ -3957,7 +3972,7 @@
3957
3972
  },
3958
3973
  "type": "COLOR",
3959
3974
  "refId": "pattern/mode/codeMirror/activeline/bgColor",
3960
- "reference": "mode/bgColor/neutral/muted",
3975
+ "reference": "mode/bgColor/neutral-muted",
3961
3976
  "collection": "pattern/mode",
3962
3977
  "mode": "dark",
3963
3978
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3972,7 +3987,7 @@
3972
3987
  },
3973
3988
  "type": "COLOR",
3974
3989
  "refId": "pattern/mode/codeMirror/selection/bgColor",
3975
- "reference": "mode/borderColor/accent/muted",
3990
+ "reference": "mode/borderColor/accent-muted",
3976
3991
  "collection": "pattern/mode",
3977
3992
  "mode": "dark",
3978
3993
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4092,7 +4107,7 @@
4092
4107
  },
4093
4108
  "type": "COLOR",
4094
4109
  "refId": "pattern/mode/diffStat/addition/bgColor",
4095
- "reference": "mode/bgColor/success/emphasis",
4110
+ "reference": "mode/bgColor/success-emphasis",
4096
4111
  "collection": "pattern/mode",
4097
4112
  "mode": "dark",
4098
4113
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4122,7 +4137,7 @@
4122
4137
  },
4123
4138
  "type": "COLOR",
4124
4139
  "refId": "pattern/mode/diffBlob/hunk/bgColor/num",
4125
- "reference": "mode/borderColor/accent/muted",
4140
+ "reference": "mode/borderColor/accent-muted",
4126
4141
  "collection": "pattern/mode",
4127
4142
  "mode": "dark",
4128
4143
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4230,7 +4245,7 @@
4230
4245
  "reference": "mode/borderColor/muted",
4231
4246
  "collection": "pattern/mode",
4232
4247
  "mode": "dark",
4233
- "scopes": ["STROKE"]
4248
+ "scopes": ["STROKE_COLOR"]
4234
4249
  },
4235
4250
  {
4236
4251
  "name": "button/outline/borderColor/hover",
@@ -4245,7 +4260,7 @@
4245
4260
  "reference": "mode/borderColor/muted",
4246
4261
  "collection": "pattern/mode",
4247
4262
  "mode": "dark",
4248
- "scopes": ["STROKE"]
4263
+ "scopes": ["STROKE_COLOR"]
4249
4264
  },
4250
4265
  {
4251
4266
  "name": "button/invisible/bgColor/disabled",
@@ -4305,7 +4320,7 @@
4305
4320
  "reference": "pattern/mode/control/checked/bgColor/rest",
4306
4321
  "collection": "pattern/mode",
4307
4322
  "mode": "dark",
4308
- "scopes": ["STROKE"]
4323
+ "scopes": ["STROKE_COLOR"]
4309
4324
  },
4310
4325
  {
4311
4326
  "name": "controlKnob/borderColor/disabled",
@@ -4320,7 +4335,7 @@
4320
4335
  "reference": "pattern/mode/control/bgColor/disabled",
4321
4336
  "collection": "pattern/mode",
4322
4337
  "mode": "dark",
4323
- "scopes": ["STROKE"]
4338
+ "scopes": ["STROKE_COLOR"]
4324
4339
  },
4325
4340
  {
4326
4341
  "name": "controlKnob/bgColor/disabled",
@@ -4350,7 +4365,7 @@
4350
4365
  "reference": "mode/borderColor/disabled",
4351
4366
  "collection": "pattern/mode",
4352
4367
  "mode": "dark",
4353
- "scopes": ["STROKE"]
4368
+ "scopes": ["STROKE_COLOR"]
4354
4369
  },
4355
4370
  {
4356
4371
  "name": "avatar/borderColor",
@@ -4365,7 +4380,7 @@
4365
4380
  "reference": "mode/borderColor/muted",
4366
4381
  "collection": "pattern/mode",
4367
4382
  "mode": "dark",
4368
- "scopes": ["STROKE"]
4383
+ "scopes": ["STROKE_COLOR"]
4369
4384
  },
4370
4385
  {
4371
4386
  "name": "button/invisible/borderColor/disabled",
@@ -4380,7 +4395,7 @@
4380
4395
  "reference": "pattern/mode/control/borderColor/disabled",
4381
4396
  "collection": "pattern/mode",
4382
4397
  "mode": "dark",
4383
- "scopes": ["STROKE"]
4398
+ "scopes": ["STROKE_COLOR"]
4384
4399
  },
4385
4400
  {
4386
4401
  "name": "button/default/borderColor/disabled",
@@ -4395,6 +4410,6 @@
4395
4410
  "reference": "pattern/mode/control/borderColor/disabled",
4396
4411
  "collection": "pattern/mode",
4397
4412
  "mode": "dark",
4398
- "scopes": ["STROKE"]
4413
+ "scopes": ["STROKE_COLOR"]
4399
4414
  }
4400
4415
  ]