@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-tritanopia.json CHANGED
@@ -2225,7 +2225,7 @@
2225
2225
  "org.primer.figma": {
2226
2226
  "collection": "mode",
2227
2227
  "group": "semantic",
2228
- "scopes": ["borderColor"],
2228
+ "scopes": ["borderColor", "effectColor"],
2229
2229
  "codeSyntax": {
2230
2230
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2231
2231
  }
@@ -2240,7 +2240,7 @@
2240
2240
  "org.primer.figma": {
2241
2241
  "collection": "mode",
2242
2242
  "group": "semantic",
2243
- "scopes": ["borderColor"],
2243
+ "scopes": ["borderColor", "effectColor"],
2244
2244
  "codeSyntax": {
2245
2245
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2246
2246
  }
@@ -2259,7 +2259,7 @@
2259
2259
  "org.primer.figma": {
2260
2260
  "collection": "mode",
2261
2261
  "group": "semantic",
2262
- "scopes": ["borderColor"],
2262
+ "scopes": ["borderColor", "effectColor"],
2263
2263
  "codeSyntax": {
2264
2264
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2265
2265
  }
@@ -2292,7 +2292,7 @@
2292
2292
  "org.primer.figma": {
2293
2293
  "collection": "mode",
2294
2294
  "group": "semantic",
2295
- "scopes": ["borderColor"],
2295
+ "scopes": ["borderColor", "effectColor"],
2296
2296
  "codeSyntax": {
2297
2297
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2298
2298
  }
@@ -2739,7 +2739,7 @@
2739
2739
  "org.primer.figma": {
2740
2740
  "collection": "mode",
2741
2741
  "group": "semantic",
2742
- "scopes": ["borderColor"],
2742
+ "scopes": ["borderColor", "effectColor"],
2743
2743
  "codeSyntax": {
2744
2744
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2745
2745
  }
@@ -2760,7 +2760,7 @@
2760
2760
  "org.primer.figma": {
2761
2761
  "collection": "mode",
2762
2762
  "group": "semantic",
2763
- "scopes": ["borderColor"],
2763
+ "scopes": ["borderColor", "effectColor"],
2764
2764
  "codeSyntax": {
2765
2765
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2766
2766
  }
@@ -2779,7 +2779,7 @@
2779
2779
  "org.primer.figma": {
2780
2780
  "collection": "mode",
2781
2781
  "group": "semantic",
2782
- "scopes": ["borderColor"]
2782
+ "scopes": ["borderColor", "effectColor"]
2783
2783
  },
2784
2784
  "org.primer.overrides": {
2785
2785
  "dark-dimmed": {
@@ -2808,7 +2808,7 @@
2808
2808
  "org.primer.figma": {
2809
2809
  "collection": "mode",
2810
2810
  "group": "semantic",
2811
- "scopes": ["borderColor"]
2811
+ "scopes": ["borderColor", "effectColor"]
2812
2812
  },
2813
2813
  "org.primer.overrides": {
2814
2814
  "dark-dimmed": {
@@ -2945,7 +2945,7 @@
2945
2945
  "org.primer.figma": {
2946
2946
  "collection": "mode",
2947
2947
  "group": "semantic",
2948
- "scopes": ["borderColor"]
2948
+ "scopes": ["borderColor", "effectColor"]
2949
2949
  },
2950
2950
  "org.primer.overrides": {
2951
2951
  "light-high-contrast": "#3d444d",
@@ -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
  },
2966
2966
  "org.primer.overrides": {
2967
2967
  "light-high-contrast": "{borderColor.default}",
@@ -2981,7 +2981,7 @@
2981
2981
  "org.primer.figma": {
2982
2982
  "collection": "mode",
2983
2983
  "group": "semantic",
2984
- "scopes": ["borderColor"],
2984
+ "scopes": ["borderColor", "effectColor"],
2985
2985
  "codeSyntax": {
2986
2986
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2987
2987
  }
@@ -3020,7 +3020,7 @@
3020
3020
  "org.primer.figma": {
3021
3021
  "collection": "mode",
3022
3022
  "group": "semantic",
3023
- "scopes": ["borderColor"],
3023
+ "scopes": ["borderColor", "effectColor"],
3024
3024
  "codeSyntax": {
3025
3025
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3026
3026
  }
@@ -3675,7 +3675,7 @@
3675
3675
  "org.primer.figma": {
3676
3676
  "collection": "mode",
3677
3677
  "group": "semantic",
3678
- "scopes": ["borderColor"]
3678
+ "scopes": ["borderColor", "effectColor"]
3679
3679
  },
3680
3680
  "org.primer.overrides": {
3681
3681
  "light-high-contrast": {
@@ -3686,7 +3686,7 @@
3686
3686
  "$type": "color"
3687
3687
  },
3688
3688
  "dark-high-contrast": {
3689
- "$value": "#2f3742",
3689
+ "$value": "#9198a1",
3690
3690
  "alpha": 1,
3691
3691
  "filePath": "src/tokens/functional/color/borderColor.json5",
3692
3692
  "isSource": true,
@@ -3704,7 +3704,7 @@
3704
3704
  "org.primer.figma": {
3705
3705
  "collection": "mode",
3706
3706
  "group": "semantic",
3707
- "scopes": ["borderColor"]
3707
+ "scopes": ["borderColor", "effectColor"]
3708
3708
  },
3709
3709
  "org.primer.overrides": {
3710
3710
  "light-high-contrast": {
@@ -3715,7 +3715,7 @@
3715
3715
  "$type": "color"
3716
3716
  },
3717
3717
  "dark-high-contrast": {
3718
- "$value": "{base.color.neutral.6}",
3718
+ "$value": "{base.color.neutral.9}",
3719
3719
  "alpha": 1,
3720
3720
  "filePath": "src/tokens/functional/color/borderColor.json5",
3721
3721
  "isSource": true,
@@ -3737,7 +3737,7 @@
3737
3737
  "org.primer.figma": {
3738
3738
  "collection": "mode",
3739
3739
  "group": "semantic",
3740
- "scopes": ["borderColor"]
3740
+ "scopes": ["borderColor", "effectColor"]
3741
3741
  }
3742
3742
  },
3743
3743
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3749,7 +3749,7 @@
3749
3749
  "org.primer.figma": {
3750
3750
  "collection": "mode",
3751
3751
  "group": "semantic",
3752
- "scopes": ["borderColor"]
3752
+ "scopes": ["borderColor", "effectColor"]
3753
3753
  }
3754
3754
  }
3755
3755
  },
@@ -4178,6 +4178,13 @@
4178
4178
  "filePath": "src/tokens/component/button.json5",
4179
4179
  "isSource": true,
4180
4180
  "$type": "color"
4181
+ },
4182
+ "light-high-contrast": {
4183
+ "$value": "#8e1519",
4184
+ "alpha": 1,
4185
+ "filePath": "src/tokens/component/button.json5",
4186
+ "isSource": true,
4187
+ "$type": "color"
4181
4188
  }
4182
4189
  }
4183
4190
  },
@@ -4205,6 +4212,13 @@
4205
4212
  "filePath": "src/tokens/component/button.json5",
4206
4213
  "isSource": true,
4207
4214
  "$type": "color"
4215
+ },
4216
+ "light-high-contrast": {
4217
+ "$value": "{base.color.red.7}",
4218
+ "alpha": 1,
4219
+ "filePath": "src/tokens/component/button.json5",
4220
+ "isSource": true,
4221
+ "$type": "color"
4208
4222
  }
4209
4223
  }
4210
4224
  }
@@ -10738,8 +10752,6 @@
10738
10752
  "scopes": ["bgColor"]
10739
10753
  },
10740
10754
  "org.primer.overrides": {
10741
- "dark-high-contrast": "#212830",
10742
- "light-high-contrast": "#212830",
10743
10755
  "dark-dimmed": "#2a313c"
10744
10756
  }
10745
10757
  },
@@ -10755,8 +10767,6 @@
10755
10767
  "scopes": ["bgColor"]
10756
10768
  },
10757
10769
  "org.primer.overrides": {
10758
- "dark-high-contrast": "{base.color.neutral.3}",
10759
- "light-high-contrast": "{base.color.neutral.3}",
10760
10770
  "dark-dimmed": "{base.color.neutral.5}"
10761
10771
  }
10762
10772
  }
@@ -10920,16 +10930,6 @@
10920
10930
  "filePath": "src/tokens/component/contribution.json5",
10921
10931
  "isSource": true,
10922
10932
  "$type": "color"
10923
- },
10924
- "dark-high-contrast": {
10925
- "$value": "#ffffff",
10926
- "alpha": 1,
10927
- "filePath": "src/tokens/component/contribution.json5",
10928
- "isSource": true,
10929
- "$type": "color"
10930
- },
10931
- "light-high-contrast": {
10932
- "alpha": 1
10933
10933
  }
10934
10934
  }
10935
10935
  },
@@ -10959,16 +10959,6 @@
10959
10959
  "filePath": "src/tokens/component/contribution.json5",
10960
10960
  "isSource": true,
10961
10961
  "$type": "color"
10962
- },
10963
- "dark-high-contrast": {
10964
- "$value": "{base.color.white}",
10965
- "alpha": 1,
10966
- "filePath": "src/tokens/component/contribution.json5",
10967
- "isSource": true,
10968
- "$type": "color"
10969
- },
10970
- "light-high-contrast": {
10971
- "alpha": 1
10972
10962
  }
