@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/light-tritanopia.json CHANGED
@@ -2207,7 +2207,7 @@
2207
2207
  "org.primer.figma": {
2208
2208
  "collection": "mode",
2209
2209
  "group": "semantic",
2210
- "scopes": ["borderColor"],
2210
+ "scopes": ["borderColor", "effectColor"],
2211
2211
  "codeSyntax": {
2212
2212
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2213
2213
  }
@@ -2222,7 +2222,7 @@
2222
2222
  "org.primer.figma": {
2223
2223
  "collection": "mode",
2224
2224
  "group": "semantic",
2225
- "scopes": ["borderColor"],
2225
+ "scopes": ["borderColor", "effectColor"],
2226
2226
  "codeSyntax": {
2227
2227
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2228
2228
  }
@@ -2241,7 +2241,7 @@
2241
2241
  "org.primer.figma": {
2242
2242
  "collection": "mode",
2243
2243
  "group": "semantic",
2244
- "scopes": ["borderColor"],
2244
+ "scopes": ["borderColor", "effectColor"],
2245
2245
  "codeSyntax": {
2246
2246
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2247
2247
  }
@@ -2274,7 +2274,7 @@
2274
2274
  "org.primer.figma": {
2275
2275
  "collection": "mode",
2276
2276
  "group": "semantic",
2277
- "scopes": ["borderColor"],
2277
+ "scopes": ["borderColor", "effectColor"],
2278
2278
  "codeSyntax": {
2279
2279
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2280
2280
  }
@@ -2721,7 +2721,7 @@
2721
2721
  "org.primer.figma": {
2722
2722
  "collection": "mode",
2723
2723
  "group": "semantic",
2724
- "scopes": ["borderColor"],
2724
+ "scopes": ["borderColor", "effectColor"],
2725
2725
  "codeSyntax": {
2726
2726
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2727
2727
  }
@@ -2742,7 +2742,7 @@
2742
2742
  "org.primer.figma": {
2743
2743
  "collection": "mode",
2744
2744
  "group": "semantic",
2745
- "scopes": ["borderColor"],
2745
+ "scopes": ["borderColor", "effectColor"],
2746
2746
  "codeSyntax": {
2747
2747
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2748
2748
  }
@@ -2761,7 +2761,7 @@
2761
2761
  "org.primer.figma": {
2762
2762
  "collection": "mode",
2763
2763
  "group": "semantic",
2764
- "scopes": ["borderColor"]
2764
+ "scopes": ["borderColor", "effectColor"]
2765
2765
  },
2766
2766
  "org.primer.overrides": {
2767
2767
  "dark-dimmed": {
@@ -2790,7 +2790,7 @@
2790
2790
  "org.primer.figma": {
2791
2791
  "collection": "mode",
2792
2792
  "group": "semantic",
2793
- "scopes": ["borderColor"]
2793
+ "scopes": ["borderColor", "effectColor"]
2794
2794
  },
2795
2795
  "org.primer.overrides": {
2796
2796
  "dark-dimmed": {
@@ -2927,7 +2927,7 @@
2927
2927
  "org.primer.figma": {
2928
2928
  "collection": "mode",
2929
2929
  "group": "semantic",
2930
- "scopes": ["borderColor"]
2930
+ "scopes": ["borderColor", "effectColor"]
2931
2931
  },
2932
2932
  "org.primer.overrides": {
2933
2933
  "light-high-contrast": "#d1d9e0",
@@ -2943,7 +2943,7 @@
2943
2943
  "org.primer.figma": {
2944
2944
  "collection": "mode",
2945
2945
  "group": "semantic",
2946
- "scopes": ["borderColor"]
2946
+ "scopes": ["borderColor", "effectColor"]
2947
2947
  },
2948
2948
  "org.primer.overrides": {
2949
2949
  "light-high-contrast": "{borderColor.default}",
@@ -2963,7 +2963,7 @@
2963
2963
  "org.primer.figma": {
2964
2964
  "collection": "mode",
2965
2965
  "group": "semantic",
2966
- "scopes": ["borderColor"],
2966
+ "scopes": ["borderColor", "effectColor"],
2967
2967
  "codeSyntax": {
2968
2968
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2969
2969
  }
@@ -3002,7 +3002,7 @@
3002
3002
  "org.primer.figma": {
3003
3003
  "collection": "mode",
3004
3004
  "group": "semantic",
3005
- "scopes": ["borderColor"],
3005
+ "scopes": ["borderColor", "effectColor"],
3006
3006
  "codeSyntax": {
3007
3007
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3008
3008
  }
@@ -3657,7 +3657,7 @@
3657
3657
  "org.primer.figma": {
3658
3658
  "collection": "mode",
3659
3659
  "group": "semantic",
3660
- "scopes": ["borderColor"]
3660
+ "scopes": ["borderColor", "effectColor"]
3661
3661
  },
3662
3662
  "org.primer.overrides": {
3663
3663
  "light-high-contrast": {
@@ -3668,7 +3668,7 @@
3668
3668
  "$type": "color"
3669
3669
  },
3670
3670
  "dark-high-contrast": {
3671
- "$value": "#d1d9e0",
3671
+ "$value": "#59636e",
3672
3672
  "alpha": 1,
3673
3673
  "filePath": "src/tokens/functional/color/borderColor.json5",
3674
3674
  "isSource": true,
@@ -3686,7 +3686,7 @@
3686
3686
  "org.primer.figma": {
3687
3687
  "collection": "mode",
3688
3688
  "group": "semantic",
3689
- "scopes": ["borderColor"]
3689
+ "scopes": ["borderColor", "effectColor"]
3690
3690
  },
3691
3691
  "org.primer.overrides": {
3692
3692
  "light-high-contrast": {
@@ -3697,7 +3697,7 @@
3697
3697
  "$type": "color"
3698
3698
  },
3699
3699
  "dark-high-contrast": {
3700
- "$value": "{base.color.neutral.6}",
3700
+ "$value": "{base.color.neutral.9}",
3701
3701
  "alpha": 1,
3702
3702
  "filePath": "src/tokens/functional/color/borderColor.json5",
3703
3703
  "isSource": true,
@@ -3719,7 +3719,7 @@
3719
3719
  "org.primer.figma": {
3720
3720
  "collection": "mode",
3721
3721
  "group": "semantic",
3722
- "scopes": ["borderColor"]
3722
+ "scopes": ["borderColor", "effectColor"]
3723
3723
  }
3724
3724
  },
3725
3725
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -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
  },
@@ -4160,6 +4160,13 @@
4160
4160
  "filePath": "src/tokens/component/button.json5",
4161
4161
  "isSource": true,
4162
4162
  "$type": "color"
4163
+ },
4164
+ "light-high-contrast": {
4165
+ "$value": "#82071e",
4166
+ "alpha": 1,
4167
+ "filePath": "src/tokens/component/button.json5",
4168
+ "isSource": true,
4169
+ "$type": "color"
4163
4170
  }
4164
4171
  }
4165
4172
  },
@@ -4187,6 +4194,13 @@
4187
4194
  "filePath": "src/tokens/component/button.json5",
4188
4195
  "isSource": true,
4189
4196
  "$type": "color"
4197
+ },
4198
+ "light-high-contrast": {
4199
+ "$value": "{base.color.red.7}",
4200
+ "alpha": 1,
4201
+ "filePath": "src/tokens/component/button.json5",
4202
+ "isSource": true,
4203
+ "$type": "color"
4190
4204
  }
4191
4205
  }
4192
4206
  }
@@ -10722,8 +10736,6 @@
10722
10736
  "scopes": ["bgColor"]
10723
10737
  },
10724
10738
  "org.primer.overrides": {
10725
- "dark-high-contrast": "#e6eaef",
10726
- "light-high-contrast": "#e6eaef",
10727
10739
  "dark-dimmed": "#dae0e7"
10728
10740
  }
10729
10741
  },
@@ -10739,8 +10751,6 @@
10739
10751
  "scopes": ["bgColor"]
10740
10752
  },
10741
10753
  "org.primer.overrides": {
10742
- "dark-high-contrast": "{base.color.neutral.3}",
10743
- "light-high-contrast": "{base.color.neutral.3}",
10744
10754
  "dark-dimmed": "{base.color.neutral.5}"
10745
10755
  }
10746
10756
  }
@@ -10904,16 +10914,6 @@
10904
10914
  "filePath": "src/tokens/component/contribution.json5",
10905
10915
  "isSource": true,
10906
10916
  "$type": "color"
10907
- },
10908
- "dark-high-contrast": {
10909
- "$value": "#ffffff",
10910
- "alpha": 1,
10911
- "filePath": "src/tokens/component/contribution.json5",
10912
- "isSource": true,
10913
- "$type": "color"
10914
- },
10915
- "light-high-contrast": {
10916
- "alpha": 1
10917
10917
  }
10918
10918
  }
10919
10919
  },
@@ -10943,16 +10943,6 @@
10943
10943
  "filePath": "src/tokens/component/contribution.json5",
10944
10944
  "isSource": true,
10945
10945
  "$type": "color"
10946
- },
10947
- "dark-high-contrast": {
10948
- "$value": "{base.color.white}",
10949
- "alpha": 1,
10950
- "filePath": "src/tokens/component/contribution.json5",
10951
- "isSource": true,
10952
- "$type": "color"
10953
- },
10954
- "light-high-contrast": {
10955
- "alpha": 1
10956
10946
  }
10957
10947
  }
10958
10948
  }
