@primer/primitives 10.5.0-rc.6c9d75b1 → 10.5.0

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 (34) hide show
  1. package/dist/css/functional/themes/dark-high-contrast.css +12 -12
  2. package/dist/css/functional/themes/light-high-contrast.css +12 -12
  3. package/dist/docs/functional/themes/dark-colorblind.json +16 -120
  4. package/dist/docs/functional/themes/dark-dimmed.json +16 -120
  5. package/dist/docs/functional/themes/dark-high-contrast.json +33 -137
  6. package/dist/docs/functional/themes/dark-tritanopia.json +16 -120
  7. package/dist/docs/functional/themes/dark.json +16 -120
  8. package/dist/docs/functional/themes/light-colorblind.json +16 -120
  9. package/dist/docs/functional/themes/light-high-contrast.json +33 -137
  10. package/dist/docs/functional/themes/light-tritanopia.json +16 -120
  11. package/dist/docs/functional/themes/light.json +16 -120
  12. package/dist/figma/themes/dark-colorblind.json +8 -8
  13. package/dist/figma/themes/dark-dimmed.json +8 -8
  14. package/dist/figma/themes/dark-high-contrast.json +22 -22
  15. package/dist/figma/themes/dark-tritanopia.json +8 -8
  16. package/dist/figma/themes/dark.json +8 -8
  17. package/dist/figma/themes/light-colorblind.json +8 -8
  18. package/dist/figma/themes/light-high-contrast.json +22 -22
  19. package/dist/figma/themes/light-tritanopia.json +8 -8
  20. package/dist/figma/themes/light.json +8 -8
  21. package/dist/internalCss/dark-high-contrast.css +12 -12
  22. package/dist/internalCss/light-high-contrast.css +12 -12
  23. package/dist/styleLint/functional/themes/dark-colorblind.json +16 -120
  24. package/dist/styleLint/functional/themes/dark-dimmed.json +16 -120
  25. package/dist/styleLint/functional/themes/dark-high-contrast.json +33 -137
  26. package/dist/styleLint/functional/themes/dark-tritanopia.json +16 -120
  27. package/dist/styleLint/functional/themes/dark.json +16 -120
  28. package/dist/styleLint/functional/themes/light-colorblind.json +16 -120
  29. package/dist/styleLint/functional/themes/light-high-contrast.json +33 -137
  30. package/dist/styleLint/functional/themes/light-tritanopia.json +16 -120
  31. package/dist/styleLint/functional/themes/light.json +16 -120
  32. package/package.json +1 -1
  33. package/src/tokens/component/contribution.json5 +0 -37
  34. package/src/tokens/functional/color/borderColor.json5 +8 -8
package/dist/docs/functional/themes/light-high-contrast.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
  }
