@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/light.json CHANGED
@@ -715,7 +715,7 @@
715
715
  "reference": "base/color/light/base/color/pink/5",
716
716
  "collection": "mode",
717
717
  "mode": "light",
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/light/base/color/pink/3",
732
732
  "collection": "mode",
733
733
  "mode": "light",
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/light/base/color/purple/5",
747
747
  "collection": "mode",
748
748
  "mode": "light",
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/light/base/color/purple/3",
763
763
  "collection": "mode",
764
764
  "mode": "light",
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/light/base/color/red/5",
778
778
  "collection": "mode",
779
779
  "mode": "light",
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/light/base/color/red/3",
794
794
  "collection": "mode",
795
795
  "mode": "light",
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/light/base/color/red/5",
809
809
  "collection": "mode",
810
810
  "mode": "light",
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/light/base/color/red/3",
825
825
  "collection": "mode",
826
826
  "mode": "light",
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/light/base/color/orange/5",
840
840
  "collection": "mode",
841
841
  "mode": "light",
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/light/base/color/orange/3",
856
856
  "collection": "mode",
857
857
  "mode": "light",
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/light/base/color/yellow/4",
871
871
  "collection": "mode",
872
872
  "mode": "light",
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/light/base/color/yellow/3",
887
887
  "collection": "mode",
888
888
  "mode": "light",
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/light/base/color/green/4",
902
902
  "collection": "mode",
903
903
  "mode": "light",
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/light/base/color/green/3",
918
918
  "collection": "mode",
919
919
  "mode": "light",
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/light/base/color/blue/5",
933
933
  "collection": "mode",
934
934
  "mode": "light",
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/light/base/color/blue/3",
949
949
  "collection": "mode",
950
950
  "mode": "light",
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/light/base/color/gray/5",
964
964
  "collection": "mode",
965
965
  "mode": "light",
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/light/base/color/gray/3",
980
980
  "collection": "mode",
981
981
  "mode": "light",
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/light/base/color/transparent",
995
995
  "collection": "mode",
996
996
  "mode": "light",
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/light/base/color/gray/5",
1010
1010
  "collection": "mode",
1011
1011
  "mode": "light",
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/light/base/color/gray/2",
1025
1025
  "collection": "mode",
1026
1026
  "mode": "light",
1027
- "scopes": ["STROKE"]
1027
+ "scopes": ["STROKE_COLOR"]
1028
1028
  },
1029
1029
  {
1030
1030
  "name": "bgColor/sponsors-emphasis",
@@ -1343,6 +1343,21 @@
1343
1343
  "mode": "light",
1344
1344
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1345
1345
  },
