@primer/primitives 10.5.0-rc.6c9d75b1 → 10.5.1-rc.aa2b8f62

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 (37) hide show
  1. package/README.md +4 -4
  2. package/dist/css/functional/themes/dark-high-contrast.css +16 -16
  3. package/dist/css/functional/themes/light-high-contrast.css +16 -16
  4. package/dist/docs/functional/themes/dark-colorblind.json +44 -122
  5. package/dist/docs/functional/themes/dark-dimmed.json +44 -122
  6. package/dist/docs/functional/themes/dark-high-contrast.json +65 -143
  7. package/dist/docs/functional/themes/dark-tritanopia.json +44 -122
  8. package/dist/docs/functional/themes/dark.json +44 -122
  9. package/dist/docs/functional/themes/light-colorblind.json +44 -122
  10. package/dist/docs/functional/themes/light-high-contrast.json +68 -144
  11. package/dist/docs/functional/themes/light-tritanopia.json +44 -122
  12. package/dist/docs/functional/themes/light.json +44 -122
  13. package/dist/figma/themes/dark-colorblind.json +8 -8
  14. package/dist/figma/themes/dark-dimmed.json +8 -8
  15. package/dist/figma/themes/dark-high-contrast.json +29 -29
  16. package/dist/figma/themes/dark-tritanopia.json +8 -8
  17. package/dist/figma/themes/dark.json +8 -8
  18. package/dist/figma/themes/light-colorblind.json +8 -8
  19. package/dist/figma/themes/light-high-contrast.json +30 -29
  20. package/dist/figma/themes/light-tritanopia.json +8 -8
  21. package/dist/figma/themes/light.json +8 -8
  22. package/dist/internalCss/dark-high-contrast.css +16 -16
  23. package/dist/internalCss/light-high-contrast.css +16 -16
  24. package/dist/styleLint/functional/themes/dark-colorblind.json +44 -122
  25. package/dist/styleLint/functional/themes/dark-dimmed.json +44 -122
  26. package/dist/styleLint/functional/themes/dark-high-contrast.json +65 -143
  27. package/dist/styleLint/functional/themes/dark-tritanopia.json +44 -122
  28. package/dist/styleLint/functional/themes/dark.json +44 -122
  29. package/dist/styleLint/functional/themes/light-colorblind.json +44 -122
  30. package/dist/styleLint/functional/themes/light-high-contrast.json +68 -144
  31. package/dist/styleLint/functional/themes/light-tritanopia.json +44 -122
  32. package/dist/styleLint/functional/themes/light.json +44 -122
  33. package/package.json +1 -1
  34. package/src/tokens/component/button.json5 +4 -0
  35. package/src/tokens/component/contribution.json5 +0 -37
  36. package/src/tokens/functional/color/borderColor.json5 +9 -9
  37. package/src/tokens/functional/color/control.json5 +56 -157
