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

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/docs/functional/themes/light.json CHANGED
@@ -2205,7 +2205,7 @@
2205
2205
  "org.primer.figma": {
2206
2206
  "collection": "mode",
2207
2207
  "group": "semantic",
2208
- "scopes": ["borderColor"],
2208
+ "scopes": ["borderColor", "effectColor"],
2209
2209
  "codeSyntax": {
2210
2210
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2211
2211
  }
@@ -2220,7 +2220,7 @@
2220
2220
  "org.primer.figma": {
2221
2221
  "collection": "mode",
2222
2222
  "group": "semantic",
2223
- "scopes": ["borderColor"],
2223
+ "scopes": ["borderColor", "effectColor"],
2224
2224
  "codeSyntax": {
2225
2225
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2226
2226
  }
@@ -2239,7 +2239,7 @@
2239
2239
  "org.primer.figma": {
2240
2240
  "collection": "mode",
2241
2241
  "group": "semantic",
2242
- "scopes": ["borderColor"],
2242
+ "scopes": ["borderColor", "effectColor"],
2243
2243
  "codeSyntax": {
2244
2244
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2245
2245
  }
@@ -2272,7 +2272,7 @@
2272
2272
  "org.primer.figma": {
2273
2273
  "collection": "mode",
2274
2274
  "group": "semantic",
2275
- "scopes": ["borderColor"],
2275
+ "scopes": ["borderColor", "effectColor"],
2276
2276
  "codeSyntax": {
2277
2277
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2278
2278
  }
@@ -2717,7 +2717,7 @@
2717
2717
  "org.primer.figma": {
2718
2718
  "collection": "mode",
2719
2719
  "group": "semantic",
2720
- "scopes": ["borderColor"],
2720
+ "scopes": ["borderColor", "effectColor"],
2721
2721
  "codeSyntax": {
2722
2722
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2723
2723
  }
@@ -2738,7 +2738,7 @@
2738
2738
  "org.primer.figma": {
2739
2739
  "collection": "mode",
2740
2740
  "group": "semantic",
2741
- "scopes": ["borderColor"],
2741
+ "scopes": ["borderColor", "effectColor"],
2742
2742
  "codeSyntax": {
2743
2743
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2744
2744
  }
@@ -2757,7 +2757,7 @@
2757
2757
  "org.primer.figma": {
2758
2758
  "collection": "mode",
2759
2759
  "group": "semantic",
2760
- "scopes": ["borderColor"]
2760
+ "scopes": ["borderColor", "effectColor"]
2761
2761
  },
2762
2762
  "org.primer.overrides": {
2763
2763
  "dark-dimmed": {
@@ -2786,7 +2786,7 @@
2786
2786
  "org.primer.figma": {
2787
2787
  "collection": "mode",
2788
2788
  "group": "semantic",
2789
- "scopes": ["borderColor"]
2789
+ "scopes": ["borderColor", "effectColor"]
2790
2790
  },
2791
2791
  "org.primer.overrides": {
2792
2792
  "dark-dimmed": {
@@ -2923,7 +2923,7 @@
2923
2923
  "org.primer.figma": {
2924
2924
  "collection": "mode",
2925
2925
  "group": "semantic",
2926
- "scopes": ["borderColor"]
2926
+ "scopes": ["borderColor", "effectColor"]
2927
2927
  },
2928
2928
  "org.primer.overrides": {
2929
2929
  "light-high-contrast": "#d1d9e0",
@@ -2939,7 +2939,7 @@
2939
2939
  "org.primer.figma": {
2940
2940
  "collection": "mode",
2941
2941
  "group": "semantic",
2942
- "scopes": ["borderColor"]
2942
+ "scopes": ["borderColor", "effectColor"]
2943
2943
  },
2944
2944
  "org.primer.overrides": {
2945
2945
  "light-high-contrast": "{borderColor.default}",
@@ -2959,7 +2959,7 @@
2959
2959
  "org.primer.figma": {
2960
2960
  "collection": "mode",
2961
2961
  "group": "semantic",
2962
- "scopes": ["borderColor"],
2962
+ "scopes": ["borderColor", "effectColor"],
2963
2963
  "codeSyntax": {
2964
2964
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2965
2965
  }
@@ -2998,7 +2998,7 @@
2998
2998
  "org.primer.figma": {
2999
2999
  "collection": "mode",
3000
3000
  "group": "semantic",
3001
- "scopes": ["borderColor"],
3001
+ "scopes": ["borderColor", "effectColor"],
3002
3002
  "codeSyntax": {
3003
3003
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3004
3004
  }
@@ -3651,7 +3651,7 @@
3651
3651
  "org.primer.figma": {
3652
3652
  "collection": "mode",
3653
3653
  "group": "semantic",
3654
- "scopes": ["borderColor"]
3654
+ "scopes": ["borderColor", "effectColor"]
3655
3655
  },
3656
3656
  "org.primer.overrides": {
3657
3657
  "light-high-contrast": {
@@ -3662,7 +3662,7 @@
3662
3662
  "$type": "color"
3663
3663
  },
3664
3664
  "dark-high-contrast": {
3665
- "$value": "#d1d9e0",
3665
+ "$value": "#59636e",
3666
3666
  "alpha": 1,
3667
3667
  "filePath": "src/tokens/functional/color/borderColor.json5",
3668
3668
  "isSource": true,
@@ -3680,7 +3680,7 @@
3680
3680
  "org.primer.figma": {
3681
3681
  "collection": "mode",
3682
3682
  "group": "semantic",
3683
- "scopes": ["borderColor"]
3683
+ "scopes": ["borderColor", "effectColor"]
3684
3684
  },
3685
3685
  "org.primer.overrides": {
3686
3686
  "light-high-contrast": {
@@ -3691,7 +3691,7 @@
3691
3691
  "$type": "color"
3692
3692
  },
3693
3693
  "dark-high-contrast": {
3694
- "$value": "{base.color.neutral.6}",
3694
+ "$value": "{base.color.neutral.9}",
3695
3695
  "alpha": 1,
3696
3696
  "filePath": "src/tokens/functional/color/borderColor.json5",
3697
3697
  "isSource": true,
@@ -3713,7 +3713,7 @@
3713
3713
  "org.primer.figma": {
3714
3714
  "collection": "mode",
3715
3715
  "group": "semantic",
3716
- "scopes": ["borderColor"]
3716
+ "scopes": ["borderColor", "effectColor"]
3717
3717
  }
3718
3718
  },
3719
3719
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3725,7 +3725,7 @@
3725
3725
  "org.primer.figma": {
3726
3726
  "collection": "mode",
3727
3727
  "group": "semantic",
3728
- "scopes": ["borderColor"]
3728
+ "scopes": ["borderColor", "effectColor"]
3729
3729
  }
3730
3730
  }
3731
3731
  },
@@ -4154,6 +4154,13 @@
4154
4154
  "filePath": "src/tokens/component/button.json5",
4155
4155
  "isSource": true,
4156
4156
  "$type": "color"
4157
+ },
4158
+ "light-high-contrast": {
4159
+ "$value": "#82071e",
4160
+ "alpha": 1,
4161
+ "filePath": "src/tokens/component/button.json5",
4162
+ "isSource": true,
4163
+ "$type": "color"
4157
4164
  }
4158
4165
  }
4159
4166
  },
@@ -4181,6 +4188,13 @@
4181
4188
  "filePath": "src/tokens/component/button.json5",
4182
4189
  "isSource": true,
4183
4190
  "$type": "color"
4191
+ },
4192
+ "light-high-contrast": {
4193
+ "$value": "{base.color.red.7}",
4194
+ "alpha": 1,
4195
+ "filePath": "src/tokens/component/button.json5",
4196
+ "isSource": true,
4197
+ "$type": "color"
4184
4198
  }
4185
4199
  }
4186
4200
  }
@@ -10716,8 +10730,6 @@
10716
10730
  "scopes": ["bgColor"]
10717
10731
  },
10718
10732
  "org.primer.overrides": {
10719
- "dark-high-contrast": "#e6eaef",
10720
- "light-high-contrast": "#e6eaef",
10721
10733
  "dark-dimmed": "#dae0e7"
10722
10734
  }
10723
10735
  },
@@ -10733,8 +10745,6 @@
10733
10745
  "scopes": ["bgColor"]
10734
10746
  },
10735
10747
  "org.primer.overrides": {
10736
- "dark-high-contrast": "{base.color.neutral.3}",
10737
- "light-high-contrast": "{base.color.neutral.3}",
10738
10748
  "dark-dimmed": "{base.color.neutral.5}"
10739
10749
  }
10740
10750
  }
@@ -10898,16 +10908,6 @@
10898
10908
  "filePath": "src/tokens/component/contribution.json5",
10899
10909
  "isSource": true,
10900
10910
  "$type": "color"
10901
- },
10902
- "dark-high-contrast": {
10903
- "$value": "#ffffff",
10904
- "alpha": 1,
10905
- "filePath": "src/tokens/component/contribution.json5",
10906
- "isSource": true,
10907
- "$type": "color"
10908
- },
10909
- "light-high-contrast": {
10910
- "alpha": 1
10911
10911
  }
10912
10912
  }
10913
10913
  },
@@ -10937,16 +10937,6 @@
10937
10937
  "filePath": "src/tokens/component/contribution.json5",
10938
10938
  "isSource": true,
10939
10939
  "$type": "color"
10940
- },
10941
- "dark-high-contrast": {
10942
- "$value": "{base.color.white}",
10943
- "alpha": 1,
10944
- "filePath": "src/tokens/component/contribution.json5",
10945
- "isSource": true,
10946
- "$type": "color"
10947
- },
10948
- "light-high-contrast": {
10949
- "alpha": 1
10950
10940
  }
10951
10941
  }