1346
+ {
1347
+ "name": "bgColor/inset",
1348
+ "value": {
1349
+ "r": 0.9647058823529412,
1350
+ "g": 0.9725490196078431,
1351
+ "b": 0.9803921568627451,
1352
+ "a": 1
1353
+ },
1354
+ "type": "COLOR",
1355
+ "refId": "mode/bgColor/inset",
1356
+ "reference": "base/color/light/base/color/gray/0",
1357
+ "collection": "mode",
1358
+ "mode": "light",
1359
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1360
+ },
1346
1361
  {
1347
1362
  "name": "bgColor/muted",
1348
1363
  "value": {
@@ -1553,7 +1568,7 @@
1553
1568
  "reference": "base/color/light/base/color/coral/3",
1554
1569
  "collection": "pattern/mode",
1555
1570
  "mode": "light",
1556
- "scopes": ["STROKE"]
1571
+ "scopes": ["STROKE_COLOR"]
1557
1572
  },
1558
1573
  {
1559
1574
  "name": "treeViewItem/leadingVisual/iconColor/rest",
@@ -1628,7 +1643,7 @@
1628
1643
  "reference": "base/color/light/base/color/transparent",
1629
1644
  "collection": "pattern/mode",
1630
1645
  "mode": "light",
1631
- "scopes": ["STROKE"]
1646
+ "scopes": ["STROKE_COLOR"]
1632
1647
  },
1633
1648
  {
1634
1649
  "name": "overlay/backdrop/bgColor",
@@ -1920,7 +1935,7 @@
1920
1935
  "reference": "base/color/light/base/color/black",
1921
1936
  "collection": "pattern/mode",
1922
1937
  "mode": "light",
1923
- "scopes": ["STROKE"]
1938
+ "scopes": ["STROKE_COLOR"]
1924
1939
  },
1925
1940
  {
1926
1941
  "name": "button/primary/bgColor/disabled",
@@ -1998,7 +2013,7 @@
1998
2013
  "reference": "base/color/light/base/color/transparent",
1999
2014
  "collection": "pattern/mode",
2000
2015
  "mode": "light",
2001
- "scopes": ["STROKE"]
2016
+ "scopes": ["STROKE_COLOR"]
2002
2017
  },
2003
2018
  {
2004
2019
  "name": "controlKnob/bgColor/checked",
@@ -2043,7 +2058,7 @@
2043
2058
  "reference": "base/color/light/base/color/transparent",
2044
2059
  "collection": "pattern/mode",
2045
2060
  "mode": "light",
2046
- "scopes": ["STROKE"]
2061
+ "scopes": ["STROKE_COLOR"]
2047
2062
  },
2048
2063
  {
2049
2064
  "name": "controlTrack/bgColor/active",
@@ -2105,7 +2120,7 @@
2105
2120
  "reference": "base/color/light/base/color/transparent",
2106
2121
  "collection": "pattern/mode",
2107
2122
  "mode": "light",
2108
- "scopes": ["STROKE"]
2123
+ "scopes": ["STROKE_COLOR"]
2109
2124
  },
2110
2125
  {
2111
2126
  "name": "control/transparent/borderColor/hover",
@@ -2120,7 +2135,7 @@
2120
2135
  "reference": "base/color/light/base/color/transparent",
2121
2136
  "collection": "pattern/mode",
2122
2137
  "mode": "light",
2123
- "scopes": ["STROKE"]
2138
+ "scopes": ["STROKE_COLOR"]
2124
2139
  },
2125
2140
  {
2126
2141
  "name": "control/transparent/borderColor/rest",
@@ -2135,7 +2150,7 @@
2135
2150
  "reference": "base/color/light/base/color/transparent",
2136
2151
  "collection": "pattern/mode",
2137
2152
  "mode": "light",
2138
- "scopes": ["STROKE"]
2153
+ "scopes": ["STROKE_COLOR"]
2139
2154
  },
2140
2155
  {
2141
2156
  "name": "control/transparent/bgColor/selected",
@@ -2212,7 +2227,7 @@
2212
2227
  "reference": "base/color/light/base/color/gray/0",
2213
2228
  "collection": "pattern/mode",
2214
2229
  "mode": "light",
2215
- "scopes": ["STROKE"]
2230
+ "scopes": ["STROKE_COLOR"]
2216
2231
  },
2217
2232
  {
2218
2233
  "name": "control/borderColor/emphasis",
@@ -2228,7 +2243,7 @@
2228
2243
  "reference": "base/color/light/base/color/gray/4",
2229
2244
  "collection": "pattern/mode",
2230
2245
  "mode": "light",
2231
- "scopes": ["STROKE"]
2246
+ "scopes": ["STROKE_COLOR"]
2232
2247
  },
2233
2248
  {
2234
2249
  "name": "control/fgColor/placeholder",
@@ -2380,7 +2395,7 @@
2380
2395
  "reference": "base/color/light/base/color/gray/6",
2381
2396
  "collection": "pattern/mode",
2382
2397
  "mode": "light",
2383
- "scopes": ["STROKE"]
2398
+ "scopes": ["STROKE_COLOR"]
2384
2399
  },
2385
2400
  {
2386
2401
  "name": "headerSearch/bgColor",
@@ -2410,7 +2425,7 @@
2410
2425
  "reference": "base/color/light/base/color/gray/6",
2411
2426
  "collection": "pattern/mode",
2412
2427
  "mode": "light",
2413
- "scopes": ["STROKE"]
2428
+ "scopes": ["STROKE_COLOR"]
2414
2429
  },
2415
2430
  {
2416
2431
  "name": "header/bgColor",
@@ -2714,7 +2729,7 @@
2714
2729
  "reference": "base/color/light/base/color/transparent",
2715
2730
  "collection": "pattern/mode",
2716
2731
  "mode": "light",
2717
- "scopes": ["STROKE"]
2732
+ "scopes": ["STROKE_COLOR"]
2718
2733
  },
2719
2734
  {
2720
2735
  "name": "borderColor/open-emphasis",
@@ -2726,10 +2741,10 @@
2726
2741
  },
2727
2742
  "type": "COLOR",
2728
2743
  "refId": "mode/borderColor/open-emphasis",
2729
- "reference": "mode/borderColor/success/emphasis",
2744
+ "reference": "mode/borderColor/success-emphasis",
2730
2745
  "collection": "mode",
2731
2746
  "mode": "light",
2732
- "scopes": ["STROKE"]
2747
+ "scopes": ["STROKE_COLOR"]
2733
2748
  },
