@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/styleLint/functional/themes/dark-tritanopia.json CHANGED
@@ -2227,7 +2227,7 @@
2227
2227
  "org.primer.figma": {
2228
2228
  "collection": "mode",
2229
2229
  "group": "semantic",
2230
- "scopes": ["borderColor"],
2230
+ "scopes": ["borderColor", "effectColor"],
2231
2231
  "codeSyntax": {
2232
2232
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2233
2233
  }
@@ -2242,7 +2242,7 @@
2242
2242
  "org.primer.figma": {
2243
2243
  "collection": "mode",
2244
2244
  "group": "semantic",
2245
- "scopes": ["borderColor"],
2245
+ "scopes": ["borderColor", "effectColor"],
2246
2246
  "codeSyntax": {
2247
2247
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2248
2248
  }
@@ -2261,7 +2261,7 @@
2261
2261
  "org.primer.figma": {
2262
2262
  "collection": "mode",
2263
2263
  "group": "semantic",
2264
- "scopes": ["borderColor"],
2264
+ "scopes": ["borderColor", "effectColor"],
2265
2265
  "codeSyntax": {
2266
2266
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2267
2267
  }
@@ -2294,7 +2294,7 @@
2294
2294
  "org.primer.figma": {
2295
2295
  "collection": "mode",
2296
2296
  "group": "semantic",
2297
- "scopes": ["borderColor"],
2297
+ "scopes": ["borderColor", "effectColor"],
2298
2298
  "codeSyntax": {
2299
2299
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2300
2300
  }
@@ -2741,7 +2741,7 @@
2741
2741
  "org.primer.figma": {
2742
2742
  "collection": "mode",
2743
2743
  "group": "semantic",
2744
- "scopes": ["borderColor"],
2744
+ "scopes": ["borderColor", "effectColor"],
2745
2745
  "codeSyntax": {
2746
2746
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2747
2747
  }
@@ -2762,7 +2762,7 @@
2762
2762
  "org.primer.figma": {
2763
2763
  "collection": "mode",
2764
2764
  "group": "semantic",
2765
- "scopes": ["borderColor"],
2765
+ "scopes": ["borderColor", "effectColor"],
2766
2766
  "codeSyntax": {
2767
2767
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2768
2768
  }
@@ -2781,7 +2781,7 @@
2781
2781
  "org.primer.figma": {
2782
2782
  "collection": "mode",
2783
2783
  "group": "semantic",
2784
- "scopes": ["borderColor"]
2784
+ "scopes": ["borderColor", "effectColor"]
2785
2785
  },
2786
2786
  "org.primer.overrides": {
2787
2787
  "dark-dimmed": {
@@ -2810,7 +2810,7 @@
2810
2810
  "org.primer.figma": {
2811
2811
  "collection": "mode",
2812
2812
  "group": "semantic",
2813
- "scopes": ["borderColor"]
2813
+ "scopes": ["borderColor", "effectColor"]
2814
2814
  },
2815
2815
  "org.primer.overrides": {
2816
2816
  "dark-dimmed": {
@@ -2947,7 +2947,7 @@
2947
2947
  "org.primer.figma": {
2948
2948
  "collection": "mode",
2949
2949
  "group": "semantic",
2950
- "scopes": ["borderColor"]
2950
+ "scopes": ["borderColor", "effectColor"]
2951
2951
  },
2952
2952
  "org.primer.overrides": {
2953
2953
  "light-high-contrast": "#3d444d",
@@ -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
  },
2968
2968
  "org.primer.overrides": {
2969
2969
  "light-high-contrast": "{borderColor.default}",
@@ -2983,7 +2983,7 @@
2983
2983
  "org.primer.figma": {
2984
2984
  "collection": "mode",
2985
2985
  "group": "semantic",
2986
- "scopes": ["borderColor"],
2986
+ "scopes": ["borderColor", "effectColor"],
2987
2987
  "codeSyntax": {
2988
2988
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2989
2989
  }
@@ -3022,7 +3022,7 @@
3022
3022
  "org.primer.figma": {
3023
3023
  "collection": "mode",
3024
3024
  "group": "semantic",
3025
- "scopes": ["borderColor"],
3025
+ "scopes": ["borderColor", "effectColor"],
3026
3026
  "codeSyntax": {
3027
3027
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3028
3028
  }
@@ -3677,7 +3677,7 @@
3677
3677
  "org.primer.figma": {
3678
3678
  "collection": "mode",
3679
3679
  "group": "semantic",
3680
- "scopes": ["borderColor"]
3680
+ "scopes": ["borderColor", "effectColor"]
3681
3681
  },
3682
3682
  "org.primer.overrides": {
3683
3683
  "light-high-contrast": {
@@ -3688,7 +3688,7 @@
3688
3688
  "$type": "color"
3689
3689
  },
3690
3690
  "dark-high-contrast": {
3691
- "$value": "#2f3742",
3691
+ "$value": "#9198a1",
3692
3692
  "alpha": 1,
3693
3693
  "filePath": "src/tokens/functional/color/borderColor.json5",
3694
3694
  "isSource": true,
@@ -3706,7 +3706,7 @@
3706
3706
  "org.primer.figma": {
3707
3707
  "collection": "mode",
3708
3708
  "group": "semantic",
3709
- "scopes": ["borderColor"]
3709
+ "scopes": ["borderColor", "effectColor"]
3710
3710
  },
3711
3711
  "org.primer.overrides": {
3712
3712
  "light-high-contrast": {
@@ -3717,7 +3717,7 @@
3717
3717
  "$type": "color"
3718
3718
  },
3719
3719
  "dark-high-contrast": {
3720
- "$value": "{base.color.neutral.6}",
3720
+ "$value": "{base.color.neutral.9}",
3721
3721
  "alpha": 1,
3722
3722
  "filePath": "src/tokens/functional/color/borderColor.json5",
3723
3723
  "isSource": true,
@@ -3739,7 +3739,7 @@
3739
3739
  "org.primer.figma": {
3740
3740
  "collection": "mode",
3741
3741
  "group": "semantic",
3742
- "scopes": ["borderColor"]
3742
+ "scopes": ["borderColor", "effectColor"]
3743
3743
  }
3744
3744
  },
3745
3745
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3751,7 +3751,7 @@
3751
3751
  "org.primer.figma": {
3752
3752
  "collection": "mode",
3753
3753
  "group": "semantic",
3754
- "scopes": ["borderColor"]
3754
+ "scopes": ["borderColor", "effectColor"]
3755
3755
  }
3756
3756
  }
3757
3757
  },
@@ -4180,6 +4180,13 @@
4180
4180
  "filePath": "src/tokens/component/button.json5",
4181
4181
  "isSource": true,
4182
4182
  "$type": "color"
4183
+ },
4184
+ "light-high-contrast": {
4185
+ "$value": "#8e1519",
4186
+ "alpha": 1,
4187
+ "filePath": "src/tokens/component/button.json5",
4188
+ "isSource": true,
4189
+ "$type": "color"
4183
4190
  }
4184
4191
  }
4185
4192
  },
@@ -4207,6 +4214,13 @@
4207
4214
  "filePath": "src/tokens/component/button.json5",
4208
4215
  "isSource": true,
4209
4216
  "$type": "color"
4217
+ },
4218
+ "light-high-contrast": {
4219
+ "$value": "{base.color.red.7}",
4220
+ "alpha": 1,
4221
+ "filePath": "src/tokens/component/button.json5",
4222
+ "isSource": true,
4223
+ "$type": "color"
4210
4224
  }
4211
4225
  }
4212
4226
  }
@@ -10740,8 +10754,6 @@
10740
10754
  "scopes": ["bgColor"]
10741
10755
  },
10742
10756
  "org.primer.overrides": {
10743
- "dark-high-contrast": "#212830",
10744
- "light-high-contrast": "#212830",
10745
10757
  "dark-dimmed": "#2a313c"
10746
10758
  }
10747
10759
  },
@@ -10757,8 +10769,6 @@
10757
10769
  "scopes": ["bgColor"]
10758
10770
  },
10759
10771
  "org.primer.overrides": {
10760
- "dark-high-contrast": "{base.color.neutral.3}",
10761
- "light-high-contrast": "{base.color.neutral.3}",
10762
10772
  "dark-dimmed": "{base.color.neutral.5}"
10763
10773
  }
10764
10774
  }
@@ -10922,16 +10932,6 @@
10922
10932
  "filePath": "src/tokens/component/contribution.json5",
10923
10933
  "isSource": true,
10924
10934
  "$type": "color"
10925
- },
10926
- "dark-high-contrast": {
10927
- "$value": "#ffffff",
10928
- "alpha": 1,
10929
- "filePath": "src/tokens/component/contribution.json5",
10930
- "isSource": true,
10931
- "$type": "color"
10932
- },
10933
- "light-high-contrast": {
10934
- "alpha": 1
10935
10935
  }
10936
10936
  }
10937
10937
  },
@@ -10961,16 +10961,6 @@
10961
10961
  "filePath": "src/tokens/component/contribution.json5",
10962
10962
  "isSource": true,
10963
10963
  "$type": "color"
10964
- },
10965
- "dark-high-contrast": {
10966
- "$value": "{base.color.white}",
10967
- "alpha": 1,
10968
- "filePath": "src/tokens/component/contribution.json5",
10969
- "isSource": true,
10970
- "$type": "color"
10971
- },
10972
- "light-high-contrast": {
10973
- "alpha": 1
10974
10964
  }
