@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/docs/functional/themes/light-colorblind.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
  }
@@ -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
  }
@@ -3655,7 +3655,7 @@
3655
3655
  "org.primer.figma": {
3656
3656
  "collection": "mode",
3657
3657
  "group": "semantic",
3658
- "scopes": ["borderColor"]
3658
+ "scopes": ["borderColor", "effectColor"]
3659
3659
  },
3660
3660
  "org.primer.overrides": {
3661
3661
  "light-high-contrast": {
@@ -3666,7 +3666,7 @@
3666
3666
  "$type": "color"
3667
3667
  },
3668
3668
  "dark-high-contrast": {
3669
- "$value": "#d1d9e0",
3669
+ "$value": "#59636e",
3670
3670
  "alpha": 1,
3671
3671
  "filePath": "src/tokens/functional/color/borderColor.json5",
3672
3672
  "isSource": true,
@@ -3684,7 +3684,7 @@
3684
3684
  "org.primer.figma": {
3685
3685
  "collection": "mode",
3686
3686
  "group": "semantic",
3687
- "scopes": ["borderColor"]
3687
+ "scopes": ["borderColor", "effectColor"]
3688
3688
  },
3689
3689
  "org.primer.overrides": {
3690
3690
  "light-high-contrast": {
@@ -3695,7 +3695,7 @@
3695
3695
  "$type": "color"
3696
3696
  },
3697
3697
  "dark-high-contrast": {
3698
- "$value": "{base.color.neutral.6}",
3698
+ "$value": "{base.color.neutral.9}",
3699
3699
  "alpha": 1,
3700
3700
  "filePath": "src/tokens/functional/color/borderColor.json5",
3701
3701
  "isSource": true,
@@ -3717,7 +3717,7 @@
3717
3717
  "org.primer.figma": {
3718
3718
  "collection": "mode",
3719
3719
  "group": "semantic",
3720
- "scopes": ["borderColor"]
3720
+ "scopes": ["borderColor", "effectColor"]
3721
3721
  }
3722
3722
  },
3723
3723
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -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
  },
@@ -4158,6 +4158,13 @@
4158
4158
  "filePath": "src/tokens/component/button.json5",
4159
4159
  "isSource": true,
4160
4160
  "$type": "color"
4161
+ },
4162
+ "light-high-contrast": {
4163
+ "$value": "#82071e",
4164
+ "alpha": 1,
4165
+ "filePath": "src/tokens/component/button.json5",
4166
+ "isSource": true,
4167
+ "$type": "color"
4161
4168
  }
4162
4169
  }
4163
4170
  },
@@ -4185,6 +4192,13 @@
4185
4192
  "filePath": "src/tokens/component/button.json5",
4186
4193
  "isSource": true,
4187
4194
  "$type": "color"
4195
+ },
4196
+ "light-high-contrast": {
4197
+ "$value": "{base.color.red.7}",
4198
+ "alpha": 1,
4199
+ "filePath": "src/tokens/component/button.json5",
4200
+ "isSource": true,
4201
+ "$type": "color"
4188
4202
  }
4189
4203
  }
4190
4204
  }
@@ -10720,8 +10734,6 @@
10720
10734
  "scopes": ["bgColor"]
10721
10735
  },
10722
10736
  "org.primer.overrides": {
10723
- "dark-high-contrast": "#e6eaef",
10724
- "light-high-contrast": "#e6eaef",
10725
10737
  "dark-dimmed": "#dae0e7"
10726
10738
  }
10727
10739
  },
@@ -10737,8 +10749,6 @@
10737
10749
  "scopes": ["bgColor"]
10738
10750
  },
10739
10751
  "org.primer.overrides": {
10740
- "dark-high-contrast": "{base.color.neutral.3}",
10741
- "light-high-contrast": "{base.color.neutral.3}",
10742
10752
  "dark-dimmed": "{base.color.neutral.5}"
10743
10753
  }
10744
10754
  }
@@ -10902,16 +10912,6 @@
10902
10912
  "filePath": "src/tokens/component/contribution.json5",
10903
10913
  "isSource": true,
10904
10914
  "$type": "color"
10905
- },
10906
- "dark-high-contrast": {
10907
- "$value": "#ffffff",
10908
- "alpha": 1,
10909
- "filePath": "src/tokens/component/contribution.json5",
10910
- "isSource": true,
10911
- "$type": "color"
10912
- },
10913
- "light-high-contrast": {
10914
- "alpha": 1
10915
10915
  }
10916
10916
  }
10917
10917
  },
@@ -10941,16 +10941,6 @@
10941
10941
  "filePath": "src/tokens/component/contribution.json5",
10942
10942
  "isSource": true,
10943
10943
  "$type": "color"
10944
- },
10945
- "dark-high-contrast": {
10946
- "$value": "{base.color.white}",
10947
- "alpha": 1,
10948
- "filePath": "src/tokens/component/contribution.json5",
10949
- "isSource": true,
10950
- "$type": "color"
10951
- },
10952
- "light-high-contrast": {
10953
- "alpha": 1
10954
10944
  }
10955
10945
  }
10956
10946
  }
@@ -10984,16 +10974,6 @@
10984
10974
  "filePath": "src/tokens/component/contribution.json5",
10985
10975
  "isSource": true,
10986
10976
  "$type": "color"