10973
10963
  }
10974
10964
  }
@@ -11002,16 +10992,6 @@
11002
10992
  "filePath": "src/tokens/component/contribution.json5",
11003
10993
  "isSource": true,
11004
10994
  "$type": "color"
11005
- },
11006
- "dark-high-contrast": {
11007
- "$value": "#ffffff",
11008
- "alpha": 1,
11009
- "filePath": "src/tokens/component/contribution.json5",
11010
- "isSource": true,
11011
- "$type": "color"
11012
- },
11013
- "light-high-contrast": {
11014
- "alpha": 1
11015
10995
  }
11016
10996
  }
11017
10997
  },
@@ -11041,16 +11021,6 @@
11041
11021
  "filePath": "src/tokens/component/contribution.json5",
11042
11022
  "isSource": true,
11043
11023
  "$type": "color"
11044
- },
11045
- "dark-high-contrast": {
11046
- "$value": "{base.color.white}",
11047
- "alpha": 1,
11048
- "filePath": "src/tokens/component/contribution.json5",
11049
- "isSource": true,
11050
- "$type": "color"
11051
- },
11052
- "light-high-contrast": {
11053
- "alpha": 1
11054
11024
  }
11055
11025
  }
11056
11026
  }
@@ -11084,16 +11054,6 @@
11084
11054
  "filePath": "src/tokens/component/contribution.json5",