2734
2749
  {
2735
2750
  "name": "borderColor/open-muted",
@@ -2741,10 +2756,10 @@
2741
2756
  },
2742
2757
  "type": "COLOR",
2743
2758
  "refId": "mode/borderColor/open-muted",
2744
- "reference": "mode/borderColor/success/muted",
2759
+ "reference": "mode/borderColor/success-muted",
2745
2760
  "collection": "mode",
2746
2761
  "mode": "light",
2747
- "scopes": ["STROKE"]
2762
+ "scopes": ["STROKE_COLOR"]
2748
2763
  },
2749
2764
  {
2750
2765
  "name": "borderColor/disabled",
@@ -2759,7 +2774,7 @@
2759
2774
  "reference": "mode/bgColor/disabled",
2760
2775
  "collection": "mode",
2761
2776
  "mode": "light",
2762
- "scopes": ["STROKE"]
2777
+ "scopes": ["STROKE_COLOR"]
2763
2778
  },
2764
2779
  {
2765
2780
  "name": "borderColor/muted",
@@ -2775,7 +2790,7 @@
2775
2790
  "reference": "mode/borderColor/default",
2776
2791
  "collection": "mode",
2777
2792
  "mode": "light",
2778
- "scopes": ["STROKE"]
2793
+ "scopes": ["STROKE_COLOR"]
2779
2794
  },
2780
2795
  {
2781
2796
  "name": "bgColor/open-emphasis",
@@ -2787,7 +2802,7 @@
2787
2802
  },
2788
2803
  "type": "COLOR",
2789
2804
  "refId": "mode/bgColor/open-emphasis",
2790
- "reference": "mode/bgColor/success/emphasis",
2805
+ "reference": "mode/bgColor/success-emphasis",
2791
2806
  "collection": "mode",
2792
2807
  "mode": "light",
2793
2808
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2802,7 +2817,7 @@
2802
2817
  },
2803
2818
  "type": "COLOR",
2804
2819
  "refId": "mode/bgColor/open-muted",
2805
- "reference": "mode/bgColor/success/muted",
2820
+ "reference": "mode/bgColor/success-muted",
2806
2821
  "collection": "mode",
2807
2822
  "mode": "light",
2808
2823
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2877,10 +2892,10 @@
2877
2892
  },
2878
2893
  "type": "COLOR",
2879
2894
  "refId": "pattern/mode/underlineNav/borderColor/hover",
2880
- "reference": "mode/borderColor/neutral/muted",
2895
+ "reference": "mode/borderColor/neutral-muted",
2881
2896
  "collection": "pattern/mode",
2882
2897
  "mode": "light",
2883
- "scopes": ["STROKE"]
2898
+ "scopes": ["STROKE_COLOR"]
2884
2899
  },
2885
2900
  {
2886
2901
  "name": "focus/outlineColor",
@@ -2892,10 +2907,10 @@
2892
2907
  },
2893
2908
  "type": "COLOR",
2894
2909
  "refId": "pattern/mode/focus/outlineColor",
2895
- "reference": "mode/borderColor/accent/emphasis",
2910
+ "reference": "mode/borderColor/accent-emphasis",
2896
2911
  "collection": "pattern/mode",
2897
2912
  "mode": "light",
2898
- "scopes": ["STROKE"]
2913
+ "scopes": ["STROKE_COLOR"]
2899
2914
  },
