@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/dark-dimmed.json CHANGED
@@ -2223,7 +2223,7 @@
2223
2223
  "org.primer.figma": {
2224
2224
  "collection": "mode",
2225
2225
  "group": "semantic",
2226
- "scopes": ["borderColor"],
2226
+ "scopes": ["borderColor", "effectColor"],
2227
2227
  "codeSyntax": {
2228
2228
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2229
2229
  }
@@ -2238,7 +2238,7 @@
2238
2238
  "org.primer.figma": {
2239
2239
  "collection": "mode",
2240
2240
  "group": "semantic",
2241
- "scopes": ["borderColor"],
2241
+ "scopes": ["borderColor", "effectColor"],
2242
2242
  "codeSyntax": {
2243
2243
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2244
2244
  }
@@ -2257,7 +2257,7 @@
2257
2257
  "org.primer.figma": {
2258
2258
  "collection": "mode",
2259
2259
  "group": "semantic",
2260
- "scopes": ["borderColor"],
2260
+ "scopes": ["borderColor", "effectColor"],
2261
2261
  "codeSyntax": {
2262
2262
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2263
2263
  }
@@ -2290,7 +2290,7 @@
2290
2290
  "org.primer.figma": {
2291
2291
  "collection": "mode",
2292
2292
  "group": "semantic",
2293
- "scopes": ["borderColor"],
2293
+ "scopes": ["borderColor", "effectColor"],
2294
2294
  "codeSyntax": {
2295
2295
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2296
2296
  }
@@ -2735,7 +2735,7 @@
2735
2735
  "org.primer.figma": {
2736
2736
  "collection": "mode",
2737
2737
  "group": "semantic",
2738
- "scopes": ["borderColor"],
2738
+ "scopes": ["borderColor", "effectColor"],
2739
2739
  "codeSyntax": {
2740
2740
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2741
2741
  }
@@ -2756,7 +2756,7 @@
2756
2756
  "org.primer.figma": {
2757
2757
  "collection": "mode",
2758
2758
  "group": "semantic",
2759
- "scopes": ["borderColor"],
2759
+ "scopes": ["borderColor", "effectColor"],
2760
2760
  "codeSyntax": {
2761
2761
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2762
2762
  }
@@ -2775,7 +2775,7 @@
2775
2775
  "org.primer.figma": {
2776
2776
  "collection": "mode",
2777
2777
  "group": "semantic",
2778
- "scopes": ["borderColor"]
2778
+ "scopes": ["borderColor", "effectColor"]
2779
2779
  },
2780
2780
  "org.primer.overrides": {
2781
2781
  "dark-dimmed": {
@@ -2804,7 +2804,7 @@
2804
2804
  "org.primer.figma": {
2805
2805
  "collection": "mode",
2806
2806
  "group": "semantic",
2807
- "scopes": ["borderColor"]
2807
+ "scopes": ["borderColor", "effectColor"]
2808
2808
  },
2809
2809
  "org.primer.overrides": {
2810
2810
  "dark-dimmed": {
@@ -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": "#3d444d",
@@ -2957,7 +2957,7 @@
2957
2957
  "org.primer.figma": {
2958
2958
  "collection": "mode",
2959
2959
  "group": "semantic",
2960
- "scopes": ["borderColor"]
2960
+ "scopes": ["borderColor", "effectColor"]
2961
2961
  },
2962
2962
  "org.primer.overrides": {
2963
2963
  "light-high-contrast": "{borderColor.default}",
@@ -2977,7 +2977,7 @@
2977
2977
  "org.primer.figma": {
2978
2978
  "collection": "mode",
2979
2979
  "group": "semantic",
2980
- "scopes": ["borderColor"],
2980
+ "scopes": ["borderColor", "effectColor"],
2981
2981
  "codeSyntax": {
2982
2982
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2983
2983
  }
@@ -3016,7 +3016,7 @@
3016
3016
  "org.primer.figma": {
3017
3017
  "collection": "mode",
3018
3018
  "group": "semantic",
3019
- "scopes": ["borderColor"],
3019
+ "scopes": ["borderColor", "effectColor"],
3020
3020
  "codeSyntax": {
3021
3021
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3022
3022
  }
@@ -3671,7 +3671,7 @@
3671
3671
  "org.primer.figma": {
3672
3672
  "collection": "mode",
3673
3673
  "group": "semantic",
3674
- "scopes": ["borderColor"]
3674
+ "scopes": ["borderColor", "effectColor"]
3675
3675
  },
3676
3676
  "org.primer.overrides": {
3677
3677
  "light-high-contrast": {
@@ -3682,7 +3682,7 @@
3682
3682
  "$type": "color"
3683
3683
  },
3684
3684
  "dark-high-contrast": {
3685
- "$value": "#2f3742",
3685
+ "$value": "#9198a1",
3686
3686
  "alpha": 1,
3687
3687
  "filePath": "src/tokens/functional/color/borderColor.json5",
3688
3688
  "isSource": true,
@@ -3700,7 +3700,7 @@
3700
3700
  "org.primer.figma": {
3701
3701
  "collection": "mode",
3702
3702
  "group": "semantic",
3703
- "scopes": ["borderColor"]
3703
+ "scopes": ["borderColor", "effectColor"]
3704
3704
  },
3705
3705
  "org.primer.overrides": {
3706
3706
  "light-high-contrast": {
@@ -3711,7 +3711,7 @@
3711
3711
  "$type": "color"
3712
3712
  },
3713
3713
  "dark-high-contrast": {
3714
- "$value": "{base.color.neutral.6}",
3714
+ "$value": "{base.color.neutral.9}",
3715
3715
  "alpha": 1,
3716
3716
  "filePath": "src/tokens/functional/color/borderColor.json5",
3717
3717
  "isSource": true,
@@ -3733,7 +3733,7 @@
3733
3733
  "org.primer.figma": {
3734
3734
  "collection": "mode",
3735
3735
  "group": "semantic",
3736
- "scopes": ["borderColor"]
3736
+ "scopes": ["borderColor", "effectColor"]
3737
3737
  }
3738
3738
  },
3739
3739
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3745,7 +3745,7 @@
3745
3745
  "org.primer.figma": {
3746
3746
  "collection": "mode",
3747
3747
  "group": "semantic",
3748
- "scopes": ["borderColor"]
3748
+ "scopes": ["borderColor", "effectColor"]
3749
3749
  }
3750
3750
  }
3751
3751
  },
@@ -4174,6 +4174,13 @@
4174
4174
  "filePath": "src/tokens/component/button.json5",
4175
4175
  "isSource": true,
4176
4176
  "$type": "color"
4177
+ },
4178
+ "light-high-contrast": {
4179
+ "$value": "#922323",
4180
+ "alpha": 1,
4181
+ "filePath": "src/tokens/component/button.json5",
4182
+ "isSource": true,
4183
+ "$type": "color"
4177
4184
  }
4178
4185
  }
4179
4186
  },
@@ -4201,6 +4208,13 @@
4201
4208
  "filePath": "src/tokens/component/button.json5",
4202
4209
  "isSource": true,
4203
4210
  "$type": "color"
4211
+ },
4212
+ "light-high-contrast": {
4213
+ "$value": "{base.color.red.7}",
4214
+ "alpha": 1,
4215
+ "filePath": "src/tokens/component/button.json5",
4216
+ "isSource": true,
4217
+ "$type": "color"
4204
4218
  }
4205
4219
  }
4206
4220
  }
@@ -10734,8 +10748,6 @@
10734
10748
  "scopes": ["bgColor"]
10735
10749
  },
10736
10750
  "org.primer.overrides": {
10737
- "dark-high-contrast": "#212830",
10738
- "light-high-contrast": "#212830",
10739
10751
  "dark-dimmed": "#2a313c"
10740
10752
  }
10741
10753
  },
@@ -10751,8 +10763,6 @@
10751
10763
  "scopes": ["bgColor"]
10752
10764
  },
10753
10765
  "org.primer.overrides": {
10754
- "dark-high-contrast": "{base.color.neutral.3}",
10755
- "light-high-contrast": "{base.color.neutral.3}",
10756
10766
  "dark-dimmed": "{base.color.neutral.5}"
10757
10767
  }
10758
10768
  }
@@ -10916,16 +10926,6 @@
10916
10926
  "filePath": "src/tokens/component/contribution.json5",
10917
10927
  "isSource": true,
10918
10928
  "$type": "color"
10919
- },
10920
- "dark-high-contrast": {
10921
- "$value": "#cdd9e5",
10922
- "alpha": 1,
10923
- "filePath": "src/tokens/component/contribution.json5",
10924
- "isSource": true,
10925
- "$type": "color"
10926
- },
10927
- "light-high-contrast": {
10928
- "alpha": 1
10929
10929
  }
10930
10930
  }
10931
10931
  },
@@ -10955,16 +10955,6 @@
10955
10955
  "filePath": "src/tokens/component/contribution.json5",
10956
10956
  "isSource": true,
10957
10957
  "$type": "color"
10958
- },
10959
- "dark-high-contrast": {
10960
- "$value": "{base.color.white}",
10961
- "alpha": 1,
10962
- "filePath": "src/tokens/component/contribution.json5",
10963
- "isSource": true,
10964
- "$type": "color"
10965
- },
10966
- "light-high-contrast": {
10967
- "alpha": 1
10968
10958
  }
