@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.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
  }
@@ -3667,7 +3667,7 @@
3667
3667
  "org.primer.figma": {
3668
3668
  "collection": "mode",
3669
3669
  "group": "semantic",
3670
- "scopes": ["borderColor"]
3670
+ "scopes": ["borderColor", "effectColor"]
3671
3671
  },
3672
3672
  "org.primer.overrides": {
3673
3673
  "light-high-contrast": {
@@ -3678,7 +3678,7 @@
3678
3678
  "$type": "color"
3679
3679
  },
3680
3680
  "dark-high-contrast": {
3681
- "$value": "#2f3742",
3681
+ "$value": "#9198a1",
3682
3682
  "alpha": 1,
3683
3683
  "filePath": "src/tokens/functional/color/borderColor.json5",
3684
3684
  "isSource": true,
@@ -3696,7 +3696,7 @@
3696
3696
  "org.primer.figma": {
3697
3697
  "collection": "mode",
3698
3698
  "group": "semantic",
3699
- "scopes": ["borderColor"]
3699
+ "scopes": ["borderColor", "effectColor"]
3700
3700
  },
3701
3701
  "org.primer.overrides": {
3702
3702
  "light-high-contrast": {
@@ -3707,7 +3707,7 @@
3707
3707
  "$type": "color"
3708
3708
  },
3709
3709
  "dark-high-contrast": {
3710
- "$value": "{base.color.neutral.6}",
3710
+ "$value": "{base.color.neutral.9}",
3711
3711
  "alpha": 1,
3712
3712
  "filePath": "src/tokens/functional/color/borderColor.json5",
3713
3713
  "isSource": true,
@@ -3729,7 +3729,7 @@
3729
3729
  "org.primer.figma": {
3730
3730
  "collection": "mode",
3731
3731
  "group": "semantic",
3732
- "scopes": ["borderColor"]
3732
+ "scopes": ["borderColor", "effectColor"]
3733
3733
  }
3734
3734
  },
3735
3735
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3741,7 +3741,7 @@
3741
3741
  "org.primer.figma": {
3742
3742
  "collection": "mode",
3743
3743
  "group": "semantic",
3744
- "scopes": ["borderColor"]
3744
+ "scopes": ["borderColor", "effectColor"]
3745
3745
  }
3746
3746
  }
3747
3747
  },
@@ -4170,6 +4170,13 @@
4170
4170
  "filePath": "src/tokens/component/button.json5",
4171
4171
  "isSource": true,
4172
4172
  "$type": "color"
4173
+ },
4174
+ "light-high-contrast": {
4175
+ "$value": "#8e1519",
4176
+ "alpha": 1,
4177
+ "filePath": "src/tokens/component/button.json5",
4178
+ "isSource": true,
4179
+ "$type": "color"
4173
4180
  }
4174
4181
  }
4175
4182
  },
@@ -4197,6 +4204,13 @@
4197
4204
  "filePath": "src/tokens/component/button.json5",
4198
4205
  "isSource": true,
4199
4206
  "$type": "color"
4207
+ },
4208
+ "light-high-contrast": {
4209
+ "$value": "{base.color.red.7}",
4210
+ "alpha": 1,
4211
+ "filePath": "src/tokens/component/button.json5",
4212
+ "isSource": true,
4213
+ "$type": "color"
4200
4214
  }
4201
4215
  }
4202
4216
  }
@@ -10730,8 +10744,6 @@
10730
10744
  "scopes": ["bgColor"]
10731
10745
  },
10732
10746
  "org.primer.overrides": {
10733
- "dark-high-contrast": "#212830",
10734
- "light-high-contrast": "#212830",
10735
10747
  "dark-dimmed": "#2a313c"
10736
10748
  }
10737
10749
  },
@@ -10747,8 +10759,6 @@
10747
10759
  "scopes": ["bgColor"]
10748
10760
  },
10749
10761
  "org.primer.overrides": {
10750
- "dark-high-contrast": "{base.color.neutral.3}",
10751
- "light-high-contrast": "{base.color.neutral.3}",
10752
10762
  "dark-dimmed": "{base.color.neutral.5}"
10753
10763
  }
10754
10764
  }
@@ -10912,16 +10922,6 @@
10912
10922
  "filePath": "src/tokens/component/contribution.json5",
10913
10923
  "isSource": true,
10914
10924
  "$type": "color"
10915
- },
10916
- "dark-high-contrast": {
10917
- "$value": "#ffffff",
10918
- "alpha": 1,
10919
- "filePath": "src/tokens/component/contribution.json5",
10920
- "isSource": true,
10921
- "$type": "color"
10922
- },
10923
- "light-high-contrast": {
10924
- "alpha": 1
10925
10925
  }
10926
10926
  }
10927
10927
  },
@@ -10951,16 +10951,6 @@
10951
10951
  "filePath": "src/tokens/component/contribution.json5",
10952
10952
  "isSource": true,
10953
10953
  "$type": "color"
10954
- },
10955
- "dark-high-contrast": {
10956
- "$value": "{base.color.white}",
10957
- "alpha": 1,
10958
- "filePath": "src/tokens/component/contribution.json5",
10959
- "isSource": true,
10960
- "$type": "color"
10961
- },
10962
- "light-high-contrast": {
10963
- "alpha": 1
10964
10954
  }
10965
10955
  }
10966
10956
  }
@@ -10994,16 +10984,6 @@
10994
10984
  "filePath": "src/tokens/component/contribution.json5",
10995
10985
  "isSource": true,
10996
10986
  "$type": "color"