10952
10942
  }
@@ -10980,16 +10970,6 @@
10980
10970
  "filePath": "src/tokens/component/contribution.json5",
10981
10971
  "isSource": true,
10982
10972
  "$type": "color"
10983
- },
10984
- "dark-high-contrast": {
10985
- "$value": "#ffffff",
10986
- "alpha": 1,
10987
- "filePath": "src/tokens/component/contribution.json5",
10988
- "isSource": true,
10989
- "$type": "color"
10990
- },
10991
- "light-high-contrast": {
10992
- "alpha": 1
10993
10973
  }
10994
10974
  }
10995
10975
  },
@@ -11019,16 +10999,6 @@
11019
10999
  "filePath": "src/tokens/component/contribution.json5",
11020
11000
  "isSource": true,
11021
11001
  "$type": "color"
11022
- },
11023
- "dark-high-contrast": {
11024
- "$value": "{base.color.white}",
11025
- "alpha": 1,
11026
- "filePath": "src/tokens/component/contribution.json5",
11027
- "isSource": true,
11028
- "$type": "color"
11029
- },
11030
- "light-high-contrast": {
11031
- "alpha": 1
11032
11002
  }
11033
11003
  }
11034
11004
  }
@@ -11062,16 +11032,6 @@
11062
11032
  "filePath": "src/tokens/component/contribution.json5",