package/dist/styleLint/functional/themes/light.json CHANGED
@@ -2207,7 +2207,7 @@
2207
2207
  "org.primer.figma": {
2208
2208
  "collection": "mode",
2209
2209
  "group": "semantic",
2210
- "scopes": ["borderColor"],
2210
+ "scopes": ["borderColor", "effectColor"],
2211
2211
  "codeSyntax": {
2212
2212
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2213
2213
  }
@@ -2222,7 +2222,7 @@
2222
2222
  "org.primer.figma": {
2223
2223
  "collection": "mode",
2224
2224
  "group": "semantic",
2225
- "scopes": ["borderColor"],
2225
+ "scopes": ["borderColor", "effectColor"],
2226
2226
  "codeSyntax": {
2227
2227
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2228
2228
  }
@@ -2241,7 +2241,7 @@
2241
2241
  "org.primer.figma": {
2242
2242
  "collection": "mode",
2243
2243
  "group": "semantic",
2244
- "scopes": ["borderColor"],
2244
+ "scopes": ["borderColor", "effectColor"],
2245
2245
  "codeSyntax": {
2246
2246
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2247
2247
  }
@@ -2274,7 +2274,7 @@
2274
2274
  "org.primer.figma": {
2275
2275
  "collection": "mode",
2276
2276
  "group": "semantic",
2277
- "scopes": ["borderColor"],
2277
+ "scopes": ["borderColor", "effectColor"],
2278
2278
  "codeSyntax": {
2279
2279
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2280
2280
  }
@@ -2719,7 +2719,7 @@
2719
2719
  "org.primer.figma": {
2720
2720
  "collection": "mode",
2721
2721
  "group": "semantic",
2722
- "scopes": ["borderColor"],
2722
+ "scopes": ["borderColor", "effectColor"],
2723
2723
  "codeSyntax": {
2724
2724
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2725
2725
  }
@@ -2740,7 +2740,7 @@
2740
2740
  "org.primer.figma": {
2741
2741
  "collection": "mode",
2742
2742
  "group": "semantic",
2743
- "scopes": ["borderColor"],
2743
+ "scopes": ["borderColor", "effectColor"],
2744
2744
  "codeSyntax": {
2745
2745
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2746
2746
  }
@@ -2759,7 +2759,7 @@
2759
2759
  "org.primer.figma": {
2760
2760
  "collection": "mode",
2761
2761
  "group": "semantic",
2762
- "scopes": ["borderColor"]
2762
+ "scopes": ["borderColor", "effectColor"]
2763
2763
  },
2764
2764
  "org.primer.overrides": {
2765
2765
  "dark-dimmed": {
@@ -2788,7 +2788,7 @@
2788
2788
  "org.primer.figma": {
2789
2789
  "collection": "mode",
2790
2790
  "group": "semantic",
2791
- "scopes": ["borderColor"]
2791
+ "scopes": ["borderColor", "effectColor"]
2792
2792
  },
2793
2793
  "org.primer.overrides": {
2794
2794
  "dark-dimmed": {
@@ -2925,7 +2925,7 @@
2925
2925
  "org.primer.figma": {
2926
2926
  "collection": "mode",
2927
2927
  "group": "semantic",
2928
- "scopes": ["borderColor"]
2928
+ "scopes": ["borderColor", "effectColor"]
2929
2929
  },
2930
2930
  "org.primer.overrides": {
2931
2931
  "light-high-contrast": "#d1d9e0",
@@ -2941,7 +2941,7 @@
2941
2941
  "org.primer.figma": {
2942
2942
  "collection": "mode",
2943
2943
  "group": "semantic",
2944
- "scopes": ["borderColor"]
2944
+ "scopes": ["borderColor", "effectColor"]
2945
2945
  },
2946
2946
  "org.primer.overrides": {
2947
2947
  "light-high-contrast": "{borderColor.default}",
@@ -2961,7 +2961,7 @@
2961
2961
  "org.primer.figma": {
2962
2962
  "collection": "mode",
2963
2963
  "group": "semantic",
2964
- "scopes": ["borderColor"],
2964
+ "scopes": ["borderColor", "effectColor"],
2965
2965
  "codeSyntax": {
2966
2966
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2967
2967
  }
@@ -3000,7 +3000,7 @@
3000
3000
  "org.primer.figma": {
3001
3001
  "collection": "mode",
3002
3002
  "group": "semantic",
3003
- "scopes": ["borderColor"],
3003
+ "scopes": ["borderColor", "effectColor"],
3004
3004
  "codeSyntax": {
3005
3005
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3006
3006
  }
@@ -3653,7 +3653,7 @@
3653
3653
  "org.primer.figma": {
3654
3654
  "collection": "mode",
3655
3655
  "group": "semantic",
3656
- "scopes": ["borderColor"]
3656
+ "scopes": ["borderColor", "effectColor"]
3657
3657
  },
3658
3658
  "org.primer.overrides": {
3659
3659
  "light-high-contrast": {
@@ -3664,7 +3664,7 @@
3664
3664
  "$type": "color"
3665
3665
  },
3666
3666
  "dark-high-contrast": {
3667
- "$value": "#d1d9e0",
3667
+ "$value": "#59636e",
3668
3668
  "alpha": 1,
3669
3669
  "filePath": "src/tokens/functional/color/borderColor.json5",
3670
3670
  "isSource": true,
@@ -3682,7 +3682,7 @@
3682
3682
  "org.primer.figma": {
3683
3683
  "collection": "mode",
3684
3684
  "group": "semantic",
3685
- "scopes": ["borderColor"]
3685
+ "scopes": ["borderColor", "effectColor"]
3686
3686
  },
3687
3687
  "org.primer.overrides": {
3688
3688
  "light-high-contrast": {
@@ -3693,7 +3693,7 @@
3693
3693
  "$type": "color"
3694
3694
  },
3695
3695
  "dark-high-contrast": {
3696
- "$value": "{base.color.neutral.6}",
3696
+ "$value": "{base.color.neutral.9}",
3697
3697
  "alpha": 1,
3698
3698
  "filePath": "src/tokens/functional/color/borderColor.json5",
3699
3699
  "isSource": true,
@@ -3715,7 +3715,7 @@
3715
3715
  "org.primer.figma": {
3716
3716
  "collection": "mode",
3717
3717
  "group": "semantic",
3718
- "scopes": ["borderColor"]
3718
+ "scopes": ["borderColor", "effectColor"]
3719
3719
  }
3720
3720
  },
3721
3721
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3727,7 +3727,7 @@
3727
3727
  "org.primer.figma": {
3728
3728
  "collection": "mode",
3729
3729
  "group": "semantic",
3730
- "scopes": ["borderColor"]
3730
+ "scopes": ["borderColor", "effectColor"]
3731
3731
  }
3732
3732
  }
3733
3733
  },
@@ -4156,6 +4156,13 @@
4156
4156
  "filePath": "src/tokens/component/button.json5",
4157
4157
  "isSource": true,
4158
4158
  "$type": "color"
4159
+ },
4160
+ "light-high-contrast": {
4161
+ "$value": "#82071e",
4162
+ "alpha": 1,
4163
+ "filePath": "src/tokens/component/button.json5",
4164
+ "isSource": true,
4165
+ "$type": "color"
4159
4166
  }
4160
4167
  }
4161
4168
  },
@@ -4183,6 +4190,13 @@
4183
4190
  "filePath": "src/tokens/component/button.json5",
4184
4191
  "isSource": true,
4185
4192
  "$type": "color"
4193
+ },
4194
+ "light-high-contrast": {
4195
+ "$value": "{base.color.red.7}",
4196
+ "alpha": 1,
4197
+ "filePath": "src/tokens/component/button.json5",
4198
+ "isSource": true,
4199
+ "$type": "color"
4186
4200
  }
4187
4201
  }
4188
4202
  }
@@ -10718,8 +10732,6 @@
10718
10732
  "scopes": ["bgColor"]
10719
10733
  },
10720
10734
  "org.primer.overrides": {
10721
- "dark-high-contrast": "#e6eaef",
10722
- "light-high-contrast": "#e6eaef",
10723
10735
  "dark-dimmed": "#dae0e7"
10724
10736
  }
10725
10737
  },
@@ -10735,8 +10747,6 @@
10735
10747
  "scopes": ["bgColor"]
10736
10748
  },
10737
10749
  "org.primer.overrides": {
10738
- "dark-high-contrast": "{base.color.neutral.3}",
10739
- "light-high-contrast": "{base.color.neutral.3}",
10740
10750
  "dark-dimmed": "{base.color.neutral.5}"
10741
10751
  }
10742
10752
  }
@@ -10900,16 +10910,6 @@
10900
10910
  "filePath": "src/tokens/component/contribution.json5",
10901
10911
  "isSource": true,
10902
10912
  "$type": "color"
10903
- },
10904
- "dark-high-contrast": {
10905
- "$value": "#ffffff",
10906
- "alpha": 1,
10907
- "filePath": "src/tokens/component/contribution.json5",
10908
- "isSource": true,
10909
- "$type": "color"
10910
- },
10911
- "light-high-contrast": {
10912
- "alpha": 1
10913
10913
  }
10914
10914
  }
10915
10915
  },
@@ -10939,16 +10939,6 @@
10939
10939
  "filePath": "src/tokens/component/contribution.json5",
10940
10940
  "isSource": true,
10941
10941
  "$type": "color"
10942
- },
10943
- "dark-high-contrast": {
10944
- "$value": "{base.color.white}",
10945
- "alpha": 1,
10946
- "filePath": "src/tokens/component/contribution.json5",
10947
- "isSource": true,
10948
- "$type": "color"
10949
- },
10950
- "light-high-contrast": {
10951
- "alpha": 1
10952
10942
  }
10953
10943
  }
