@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/styleLint/functional/themes/dark-high-contrast.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": "#b7bdc8",
@@ -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
  }
@@ -3669,7 +3669,7 @@
3669
3669
  "org.primer.figma": {
3670
3670
  "collection": "mode",
3671
3671
  "group": "semantic",
3672
- "scopes": ["borderColor"]
3672
+ "scopes": ["borderColor", "effectColor"]
3673
3673
  },
3674
3674
  "org.primer.overrides": {
3675
3675
  "light-high-contrast": {
@@ -3698,7 +3698,7 @@
3698
3698
  "org.primer.figma": {
3699
3699
  "collection": "mode",
3700
3700
  "group": "semantic",
3701
- "scopes": ["borderColor"]
3701
+ "scopes": ["borderColor", "effectColor"]
3702
3702
  },
3703
3703
  "org.primer.overrides": {
3704
3704
  "light-high-contrast": {
@@ -3731,7 +3731,7 @@
3731
3731
  "org.primer.figma": {
3732
3732
  "collection": "mode",
3733
3733
  "group": "semantic",
3734
- "scopes": ["borderColor"]
3734
+ "scopes": ["borderColor", "effectColor"]
3735
3735
  }
3736
3736
  },
3737
3737
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3743,7 +3743,7 @@
3743
3743
  "org.primer.figma": {
3744
3744
  "collection": "mode",
3745
3745
  "group": "semantic",
3746
- "scopes": ["borderColor"]
3746
+ "scopes": ["borderColor", "effectColor"]
3747
3747
  }
3748
3748
  }
3749
3749
  },
@@ -10739,7 +10739,7 @@
10739
10739
  "key": "{color.prettylights.syntax.variable}"
10740
10740
  },
10741
10741
  "contribution-default-bgColor-0": {
10742
- "$value": "#212830",
10742
+ "$value": "#151b23",
10743
10743
  "$type": "color",
10744
10744
  "$extensions": {
10745
10745
  "org.primer.figma": {
@@ -10748,15 +10748,13 @@
10748
10748
  "scopes": ["bgColor"]
10749
10749
  },
10750
10750
  "org.primer.overrides": {
10751
- "dark-high-contrast": "#212830",
10752
- "light-high-contrast": "#212830",
10753
10751
  "dark-dimmed": "#2a313c"
10754
10752
  }
10755
10753
  },
10756
10754
  "filePath": "src/tokens/component/contribution.json5",
10757
10755
  "isSource": true,
10758
10756
  "original": {
10759
- "$value": "{base.color.neutral.3}",
10757
+ "$value": "{base.color.neutral.2}",
10760
10758
  "$type": "color",
10761
10759
  "$extensions": {
10762
10760
  "org.primer.figma": {
@@ -10765,8 +10763,6 @@
10765
10763
  "scopes": ["bgColor"]
10766
10764
  },
10767
10765
  "org.primer.overrides": {
10768
- "dark-high-contrast": "{base.color.neutral.3}",
10769
- "light-high-contrast": "{base.color.neutral.3}",
10770
10766
  "dark-dimmed": "{base.color.neutral.5}"
10771
10767
  }
10772
10768
  }
@@ -10907,8 +10903,8 @@
10907
10903
  "key": "{contribution.default.bgColor.4}"
10908
10904
  },
10909
10905
  "contribution-default-borderColor-0": {
10910
- "$value": "#ffffff",
10911
- "alpha": 1,
10906
+ "$value": "#ffffff0d",
10907
+ "alpha": 0.05,
10912
10908
  "$type": "color",
10913
10909
  "$extensions": {
10914
10910
  "org.primer.figma": {
@@ -10930,16 +10926,6 @@
10930
10926
  "filePath": "src/tokens/component/contribution.json5",
10931
10927
  "isSource": true,
10932
10928
  "$type": "color"
10933
- },
10934
- "dark-high-contrast": {
10935
- "$value": "#ffffff",
10936
- "alpha": 1,
10937
- "filePath": "src/tokens/component/contribution.json5",
10938
- "isSource": true,
10939
- "$type": "color"
10940
- },
10941
- "light-high-contrast": {
10942
- "alpha": 1
10943
10929
  }
10944
10930
  }
10945
10931
  },
@@ -10947,7 +10933,7 @@
10947
10933
  "isSource": true,
10948
10934
  "original": {
10949
10935
  "$value": "{base.color.white}",
10950
- "alpha": 1,
10936
+ "alpha": 0.05,
10951
10937
  "$type": "color",
10952
10938
  "$extensions": {
10953
10939
  "org.primer.figma": {
@@ -10969,16 +10955,6 @@
10969
10955
  "filePath": "src/tokens/component/contribution.json5",
10970
10956
  "isSource": true,
10971
10957
  "$type": "color"
10972
- },
10973
- "dark-high-contrast": {
10974
- "$value": "{base.color.white}",
10975
- "alpha": 1,
10976
- "filePath": "src/tokens/component/contribution.json5",
10977
- "isSource": true,
10978
- "$type": "color"
10979
- },
10980
- "light-high-contrast": {
10981
- "alpha": 1
10982
10958
  }
10983
10959
  }
10984
10960
  }
@@ -10989,8 +10965,8 @@
10989
10965
  "key": "{contribution.default.borderColor.0}"
10990
10966
  },