10975
10965
  }
10976
10966
  }
@@ -11004,16 +10994,6 @@
11004
10994
  "filePath": "src/tokens/component/contribution.json5",
11005
10995
  "isSource": true,
11006
10996
  "$type": "color"
11007
- },
11008
- "dark-high-contrast": {
11009
- "$value": "#ffffff",
11010
- "alpha": 1,
11011
- "filePath": "src/tokens/component/contribution.json5",
11012
- "isSource": true,
11013
- "$type": "color"
11014
- },
11015
- "light-high-contrast": {
11016
- "alpha": 1
11017
10997
  }
11018
10998
  }
11019
10999
  },
@@ -11043,16 +11023,6 @@
11043
11023
  "filePath": "src/tokens/component/contribution.json5",
11044
11024
  "isSource": true,
11045
11025
  "$type": "color"
11046
- },
11047
- "dark-high-contrast": {
11048
- "$value": "{base.color.white}",
11049
- "alpha": 1,
11050
- "filePath": "src/tokens/component/contribution.json5",
11051
- "isSource": true,
11052
- "$type": "color"
11053
- },
11054
- "light-high-contrast": {
11055
- "alpha": 1
11056
11026
  }
11057
11027
  }
11058
11028
  }
@@ -11086,16 +11056,6 @@
11086
11056
  "filePath": "src/tokens/component/contribution.json5",