2900
2915
  {
2901
2916
  "name": "buttonCounter/danger/fgColor/disabled",
@@ -2924,7 +2939,7 @@
2924
2939
  "type": "COLOR",
2925
2940
  "alpha": 0.1,
2926
2941
  "refId": "pattern/mode/buttonCounter/danger/bgColor/rest",
2927
- "reference": "mode/bgColor/danger/emphasis",
2942
+ "reference": "mode/bgColor/danger-emphasis",
2928
2943
  "collection": "pattern/mode",
2929
2944
  "mode": "light",
2930
2945
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2940,7 +2955,7 @@
2940
2955
  "type": "COLOR",
2941
2956
  "alpha": 0.05,
2942
2957
  "refId": "pattern/mode/buttonCounter/danger/bgColor/disabled",
2943
- "reference": "mode/bgColor/danger/emphasis",
2958
+ "reference": "mode/bgColor/danger-emphasis",
2944
2959
  "collection": "pattern/mode",
2945
2960
  "mode": "light",
2946
2961
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2972,7 +2987,7 @@
2972
2987
  "type": "COLOR",
2973
2988
  "alpha": 0.05,
2974
2989
  "refId": "pattern/mode/buttonCounter/outline/bgColor/disabled",
2975
- "reference": "mode/bgColor/accent/emphasis",
2990
+ "reference": "mode/bgColor/accent-emphasis",
2976
2991
  "collection": "pattern/mode",
2977
2992
  "mode": "light",
2978
2993
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -2988,7 +3003,7 @@
2988
3003
  "type": "COLOR",
2989
3004
  "alpha": 0.1,
2990
3005
  "refId": "pattern/mode/buttonCounter/outline/bgColor/rest",
2991
- "reference": "mode/bgColor/accent/emphasis",
3006
+ "reference": "mode/bgColor/accent-emphasis",
2992
3007
  "collection": "pattern/mode",
2993
3008
  "mode": "light",
2994
3009
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3004,7 +3019,7 @@
3004
3019
  "type": "COLOR",
3005
3020
  "alpha": 1,
3006
3021
  "refId": "pattern/mode/buttonCounter/invisible/bgColor/rest",
3007
- "reference": "mode/bgColor/neutral/muted",
3022
+ "reference": "mode/bgColor/neutral-muted",
3008
3023
  "collection": "pattern/mode",
3009
3024
  "mode": "light",
3010
3025
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3020,7 +3035,7 @@
3020
3035
  "type": "COLOR",
3021
3036
  "alpha": 1,
3022
3037
  "refId": "pattern/mode/buttonCounter/default/bgColor/rest",
3023
- "reference": "mode/bgColor/neutral/muted",
3038
+ "reference": "mode/bgColor/neutral-muted",
3024
3039
  "collection": "pattern/mode",
3025
3040
  "mode": "light",
3026
3041
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3038,7 +3053,7 @@
3038
3053
  "reference": "mode/borderColor/default",
3039
3054
  "collection": "pattern/mode",
3040
3055
  "mode": "light",
3041
- "scopes": ["STROKE"]
3056
+ "scopes": ["STROKE_COLOR"]
3042
3057
  },
3043
3058
  {
3044
3059
  "name": "button/danger/borderColor/hover",
@@ -3053,7 +3068,7 @@
3053
3068
  "reference": "mode/borderColor/default",
3054
3069
  "collection": "pattern/mode",
3055
3070
  "mode": "light",
3056
- "scopes": ["STROKE"]
3071
+ "scopes": ["STROKE_COLOR"]
3057
3072
  },
3058
3073
  {
3059
3074
  "name": "button/danger/borderColor/rest",
@@ -3068,7 +3083,7 @@
3068
3083
  "reference": "mode/borderColor/default",
3069
3084
  "collection": "pattern/mode",
3070
3085
  "mode": "light",
3071
- "scopes": ["STROKE"]
3086
+ "scopes": ["STROKE_COLOR"]
3072
3087
  },
3073
3088
  {
3074
3089
  "name": "button/danger/bgColor/rest",
@@ -3144,7 +3159,7 @@
3144
3159
  "reference": "mode/borderColor/default",
3145
3160
  "collection": "pattern/mode",
3146
3161
  "mode": "light",
3147
- "scopes": ["STROKE"]
3162
+ "scopes": ["STROKE_COLOR"]
3148
3163
  },
