@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/dark-high-contrast.json CHANGED
@@ -2221,7 +2221,7 @@
2221
2221
  "org.primer.figma": {
2222
2222
  "collection": "mode",
2223
2223
  "group": "semantic",
2224
- "scopes": ["borderColor"],
2224
+ "scopes": ["borderColor", "effectColor"],
2225
2225
  "codeSyntax": {
2226
2226
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2227
2227
  }
@@ -2236,7 +2236,7 @@
2236
2236
  "org.primer.figma": {
2237
2237
  "collection": "mode",
2238
2238
  "group": "semantic",
2239
- "scopes": ["borderColor"],
2239
+ "scopes": ["borderColor", "effectColor"],
2240
2240
  "codeSyntax": {
2241
2241
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2242
2242
  }
@@ -2255,7 +2255,7 @@
2255
2255
  "org.primer.figma": {
2256
2256
  "collection": "mode",
2257
2257
  "group": "semantic",
2258
- "scopes": ["borderColor"],
2258
+ "scopes": ["borderColor", "effectColor"],
2259
2259
  "codeSyntax": {
2260
2260
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2261
2261
  }
@@ -2288,7 +2288,7 @@
2288
2288
  "org.primer.figma": {
2289
2289
  "collection": "mode",
2290
2290
  "group": "semantic",
2291
- "scopes": ["borderColor"],
2291
+ "scopes": ["borderColor", "effectColor"],
2292
2292
  "codeSyntax": {
2293
2293
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2294
2294
  }
@@ -2733,7 +2733,7 @@
2733
2733
  "org.primer.figma": {
2734
2734
  "collection": "mode",
2735
2735
  "group": "semantic",
2736
- "scopes": ["borderColor"],
2736
+ "scopes": ["borderColor", "effectColor"],
2737
2737
  "codeSyntax": {
2738
2738
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2739
2739
  }
@@ -2754,7 +2754,7 @@
2754
2754
  "org.primer.figma": {
2755
2755
  "collection": "mode",
2756
2756
  "group": "semantic",
2757
- "scopes": ["borderColor"],
2757
+ "scopes": ["borderColor", "effectColor"],
2758
2758
  "codeSyntax": {
2759
2759
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2760
2760
  }
@@ -2773,7 +2773,7 @@
2773
2773
  "org.primer.figma": {
2774
2774
  "collection": "mode",
2775
2775
  "group": "semantic",
2776
- "scopes": ["borderColor"]
2776
+ "scopes": ["borderColor", "effectColor"]
2777
2777
  },
2778
2778
  "org.primer.overrides": {
2779
2779
  "dark-dimmed": {
@@ -2802,7 +2802,7 @@
2802
2802
  "org.primer.figma": {
2803
2803
  "collection": "mode",
2804
2804
  "group": "semantic",
2805
- "scopes": ["borderColor"]
2805
+ "scopes": ["borderColor", "effectColor"]
2806
2806
  },
2807
2807
  "org.primer.overrides": {
2808
2808
  "dark-dimmed": {
@@ -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": "#b7bdc8",
@@ -2955,7 +2955,7 @@
2955
2955
  "org.primer.figma": {
2956
2956
  "collection": "mode",
2957
2957
  "group": "semantic",
2958
- "scopes": ["borderColor"]
2958
+ "scopes": ["borderColor", "effectColor"]
2959
2959
  },
2960
2960
  "org.primer.overrides": {
2961
2961
  "light-high-contrast": "{borderColor.default}",
@@ -2975,7 +2975,7 @@
2975
2975
  "org.primer.figma": {
2976
2976
  "collection": "mode",
2977
2977
  "group": "semantic",
2978
- "scopes": ["borderColor"],
2978
+ "scopes": ["borderColor", "effectColor"],
2979
2979
  "codeSyntax": {
2980
2980
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2981
2981
  }
@@ -3014,7 +3014,7 @@
3014
3014
  "org.primer.figma": {
3015
3015
  "collection": "mode",
3016
3016
  "group": "semantic",
3017
- "scopes": ["borderColor"],
3017
+ "scopes": ["borderColor", "effectColor"],
3018
3018
  "codeSyntax": {
3019
3019
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3020
3020
  }
@@ -3667,7 +3667,7 @@
3667
3667
  "org.primer.figma": {
3668
3668
  "collection": "mode",
3669
3669
  "group": "semantic",
3670
- "scopes": ["borderColor"]
3670
+ "scopes": ["borderColor", "effectColor"]
3671
3671
  },
3672
3672
  "org.primer.overrides": {
3673
3673
  "light-high-contrast": {
@@ -3696,7 +3696,7 @@
3696
3696
  "org.primer.figma": {
3697
3697
  "collection": "mode",
3698
3698
  "group": "semantic",
3699
- "scopes": ["borderColor"]
3699
+ "scopes": ["borderColor", "effectColor"]
3700
3700
  },
3701
3701
  "org.primer.overrides": {
3702
3702
  "light-high-contrast": {
@@ -3729,7 +3729,7 @@
3729
3729
  "org.primer.figma": {
3730
3730
  "collection": "mode",
3731
3731
  "group": "semantic",
3732
- "scopes": ["borderColor"]
3732
+ "scopes": ["borderColor", "effectColor"]
3733
3733
  }
3734
3734
  },
3735
3735
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3741,7 +3741,7 @@
3741
3741
  "org.primer.figma": {
3742
3742
  "collection": "mode",
3743
3743
  "group": "semantic",
3744
- "scopes": ["borderColor"]
3744
+ "scopes": ["borderColor", "effectColor"]
3745
3745
  }
3746
3746
  }
3747
3747
  },
@@ -10746,15 +10746,13 @@
10746
10746
  "scopes": ["bgColor"]
10747
10747
  },
10748
10748
  "org.primer.overrides": {
10749
- "dark-high-contrast": "#212830",
10750
- "light-high-contrast": "#212830",
10751
10749
  "dark-dimmed": "#2a313c"
10752
10750
  }
10753
10751
  },
10754
10752
  "filePath": "src/tokens/component/contribution.json5",
10755
10753
  "isSource": true,
10756
10754
  "original": {
10757
- "$value": "{base.color.neutral.3}",
10755
+ "$value": "{base.color.neutral.2}",
10758
10756
  "$type": "color",
10759
10757
  "$extensions": {
10760
10758
  "org.primer.figma": {
@@ -10763,8 +10761,6 @@
10763
10761
  "scopes": ["bgColor"]
10764
10762
  },
10765
10763
  "org.primer.overrides": {
10766
- "dark-high-contrast": "{base.color.neutral.3}",
10767
- "light-high-contrast": "{base.color.neutral.3}",
10768
10764
  "dark-dimmed": "{base.color.neutral.5}"
10769
10765
  }
10770
10766
  }
@@ -10773,7 +10769,7 @@
10773
10769
  "attributes": {},
10774
10770
  "path": ["contribution", "default", "bgColor", "0"],
10775
10771
  "key": "{contribution.default.bgColor.0}",
10776
- "value": "#212830",
10772
+ "value": "#151b23",
10777
10773
  "type": "color"
10778
10774
  },
10779
10775
  "contribution-default-bgColor-1": {
@@ -10907,7 +10903,7 @@
10907
10903
  "type": "color"
10908
10904
  },
10909
10905
  "contribution-default-borderColor-0": {
10910
- "alpha": 1,
10906
+ "alpha": 0.05,
10911
10907
  "$extensions": {
10912
10908
  "org.primer.figma": {
10913
10909
  "collection": "mode",
@@ -10928,16 +10924,6 @@
10928
10924
  "filePath": "src/tokens/component/contribution.json5",
10929
10925
  "isSource": true,
10930
10926
  "$type": "color"
10931
- },
10932
- "dark-high-contrast": {
10933
- "$value": "#ffffff",
10934
- "alpha": 1,
10935
- "filePath": "src/tokens/component/contribution.json5",
10936
- "isSource": true,
10937
- "$type": "color"
10938
- },
10939
- "light-high-contrast": {
10940
- "alpha": 1
10941
10927
  }
10942
10928
  }
10943
10929
  },
@@ -10945,7 +10931,7 @@
10945
10931
  "isSource": true,
10946
10932
  "original": {
10947
10933
  "$value": "{base.color.white}",
10948
- "alpha": 1,
10934
+ "alpha": 0.05,
10949
10935
  "$type": "color",
10950
10936
  "$extensions": {
10951
10937
  "org.primer.figma": {
@@ -10967,16 +10953,6 @@
10967
10953
  "filePath": "src/tokens/component/contribution.json5",
10968
10954
  "isSource": true,
10969
10955
  "$type": "color"
10970
- },
10971
- "dark-high-contrast": {
10972
- "$value": "{base.color.white}",
10973
- "alpha": 1,
10974
- "filePath": "src/tokens/component/contribution.json5",
10975
- "isSource": true,
10976
- "$type": "color"
10977
- },
10978
- "light-high-contrast": {
10979
- "alpha": 1
10980
10956
  }
10981
10957
  }
10982
10958
  }
@@ -10985,11 +10961,11 @@
10985
10961
  "attributes": {},
10986
10962
  "path": ["contribution", "default", "borderColor", "0"],
10987
10963
  "key": "{contribution.default.borderColor.0}",
10988
- "value": "#ffffff",
10964
+ "value": "#ffffff0d",
10989
10965
  "type": "color"
10990
10966
  },
10991
10967
  "contribution-default-borderColor-1": {
10992
- "alpha": 1,
10968
+ "alpha": 0.05,
10993
10969
  "$extensions": {
10994
10970
  "org.primer.figma": {
10995
10971
  "collection": "mode",
@@ -11010,16 +10986,6 @@
11010
10986
  "filePath": "src/tokens/component/contribution.json5",
11011
10987
  "isSource": true,
11012
10988
  "$type": "color"
11013
- },
11014
- "dark-high-contrast": {
11015
- "$value": "#ffffff",
11016
- "alpha": 1,
11017
- "filePath": "src/tokens/component/contribution.json5",
11018
- "isSource": true,
11019
- "$type": "color"
11020
- },
11021
- "light-high-contrast": {
11022
- "alpha": 1
11023
10989
  }
11024
10990
  }
11025
10991
  },
@@ -11027,7 +10993,7 @@
11027
10993
  "isSource": true,
11028
10994
  "original": {
11029
10995
  "$value": "{base.color.white}",
11030
- "alpha": 1,
10996
+ "alpha": 0.05,
11031
10997
  "$type": "color",
11032
10998
  "$extensions": {
11033
10999
  "org.primer.figma": {
@@ -11049,16 +11015,6 @@
11049
11015
  "filePath": "src/tokens/component/contribution.json5",
11050
11016
  "isSource": true,
11051
11017
  "$type": "color"
11052
- },
11053
- "dark-high-contrast": {
11054
- "$value": "{base.color.white}",
11055
- "alpha": 1,
11056
- "filePath": "src/tokens/component/contribution.json5",
11057
- "isSource": true,
11058
- "$type": "color"
11059
- },
11060
- "light-high-contrast": {
11061
- "alpha": 1
11062
11018
  }
11063
11019
  }
11064
11020
  }
@@ -11067,11 +11023,11 @@
11067
11023
  "attributes": {},
11068
11024
  "path": ["contribution", "default", "borderColor", "1"],
11069
11025
  "key": "{contribution.default.borderColor.1}",
11070
- "value": "#ffffff",
11026
+ "value": "#ffffff0d",
11071
11027
  "type": "color"
11072
11028
  },
11073
11029
  "contribution-default-borderColor-2": {
11074
- "alpha": 1,
11030
+ "alpha": 0.05,
11075
11031
  "$extensions": {
11076
11032
  "org.primer.figma": {
11077
11033
  "collection": "mode",
@@ -11092,16 +11048,6 @@
11092
11048
  "filePath": "src/tokens/component/contribution.json5",
11093
11049
  "isSource": true,
11094
11050
  "$type": "color"
11095
- },
11096
- "dark-high-contrast": {
11097
- "$value": "#ffffff",
11098
- "alpha": 1,
11099
- "filePath": "src/tokens/component/contribution.json5",
11100
- "isSource": true,
11101
- "$type": "color"
11102
- },
11103
- "light-high-contrast": {
11104
- "alpha": 1
11105
11051
  }
11106
11052
  }
11107
11053
  },
@@ -11109,7 +11055,7 @@
11109
11055
  "isSource": true,
11110
11056
  "original": {
11111
11057
  "$value": "{base.color.white}",
11112
- "alpha": 1,
11058
+ "alpha": 0.05,
11113
11059
  "$type": "color",
11114
11060
  "$extensions": {
11115
11061
  "org.primer.figma": {
@@ -11131,16 +11077,6 @@
11131
11077
  "filePath": "src/tokens/component/contribution.json5",
11132
11078
  "isSource": true,
11133
11079
  "$type": "color"
11134
- },
11135
- "dark-high-contrast": {
11136
- "$value": "{base.color.white}",
11137
- "alpha": 1,
11138
- "filePath": "src/tokens/component/contribution.json5",
11139
- "isSource": true,
11140
- "$type": "color"
11141
- },
11142
- "light-high-contrast": {
11143
- "alpha": 1
11144
11080
  }
11145
11081
  }
11146
11082
  }
@@ -11149,11 +11085,11 @@
11149
11085
  "attributes": {},
11150
11086
  "path": ["contribution", "default", "borderColor", "2"],
11151
11087
  "key": "{contribution.default.borderColor.2}",
11152
- "value": "#ffffff",
11088
+ "value": "#ffffff0d",
11153
11089
  "type": "color"
11154
11090
  },
11155
11091
  "contribution-default-borderColor-3": {
11156
- "alpha": 1,
11092
+ "alpha": 0.05,
11157
11093
  "$extensions": {
11158
11094
  "org.primer.figma": {
11159
11095
  "collection": "mode",
@@ -11174,16 +11110,6 @@
11174
11110
  "filePath": "src/tokens/component/contribution.json5",
11175
11111
  "isSource": true,
11176
11112
  "$type": "color"
11177
- },
11178
- "dark-high-contrast": {
11179
- "$value": "#ffffff",
11180
- "alpha": 1,
11181
- "filePath": "src/tokens/component/contribution.json5",
11182
- "isSource": true,
11183
- "$type": "color"
11184
- },
11185
- "light-high-contrast": {
11186
- "alpha": 1
11187
11113
  }
11188
11114
  }
11189
11115
  },
@@ -11191,7 +11117,7 @@
11191
11117
  "isSource": true,
11192
11118
  "original": {
11193
11119
  "$value": "{base.color.white}",
11194
- "alpha": 1,
11120
+ "alpha": 0.05,
11195
11121
  "$type": "color",
11196
11122
  "$extensions": {
11197
11123
  "org.primer.figma": {
@@ -11213,16 +11139,6 @@
11213
11139
  "filePath": "src/tokens/component/contribution.json5",
11214
11140
  "isSource": true,
11215
11141
  "$type": "color"
11216
- },
11217
- "dark-high-contrast": {
11218
- "$value": "{base.color.white}",
11219
- "alpha": 1,
11220
- "filePath": "src/tokens/component/contribution.json5",
11221
- "isSource": true,
11222
- "$type": "color"
11223
- },
11224
- "light-high-contrast": {
11225
- "alpha": 1
11226
11142
  }
11227
11143
  }
11228
11144
  }
@@ -11231,11 +11147,11 @@
11231
11147
  "attributes": {},
11232
11148
  "path": ["contribution", "default", "borderColor", "3"],
11233
11149
  "key": "{contribution.default.borderColor.3}",
11234
- "value": "#ffffff",
11150
+ "value": "#ffffff0d",
11235
11151
  "type": "color"
11236
11152
  },
11237
11153
  "contribution-default-borderColor-4": {
11238
- "alpha": 1,
11154
+ "alpha": 0.05,
11239
11155
  "$extensions": {
11240
11156
  "org.primer.figma": {
11241
11157
  "collection": "mode",
@@ -11256,16 +11172,6 @@
11256
11172
  "filePath": "src/tokens/component/contribution.json5",
11257
11173
  "isSource": true,
11258
11174
  "$type": "color"
11259
- },
11260
- "dark-high-contrast": {
11261
- "$value": "#ffffff",
11262
- "alpha": 1,
11263
- "filePath": "src/tokens/component/contribution.json5",
11264
- "isSource": true,
11265
- "$type": "color"
11266
- },
11267
- "light-high-contrast": {
11268
- "alpha": 1
11269
11175
  }
11270
11176
  }
11271
11177
  },
@@ -11273,7 +11179,7 @@
11273
11179
  "isSource": true,
11274
11180
  "original": {
11275
11181
  "$value": "{base.color.white}",
11276
- "alpha": 1,
11182
+ "alpha": 0.05,
11277
11183
  "$type": "color",
11278
11184
  "$extensions": {
11279
11185
  "org.primer.figma": {
@@ -11295,16 +11201,6 @@
11295
11201
  "filePath": "src/tokens/component/contribution.json5",
11296
11202
  "isSource": true,
11297
11203
  "$type": "color"
11298
- },
11299
- "dark-high-contrast": {
11300
- "$value": "{base.color.white}",
11301
- "alpha": 1,
11302
- "filePath": "src/tokens/component/contribution.json5",
11303
- "isSource": true,
11304
- "$type": "color"
11305
- },
11306
- "light-high-contrast": {
11307
- "alpha": 1
11308
11204
  }
11309
11205
  }
11310
11206
  }
@@ -11313,7 +11209,7 @@
11313
11209
  "attributes": {},
11314
11210
  "path": ["contribution", "default", "borderColor", "4"],
11315
11211
  "key": "{contribution.default.borderColor.4}",
11316
- "value": "#ffffff",
11212
+ "value": "#ffffff0d",
11317
11213
  "type": "color"
11318
11214
  },
11319
11215
  "contribution-halloween-bgColor-1": {