10954
10944
  }
@@ -10982,16 +10972,6 @@
10982
10972
  "filePath": "src/tokens/component/contribution.json5",
10983
10973
  "isSource": true,
10984
10974
  "$type": "color"
10985
- },
10986
- "dark-high-contrast": {
10987
- "$value": "#ffffff",
10988
- "alpha": 1,
10989
- "filePath": "src/tokens/component/contribution.json5",
10990
- "isSource": true,
10991
- "$type": "color"
10992
- },
10993
- "light-high-contrast": {
10994
- "alpha": 1
10995
10975
  }
10996
10976
  }
10997
10977
  },
@@ -11021,16 +11001,6 @@
11021
11001
  "filePath": "src/tokens/component/contribution.json5",
11022
11002
  "isSource": true,
11023
11003
  "$type": "color"
11024
- },
11025
- "dark-high-contrast": {
11026
- "$value": "{base.color.white}",
11027
- "alpha": 1,
11028
- "filePath": "src/tokens/component/contribution.json5",
11029
- "isSource": true,
11030
- "$type": "color"
11031
- },
11032
- "light-high-contrast": {
11033
- "alpha": 1
11034
11004
  }
11035
11005
  }
11036
11006
  }
@@ -11064,16 +11034,6 @@
11064
11034
  "filePath": "src/tokens/component/contribution.json5",