11085
11055
  "isSource": true,
11086
11056
  "$type": "color"
11087
- },
11088
- "dark-high-contrast": {
11089
- "$value": "#ffffff",
11090
- "alpha": 1,
11091
- "filePath": "src/tokens/component/contribution.json5",
11092
- "isSource": true,
11093
- "$type": "color"
11094
- },
11095
- "light-high-contrast": {
11096
- "alpha": 1
11097
11057
  }
11098
11058
  }
11099
11059
  },
@@ -11123,16 +11083,6 @@
11123
11083
  "filePath": "src/tokens/component/contribution.json5",
11124
11084
  "isSource": true,
11125
11085
  "$type": "color"
11126
- },
11127
- "dark-high-contrast": {
11128
- "$value": "{base.color.white}",
11129
- "alpha": 1,
11130
- "filePath": "src/tokens/component/contribution.json5",
11131
- "isSource": true,
11132
- "$type": "color"
11133
- },
11134
- "light-high-contrast": {
11135
- "alpha": 1
11136
11086
  }
11137
11087
  }
11138
11088
  }
@@ -11166,16 +11116,6 @@
11166
11116
  "filePath": "src/tokens/component/contribution.json5",
11167
11117
  "isSource": true,
11168
11118
  "$type": "color"
11169
- },
11170
- "dark-high-contrast": {
11171
- "$value": "#ffffff",
11172
- "alpha": 1,
11173
- "filePath": "src/tokens/component/contribution.json5",
11174
- "isSource": true,
11175
- "$type": "color"
11176
- },
11177
- "light-high-contrast": {
11178
- "alpha": 1
11179
11119
  }