11063
11033
  "isSource": true,
11064
11034
  "$type": "color"
11065
- },
11066
- "dark-high-contrast": {
11067
- "$value": "#ffffff",
11068
- "alpha": 1,
11069
- "filePath": "src/tokens/component/contribution.json5",
11070
- "isSource": true,
11071
- "$type": "color"
11072
- },
11073
- "light-high-contrast": {
11074
- "alpha": 1
11075
11035
  }
11076
11036
  }
11077
11037
  },
@@ -11101,16 +11061,6 @@
11101
11061
  "filePath": "src/tokens/component/contribution.json5",
11102
11062
  "isSource": true,
11103
11063
  "$type": "color"
11104
- },
11105
- "dark-high-contrast": {
11106
- "$value": "{base.color.white}",
11107
- "alpha": 1,
11108
- "filePath": "src/tokens/component/contribution.json5",
11109
- "isSource": true,
11110
- "$type": "color"
11111
- },
11112
- "light-high-contrast": {
11113
- "alpha": 1
11114
11064
  }
11115
11065
  }
11116
11066
  }
@@ -11144,16 +11094,6 @@
11144
11094
  "filePath": "src/tokens/component/contribution.json5",
11145
11095
  "isSource": true,
11146
11096
  "$type": "color"
11147
- },
11148
- "dark-high-contrast": {
11149
- "$value": "#ffffff",
11150
- "alpha": 1,
11151
- "filePath": "src/tokens/component/contribution.json5",
11152
- "isSource": true,
11153
- "$type": "color"
11154
- },
11155
- "light-high-contrast": {
11156
- "alpha": 1
11157
11097
  }
