@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/dark.json CHANGED
@@ -2223,7 +2223,7 @@
2223
2223
  "org.primer.figma": {
2224
2224
  "collection": "mode",
2225
2225
  "group": "semantic",
2226
- "scopes": ["borderColor"],
2226
+ "scopes": ["borderColor", "effectColor"],
2227
2227
  "codeSyntax": {
2228
2228
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2229
2229
  }
@@ -2238,7 +2238,7 @@
2238
2238
  "org.primer.figma": {
2239
2239
  "collection": "mode",
2240
2240
  "group": "semantic",
2241
- "scopes": ["borderColor"],
2241
+ "scopes": ["borderColor", "effectColor"],
2242
2242
  "codeSyntax": {
2243
2243
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2244
2244
  }
@@ -2257,7 +2257,7 @@
2257
2257
  "org.primer.figma": {
2258
2258
  "collection": "mode",
2259
2259
  "group": "semantic",
2260
- "scopes": ["borderColor"],
2260
+ "scopes": ["borderColor", "effectColor"],
2261
2261
  "codeSyntax": {
2262
2262
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2263
2263
  }
@@ -2290,7 +2290,7 @@
2290
2290
  "org.primer.figma": {
2291
2291
  "collection": "mode",
2292
2292
  "group": "semantic",
2293
- "scopes": ["borderColor"],
2293
+ "scopes": ["borderColor", "effectColor"],
2294
2294
  "codeSyntax": {
2295
2295
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2296
2296
  }
@@ -2735,7 +2735,7 @@
2735
2735
  "org.primer.figma": {
2736
2736
  "collection": "mode",
2737
2737
  "group": "semantic",
2738
- "scopes": ["borderColor"],
2738
+ "scopes": ["borderColor", "effectColor"],
2739
2739
  "codeSyntax": {
2740
2740
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2741
2741
  }
@@ -2756,7 +2756,7 @@
2756
2756
  "org.primer.figma": {
2757
2757
  "collection": "mode",
2758
2758
  "group": "semantic",
2759
- "scopes": ["borderColor"],
2759
+ "scopes": ["borderColor", "effectColor"],
2760
2760
  "codeSyntax": {
2761
2761
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2762
2762
  }
@@ -2775,7 +2775,7 @@
2775
2775
  "org.primer.figma": {
2776
2776
  "collection": "mode",
2777
2777
  "group": "semantic",
2778
- "scopes": ["borderColor"]
2778
+ "scopes": ["borderColor", "effectColor"]
2779
2779
  },
2780
2780
  "org.primer.overrides": {
2781
2781
  "dark-dimmed": {
@@ -2804,7 +2804,7 @@
2804
2804
  "org.primer.figma": {
2805
2805
  "collection": "mode",
2806
2806
  "group": "semantic",
2807
- "scopes": ["borderColor"]
2807
+ "scopes": ["borderColor", "effectColor"]
2808
2808
  },
2809
2809
  "org.primer.overrides": {
2810
2810
  "dark-dimmed": {
@@ -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": "#3d444d",
@@ -2957,7 +2957,7 @@
2957
2957
  "org.primer.figma": {
2958
2958
  "collection": "mode",
2959
2959
  "group": "semantic",
2960
- "scopes": ["borderColor"]
2960
+ "scopes": ["borderColor", "effectColor"]
2961
2961
  },
2962
2962
  "org.primer.overrides": {
2963
2963
  "light-high-contrast": "{borderColor.default}",
@@ -2977,7 +2977,7 @@
2977
2977
  "org.primer.figma": {
2978
2978
  "collection": "mode",
2979
2979
  "group": "semantic",
2980
- "scopes": ["borderColor"],
2980
+ "scopes": ["borderColor", "effectColor"],
2981
2981
  "codeSyntax": {
2982
2982
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2983
2983
  }
@@ -3016,7 +3016,7 @@
3016
3016
  "org.primer.figma": {
3017
3017
  "collection": "mode",
3018
3018
  "group": "semantic",
3019
- "scopes": ["borderColor"],
3019
+ "scopes": ["borderColor", "effectColor"],
3020
3020
  "codeSyntax": {
3021
3021
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3022
3022
  }
@@ -3669,7 +3669,7 @@
3669
3669
  "org.primer.figma": {
3670
3670
  "collection": "mode",
3671
3671
  "group": "semantic",
3672
- "scopes": ["borderColor"]
3672
+ "scopes": ["borderColor", "effectColor"]
3673
3673
  },
3674
3674
  "org.primer.overrides": {
3675
3675
  "light-high-contrast": {
@@ -3680,7 +3680,7 @@
3680
3680
  "$type": "color"
3681
3681
  },
3682
3682
  "dark-high-contrast": {
3683
- "$value": "#2f3742",
3683
+ "$value": "#9198a1",
3684
3684
  "alpha": 1,
3685
3685
  "filePath": "src/tokens/functional/color/borderColor.json5",
3686
3686
  "isSource": true,
@@ -3698,7 +3698,7 @@
3698
3698
  "org.primer.figma": {
3699
3699
  "collection": "mode",
3700
3700
  "group": "semantic",
3701
- "scopes": ["borderColor"]
3701
+ "scopes": ["borderColor", "effectColor"]
3702
3702
  },
3703
3703
  "org.primer.overrides": {
3704
3704
  "light-high-contrast": {
@@ -3709,7 +3709,7 @@
3709
3709
  "$type": "color"
3710
3710
  },
3711
3711
  "dark-high-contrast": {
3712
- "$value": "{base.color.neutral.6}",
3712
+ "$value": "{base.color.neutral.9}",
3713
3713
  "alpha": 1,
3714
3714
  "filePath": "src/tokens/functional/color/borderColor.json5",
3715
3715
  "isSource": true,
@@ -3731,7 +3731,7 @@
3731
3731
  "org.primer.figma": {
3732
3732
  "collection": "mode",
3733
3733
  "group": "semantic",
3734
- "scopes": ["borderColor"]
3734
+ "scopes": ["borderColor", "effectColor"]
3735
3735
  }
3736
3736
  },
3737
3737
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3743,7 +3743,7 @@
3743
3743
  "org.primer.figma": {
3744
3744
  "collection": "mode",
3745
3745
  "group": "semantic",
3746
- "scopes": ["borderColor"]
3746
+ "scopes": ["borderColor", "effectColor"]
3747
3747
  }
3748
3748
  }
3749
3749
  },
@@ -4172,6 +4172,13 @@
4172
4172
  "filePath": "src/tokens/component/button.json5",
4173
4173
  "isSource": true,
4174
4174
  "$type": "color"
4175
+ },
4176
+ "light-high-contrast": {
4177
+ "$value": "#8e1519",
4178
+ "alpha": 1,
4179
+ "filePath": "src/tokens/component/button.json5",
4180
+ "isSource": true,
4181
+ "$type": "color"
4175
4182
  }
4176
4183
  }
4177
4184
  },
@@ -4199,6 +4206,13 @@
4199
4206
  "filePath": "src/tokens/component/button.json5",
4200
4207
  "isSource": true,
4201
4208
  "$type": "color"
4209
+ },
4210
+ "light-high-contrast": {
4211
+ "$value": "{base.color.red.7}",
4212
+ "alpha": 1,
4213
+ "filePath": "src/tokens/component/button.json5",
4214
+ "isSource": true,
4215
+ "$type": "color"
4202
4216
  }
4203
4217
  }
4204
4218
  }
@@ -10732,8 +10746,6 @@
10732
10746
  "scopes": ["bgColor"]
10733
10747
  },
10734
10748
  "org.primer.overrides": {
10735
- "dark-high-contrast": "#212830",
10736
- "light-high-contrast": "#212830",
10737
10749
  "dark-dimmed": "#2a313c"
10738
10750
  }
10739
10751
  },
@@ -10749,8 +10761,6 @@
10749
10761
  "scopes": ["bgColor"]
10750
10762
  },
10751
10763
  "org.primer.overrides": {
10752
- "dark-high-contrast": "{base.color.neutral.3}",
10753
- "light-high-contrast": "{base.color.neutral.3}",
10754
10764
  "dark-dimmed": "{base.color.neutral.5}"
10755
10765
  }
10756
10766
  }
@@ -10914,16 +10924,6 @@
10914
10924
  "filePath": "src/tokens/component/contribution.json5",
10915
10925
  "isSource": true,
10916
10926
  "$type": "color"
10917
- },
10918
- "dark-high-contrast": {
10919
- "$value": "#ffffff",
10920
- "alpha": 1,
10921
- "filePath": "src/tokens/component/contribution.json5",
10922
- "isSource": true,
10923
- "$type": "color"
10924
- },
10925
- "light-high-contrast": {
10926
- "alpha": 1
10927
10927
  }
10928
10928
  }
10929
10929
  },
@@ -10953,16 +10953,6 @@
10953
10953
  "filePath": "src/tokens/component/contribution.json5",
10954
10954
  "isSource": true,
10955
10955
  "$type": "color"
10956
- },
10957
- "dark-high-contrast": {
10958
- "$value": "{base.color.white}",
10959
- "alpha": 1,
10960
- "filePath": "src/tokens/component/contribution.json5",
10961
- "isSource": true,
10962
- "$type": "color"
10963
- },
10964
- "light-high-contrast": {
10965
- "alpha": 1
10966
10956
  }