3149
3164
  {
3150
3165
  "name": "button/outline/borderColor/hover",
@@ -3159,7 +3174,7 @@
3159
3174
  "reference": "mode/borderColor/default",
3160
3175
  "collection": "pattern/mode",
3161
3176
  "mode": "light",
3162
- "scopes": ["STROKE"]
3177
+ "scopes": ["STROKE_COLOR"]
3163
3178
  },
3164
3179
  {
3165
3180
  "name": "button/outline/bgColor/active",
@@ -3172,7 +3187,7 @@
3172
3187
  "type": "COLOR",
3173
3188
  "isMix": true,
3174
3189
  "refId": "pattern/mode/button/outline/bgColor/active",
3175
- "reference": "mode/bgColor/accent/emphasis",
3190
+ "reference": "mode/bgColor/accent-emphasis",
3176
3191
  "collection": "pattern/mode",
3177
3192
  "mode": "light",
3178
3193
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3187,7 +3202,7 @@
3187
3202
  },
3188
3203
  "type": "COLOR",
3189
3204
  "refId": "pattern/mode/button/outline/bgColor/hover",
3190
- "reference": "mode/bgColor/accent/emphasis",
3205
+ "reference": "mode/bgColor/accent-emphasis",
3191
3206
  "collection": "pattern/mode",
3192
3207
  "mode": "light",
3193
3208
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3251,7 +3266,7 @@
3251
3266
  "reference": "pattern/mode/control/transparent/borderColor/hover",
3252
3267
  "collection": "pattern/mode",
3253
3268
  "mode": "light",
3254
- "scopes": ["STROKE"]
3269
+ "scopes": ["STROKE_COLOR"]
3255
3270
  },
3256
3271
  {
3257
3272
  "name": "button/invisible/borderColor/rest",
@@ -3266,7 +3281,7 @@
3266
3281
  "reference": "pattern/mode/control/transparent/borderColor/rest",
3267
3282
  "collection": "pattern/mode",
3268
3283
  "mode": "light",
3269
- "scopes": ["STROKE"]
3284
+ "scopes": ["STROKE_COLOR"]
3270
3285
  },
3271
3286
  {
3272
3287
  "name": "button/invisible/bgColor/active",
@@ -3356,7 +3371,7 @@
3356
3371
  "reference": "pattern/mode/button/primary/bgColor/disabled",
3357
3372
  "collection": "pattern/mode",
3358
3373
  "mode": "light",
3359
- "scopes": ["STROKE"]
3374
+ "scopes": ["STROKE_COLOR"]
3360
3375
  },
3361
3376
  {
3362
3377
  "name": "button/primary/borderColor/hover",
@@ -3371,7 +3386,7 @@
3371
3386
  "reference": "pattern/mode/button/primary/borderColor/rest",
3372
3387
  "collection": "pattern/mode",
3373
3388
  "mode": "light",
3374
- "scopes": ["STROKE"]
3389
+ "scopes": ["STROKE_COLOR"]
3375
3390
  },
3376
3391
  {
3377
3392
  "name": "button/primary/bgColor/active",
@@ -3384,7 +3399,7 @@
3384
3399
  "type": "COLOR",
3385
3400
  "isMix": true,
3386
3401
  "refId": "pattern/mode/button/primary/bgColor/active",
3387
- "reference": "mode/bgColor/success/emphasis",
3402
+ "reference": "mode/bgColor/success-emphasis",
3388
3403
  "collection": "pattern/mode",
3389
3404
  "mode": "light",
3390
3405
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3400,7 +3415,7 @@
3400
3415
  "type": "COLOR",
3401
3416
  "isMix": true,
3402
3417
  "refId": "pattern/mode/button/primary/bgColor/hover",
3403
- "reference": "mode/bgColor/success/emphasis",
3418
+ "reference": "mode/bgColor/success-emphasis",
3404
3419
  "collection": "pattern/mode",
3405
3420
  "mode": "light",
3406
3421
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3415,7 +3430,7 @@
3415
3430
  },
3416
3431
  "type": "COLOR",
3417
3432
  "refId": "pattern/mode/button/primary/bgColor/rest",