10969
10959
  }
10970
10960
  }
@@ -10998,16 +10988,6 @@
10998
10988
  "filePath": "src/tokens/component/contribution.json5",
10999
10989
  "isSource": true,
11000
10990
  "$type": "color"
11001
- },
11002
- "dark-high-contrast": {
11003
- "$value": "#cdd9e5",
11004
- "alpha": 1,
11005
- "filePath": "src/tokens/component/contribution.json5",
11006
- "isSource": true,
11007
- "$type": "color"
11008
- },
11009
- "light-high-contrast": {
11010
- "alpha": 1
11011
10991
  }
11012
10992
  }
11013
10993
  },
@@ -11037,16 +11017,6 @@
11037
11017
  "filePath": "src/tokens/component/contribution.json5",
11038
11018
  "isSource": true,
11039
11019
  "$type": "color"
11040
- },
11041
- "dark-high-contrast": {
11042
- "$value": "{base.color.white}",
11043
- "alpha": 1,
11044
- "filePath": "src/tokens/component/contribution.json5",
11045
- "isSource": true,
11046
- "$type": "color"
11047
- },
11048
- "light-high-contrast": {
11049
- "alpha": 1
11050
11020
  }
11051
11021
  }
11052
11022
  }
@@ -11080,16 +11050,6 @@
11080
11050
  "filePath": "src/tokens/component/contribution.json5",