11087
11057
  "isSource": true,
11088
11058
  "$type": "color"
11089
- },
11090
- "dark-high-contrast": {
11091
- "$value": "#ffffff",
11092
- "alpha": 1,
11093
- "filePath": "src/tokens/component/contribution.json5",
11094
- "isSource": true,
11095
- "$type": "color"
11096
- },
11097
- "light-high-contrast": {
11098
- "alpha": 1
11099
11059
  }
11100
11060
  }
11101
11061
  },
@@ -11125,16 +11085,6 @@
11125
11085
  "filePath": "src/tokens/component/contribution.json5",
11126
11086
  "isSource": true,
11127
11087
  "$type": "color"
11128
- },
11129
- "dark-high-contrast": {
11130
- "$value": "{base.color.white}",
11131
- "alpha": 1,
11132
- "filePath": "src/tokens/component/contribution.json5",
11133
- "isSource": true,
11134
- "$type": "color"
11135
- },
11136
- "light-high-contrast": {
11137
- "alpha": 1
11138
11088
  }
11139
11089
  }
11140
11090
  }
@@ -11168,16 +11118,6 @@
11168
11118
  "filePath": "src/tokens/component/contribution.json5",
11169
11119
  "isSource": true,
11170
11120
  "$type": "color"
11171
- },
11172
- "dark-high-contrast": {
11173
- "$value": "#ffffff",
11174
- "alpha": 1,
11175
- "filePath": "src/tokens/component/contribution.json5",
11176
- "isSource": true,
11177
- "$type": "color"
11178
- },
11179
- "light-high-contrast": {
11180
- "alpha": 1
11181
11121
  }