3418
- "reference": "mode/bgColor/success/emphasis",
3433
+ "reference": "mode/bgColor/success-emphasis",
3419
3434
  "collection": "pattern/mode",
3420
3435
  "mode": "light",
3421
3436
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3433,7 +3448,7 @@
3433
3448
  "reference": "mode/borderColor/default",
3434
3449
  "collection": "pattern/mode",
3435
3450
  "mode": "light",
3436
- "scopes": ["STROKE"]
3451
+ "scopes": ["STROKE_COLOR"]
3437
3452
  },
3438
3453
  {
3439
3454
  "name": "button/default/borderColor/hover",
@@ -3448,7 +3463,7 @@
3448
3463
  "reference": "mode/borderColor/default",
3449
3464
  "collection": "pattern/mode",
3450
3465
  "mode": "light",
3451
- "scopes": ["STROKE"]
3466
+ "scopes": ["STROKE_COLOR"]
3452
3467
  },
3453
3468
  {
3454
3469
  "name": "button/default/borderColor/rest",
@@ -3463,7 +3478,7 @@
3463
3478
  "reference": "mode/borderColor/default",
3464
3479
  "collection": "pattern/mode",
3465
3480
  "mode": "light",
3466
- "scopes": ["STROKE"]
3481
+ "scopes": ["STROKE_COLOR"]
3467
3482
  },
3468
3483
  {
3469
3484
  "name": "button/default/bgColor/selected",
@@ -3553,7 +3568,7 @@
3553
3568
  "reference": "pattern/mode/control/borderColor/emphasis",
3554
3569
  "collection": "pattern/mode",
3555
3570
  "mode": "light",
3556
- "scopes": ["STROKE"]
3571
+ "scopes": ["STROKE_COLOR"]
3557
3572
  },
3558
3573
  {
3559
3574
  "name": "controlTrack/borderColor/disabled",
@@ -3568,7 +3583,7 @@
3568
3583
  "reference": "mode/fgColor/disabled",
3569
3584
  "collection": "pattern/mode",
3570
3585
  "mode": "light",
3571
- "scopes": ["STROKE"]
3586
+ "scopes": ["STROKE_COLOR"]
3572
3587
  },
3573
3588
  {
3574
3589
  "name": "controlTrack/fgColor/disabled",
@@ -3628,7 +3643,7 @@
3628
3643
  "reference": "mode/fgColor/disabled",
3629
3644
  "collection": "pattern/mode",
3630
3645
  "mode": "light",
3631
- "scopes": ["STROKE"]
3646
+ "scopes": ["STROKE_COLOR"]
3632
3647
  },
3633
3648
  {
3634
3649
  "name": "control/checked/borderColor/active",
@@ -3641,10 +3656,10 @@
3641
3656
  "type": "COLOR",
3642
3657
  "isMix": true,
3643
3658
  "refId": "pattern/mode/control/checked/borderColor/active",
3644
- "reference": "mode/bgColor/accent/emphasis",
3659
+ "reference": "mode/bgColor/accent-emphasis",
3645
3660
  "collection": "pattern/mode",
3646
3661
  "mode": "light",
3647
- "scopes": ["STROKE"]
3662
+ "scopes": ["STROKE_COLOR"]
3648
3663
  },
3649
3664
  {
3650
3665
  "name": "control/checked/borderColor/hover",
@@ -3657,10 +3672,10 @@
3657
3672
  "type": "COLOR",
3658
3673
  "isMix": true,
3659
3674
  "refId": "pattern/mode/control/checked/borderColor/hover",
3660
- "reference": "mode/bgColor/accent/emphasis",
3675
+ "reference": "mode/bgColor/accent-emphasis",
3661
3676
  "collection": "pattern/mode",
3662
3677
  "mode": "light",
3663
- "scopes": ["STROKE"]
3678
+ "scopes": ["STROKE_COLOR"]
3664
3679
  },
3665
3680
  {
3666
3681
  "name": "control/checked/borderColor/rest",
@@ -3672,10 +3687,10 @@
3672
3687
  },
3673
3688
  "type": "COLOR",
3674
3689
  "refId": "pattern/mode/control/checked/borderColor/rest",
3675
- "reference": "mode/bgColor/accent/emphasis",
3690
+ "reference": "mode/bgColor/accent-emphasis",
3676
3691
  "collection": "pattern/mode",