10987
- },
10988
- "dark-high-contrast": {
10989
- "$value": "#ffffff",
10990
- "alpha": 1,
10991
- "filePath": "src/tokens/component/contribution.json5",
10992
- "isSource": true,
10993
- "$type": "color"
10994
- },
10995
- "light-high-contrast": {
10996
- "alpha": 1
10997
10977
  }
10998
10978
  }
10999
10979
  },
@@ -11023,16 +11003,6 @@
11023
11003
  "filePath": "src/tokens/component/contribution.json5",
11024
11004
  "isSource": true,
11025
11005
  "$type": "color"
11026
- },
11027
- "dark-high-contrast": {
11028
- "$value": "{base.color.white}",
11029
- "alpha": 1,
11030
- "filePath": "src/tokens/component/contribution.json5",
11031
- "isSource": true,
11032
- "$type": "color"
11033
- },
11034
- "light-high-contrast": {
11035
- "alpha": 1
11036
11006
  }
11037
11007
  }
11038
11008
  }
@@ -11066,16 +11036,6 @@
11066
11036
  "filePath": "src/tokens/component/contribution.json5",
11067
11037
  "isSource": true,
11068
11038
  "$type": "color"
11069
- },
11070
- "dark-high-contrast": {
11071
- "$value": "#ffffff",
11072
- "alpha": 1,
11073
- "filePath": "src/tokens/component/contribution.json5",
11074
- "isSource": true,
11075
- "$type": "color"
11076
- },
11077
- "light-high-contrast": {
11078
- "alpha": 1
11079
11039
  }
11080
11040
  }
11081
11041
  },
@@ -11105,16 +11065,6 @@
11105
11065
  "filePath": "src/tokens/component/contribution.json5",
11106
11066
  "isSource": true,
11107
11067
  "$type": "color"
11108
- },
11109
- "dark-high-contrast": {
11110
- "$value": "{base.color.white}",
11111
- "alpha": 1,
11112
- "filePath": "src/tokens/component/contribution.json5",
11113
- "isSource": true,
11114
- "$type": "color"
11115
- },
11116
- "light-high-contrast": {
11117
- "alpha": 1
11118
11068
  }
11119
11069
  }
11120
11070
  }
@@ -11148,16 +11098,6 @@
11148
11098
  "filePath": "src/tokens/component/contribution.json5",
11149
11099
  "isSource": true,
11150
11100
  "$type": "color"
11151
- },
11152
- "dark-high-contrast": {
11153
- "$value": "#ffffff",
11154
- "alpha": 1,
11155
- "filePath": "src/tokens/component/contribution.json5",
11156
- "isSource": true,
11157
- "$type": "color"
11158
- },
11159
- "light-high-contrast": {
11160
- "alpha": 1
11161
11101
  }
11162
11102
  }
11163
11103
  },
@@ -11187,16 +11127,6 @@
11187
11127
  "filePath": "src/tokens/component/contribution.json5",
11188
11128
  "isSource": true,
11189
11129
  "$type": "color"
11190
- },
11191
- "dark-high-contrast": {
11192
- "$value": "{base.color.white}",
11193
- "alpha": 1,
11194
- "filePath": "src/tokens/component/contribution.json5",
11195
- "isSource": true,
11196
- "$type": "color"
11197
- },
11198
- "light-high-contrast": {
11199
- "alpha": 1
11200
11130
  }
11201
11131
  }
11202
11132
  }
@@ -11230,16 +11160,6 @@
11230
11160
  "filePath": "src/tokens/component/contribution.json5",
11231
11161
  "isSource": true,
11232
11162
  "$type": "color"
11233
- },
11234
- "dark-high-contrast": {
11235
- "$value": "#ffffff",
11236
- "alpha": 1,
11237
- "filePath": "src/tokens/component/contribution.json5",
11238
- "isSource": true,
11239
- "$type": "color"
11240
- },
11241
- "light-high-contrast": {
11242
- "alpha": 1
11243
11163
  }
11244
11164
  }
11245
11165
  },
@@ -11269,16 +11189,6 @@
11269
11189
  "filePath": "src/tokens/component/contribution.json5",
11270
11190
  "isSource": true,
11271
11191
  "$type": "color"
11272
- },
11273
- "dark-high-contrast": {
11274
- "$value": "{base.color.white}",
11275
- "alpha": 1,
11276
- "filePath": "src/tokens/component/contribution.json5",
11277
- "isSource": true,
11278
- "$type": "color"
11279
- },
11280
- "light-high-contrast": {
11281
- "alpha": 1
11282
11192
  }
11283
11193
  }
11284
11194
  }
@@ -12775,6 +12685,12 @@
12775
12685
  "filePath": "src/tokens/functional/color/control.json5",
12776
12686
  "isSource": true,
12777
12687
  "$type": "color"
12688
+ },
12689
+ "dark-high-contrast": {
12690
+ "$value": "#ffffff",
12691
+ "filePath": "src/tokens/functional/color/control.json5",
12692
+ "isSource": true,
12693
+ "$type": "color"
12778
12694
  }
12779
12695
  }
12780
12696
  },
@@ -12797,6 +12713,12 @@
12797
12713
  "filePath": "src/tokens/functional/color/control.json5",
12798
12714
  "isSource": true,
12799
12715
  "$type": "color"
12716
+ },
12717
+ "dark-high-contrast": {
12718
+ "$value": "{fgColor.onEmphasis}",
12719
+ "filePath": "src/tokens/functional/color/control.json5",
12720
+ "isSource": true,
12721
+ "$type": "color"
12800
12722
  }
12801
12723
  }
12802
12724
  }