11065
11035
  "isSource": true,
11066
11036
  "$type": "color"
11067
- },
11068
- "dark-high-contrast": {
11069
- "$value": "#ffffff",
11070
- "alpha": 1,
11071
- "filePath": "src/tokens/component/contribution.json5",
11072
- "isSource": true,
11073
- "$type": "color"
11074
- },
11075
- "light-high-contrast": {
11076
- "alpha": 1
11077
11037
  }
11078
11038
  }
11079
11039
  },
@@ -11103,16 +11063,6 @@
11103
11063
  "filePath": "src/tokens/component/contribution.json5",
11104
11064
  "isSource": true,
11105
11065
  "$type": "color"
11106
- },
11107
- "dark-high-contrast": {
11108
- "$value": "{base.color.white}",
11109
- "alpha": 1,
11110
- "filePath": "src/tokens/component/contribution.json5",
11111
- "isSource": true,
11112
- "$type": "color"
11113
- },
11114
- "light-high-contrast": {
11115
- "alpha": 1
11116
11066
  }
11117
11067
  }
11118
11068
  }
@@ -11146,16 +11096,6 @@
11146
11096
  "filePath": "src/tokens/component/contribution.json5",
11147
11097
  "isSource": true,
11148
11098
  "$type": "color"
11149
- },
11150
- "dark-high-contrast": {
11151
- "$value": "#ffffff",
11152
- "alpha": 1,
11153
- "filePath": "src/tokens/component/contribution.json5",
11154
- "isSource": true,
11155
- "$type": "color"
11156
- },
11157
- "light-high-contrast": {
11158
- "alpha": 1
11159
11099
  }
11160
11100
  }
11161
11101
  },
@@ -11185,16 +11125,6 @@
11185
11125
  "filePath": "src/tokens/component/contribution.json5",
11186
11126
  "isSource": true,
11187
11127
  "$type": "color"
11188
- },
11189
- "dark-high-contrast": {
11190
- "$value": "{base.color.white}",
11191
- "alpha": 1,
11192
- "filePath": "src/tokens/component/contribution.json5",
11193
- "isSource": true,
11194
- "$type": "color"
11195
- },
11196
- "light-high-contrast": {
11197
- "alpha": 1
11198
11128
  }
11199
11129
  }
11200
11130
  }
@@ -11228,16 +11158,6 @@
11228
11158
  "filePath": "src/tokens/component/contribution.json5",
11229
11159
  "isSource": true,