10991
10967
  "contribution-default-borderColor-1": {
10992
- "$value": "#ffffff",
10993
- "alpha": 1,
10968
+ "$value": "#ffffff0d",
10969
+ "alpha": 0.05,
10994
10970
  "$type": "color",
10995
10971
  "$extensions": {
10996
10972
  "org.primer.figma": {
@@ -11012,16 +10988,6 @@
11012
10988
  "filePath": "src/tokens/component/contribution.json5",
11013
10989
  "isSource": true,
11014
10990
  "$type": "color"
11015
- },
11016
- "dark-high-contrast": {
11017
- "$value": "#ffffff",
11018
- "alpha": 1,
11019
- "filePath": "src/tokens/component/contribution.json5",
11020
- "isSource": true,
11021
- "$type": "color"
11022
- },
11023
- "light-high-contrast": {
11024
- "alpha": 1
11025
10991
  }
11026
10992
  }
11027
10993
  },
@@ -11029,7 +10995,7 @@
11029
10995
  "isSource": true,
11030
10996
  "original": {
11031
10997
  "$value": "{base.color.white}",
11032
- "alpha": 1,
10998
+ "alpha": 0.05,
11033
10999
  "$type": "color",
11034
11000
  "$extensions": {
11035
11001
  "org.primer.figma": {
@@ -11051,16 +11017,6 @@
11051
11017
  "filePath": "src/tokens/component/contribution.json5",
11052
11018
  "isSource": true,
11053
11019
  "$type": "color"
11054
- },
11055
- "dark-high-contrast": {
11056
- "$value": "{base.color.white}",
11057
- "alpha": 1,
11058
- "filePath": "src/tokens/component/contribution.json5",
11059
- "isSource": true,
11060
- "$type": "color"
11061
- },
11062
- "light-high-contrast": {
11063
- "alpha": 1
11064
11020
  }
11065
11021
  }
11066
11022
  }
@@ -11071,8 +11027,8 @@
11071
11027
  "key": "{contribution.default.borderColor.1}"
11072
11028
  },
11073
11029
  "contribution-default-borderColor-2": {
11074
- "$value": "#ffffff",
11075
- "alpha": 1,
11030
+ "$value": "#ffffff0d",
11031
+ "alpha": 0.05,
11076
11032
  "$type": "color",
11077
11033
  "$extensions": {
11078
11034
  "org.primer.figma": {
@@ -11094,16 +11050,6 @@
11094
11050
  "filePath": "src/tokens/component/contribution.json5",
11095
11051
  "isSource": true,
11096
11052
  "$type": "color"
11097
- },
11098
- "dark-high-contrast": {
11099
- "$value": "#ffffff",
11100
- "alpha": 1,
11101
- "filePath": "src/tokens/component/contribution.json5",
11102
- "isSource": true,
11103
- "$type": "color"
11104
- },
11105
- "light-high-contrast": {
11106
- "alpha": 1
11107
11053
  }
11108
11054
  }
11109
11055
  },
@@ -11111,7 +11057,7 @@
11111
11057
  "isSource": true,
11112
11058
  "original": {
11113
11059
  "$value": "{base.color.white}",
11114
- "alpha": 1,
11060
+ "alpha": 0.05,
11115
11061
  "$type": "color",
11116
11062
  "$extensions": {
11117
11063
  "org.primer.figma": {
@@ -11133,16 +11079,6 @@
11133
11079
  "filePath": "src/tokens/component/contribution.json5",
11134
11080
  "isSource": true,
11135
11081
  "$type": "color"
11136
- },
11137
- "dark-high-contrast": {
11138
- "$value": "{base.color.white}",
11139
- "alpha": 1,
11140
- "filePath": "src/tokens/component/contribution.json5",
11141
- "isSource": true,
11142
- "$type": "color"
11143
- },
11144
- "light-high-contrast": {
11145
- "alpha": 1
11146
11082
  }
11147
11083
  }
11148
11084
  }