10967
10957
  }
10968
10958
  }
@@ -10996,16 +10986,6 @@
10996
10986
  "filePath": "src/tokens/component/contribution.json5",
10997
10987
  "isSource": true,
10998
10988
  "$type": "color"
10999
- },
11000
- "dark-high-contrast": {
11001
- "$value": "#ffffff",
11002
- "alpha": 1,
11003
- "filePath": "src/tokens/component/contribution.json5",
11004
- "isSource": true,
11005
- "$type": "color"
11006
- },
11007
- "light-high-contrast": {
11008
- "alpha": 1
11009
10989
  }
11010
10990
  }
11011
10991
  },
@@ -11035,16 +11015,6 @@
11035
11015
  "filePath": "src/tokens/component/contribution.json5",
11036
11016
  "isSource": true,
11037
11017
  "$type": "color"
11038
- },
11039
- "dark-high-contrast": {
11040
- "$value": "{base.color.white}",
11041
- "alpha": 1,
11042
- "filePath": "src/tokens/component/contribution.json5",
11043
- "isSource": true,
11044
- "$type": "color"
11045
- },
11046
- "light-high-contrast": {
11047
- "alpha": 1
11048
11018
  }
11049
11019
  }
11050
11020
  }
@@ -11078,16 +11048,6 @@
11078
11048
  "filePath": "src/tokens/component/contribution.json5",