@@ -10986,16 +10976,6 @@
10986
10976
  "filePath": "src/tokens/component/contribution.json5",
10987
10977
  "isSource": true,
10988
10978
  "$type": "color"
10989
- },
10990
- "dark-high-contrast": {
10991
- "$value": "#ffffff",
10992
- "alpha": 1,
10993
- "filePath": "src/tokens/component/contribution.json5",
10994
- "isSource": true,
10995
- "$type": "color"
10996
- },
10997
- "light-high-contrast": {
10998
- "alpha": 1
10999
10979
  }
11000
10980
  }
11001
10981
  },
@@ -11025,16 +11005,6 @@
11025
11005
  "filePath": "src/tokens/component/contribution.json5",
11026
11006
  "isSource": true,
11027
11007
  "$type": "color"
11028
- },
11029
- "dark-high-contrast": {
11030
- "$value": "{base.color.white}",
11031
- "alpha": 1,
11032
- "filePath": "src/tokens/component/contribution.json5",
11033
- "isSource": true,
11034
- "$type": "color"
11035
- },
11036
- "light-high-contrast": {
11037
- "alpha": 1
11038
11008
  }
11039
11009
  }
11040
11010
  }
@@ -11068,16 +11038,6 @@
11068
11038
  "filePath": "src/tokens/component/contribution.json5",