@@ -11153,8 +11089,8 @@
11153
11089
  "key": "{contribution.default.borderColor.2}"
11154
11090
  },
11155
11091
  "contribution-default-borderColor-3": {
11156
- "$value": "#ffffff",
11157
- "alpha": 1,
11092
+ "$value": "#ffffff0d",
11093
+ "alpha": 0.05,
11158
11094
  "$type": "color",
11159
11095
  "$extensions": {
11160
11096
  "org.primer.figma": {
@@ -11176,16 +11112,6 @@
11176
11112
  "filePath": "src/tokens/component/contribution.json5",
11177
11113
  "isSource": true,
11178
11114
  "$type": "color"
11179
- },
11180
- "dark-high-contrast": {
11181
- "$value": "#ffffff",
11182
- "alpha": 1,
11183
- "filePath": "src/tokens/component/contribution.json5",
11184
- "isSource": true,
11185
- "$type": "color"
11186
- },
11187
- "light-high-contrast": {
11188
- "alpha": 1
11189
11115
  }
11190
11116
  }
11191
11117
  },
@@ -11193,7 +11119,7 @@
11193
11119
  "isSource": true,
11194
11120
  "original": {
11195
11121
  "$value": "{base.color.white}",
11196
- "alpha": 1,
11122
+ "alpha": 0.05,
11197
11123
  "$type": "color",
11198
11124
  "$extensions": {
11199
11125
  "org.primer.figma": {
@@ -11215,16 +11141,6 @@
11215
11141
  "filePath": "src/tokens/component/contribution.json5",
11216
11142
  "isSource": true,
11217
11143
  "$type": "color"
11218
- },
11219
- "dark-high-contrast": {
11220
- "$value": "{base.color.white}",
11221
- "alpha": 1,
11222
- "filePath": "src/tokens/component/contribution.json5",
11223
- "isSource": true,
11224
- "$type": "color"
11225
- },
11226
- "light-high-contrast": {
11227
- "alpha": 1
11228
11144
  }
11229
11145
  }
11230
11146
  }
@@ -11235,8 +11151,8 @@
11235
11151
  "key": "{contribution.default.borderColor.3}"
11236
11152
  },
11237
11153
  "contribution-default-borderColor-4": {
11238
- "$value": "#ffffff",
11239
- "alpha": 1,
11154
+ "$value": "#ffffff0d",
11155
+ "alpha": 0.05,
11240
11156
  "$type": "color",
11241
11157
  "$extensions": {
11242
11158
  "org.primer.figma": {
@@ -11258,16 +11174,6 @@
11258
11174
  "filePath": "src/tokens/component/contribution.json5",
11259
11175
  "isSource": true,
11260
11176
  "$type": "color"
11261
- },
11262
- "dark-high-contrast": {
11263
- "$value": "#ffffff",
11264
- "alpha": 1,
11265
- "filePath": "src/tokens/component/contribution.json5",
11266
- "isSource": true,
11267
- "$type": "color"
11268
- },
11269
- "light-high-contrast": {
11270
- "alpha": 1
11271
11177
  }
11272
11178
  }
11273
11179
  },
@@ -11275,7 +11181,7 @@
11275
11181
  "isSource": true,
11276
11182
  "original": {
11277
11183
  "$value": "{base.color.white}",
11278
- "alpha": 1,
11184
+ "alpha": 0.05,
11279
11185
  "$type": "color",
11280
11186
  "$extensions": {
11281
11187
  "org.primer.figma": {
@@ -11297,16 +11203,6 @@
11297
11203
  "filePath": "src/tokens/component/contribution.json5",
11298
11204
  "isSource": true,
11299
11205
  "$type": "color"
11300
- },
11301
- "dark-high-contrast": {
11302
- "$value": "{base.color.white}",
11303
- "alpha": 1,
11304
- "filePath": "src/tokens/component/contribution.json5",
11305
- "isSource": true,
11306
- "$type": "color"
11307
- },
11308
- "light-high-contrast": {
11309
- "alpha": 1
11310
11206
  }
11311
11207
  }
11312
11208
  }