11081
11051
  "isSource": true,
11082
11052
  "$type": "color"
11083
- },
11084
- "dark-high-contrast": {
11085
- "$value": "#cdd9e5",
11086
- "alpha": 1,
11087
- "filePath": "src/tokens/component/contribution.json5",
11088
- "isSource": true,
11089
- "$type": "color"
11090
- },
11091
- "light-high-contrast": {
11092
- "alpha": 1
11093
11053
  }
11094
11054
  }
11095
11055
  },
@@ -11119,16 +11079,6 @@
11119
11079
  "filePath": "src/tokens/component/contribution.json5",
11120
11080
  "isSource": true,
11121
11081
  "$type": "color"
11122
- },
11123
- "dark-high-contrast": {
11124
- "$value": "{base.color.white}",
11125
- "alpha": 1,
11126
- "filePath": "src/tokens/component/contribution.json5",
11127
- "isSource": true,
11128
- "$type": "color"
11129
- },
11130
- "light-high-contrast": {
11131
- "alpha": 1
11132
11082
  }
11133
11083
  }
11134
11084
  }
@@ -11162,16 +11112,6 @@
11162
11112
  "filePath": "src/tokens/component/contribution.json5",
11163
11113
  "isSource": true,
11164
11114
  "$type": "color"
11165
- },
11166
- "dark-high-contrast": {
11167
- "$value": "#cdd9e5",
11168
- "alpha": 1,
11169
- "filePath": "src/tokens/component/contribution.json5",
11170
- "isSource": true,
11171
- "$type": "color"
11172
- },
11173
- "light-high-contrast": {
11174
- "alpha": 1
11175
11115
  }
11176
11116
  }
11177
11117
  },
@@ -11201,16 +11141,6 @@
11201
11141
  "filePath": "src/tokens/component/contribution.json5",
11202
11142
  "isSource": true,
11203
11143
  "$type": "color"
11204
- },
11205
- "dark-high-contrast": {
11206
- "$value": "{base.color.white}",
11207
- "alpha": 1,
11208
- "filePath": "src/tokens/component/contribution.json5",
11209
- "isSource": true,
11210
- "$type": "color"
11211
- },
11212
- "light-high-contrast": {
11213
- "alpha": 1
11214
11144
  }
11215
11145
  }
11216
11146
  }
@@ -11244,16 +11174,6 @@
11244
11174
  "filePath": "src/tokens/component/contribution.json5",
11245
11175
  "isSource": true,
11246
11176
  "$type": "color"
11247
- },
11248
- "dark-high-contrast": {
11249
- "$value": "#cdd9e5",
11250
- "alpha": 1,
11251
- "filePath": "src/tokens/component/contribution.json5",
11252
- "isSource": true,
11253
- "$type": "color"
11254
- },
11255
- "light-high-contrast": {
11256
- "alpha": 1
11257
11177
  }
11258
11178
  }
11259
11179
  },
@@ -11283,16 +11203,6 @@
11283
11203
  "filePath": "src/tokens/component/contribution.json5",
11284
11204
  "isSource": true,
11285
11205
  "$type": "color"
11286
- },
11287
- "dark-high-contrast": {
11288
- "$value": "{base.color.white}",
11289
- "alpha": 1,
11290
- "filePath": "src/tokens/component/contribution.json5",
11291
- "isSource": true,
11292
- "$type": "color"
11293
- },
11294
- "light-high-contrast": {
11295
- "alpha": 1
11296
11206
  }
11297
11207
  }
11298
11208
  }
@@ -12791,6 +12701,12 @@
12791
12701
  "filePath": "src/tokens/functional/color/control.json5",
12792
12702
  "isSource": true,
12793
12703
  "$type": "color"
12704
+ },
12705
+ "dark-high-contrast": {
12706
+ "$value": "#f0f6fc",
12707
+ "filePath": "src/tokens/functional/color/control.json5",
12708
+ "isSource": true,
12709
+ "$type": "color"
12794
12710
  }
12795
12711
  }
12796
12712
  },
@@ -12813,6 +12729,12 @@
12813
12729
  "filePath": "src/tokens/functional/color/control.json5",
12814
12730
  "isSource": true,
12815
12731
  "$type": "color"
12732
+ },
12733
+ "dark-high-contrast": {
12734
+ "$value": "{fgColor.onEmphasis}",
12735
+ "filePath": "src/tokens/functional/color/control.json5",
12736
+ "isSource": true,
12737
+ "$type": "color"
12816
12738
  }
12817
12739
  }
12818
12740
  }