11158
11098
  }
11159
11099
  },
@@ -11183,16 +11123,6 @@
11183
11123
  "filePath": "src/tokens/component/contribution.json5",
11184
11124
  "isSource": true,
11185
11125
  "$type": "color"
11186
- },
11187
- "dark-high-contrast": {
11188
- "$value": "{base.color.white}",
11189
- "alpha": 1,
11190
- "filePath": "src/tokens/component/contribution.json5",
11191
- "isSource": true,
11192
- "$type": "color"
11193
- },
11194
- "light-high-contrast": {
11195
- "alpha": 1
11196
11126
  }
11197
11127
  }
11198
11128
  }
@@ -11226,16 +11156,6 @@
11226
11156
  "filePath": "src/tokens/component/contribution.json5",
11227
11157
  "isSource": true,
11228
11158
  "$type": "color"
11229
- },
11230
- "dark-high-contrast": {
11231
- "$value": "#ffffff",
11232
- "alpha": 1,
11233
- "filePath": "src/tokens/component/contribution.json5",
11234
- "isSource": true,
11235
- "$type": "color"
11236
- },
11237
- "light-high-contrast": {
11238
- "alpha": 1
11239
11159
  }
11240
11160
  }
11241
11161
  },
@@ -11265,16 +11185,6 @@
11265
11185
  "filePath": "src/tokens/component/contribution.json5",
11266
11186
  "isSource": true,
11267
11187
  "$type": "color"
11268
- },
11269
- "dark-high-contrast": {
11270
- "$value": "{base.color.white}",
11271
- "alpha": 1,
11272
- "filePath": "src/tokens/component/contribution.json5",
11273
- "isSource": true,
11274
- "$type": "color"
11275
- },
11276
- "light-high-contrast": {
11277
- "alpha": 1
11278
11188
  }
11279
11189
  }
11280
11190
  }
@@ -12771,6 +12681,12 @@
12771
12681
  "filePath": "src/tokens/functional/color/control.json5",
12772
12682
  "isSource": true,
12773
12683
  "$type": "color"
12684
+ },
12685
+ "dark-high-contrast": {
12686
+ "$value": "#ffffff",
12687
+ "filePath": "src/tokens/functional/color/control.json5",
12688
+ "isSource": true,
12689
+ "$type": "color"
12774
12690
  }
12775
12691
  }
12776
12692
  },
@@ -12793,6 +12709,12 @@
12793
12709
  "filePath": "src/tokens/functional/color/control.json5",
12794
12710
  "isSource": true,
12795
12711
  "$type": "color"
12712
+ },
12713
+ "dark-high-contrast": {
12714
+ "$value": "{fgColor.onEmphasis}",
12715
+ "filePath": "src/tokens/functional/color/control.json5",
12716
+ "isSource": true,
12717
+ "$type": "color"
12796
12718
  }
12797
12719
  }
12798
12720
  }
package/dist/figma/themes/dark-colorblind.json CHANGED
@@ -6315,7 +6315,7 @@
6315
6315
  "collection": "mode",
6316
6316
  "mode": "dark protanopia deuteranopia",
6317
6317
  "group": "semantic",
6318
- "scopes": ["STROKE_COLOR"],
6318
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6319
6319
  "codeSyntax": {
6320
6320
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
6321
6321
  }
@@ -6335,7 +6335,7 @@
6335
6335
  "collection": "mode",
6336
6336
  "mode": "dark protanopia deuteranopia",
6337
6337
  "group": "semantic",
6338
- "scopes": ["STROKE_COLOR"],
6338
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6339
6339
  "codeSyntax": {
6340
6340
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
6341
6341
  }
@@ -6354,7 +6354,7 @@
6354
6354
  "collection": "mode",
6355
6355
  "mode": "dark protanopia deuteranopia",
6356
6356
  "group": "semantic",
6357
- "scopes": ["STROKE_COLOR"]
6357
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6358
6358
  },
6359
6359
  {
6360
6360
  "name": "borderColor/disabled",
@@ -6371,7 +6371,7 @@
6371
6371
  "collection": "mode",
6372
6372
  "mode": "dark protanopia deuteranopia",
6373
6373
  "group": "semantic",
6374
- "scopes": ["STROKE_COLOR"]
6374
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6375
6375
  },