3677
3692
  "mode": "light",
3678
- "scopes": ["STROKE"]
3693
+ "scopes": ["STROKE_COLOR"]
3679
3694
  },
3680
3695
  {
3681
3696
  "name": "control/checked/fgColor/disabled",
@@ -3733,7 +3748,7 @@
3733
3748
  "type": "COLOR",
3734
3749
  "isMix": true,
3735
3750
  "refId": "pattern/mode/control/checked/bgColor/active",
3736
- "reference": "mode/bgColor/accent/emphasis",
3751
+ "reference": "mode/bgColor/accent-emphasis",
3737
3752
  "collection": "pattern/mode",
3738
3753
  "mode": "light",
3739
3754
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3749,7 +3764,7 @@
3749
3764
  "type": "COLOR",
3750
3765
  "isMix": true,
3751
3766
  "refId": "pattern/mode/control/checked/bgColor/hover",
3752
- "reference": "mode/bgColor/accent/emphasis",
3767
+ "reference": "mode/bgColor/accent-emphasis",
3753
3768
  "collection": "pattern/mode",
3754
3769
  "mode": "light",
3755
3770
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3764,7 +3779,7 @@
3764
3779
  },
3765
3780
  "type": "COLOR",
3766
3781
  "refId": "pattern/mode/control/checked/bgColor/rest",
3767
- "reference": "mode/bgColor/accent/emphasis",
3782
+ "reference": "mode/bgColor/accent-emphasis",
3768
3783
  "collection": "pattern/mode",
3769
3784
  "mode": "light",
3770
3785
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3780,7 +3795,7 @@
3780
3795
  "type": "COLOR",
3781
3796
  "alpha": 0.4,
3782
3797
  "refId": "pattern/mode/control/danger/bgColor/active",
3783
- "reference": "mode/bgColor/danger/muted",
3798
+ "reference": "mode/bgColor/danger-muted",
3784
3799
  "collection": "pattern/mode",
3785
3800
  "mode": "light",
3786
3801
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3795,7 +3810,7 @@
3795
3810
  },
3796
3811
  "type": "COLOR",
3797
3812
  "refId": "pattern/mode/control/danger/bgColor/hover",
3798
- "reference": "mode/bgColor/danger/muted",
3813
+ "reference": "mode/bgColor/danger-muted",
3799
3814
  "collection": "pattern/mode",
3800
3815
  "mode": "light",
3801
3816
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -3855,10 +3870,10 @@
3855
3870
  },
3856
3871
  "type": "COLOR",
3857
3872
  "refId": "pattern/mode/control/borderColor/warning",
3858
- "reference": "mode/borderColor/attention/emphasis",
3873
+ "reference": "mode/borderColor/attention-emphasis",
3859
3874
  "collection": "pattern/mode",
3860
3875
  "mode": "light",
3861
- "scopes": ["STROKE"]
3876
+ "scopes": ["STROKE_COLOR"]
3862
3877
  },
3863
3878
  {
3864
3879
  "name": "control/borderColor/danger",
@@ -3870,10 +3885,10 @@
3870
3885
  },
3871
3886
  "type": "COLOR",
3872
3887
  "refId": "pattern/mode/control/borderColor/danger",
3873
- "reference": "mode/borderColor/danger/emphasis",
3888
+ "reference": "mode/borderColor/danger-emphasis",
3874
3889
  "collection": "pattern/mode",
3875
3890
  "mode": "light",
3876
- "scopes": ["STROKE"]
3891
+ "scopes": ["STROKE_COLOR"]
3877
3892
  },
3878
3893
  {
3879
3894
  "name": "control/borderColor/success",
@@ -3885,10 +3900,10 @@
3885
3900
  },
3886
3901
  "type": "COLOR",
3887
3902
  "refId": "pattern/mode/control/borderColor/success",
3888
- "reference": "mode/borderColor/success/emphasis",
3903
+ "reference": "mode/borderColor/success-emphasis",
3889
3904
  "collection": "pattern/mode",
3890
3905
  "mode": "light",
3891
- "scopes": ["STROKE"]
3906
+ "scopes": ["STROKE_COLOR"]
3892
3907
  },