11182
11122
  }
11183
11123
  },
@@ -11207,16 +11147,6 @@
11207
11147
  "filePath": "src/tokens/component/contribution.json5",
11208
11148
  "isSource": true,
11209
11149
  "$type": "color"
11210
- },
11211
- "dark-high-contrast": {
11212
- "$value": "{base.color.white}",
11213
- "alpha": 1,
11214
- "filePath": "src/tokens/component/contribution.json5",
11215
- "isSource": true,
11216
- "$type": "color"
11217
- },
11218
- "light-high-contrast": {
11219
- "alpha": 1
11220
11150
  }
11221
11151
  }
11222
11152
  }
@@ -11250,16 +11180,6 @@
11250
11180
  "filePath": "src/tokens/component/contribution.json5",
11251
11181
  "isSource": true,
11252
11182
  "$type": "color"
11253
- },
11254
- "dark-high-contrast": {
11255
- "$value": "#ffffff",
11256
- "alpha": 1,
11257
- "filePath": "src/tokens/component/contribution.json5",
11258
- "isSource": true,
11259
- "$type": "color"
11260
- },
11261
- "light-high-contrast": {
11262
- "alpha": 1
11263
11183
  }
11264
11184
  }
11265
11185
  },
@@ -11289,16 +11209,6 @@
11289
11209
  "filePath": "src/tokens/component/contribution.json5",
11290
11210
  "isSource": true,
11291
11211
  "$type": "color"
11292
- },
11293
- "dark-high-contrast": {
11294
- "$value": "{base.color.white}",
11295
- "alpha": 1,
11296
- "filePath": "src/tokens/component/contribution.json5",
11297
- "isSource": true,
11298
- "$type": "color"
11299
- },
11300
- "light-high-contrast": {
11301
- "alpha": 1
11302
11212
  }
11303
11213
  }
11304
11214
  }
@@ -12795,6 +12705,12 @@
12795
12705
  "filePath": "src/tokens/functional/color/control.json5",
12796
12706
  "isSource": true,
12797
12707
  "$type": "color"
12708
+ },
12709
+ "dark-high-contrast": {
12710
+ "$value": "#ffffff",
12711
+ "filePath": "src/tokens/functional/color/control.json5",
12712
+ "isSource": true,
12713
+ "$type": "color"
12798
12714
  }
12799
12715
  }
12800
12716
  },
@@ -12817,6 +12733,12 @@
12817
12733
  "filePath": "src/tokens/functional/color/control.json5",
12818
12734
  "isSource": true,
12819
12735
  "$type": "color"
12736
+ },
12737
+ "dark-high-contrast": {
12738
+ "$value": "{fgColor.onEmphasis}",
12739
+ "filePath": "src/tokens/functional/color/control.json5",
12740
+ "isSource": true,
12741
+ "$type": "color"
12820
12742
  }
12821
12743
  }
12822
12744
  }