6376
6376
  {
6377
6377
  "name": "borderColor/transparent",
@@ -6387,7 +6387,7 @@
6387
6387
  "collection": "mode",
6388
6388
  "mode": "dark protanopia deuteranopia",
6389
6389
  "group": "semantic",
6390
- "scopes": ["STROKE_COLOR"]
6390
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6391
6391
  },
6392
6392
  {
6393
6393
  "name": "borderColor/translucent",
@@ -6404,7 +6404,7 @@
6404
6404
  "collection": "mode",
6405
6405
  "mode": "dark protanopia deuteranopia",
6406
6406
  "group": "semantic",
6407
- "scopes": ["STROKE_COLOR"]
6407
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6408
6408
  },
6409
6409
  {
6410
6410
  "name": "borderColor/neutral-muted",
@@ -6453,7 +6453,7 @@
6453
6453
  "collection": "mode",
6454
6454
  "mode": "dark protanopia deuteranopia",
6455
6455
  "group": "semantic",
6456
- "scopes": ["STROKE_COLOR"],
6456
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6457
6457
  "codeSyntax": {
6458
6458
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
6459
6459
  }
@@ -6472,7 +6472,7 @@
6472
6472
  "collection": "mode",
6473
6473
  "mode": "dark protanopia deuteranopia",
6474
6474
  "group": "semantic",
6475
- "scopes": ["STROKE_COLOR"],
6475
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6476
6476
  "codeSyntax": {
6477
6477
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
6478
6478
  }
package/dist/figma/themes/dark-dimmed.json CHANGED
@@ -6307,7 +6307,7 @@
6307
6307
  "collection": "mode",
6308
6308
  "mode": "dark dimmed",
6309
6309
  "group": "semantic",
6310
- "scopes": ["STROKE_COLOR"],
6310
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6311
6311
  "codeSyntax": {
6312
6312
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
6313
6313
  }
@@ -6327,7 +6327,7 @@
6327
6327
  "collection": "mode",
6328
6328
  "mode": "dark dimmed",
6329
6329
  "group": "semantic",
6330
- "scopes": ["STROKE_COLOR"],
6330
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6331
6331
  "codeSyntax": {
6332
6332
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
6333
6333
  }
@@ -6346,7 +6346,7 @@
6346
6346
  "collection": "mode",
6347
6347
  "mode": "dark dimmed",
6348
6348
  "group": "semantic",
6349
- "scopes": ["STROKE_COLOR"]
6349
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6350
6350
  },
6351
6351
  {
6352
6352
  "name": "borderColor/disabled",
@@ -6363,7 +6363,7 @@
6363
6363
  "collection": "mode",
6364
6364
  "mode": "dark dimmed",
6365
6365
  "group": "semantic",
6366
- "scopes": ["STROKE_COLOR"]
6366
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6367
6367
  },
6368
6368
  {
6369
6369
  "name": "borderColor/transparent",
@@ -6379,7 +6379,7 @@
6379
6379
  "collection": "mode",
6380
6380
  "mode": "dark dimmed",
6381
6381
  "group": "semantic",
6382
- "scopes": ["STROKE_COLOR"]
6382
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6383
6383
  },
6384
6384
  {
6385
6385
  "name": "borderColor/translucent",
@@ -6396,7 +6396,7 @@
6396
6396
  "collection": "mode",
6397
6397
  "mode": "dark dimmed",
6398
6398
  "group": "semantic",
6399
- "scopes": ["STROKE_COLOR"]
6399
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6400
6400
  },
6401
6401
  {
6402
6402
  "name": "borderColor/neutral-muted",
@@ -6446,7 +6446,7 @@
6446
6446
  "collection": "mode",
6447
6447
  "mode": "dark dimmed",
6448
6448
  "group": "semantic",
6449
- "scopes": ["STROKE_COLOR"],
6449
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6450
6450
  "codeSyntax": {
6451
6451
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
6452
6452
  }
@@ -6465,7 +6465,7 @@
6465
6465
  "collection": "mode",
6466
6466
  "mode": "dark dimmed",
6467
6467
  "group": "semantic",
6468
- "scopes": ["STROKE_COLOR"],
6468
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6469
6469
  "codeSyntax": {
6470
6470
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
6471
6471
  }