@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/dark-dimmed.json CHANGED
@@ -2221,7 +2221,7 @@
2221
2221
  "org.primer.figma": {
2222
2222
  "collection": "mode",
2223
2223
  "group": "semantic",
2224
- "scopes": ["borderColor"],
2224
+ "scopes": ["borderColor", "effectColor"],
2225
2225
  "codeSyntax": {
2226
2226
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2227
2227
  }
@@ -2236,7 +2236,7 @@
2236
2236
  "org.primer.figma": {
2237
2237
  "collection": "mode",
2238
2238
  "group": "semantic",
2239
- "scopes": ["borderColor"],
2239
+ "scopes": ["borderColor", "effectColor"],
2240
2240
  "codeSyntax": {
2241
2241
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2242
2242
  }
@@ -2255,7 +2255,7 @@
2255
2255
  "org.primer.figma": {
2256
2256
  "collection": "mode",
2257
2257
  "group": "semantic",
2258
- "scopes": ["borderColor"],
2258
+ "scopes": ["borderColor", "effectColor"],
2259
2259
  "codeSyntax": {
2260
2260
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2261
2261
  }
@@ -2288,7 +2288,7 @@
2288
2288
  "org.primer.figma": {
2289
2289
  "collection": "mode",
2290
2290
  "group": "semantic",
2291
- "scopes": ["borderColor"],
2291
+ "scopes": ["borderColor", "effectColor"],
2292
2292
  "codeSyntax": {
2293
2293
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2294
2294
  }
@@ -2733,7 +2733,7 @@
2733
2733
  "org.primer.figma": {
2734
2734
  "collection": "mode",
2735
2735
  "group": "semantic",
2736
- "scopes": ["borderColor"],
2736
+ "scopes": ["borderColor", "effectColor"],
2737
2737
  "codeSyntax": {
2738
2738
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2739
2739
  }
@@ -2754,7 +2754,7 @@
2754
2754
  "org.primer.figma": {
2755
2755
  "collection": "mode",
2756
2756
  "group": "semantic",
2757
- "scopes": ["borderColor"],
2757
+ "scopes": ["borderColor", "effectColor"],
2758
2758
  "codeSyntax": {
2759
2759
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2760
2760
  }
@@ -2773,7 +2773,7 @@
2773
2773
  "org.primer.figma": {
2774
2774
  "collection": "mode",
2775
2775
  "group": "semantic",
2776
- "scopes": ["borderColor"]
2776
+ "scopes": ["borderColor", "effectColor"]
2777
2777
  },
2778
2778
  "org.primer.overrides": {
2779
2779
  "dark-dimmed": {
@@ -2802,7 +2802,7 @@
2802
2802
  "org.primer.figma": {
2803
2803
  "collection": "mode",
2804
2804
  "group": "semantic",
2805
- "scopes": ["borderColor"]
2805
+ "scopes": ["borderColor", "effectColor"]
2806
2806
  },
2807
2807
  "org.primer.overrides": {
2808
2808
  "dark-dimmed": {
@@ -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": "#3d444d",
@@ -2955,7 +2955,7 @@
2955
2955
  "org.primer.figma": {
2956
2956
  "collection": "mode",
2957
2957
  "group": "semantic",
2958
- "scopes": ["borderColor"]
2958
+ "scopes": ["borderColor", "effectColor"]
2959
2959
  },
2960
2960
  "org.primer.overrides": {
2961
2961
  "light-high-contrast": "{borderColor.default}",
@@ -2975,7 +2975,7 @@
2975
2975
  "org.primer.figma": {
2976
2976
  "collection": "mode",
2977
2977
  "group": "semantic",
2978
- "scopes": ["borderColor"],
2978
+ "scopes": ["borderColor", "effectColor"],
2979
2979
  "codeSyntax": {
2980
2980
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2981
2981
  }
@@ -3014,7 +3014,7 @@
3014
3014
  "org.primer.figma": {
3015
3015
  "collection": "mode",
3016
3016
  "group": "semantic",
3017
- "scopes": ["borderColor"],
3017
+ "scopes": ["borderColor", "effectColor"],
3018
3018
  "codeSyntax": {
3019
3019
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3020
3020
  }
@@ -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": "#922323",
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": "#cdd9e5",
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": "#cdd9e5",
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": "#cdd9e5",
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": "#cdd9e5",
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": "#cdd9e5",
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
  }
@@ -12789,6 +12699,12 @@
12789
12699
  "filePath": "src/tokens/functional/color/control.json5",
12790
12700
  "isSource": true,
12791
12701
  "$type": "color"
12702
+ },
12703
+ "dark-high-contrast": {
12704
+ "$value": "#f0f6fc",
12705
+ "filePath": "src/tokens/functional/color/control.json5",
12706
+ "isSource": true,
12707
+ "$type": "color"
12792
12708
  }
12793
12709
  }
12794
12710
  },
@@ -12811,6 +12727,12 @@
12811
12727
  "filePath": "src/tokens/functional/color/control.json5",
12812
12728
  "isSource": true,
12813
12729
  "$type": "color"
12730
+ },
12731
+ "dark-high-contrast": {
12732
+ "$value": "{fgColor.onEmphasis}",
12733
+ "filePath": "src/tokens/functional/color/control.json5",
12734
+ "isSource": true,
12735
+ "$type": "color"
12814
12736
  }
12815
12737
  }
12816
12738
  }