11079
11049
  "isSource": true,
11080
11050
  "$type": "color"
11081
- },
11082
- "dark-high-contrast": {
11083
- "$value": "#ffffff",
11084
- "alpha": 1,
11085
- "filePath": "src/tokens/component/contribution.json5",
11086
- "isSource": true,
11087
- "$type": "color"
11088
- },
11089
- "light-high-contrast": {
11090
- "alpha": 1
11091
11051
  }
11092
11052
  }
11093
11053
  },
@@ -11117,16 +11077,6 @@
11117
11077
  "filePath": "src/tokens/component/contribution.json5",
11118
11078
  "isSource": true,
11119
11079
  "$type": "color"
11120
- },
11121
- "dark-high-contrast": {
11122
- "$value": "{base.color.white}",
11123
- "alpha": 1,
11124
- "filePath": "src/tokens/component/contribution.json5",
11125
- "isSource": true,
11126
- "$type": "color"
11127
- },
11128
- "light-high-contrast": {
11129
- "alpha": 1
11130
11080
  }
11131
11081
  }
11132
11082
  }
@@ -11160,16 +11110,6 @@
11160
11110
  "filePath": "src/tokens/component/contribution.json5",
11161
11111
  "isSource": true,
11162
11112
  "$type": "color"
11163
- },
11164
- "dark-high-contrast": {
11165
- "$value": "#ffffff",
11166
- "alpha": 1,
11167
- "filePath": "src/tokens/component/contribution.json5",
11168
- "isSource": true,
11169
- "$type": "color"
11170
- },
11171
- "light-high-contrast": {
11172
- "alpha": 1
11173
11113
  }
11174
11114
  }
11175
11115
  },
@@ -11199,16 +11139,6 @@
11199
11139
  "filePath": "src/tokens/component/contribution.json5",
11200
11140
  "isSource": true,
11201
11141
  "$type": "color"
11202
- },
11203
- "dark-high-contrast": {
11204
- "$value": "{base.color.white}",
11205
- "alpha": 1,
11206
- "filePath": "src/tokens/component/contribution.json5",
11207
- "isSource": true,
11208
- "$type": "color"
11209
- },
11210
- "light-high-contrast": {
11211
- "alpha": 1
11212
11142
  }
11213
11143
  }
11214
11144
  }
@@ -11242,16 +11172,6 @@
11242
11172
  "filePath": "src/tokens/component/contribution.json5",
11243
11173
  "isSource": true,
11244
11174
  "$type": "color"
11245
- },
11246
- "dark-high-contrast": {
11247
- "$value": "#ffffff",
11248
- "alpha": 1,
11249
- "filePath": "src/tokens/component/contribution.json5",
11250
- "isSource": true,
11251
- "$type": "color"
11252
- },
11253
- "light-high-contrast": {
11254
- "alpha": 1
11255
11175
  }
11256
11176
  }
11257
11177
  },
@@ -11281,16 +11201,6 @@
11281
11201
  "filePath": "src/tokens/component/contribution.json5",
11282
11202
  "isSource": true,
11283
11203
  "$type": "color"
11284
- },
11285
- "dark-high-contrast": {
11286
- "$value": "{base.color.white}",
11287
- "alpha": 1,
11288
- "filePath": "src/tokens/component/contribution.json5",
11289
- "isSource": true,
11290
- "$type": "color"
11291
- },
11292
- "light-high-contrast": {
11293
- "alpha": 1
11294
11204
  }
11295
11205
  }
11296
11206
  }
@@ -12787,6 +12697,12 @@
12787
12697
  "filePath": "src/tokens/functional/color/control.json5",
12788
12698
  "isSource": true,
12789
12699
  "$type": "color"
12700
+ },
12701
+ "dark-high-contrast": {
12702
+ "$value": "#ffffff",
12703
+ "filePath": "src/tokens/functional/color/control.json5",
12704
+ "isSource": true,
12705
+ "$type": "color"
12790
12706
  }
12791
12707
  }
12792
12708
  },
@@ -12809,6 +12725,12 @@
12809
12725
  "filePath": "src/tokens/functional/color/control.json5",
12810
12726
  "isSource": true,
12811
12727
  "$type": "color"
12728
+ },
12729
+ "dark-high-contrast": {
12730
+ "$value": "{fgColor.onEmphasis}",
12731
+ "filePath": "src/tokens/functional/color/control.json5",
12732
+ "isSource": true,
12733
+ "$type": "color"
12812
12734
  }
12813
12735
  }
12814
12736
  }