11230
11160
  "$type": "color"
11231
- },
11232
- "dark-high-contrast": {
11233
- "$value": "#ffffff",
11234
- "alpha": 1,
11235
- "filePath": "src/tokens/component/contribution.json5",
11236
- "isSource": true,
11237
- "$type": "color"
11238
- },
11239
- "light-high-contrast": {
11240
- "alpha": 1
11241
11161
  }
11242
11162
  }
11243
11163
  },
@@ -11267,16 +11187,6 @@
11267
11187
  "filePath": "src/tokens/component/contribution.json5",
11268
11188
  "isSource": true,
11269
11189
  "$type": "color"
11270
- },
11271
- "dark-high-contrast": {
11272
- "$value": "{base.color.white}",
11273
- "alpha": 1,
11274
- "filePath": "src/tokens/component/contribution.json5",
11275
- "isSource": true,
11276
- "$type": "color"
11277
- },
11278
- "light-high-contrast": {
11279
- "alpha": 1
11280
11190
  }
11281
11191
  }
11282
11192
  }
@@ -12773,6 +12683,12 @@
12773
12683
  "filePath": "src/tokens/functional/color/control.json5",
12774
12684
  "isSource": true,
12775
12685
  "$type": "color"
12686
+ },
12687
+ "dark-high-contrast": {
12688
+ "$value": "#ffffff",
12689
+ "filePath": "src/tokens/functional/color/control.json5",
12690
+ "isSource": true,
12691
+ "$type": "color"
12776
12692
  }
12777
12693
  }
12778
12694
  },
@@ -12795,6 +12711,12 @@
12795
12711
  "filePath": "src/tokens/functional/color/control.json5",
12796
12712
  "isSource": true,
12797
12713
  "$type": "color"
12714
+ },
12715
+ "dark-high-contrast": {
12716
+ "$value": "{fgColor.onEmphasis}",
12717
+ "filePath": "src/tokens/functional/color/control.json5",
12718
+ "isSource": true,
12719
+ "$type": "color"
12798
12720
  }
12799
12721
  }
12800
12722
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.5.0-rc.6c9d75b1",
3
+ "version": "10.5.1-rc.aa2b8f62",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
package/src/tokens/component/button.json5 CHANGED
@@ -1265,6 +1265,10 @@
1265
1265
  $value: '{base.color.red.2}',
1266
1266
  alpha: 1,
1267
1267
  },
1268
+ 'light-high-contrast': {
1269
+ $value: '{base.color.red.7}',
1270
+ alpha: 1,
1271
+ },
1268
1272
  },
1269
1273
  },
1270
1274
  },
package/src/tokens/component/contribution.json5 CHANGED
@@ -12,8 +12,6 @@
12
12
  scopes: ['bgColor'],
13
13
  },
14
14
  'org.primer.overrides': {
15
- 'dark-high-contrast': '{base.color.neutral.3}',
16
- 'light-high-contrast': '{base.color.neutral.3}',
17
15
  'dark-dimmed': '{base.color.neutral.5}',
18
16
  },
19
17
  },
@@ -92,13 +90,6 @@
92
90
  $value: '{base.color.white}',
93
91
  alpha: 0.05,
94
92
  },
95
- 'dark-high-contrast': {
96
- $value: '{base.color.white}',
97
- alpha: 1,
98
- },
99
- 'light-high-contrast': {
100
- alpha: 1,
101
- },
102
93
  },
103
94
  },
104
95
  },
@@ -121,13 +112,6 @@
121
112
  $value: '{base.color.white}',
122
113
  alpha: 0.05,
123
114
  },
124
- 'dark-high-contrast': {
125
- $value: '{base.color.white}',
126
- alpha: 1,
127
- },
128
- 'light-high-contrast': {
129
- alpha: 1,
130
- },
131
115
  },
132
116
  },
133
117
  },
@@ -150,13 +134,6 @@
150
134
  $value: '{base.color.white}',
151
135
  alpha: 0.05,
152
136
  },
153
- 'dark-high-contrast': {
154
- $value: '{base.color.white}',
155
- alpha: 1,
156
- },
157
- 'light-high-contrast': {
158
- alpha: 1,
159
- },
160
137
  },