11069
11039
  "isSource": true,
11070
11040
  "$type": "color"
11071
- },
11072
- "dark-high-contrast": {
11073
- "$value": "#ffffff",
11074
- "alpha": 1,
11075
- "filePath": "src/tokens/component/contribution.json5",
11076
- "isSource": true,
11077
- "$type": "color"
11078
- },
11079
- "light-high-contrast": {
11080
- "alpha": 1
11081
11041
  }
11082
11042
  }
11083
11043
  },
@@ -11107,16 +11067,6 @@
11107
11067
  "filePath": "src/tokens/component/contribution.json5",
11108
11068
  "isSource": true,
11109
11069
  "$type": "color"
11110
- },
11111
- "dark-high-contrast": {
11112
- "$value": "{base.color.white}",
11113
- "alpha": 1,
11114
- "filePath": "src/tokens/component/contribution.json5",
11115
- "isSource": true,
11116
- "$type": "color"
11117
- },
11118
- "light-high-contrast": {
11119
- "alpha": 1
11120
11070
  }
11121
11071
  }
11122
11072
  }
@@ -11150,16 +11100,6 @@
11150
11100
  "filePath": "src/tokens/component/contribution.json5",
11151
11101
  "isSource": true,
11152
11102
  "$type": "color"
11153
- },
11154
- "dark-high-contrast": {
11155
- "$value": "#ffffff",
11156
- "alpha": 1,
11157
- "filePath": "src/tokens/component/contribution.json5",
11158
- "isSource": true,
11159
- "$type": "color"
11160
- },
11161
- "light-high-contrast": {
11162
- "alpha": 1
11163
11103
  }
11164
11104
  }
11165
11105
  },
@@ -11189,16 +11129,6 @@
11189
11129
  "filePath": "src/tokens/component/contribution.json5",
11190
11130
  "isSource": true,
11191
11131
  "$type": "color"
11192
- },
11193
- "dark-high-contrast": {
11194
- "$value": "{base.color.white}",
11195
- "alpha": 1,
11196
- "filePath": "src/tokens/component/contribution.json5",
11197
- "isSource": true,
11198
- "$type": "color"
11199
- },
11200
- "light-high-contrast": {
11201
- "alpha": 1
11202
11132
  }
11203
11133
  }
11204
11134
  }
@@ -11232,16 +11162,6 @@
11232
11162
  "filePath": "src/tokens/component/contribution.json5",
11233
11163
  "isSource": true,
11234
11164
  "$type": "color"
11235
- },
11236
- "dark-high-contrast": {
11237
- "$value": "#ffffff",
11238
- "alpha": 1,
11239
- "filePath": "src/tokens/component/contribution.json5",
11240
- "isSource": true,
11241
- "$type": "color"
11242
- },
11243
- "light-high-contrast": {
11244
- "alpha": 1
11245
11165
  }
11246
11166
  }
11247
11167
  },
@@ -11271,16 +11191,6 @@
11271
11191
  "filePath": "src/tokens/component/contribution.json5",
11272
11192
  "isSource": true,
11273
11193
  "$type": "color"
11274
- },
11275
- "dark-high-contrast": {
11276
- "$value": "{base.color.white}",
11277
- "alpha": 1,
11278
- "filePath": "src/tokens/component/contribution.json5",
11279
- "isSource": true,
11280
- "$type": "color"
11281
- },
11282
- "light-high-contrast": {
11283
- "alpha": 1
11284
11194
  }
11285
11195
  }
11286
11196
  }
@@ -12777,6 +12687,12 @@
12777
12687
  "filePath": "src/tokens/functional/color/control.json5",
12778
12688
  "isSource": true,
12779
12689
  "$type": "color"
12690
+ },
12691
+ "dark-high-contrast": {
12692
+ "$value": "#ffffff",
12693
+ "filePath": "src/tokens/functional/color/control.json5",
12694
+ "isSource": true,
12695
+ "$type": "color"
12780
12696
  }
12781
12697
  }
12782
12698
  },
@@ -12799,6 +12715,12 @@
12799
12715
  "filePath": "src/tokens/functional/color/control.json5",
12800
12716
  "isSource": true,
12801
12717
  "$type": "color"
12718
+ },
12719
+ "dark-high-contrast": {
12720
+ "$value": "{fgColor.onEmphasis}",
12721
+ "filePath": "src/tokens/functional/color/control.json5",
12722
+ "isSource": true,
12723
+ "$type": "color"
12802
12724
  }
12803
12725
  }
12804
12726
  }