11180
11120
  }
11181
11121
  },
@@ -11205,16 +11145,6 @@
11205
11145
  "filePath": "src/tokens/component/contribution.json5",
11206
11146
  "isSource": true,
11207
11147
  "$type": "color"
11208
- },
11209
- "dark-high-contrast": {
11210
- "$value": "{base.color.white}",
11211
- "alpha": 1,
11212
- "filePath": "src/tokens/component/contribution.json5",
11213
- "isSource": true,
11214
- "$type": "color"
11215
- },
11216
- "light-high-contrast": {
11217
- "alpha": 1
11218
11148
  }
11219
11149
  }
11220
11150
  }
@@ -11248,16 +11178,6 @@
11248
11178
  "filePath": "src/tokens/component/contribution.json5",
11249
11179
  "isSource": true,
11250
11180
  "$type": "color"
11251
- },
11252
- "dark-high-contrast": {
11253
- "$value": "#ffffff",
11254
- "alpha": 1,
11255
- "filePath": "src/tokens/component/contribution.json5",
11256
- "isSource": true,
11257
- "$type": "color"
11258
- },
11259
- "light-high-contrast": {
11260
- "alpha": 1
11261
11181
  }
11262
11182
  }
11263
11183
  },
@@ -11287,16 +11207,6 @@
11287
11207
  "filePath": "src/tokens/component/contribution.json5",
11288
11208
  "isSource": true,
11289
11209
  "$type": "color"
11290
- },
11291
- "dark-high-contrast": {
11292
- "$value": "{base.color.white}",
11293
- "alpha": 1,
11294
- "filePath": "src/tokens/component/contribution.json5",
11295
- "isSource": true,
11296
- "$type": "color"
11297
- },
11298
- "light-high-contrast": {
11299
- "alpha": 1
11300
11210
  }
11301
11211
  }
11302
11212
  }
@@ -12793,6 +12703,12 @@
12793
12703
  "filePath": "src/tokens/functional/color/control.json5",
12794
12704
  "isSource": true,
12795
12705
  "$type": "color"
12706
+ },
12707
+ "dark-high-contrast": {
12708
+ "$value": "#ffffff",
12709
+ "filePath": "src/tokens/functional/color/control.json5",
12710
+ "isSource": true,
12711
+ "$type": "color"
12796
12712
  }
12797
12713
  }
12798
12714
  },
@@ -12815,6 +12731,12 @@
12815
12731
  "filePath": "src/tokens/functional/color/control.json5",
12816
12732
  "isSource": true,
12817
12733
  "$type": "color"
12734
+ },
12735
+ "dark-high-contrast": {
12736
+ "$value": "{fgColor.onEmphasis}",
12737
+ "filePath": "src/tokens/functional/color/control.json5",
12738
+ "isSource": true,
12739
+ "$type": "color"
12818
12740
  }
12819
12741
  }
12820
12742
  }