@@ -2717,7 +2717,7 @@
2717
2717
  "org.primer.figma": {
2718
2718
  "collection": "mode",
2719
2719
  "group": "semantic",
2720
- "scopes": ["borderColor"],
2720
+ "scopes": ["borderColor", "effectColor"],
2721
2721
  "codeSyntax": {
2722
2722
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2723
2723
  }
@@ -2738,7 +2738,7 @@
2738
2738
  "org.primer.figma": {
2739
2739
  "collection": "mode",
2740
2740
  "group": "semantic",
2741
- "scopes": ["borderColor"],
2741
+ "scopes": ["borderColor", "effectColor"],
2742
2742
  "codeSyntax": {
2743
2743
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2744
2744
  }
@@ -2757,7 +2757,7 @@
2757
2757
  "org.primer.figma": {
2758
2758
  "collection": "mode",
2759
2759
  "group": "semantic",
2760
- "scopes": ["borderColor"]
2760
+ "scopes": ["borderColor", "effectColor"]
2761
2761
  },
2762
2762
  "org.primer.overrides": {
2763
2763
  "dark-dimmed": {
@@ -2786,7 +2786,7 @@
2786
2786
  "org.primer.figma": {
2787
2787
  "collection": "mode",
2788
2788
  "group": "semantic",
2789
- "scopes": ["borderColor"]
2789
+ "scopes": ["borderColor", "effectColor"]
2790
2790
  },
2791
2791
  "org.primer.overrides": {
2792
2792
  "dark-dimmed": {
@@ -2923,7 +2923,7 @@
2923
2923
  "org.primer.figma": {
2924
2924
  "collection": "mode",
2925
2925
  "group": "semantic",
2926
- "scopes": ["borderColor"]
2926
+ "scopes": ["borderColor", "effectColor"]
2927
2927
  },
2928
2928
  "org.primer.overrides": {
2929
2929
  "light-high-contrast": "#454c54",
@@ -2939,7 +2939,7 @@
2939
2939
  "org.primer.figma": {
2940
2940
  "collection": "mode",
2941
2941
  "group": "semantic",
2942
- "scopes": ["borderColor"]
2942
+ "scopes": ["borderColor", "effectColor"]
2943
2943
  },
2944
2944
  "org.primer.overrides": {
2945
2945
  "light-high-contrast": "{borderColor.default}",
@@ -2959,7 +2959,7 @@
2959
2959
  "org.primer.figma": {
2960
2960
  "collection": "mode",
2961
2961
  "group": "semantic",
2962
- "scopes": ["borderColor"],
2962
+ "scopes": ["borderColor", "effectColor"],
2963
2963
  "codeSyntax": {
2964
2964
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2965
2965
  }
@@ -2998,7 +2998,7 @@
2998
2998
  "org.primer.figma": {
2999
2999
  "collection": "mode",
3000
3000
  "group": "semantic",
3001
- "scopes": ["borderColor"],
3001
+ "scopes": ["borderColor", "effectColor"],
3002
3002
  "codeSyntax": {
3003
3003
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3004
3004
  }
@@ -3651,7 +3651,7 @@
3651
3651
  "org.primer.figma": {
3652
3652
  "collection": "mode",
3653
3653
  "group": "semantic",
3654
- "scopes": ["borderColor"]
3654
+ "scopes": ["borderColor", "effectColor"]
3655
3655
  },
3656
3656
  "org.primer.overrides": {
3657
3657
  "light-high-contrast": {
@@ -3680,7 +3680,7 @@
3680
3680
  "org.primer.figma": {
3681
3681
  "collection": "mode",
3682
3682
  "group": "semantic",
3683
- "scopes": ["borderColor"]
3683
+ "scopes": ["borderColor", "effectColor"]
3684
3684
  },
3685
3685
  "org.primer.overrides": {
3686
3686
  "light-high-contrast": {
@@ -3713,7 +3713,7 @@
3713
3713
  "org.primer.figma": {
3714
3714
  "collection": "mode",
3715
3715
  "group": "semantic",
3716
- "scopes": ["borderColor"]
3716
+ "scopes": ["borderColor", "effectColor"]
3717
3717
  }
3718
3718
  },
3719
3719
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3725,7 +3725,7 @@
3725
3725
  "org.primer.figma": {
3726
3726
  "collection": "mode",
3727
3727
  "group": "semantic",
3728
- "scopes": ["borderColor"]
3728
+ "scopes": ["borderColor", "effectColor"]
3729
3729
  }
3730
3730
  }
3731
3731
  },
@@ -10720,15 +10720,13 @@
10720
10720
  "scopes": ["bgColor"]
10721
10721
  },
10722
10722
  "org.primer.overrides": {
10723
- "dark-high-contrast": "#e6eaef",
10724
- "light-high-contrast": "#e6eaef",
10725
10723
  "dark-dimmed": "#dae0e7"
10726
10724
  }
10727
10725
  },
10728
10726
  "filePath": "src/tokens/component/contribution.json5",
10729
10727
  "isSource": true,
10730
10728
  "original": {
10731
- "$value": "{base.color.neutral.3}",
10729
+ "$value": "{base.color.neutral.2}",
10732
10730
  "$type": "color",
10733
10731
  "$extensions": {
10734
10732
  "org.primer.figma": {
@@ -10737,8 +10735,6 @@
10737
10735
  "scopes": ["bgColor"]
10738
10736
  },
10739
10737
  "org.primer.overrides": {
10740
- "dark-high-contrast": "{base.color.neutral.3}",
10741
- "light-high-contrast": "{base.color.neutral.3}",
10742
10738
  "dark-dimmed": "{base.color.neutral.5}"
10743
10739
  }
10744
10740
  }
@@ -10747,7 +10743,7 @@
10747
10743
  "attributes": {},
10748
10744
  "path": ["contribution", "default", "bgColor", "0"],
10749
10745
  "key": "{contribution.default.bgColor.0}",
10750
- "value": "#e6eaef",
10746
+ "value": "#eff2f5",
10751
10747
  "type": "color"
10752
10748
  },
10753
10749
  "contribution-default-bgColor-1": {
@@ -10881,7 +10877,7 @@
10881
10877
  "type": "color"
10882
10878
  },
10883
10879
  "contribution-default-borderColor-0": {
10884
- "alpha": 1,
10880
+ "alpha": 0.05,
10885
10881
  "$extensions": {
10886
10882
  "org.primer.figma": {
10887
10883
  "collection": "mode",
@@ -10902,16 +10898,6 @@
10902
10898
  "filePath": "src/tokens/component/contribution.json5",
10903
10899
  "isSource": true,
10904
10900
  "$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
10901
  }
10916
10902
  }
10917
10903
  },
@@ -10919,7 +10905,7 @@
10919
10905
  "isSource": true,
10920
10906
  "original": {
10921
10907
  "$value": "{base.color.black}",
10922
- "alpha": 1,
10908
+ "alpha": 0.05,
10923
10909
  "$type": "color",
10924
10910
  "$extensions": {
10925
10911
  "org.primer.figma": {
@@ -10941,16 +10927,6 @@
10941
10927
  "filePath": "src/tokens/component/contribution.json5",
10942
10928
  "isSource": true,
10943
10929
  "$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
10930
  }
10955
10931
  }
10956
10932
  }
@@ -10959,11 +10935,11 @@
10959
10935
  "attributes": {},
10960
10936
  "path": ["contribution", "default", "borderColor", "0"],
10961
10937
  "key": "{contribution.default.borderColor.0}",
10962
- "value": "#010409",
10938
+ "value": "#0104090d",
10963
10939
  "type": "color"
10964
10940
  },
10965
10941
  "contribution-default-borderColor-1": {
10966
- "alpha": 1,
10942
+ "alpha": 0.05,
10967
10943
  "$extensions": {
10968
10944
  "org.primer.figma": {
10969
10945
  "collection": "mode",
@@ -10984,16 +10960,6 @@
10984
10960
  "filePath": "src/tokens/component/contribution.json5",
10985
10961
  "isSource": true,
10986
10962
  "$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
10963
  }
10998
10964
  }
10999
10965
  },
@@ -11001,7 +10967,7 @@
11001
10967
  "isSource": true,
11002
10968
  "original": {
11003
10969
  "$value": "{base.color.black}",
11004
- "alpha": 1,
10970
+ "alpha": 0.05,
11005
10971
  "$type": "color",
11006
10972
  "$extensions": {
11007
10973
  "org.primer.figma": {
@@ -11023,16 +10989,6 @@
11023
10989
  "filePath": "src/tokens/component/contribution.json5",
11024
10990
  "isSource": true,
11025
10991
  "$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
10992
  }
11037
10993
  }
11038
10994
  }
@@ -11041,11 +10997,11 @@
11041
10997
  "attributes": {},
11042
10998
  "path": ["contribution", "default", "borderColor", "1"],
11043
10999
  "key": "{contribution.default.borderColor.1}",
11044
- "value": "#010409",
11000
+ "value": "#0104090d",
11045
11001
  "type": "color"
11046
11002
  },
11047
11003
  "contribution-default-borderColor-2": {
11048
- "alpha": 1,
11004
+ "alpha": 0.05,
11049
11005
  "$extensions": {
11050
11006
  "org.primer.figma": {
11051
11007
  "collection": "mode",
@@ -11066,16 +11022,6 @@
11066
11022
  "filePath": "src/tokens/component/contribution.json5",
11067
11023
  "isSource": true,
11068
11024
  "$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
11025
  }
11080
11026
  }
11081
11027
  },
@@ -11083,7 +11029,7 @@
11083
11029
  "isSource": true,
11084
11030
  "original": {
11085
11031
  "$value": "{base.color.black}",
11086
- "alpha": 1,
11032
+ "alpha": 0.05,
11087
11033
  "$type": "color",
11088
11034
  "$extensions": {
11089
11035
  "org.primer.figma": {
@@ -11105,16 +11051,6 @@
11105
11051
  "filePath": "src/tokens/component/contribution.json5",
11106
11052
  "isSource": true,
11107
11053
  "$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
11054
  }
11119
11055
  }
11120
11056
  }
@@ -11123,11 +11059,11 @@
11123
11059
  "attributes": {},
11124
11060
  "path": ["contribution", "default", "borderColor", "2"],
11125
11061
  "key": "{contribution.default.borderColor.2}",
11126
- "value": "#010409",
11062
+ "value": "#0104090d",
11127
11063
  "type": "color"
11128
11064
  },
11129
11065
  "contribution-default-borderColor-3": {
11130
- "alpha": 1,
11066
+ "alpha": 0.05,
11131
11067
  "$extensions": {
11132
11068
  "org.primer.figma": {
11133
11069
  "collection": "mode",
@@ -11148,16 +11084,6 @@
11148
11084
  "filePath": "src/tokens/component/contribution.json5",
11149
11085
  "isSource": true,
11150
11086
  "$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
11087
  }
11162
11088
  }
11163
11089
  },
@@ -11165,7 +11091,7 @@
11165
11091
  "isSource": true,
11166
11092
  "original": {
11167
11093
  "$value": "{base.color.black}",
11168
- "alpha": 1,
11094
+ "alpha": 0.05,
11169
11095
  "$type": "color",
11170
11096
  "$extensions": {
11171
11097
  "org.primer.figma": {
@@ -11187,16 +11113,6 @@
11187
11113
  "filePath": "src/tokens/component/contribution.json5",
11188
11114
  "isSource": true,
11189
11115
  "$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
11116
  }
11201
11117
  }
11202
11118
  }
@@ -11205,11 +11121,11 @@
11205
11121
  "attributes": {},
11206
11122
  "path": ["contribution", "default", "borderColor", "3"],
11207
11123
  "key": "{contribution.default.borderColor.3}",
11208
- "value": "#010409",
11124
+ "value": "#0104090d",
11209
11125
  "type": "color"
11210
11126
  },
11211
11127
  "contribution-default-borderColor-4": {
11212
- "alpha": 1,
11128
+ "alpha": 0.05,
11213
11129
  "$extensions": {
11214
11130
  "org.primer.figma": {
11215
11131
  "collection": "mode",
@@ -11230,16 +11146,6 @@
11230
11146
  "filePath": "src/tokens/component/contribution.json5",
11231
11147
  "isSource": true,
11232
11148
  "$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
11149
  }
11244
11150
  }
11245
11151
  },
@@ -11247,7 +11153,7 @@
11247
11153
  "isSource": true,
11248
11154
  "original": {
11249
11155
  "$value": "{base.color.black}",
11250
- "alpha": 1,
11156
+ "alpha": 0.05,
11251
11157
  "$type": "color",
11252
11158
  "$extensions": {
11253
11159
  "org.primer.figma": {
@@ -11269,16 +11175,6 @@
11269
11175
  "filePath": "src/tokens/component/contribution.json5",
11270
11176
  "isSource": true,
11271
11177
  "$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
11178
  }
11283
11179
  }
11284
11180
  }
@@ -11287,7 +11183,7 @@
11287
11183
  "attributes": {},
11288
11184
  "path": ["contribution", "default", "borderColor", "4"],
11289
11185
  "key": "{contribution.default.borderColor.4}",
11290
- "value": "#010409",
11186
+ "value": "#0104090d",
11291
11187
  "type": "color"
11292
11188
  },
11293
11189
  "contribution-halloween-bgColor-1": {