161
138
  },
162
139
  },
@@ -179,13 +156,6 @@
179
156
  $value: '{base.color.white}',
180
157
  alpha: 0.05,
181
158
  },
182
- 'dark-high-contrast': {
183
- $value: '{base.color.white}',
184
- alpha: 1,
185
- },
186
- 'light-high-contrast': {
187
- alpha: 1,
188
- },
189
159
  },
190
160
  },
191
161
  },
@@ -208,13 +178,6 @@
208
178
  $value: '{base.color.white}',
209
179
  alpha: 0.05,
210
180
  },
211
- 'dark-high-contrast': {
212
- $value: '{base.color.white}',
213
- alpha: 1,
214
- },
215
- 'light-high-contrast': {
216
- alpha: 1,
217
- },
218
181
  },
219
182
  },
220
183
  },
package/src/tokens/functional/color/borderColor.json5 CHANGED
@@ -13,7 +13,7 @@
13
13
  'org.primer.figma': {
14
14
  collection: 'mode',
15
15
  group: 'semantic',
16
- scopes: ['borderColor'],
16
+ scopes: ['borderColor', 'effectColor'],
17
17
  codeSyntax: {
18
18
  web: 'var(--borderColor-default) /* utility class: .color-border-default */',
19
19
  },
@@ -27,7 +27,7 @@
27
27
  'org.primer.figma': {
28
28
  collection: 'mode',
29
29
  group: 'semantic',
30
- scopes: ['borderColor'],
30
+ scopes: ['borderColor', 'effectColor'],
31
31
  codeSyntax: {
32
32
  web: 'var(--borderColor-muted) /* utility class: .color-border-muted */',
33
33
  },
@@ -56,7 +56,7 @@
56
56
  'org.primer.figma': {
57
57
  collection: 'mode',
58
58
  group: 'semantic',
59
- scopes: ['borderColor'],
59
+ scopes: ['borderColor', 'effectColor'],
60
60
  },
61
61
  'org.primer.overrides': {
62
62
  'light-high-contrast': '{borderColor.default}',
@@ -71,7 +71,7 @@
71
71
  'org.primer.figma': {
72
72
  collection: 'mode',
73
73
  group: 'semantic',
74
- scopes: ['borderColor'],
74
+ scopes: ['borderColor', 'effectColor'],
75
75
  },
76
76
  'org.primer.overrides': {
77
77
  'dark-dimmed': {
@@ -93,7 +93,7 @@
93
93
  'org.primer.figma': {
94
94
  collection: 'mode',
95
95
  group: 'semantic',
96
- scopes: ['borderColor'],
96
+ scopes: ['borderColor', 'effectColor'],
97
97
  },
98
98
  },
99
99
  },
@@ -104,7 +104,7 @@
104
104
  'org.primer.figma': {
105
105
  collection: 'mode',
106
106
  group: 'semantic',
107
- scopes: ['borderColor'],
107
+ scopes: ['borderColor', 'effectColor'],
108
108
  },
109
109
  'org.primer.overrides': {
110
110
  'light-high-contrast': {
@@ -112,7 +112,7 @@
112
112
  alpha: 1,
113
113
  },
114
114
  'dark-high-contrast': {
115
- $value: '{base.color.neutral.6}',
115
+ $value: '{base.color.neutral.9}',
116
116
  alpha: 1,
117
117
  },
118
118
  },
@@ -160,7 +160,7 @@
160
160
  'org.primer.figma': {
161
161
  collection: 'mode',
162
162
  group: 'semantic',
163
- scopes: ['borderColor'],
163
+ scopes: ['borderColor', 'effectColor'],
164
164
  codeSyntax: {
165
165
  web: 'var(--borderColor-accent-muted) /* utility class: .color-border-accent */',
166
166
  },
@@ -186,7 +186,7 @@
186
186
  'org.primer.figma': {
187
187
  collection: 'mode',
188
188
  group: 'semantic',
189
- scopes: ['borderColor'],
189
+ scopes: ['borderColor', 'effectColor'],
190
190
  codeSyntax: {
191
191
  web: 'var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */',
192
192
  },