10997
- },
10998
- "dark-high-contrast": {
10999
- "$value": "#ffffff",
11000
- "alpha": 1,
11001
- "filePath": "src/tokens/component/contribution.json5",
11002
- "isSource": true,
11003
- "$type": "color"
11004
- },
11005
- "light-high-contrast": {
11006
- "alpha": 1
11007
10987
  }
11008
10988
  }
11009
10989
  },
@@ -11033,16 +11013,6 @@
11033
11013
  "filePath": "src/tokens/component/contribution.json5",
11034
11014
  "isSource": true,
11035
11015
  "$type": "color"
11036
- },
11037
- "dark-high-contrast": {
11038
- "$value": "{base.color.white}",
11039
- "alpha": 1,
11040
- "filePath": "src/tokens/component/contribution.json5",
11041
- "isSource": true,
11042
- "$type": "color"
11043
- },
11044
- "light-high-contrast": {
11045
- "alpha": 1
11046
11016
  }
11047
11017
  }
11048
11018
  }
@@ -11076,16 +11046,6 @@
11076
11046
  "filePath": "src/tokens/component/contribution.json5",
11077
11047
  "isSource": true,
11078
11048
  "$type": "color"
11079
- },
11080
- "dark-high-contrast": {
11081
- "$value": "#ffffff",
11082
- "alpha": 1,
11083
- "filePath": "src/tokens/component/contribution.json5",
11084
- "isSource": true,
11085
- "$type": "color"
11086
- },
11087
- "light-high-contrast": {
11088
- "alpha": 1
11089
11049
  }
11090
11050
  }
11091
11051
  },
@@ -11115,16 +11075,6 @@
11115
11075
  "filePath": "src/tokens/component/contribution.json5",
11116
11076
  "isSource": true,
11117
11077
  "$type": "color"
11118
- },
11119
- "dark-high-contrast": {
11120
- "$value": "{base.color.white}",
11121
- "alpha": 1,
11122
- "filePath": "src/tokens/component/contribution.json5",
11123
- "isSource": true,
11124
- "$type": "color"
11125
- },
11126
- "light-high-contrast": {
11127
- "alpha": 1
11128
11078
  }
11129
11079
  }
11130
11080
  }
@@ -11158,16 +11108,6 @@
11158
11108
  "filePath": "src/tokens/component/contribution.json5",
11159
11109
  "isSource": true,
11160
11110
  "$type": "color"
11161
- },
11162
- "dark-high-contrast": {
11163
- "$value": "#ffffff",
11164
- "alpha": 1,
11165
- "filePath": "src/tokens/component/contribution.json5",
11166
- "isSource": true,
11167
- "$type": "color"
11168
- },
11169
- "light-high-contrast": {
11170
- "alpha": 1
11171
11111
  }
11172
11112
  }
11173
11113
  },
@@ -11197,16 +11137,6 @@
11197
11137
  "filePath": "src/tokens/component/contribution.json5",
11198
11138
  "isSource": true,
11199
11139
  "$type": "color"
11200
- },
11201
- "dark-high-contrast": {
11202
- "$value": "{base.color.white}",
11203
- "alpha": 1,
11204
- "filePath": "src/tokens/component/contribution.json5",
11205
- "isSource": true,
11206
- "$type": "color"
11207
- },
11208
- "light-high-contrast": {
11209
- "alpha": 1
11210
11140
  }
11211
11141
  }
11212
11142
  }
@@ -11240,16 +11170,6 @@
11240
11170
  "filePath": "src/tokens/component/contribution.json5",
11241
11171
  "isSource": true,
11242
11172
  "$type": "color"
11243
- },
11244
- "dark-high-contrast": {
11245
- "$value": "#ffffff",
11246
- "alpha": 1,
11247
- "filePath": "src/tokens/component/contribution.json5",
11248
- "isSource": true,
11249
- "$type": "color"
11250
- },
11251
- "light-high-contrast": {
11252
- "alpha": 1
11253
11173
  }
11254
11174
  }
11255
11175
  },
@@ -11279,16 +11199,6 @@
11279
11199
  "filePath": "src/tokens/component/contribution.json5",
11280
11200
  "isSource": true,
11281
11201
  "$type": "color"
11282
- },
11283
- "dark-high-contrast": {
11284
- "$value": "{base.color.white}",
11285
- "alpha": 1,
11286
- "filePath": "src/tokens/component/contribution.json5",
11287
- "isSource": true,
11288
- "$type": "color"
11289
- },
11290
- "light-high-contrast": {
11291
- "alpha": 1
11292
11202
  }
11293
11203
  }
11294
11204
  }
@@ -12785,6 +12695,12 @@
12785
12695
  "filePath": "src/tokens/functional/color/control.json5",
12786
12696
  "isSource": true,
12787
12697
  "$type": "color"
12698
+ },
12699
+ "dark-high-contrast": {
12700
+ "$value": "#ffffff",
12701
+ "filePath": "src/tokens/functional/color/control.json5",
12702
+ "isSource": true,
12703
+ "$type": "color"
12788
12704
  }
12789
12705
  }
12790
12706
  },
@@ -12807,6 +12723,12 @@
12807
12723
  "filePath": "src/tokens/functional/color/control.json5",
12808
12724
  "isSource": true,
12809
12725
  "$type": "color"
12726
+ },
12727
+ "dark-high-contrast": {
12728
+ "$value": "{fgColor.onEmphasis}",
12729
+ "filePath": "src/tokens/functional/color/control.json5",
12730
+ "isSource": true,
12731
+ "$type": "color"
12810
12732
  }
12811
12733
  }
12812
12734
  }