3893
3908
  {
3894
3909
  "name": "control/borderColor/rest",
@@ -3903,7 +3918,7 @@
3903
3918
  "reference": "mode/borderColor/default",
3904
3919
  "collection": "pattern/mode",
3905
3920
  "mode": "light",
3906
- "scopes": ["STROKE"]
3921
+ "scopes": ["STROKE_COLOR"]
3907
3922
  },
3908
3923
  {
3909
3924
  "name": "control/fgColor/disabled",
@@ -3948,7 +3963,7 @@
3948
3963
  "reference": "mode/borderColor/default",
3949
3964
  "collection": "pattern/mode",
3950
3965
  "mode": "light",
3951
- "scopes": ["STROKE"]
3966
+ "scopes": ["STROKE_COLOR"]
3952
3967
  },
3953
3968
  {
3954
3969
  "name": "codeMirror/lines/bgColor",
@@ -3990,7 +4005,7 @@
3990
4005
  },
3991
4006
  "type": "COLOR",
3992
4007
  "refId": "pattern/mode/codeMirror/activeline/bgColor",
3993
- "reference": "mode/bgColor/neutral/muted",
4008
+ "reference": "mode/bgColor/neutral-muted",
3994
4009
  "collection": "pattern/mode",
3995
4010
  "mode": "light",
3996
4011
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4005,7 +4020,7 @@
4005
4020
  },
4006
4021
  "type": "COLOR",
4007
4022
  "refId": "pattern/mode/codeMirror/selection/bgColor",
4008
- "reference": "mode/borderColor/accent/muted",
4023
+ "reference": "mode/borderColor/accent-muted",
4009
4024
  "collection": "pattern/mode",
4010
4025
  "mode": "light",
4011
4026
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4125,7 +4140,7 @@
4125
4140
  },
4126
4141
  "type": "COLOR",
4127
4142
  "refId": "pattern/mode/diffStat/addition/bgColor",
4128
- "reference": "mode/bgColor/success/emphasis",
4143
+ "reference": "mode/bgColor/success-emphasis",
4129
4144
  "collection": "pattern/mode",
4130
4145
  "mode": "light",
4131
4146
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
@@ -4278,7 +4293,7 @@
4278
4293
  "reference": "pattern/mode/control/checked/bgColor/rest",
4279
4294
  "collection": "pattern/mode",
4280
4295
  "mode": "light",
4281
- "scopes": ["STROKE"]
4296
+ "scopes": ["STROKE_COLOR"]
4282
4297
  },
4283
4298
  {
4284
4299
  "name": "controlKnob/borderColor/disabled",
@@ -4293,7 +4308,7 @@
4293
4308
  "reference": "pattern/mode/control/bgColor/disabled",
4294
4309
  "collection": "pattern/mode",
4295
4310
  "mode": "light",
4296
- "scopes": ["STROKE"]
4311
+ "scopes": ["STROKE_COLOR"]
4297
4312
  },
4298
4313
  {
4299
4314
  "name": "controlKnob/bgColor/disabled",
@@ -4338,7 +4353,7 @@
4338
4353
  "reference": "mode/borderColor/disabled",
4339
4354
  "collection": "pattern/mode",
4340
4355
  "mode": "light",
4341
- "scopes": ["STROKE"]
4356
+ "scopes": ["STROKE_COLOR"]
4342
4357
  },
4343
4358
  {
4344
4359
  "name": "button/invisible/borderColor/disabled",
@@ -4353,7 +4368,7 @@
4353
4368
  "reference": "pattern/mode/control/borderColor/disabled",
4354
4369
  "collection": "pattern/mode",
4355
4370
  "mode": "light",
4356
- "scopes": ["STROKE"]
4371
+ "scopes": ["STROKE_COLOR"]
4357
4372
  },
4358
4373
  {
4359
4374
  "name": "button/default/borderColor/disabled",
@@ -4368,6 +4383,6 @@
4368
4383
  "reference": "pattern/mode/control/borderColor/disabled",
4369
4384
  "collection": "pattern/mode",
4370
4385
  "mode": "light",
4371
- "scopes": ["STROKE"]
4386
+ "scopes": ["STROKE_COLOR"]
4372
4387
  }
4373
4388
  ]