@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/light-high-contrast.json CHANGED
@@ -2207,7 +2207,7 @@
2207
2207
  "org.primer.figma": {
2208
2208
  "collection": "mode",
2209
2209
  "group": "semantic",
2210
- "scopes": ["borderColor"],
2210
+ "scopes": ["borderColor", "effectColor"],
2211
2211
  "codeSyntax": {
2212
2212
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2213
2213
  }
@@ -2222,7 +2222,7 @@
2222
2222
  "org.primer.figma": {
2223
2223
  "collection": "mode",
2224
2224
  "group": "semantic",
2225
- "scopes": ["borderColor"],
2225
+ "scopes": ["borderColor", "effectColor"],
2226
2226
  "codeSyntax": {
2227
2227
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2228
2228
  }
@@ -2241,7 +2241,7 @@
2241
2241
  "org.primer.figma": {
2242
2242
  "collection": "mode",
2243
2243
  "group": "semantic",
2244
- "scopes": ["borderColor"],
2244
+ "scopes": ["borderColor", "effectColor"],
2245
2245
  "codeSyntax": {
2246
2246
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2247
2247
  }
@@ -2274,7 +2274,7 @@
2274
2274
  "org.primer.figma": {
2275
2275
  "collection": "mode",
2276
2276
  "group": "semantic",
2277
- "scopes": ["borderColor"],
2277
+ "scopes": ["borderColor", "effectColor"],
2278
2278
  "codeSyntax": {
2279
2279
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2280
2280
  }
@@ -2719,7 +2719,7 @@
2719
2719
  "org.primer.figma": {
2720
2720
  "collection": "mode",
2721
2721
  "group": "semantic",
2722
- "scopes": ["borderColor"],
2722
+ "scopes": ["borderColor", "effectColor"],
2723
2723
  "codeSyntax": {
2724
2724
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2725
2725
  }
@@ -2740,7 +2740,7 @@
2740
2740
  "org.primer.figma": {
2741
2741
  "collection": "mode",
2742
2742
  "group": "semantic",
2743
- "scopes": ["borderColor"],
2743
+ "scopes": ["borderColor", "effectColor"],
2744
2744
  "codeSyntax": {
2745
2745
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2746
2746
  }
@@ -2759,7 +2759,7 @@
2759
2759
  "org.primer.figma": {
2760
2760
  "collection": "mode",
2761
2761
  "group": "semantic",
2762
- "scopes": ["borderColor"]
2762
+ "scopes": ["borderColor", "effectColor"]
2763
2763
  },
2764
2764
  "org.primer.overrides": {
2765
2765
  "dark-dimmed": {
@@ -2788,7 +2788,7 @@
2788
2788
  "org.primer.figma": {
2789
2789
  "collection": "mode",
2790
2790
  "group": "semantic",
2791
- "scopes": ["borderColor"]
2791
+ "scopes": ["borderColor", "effectColor"]
2792
2792
  },
2793
2793
  "org.primer.overrides": {
2794
2794
  "dark-dimmed": {
@@ -2925,7 +2925,7 @@
2925
2925
  "org.primer.figma": {
2926
2926
  "collection": "mode",
2927
2927
  "group": "semantic",
2928
- "scopes": ["borderColor"]
2928
+ "scopes": ["borderColor", "effectColor"]
2929
2929
  },
2930
2930
  "org.primer.overrides": {
2931
2931
  "light-high-contrast": "#454c54",
@@ -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": "{borderColor.default}",
@@ -2961,7 +2961,7 @@
2961
2961
  "org.primer.figma": {
2962
2962
  "collection": "mode",
2963
2963
  "group": "semantic",
2964
- "scopes": ["borderColor"],
2964
+ "scopes": ["borderColor", "effectColor"],
2965
2965
  "codeSyntax": {
2966
2966
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2967
2967
  }
@@ -3000,7 +3000,7 @@
3000
3000
  "org.primer.figma": {
3001
3001
  "collection": "mode",
3002
3002
  "group": "semantic",
3003
- "scopes": ["borderColor"],
3003
+ "scopes": ["borderColor", "effectColor"],
3004
3004
  "codeSyntax": {
3005
3005
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3006
3006
  }
@@ -3653,7 +3653,7 @@
3653
3653
  "org.primer.figma": {
3654
3654
  "collection": "mode",
3655
3655
  "group": "semantic",
3656
- "scopes": ["borderColor"]
3656
+ "scopes": ["borderColor", "effectColor"]
3657
3657
  },
3658
3658
  "org.primer.overrides": {
3659
3659
  "light-high-contrast": {
@@ -3682,7 +3682,7 @@
3682
3682
  "org.primer.figma": {
3683
3683
  "collection": "mode",
3684
3684
  "group": "semantic",
3685
- "scopes": ["borderColor"]
3685
+ "scopes": ["borderColor", "effectColor"]
3686
3686
  },
3687
3687
  "org.primer.overrides": {
3688
3688
  "light-high-contrast": {
@@ -3715,7 +3715,7 @@
3715
3715
  "org.primer.figma": {
3716
3716
  "collection": "mode",
3717
3717
  "group": "semantic",
3718
- "scopes": ["borderColor"]
3718
+ "scopes": ["borderColor", "effectColor"]
3719
3719
  }
3720
3720
  },
3721
3721
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3727,7 +3727,7 @@
3727
3727
  "org.primer.figma": {
3728
3728
  "collection": "mode",
3729
3729
  "group": "semantic",
3730
- "scopes": ["borderColor"]
3730
+ "scopes": ["borderColor", "effectColor"]
3731
3731
  }
3732
3732
  }
3733
3733
  },
@@ -10713,7 +10713,7 @@
10713
10713
  "key": "{color.prettylights.syntax.variable}"
10714
10714
  },
10715
10715
  "contribution-default-bgColor-0": {
10716
- "$value": "#e6eaef",
10716
+ "$value": "#eff2f5",
10717
10717
  "$type": "color",
10718
10718
  "$extensions": {
10719
10719
  "org.primer.figma": {
@@ -10722,15 +10722,13 @@
10722
10722
  "scopes": ["bgColor"]
10723
10723
  },
10724
10724
  "org.primer.overrides": {
10725
- "dark-high-contrast": "#e6eaef",
10726
- "light-high-contrast": "#e6eaef",
10727
10725
  "dark-dimmed": "#dae0e7"
10728
10726
  }
10729
10727
  },
10730
10728
  "filePath": "src/tokens/component/contribution.json5",
10731
10729
  "isSource": true,
10732
10730
  "original": {
10733
- "$value": "{base.color.neutral.3}",
10731
+ "$value": "{base.color.neutral.2}",
10734
10732
  "$type": "color",
10735
10733
  "$extensions": {
10736
10734
  "org.primer.figma": {
@@ -10739,8 +10737,6 @@
10739
10737
  "scopes": ["bgColor"]
10740
10738
  },
10741
10739
  "org.primer.overrides": {
10742
- "dark-high-contrast": "{base.color.neutral.3}",
10743
- "light-high-contrast": "{base.color.neutral.3}",
10744
10740
  "dark-dimmed": "{base.color.neutral.5}"
10745
10741
  }
10746
10742
  }
@@ -10881,8 +10877,8 @@
10881
10877
  "key": "{contribution.default.bgColor.4}"
10882
10878
  },
10883
10879
  "contribution-default-borderColor-0": {
10884
- "$value": "#010409",
10885
- "alpha": 1,
10880
+ "$value": "#0104090d",
10881
+ "alpha": 0.05,
10886
10882
  "$type": "color",
10887
10883
  "$extensions": {
10888
10884
  "org.primer.figma": {
@@ -10904,16 +10900,6 @@
10904
10900
  "filePath": "src/tokens/component/contribution.json5",
10905
10901
  "isSource": true,
10906
10902
  "$type": "color"
10907
- },
10908
- "dark-high-contrast": {
10909
- "$value": "#ffffff",
10910
- "alpha": 1,
10911
- "filePath": "src/tokens/component/contribution.json5",
10912
- "isSource": true,
10913
- "$type": "color"
10914
- },
10915
- "light-high-contrast": {
10916
- "alpha": 1
10917
10903
  }
10918
10904
  }
10919
10905
  },
@@ -10921,7 +10907,7 @@
10921
10907
  "isSource": true,
10922
10908
  "original": {
10923
10909
  "$value": "{base.color.black}",
10924
- "alpha": 1,
10910
+ "alpha": 0.05,
10925
10911
  "$type": "color",
10926
10912
  "$extensions": {
10927
10913
  "org.primer.figma": {
@@ -10943,16 +10929,6 @@
10943
10929
  "filePath": "src/tokens/component/contribution.json5",
10944
10930
  "isSource": true,
10945
10931
  "$type": "color"
10946
- },
10947
- "dark-high-contrast": {
10948
- "$value": "{base.color.white}",
10949
- "alpha": 1,
10950
- "filePath": "src/tokens/component/contribution.json5",
10951
- "isSource": true,
10952
- "$type": "color"
10953
- },
10954
- "light-high-contrast": {
10955
- "alpha": 1
10956
10932
  }
10957
10933
  }
10958
10934
  }
@@ -10963,8 +10939,8 @@
10963
10939
  "key": "{contribution.default.borderColor.0}"
10964
10940
  },
10965
10941
  "contribution-default-borderColor-1": {
10966
- "$value": "#010409",
10967
- "alpha": 1,
10942
+ "$value": "#0104090d",
10943
+ "alpha": 0.05,
10968
10944
  "$type": "color",
10969
10945
  "$extensions": {
10970
10946
  "org.primer.figma": {
@@ -10986,16 +10962,6 @@
10986
10962
  "filePath": "src/tokens/component/contribution.json5",
10987
10963
  "isSource": true,
10988
10964
  "$type": "color"
10989
- },
10990
- "dark-high-contrast": {
10991
- "$value": "#ffffff",
10992
- "alpha": 1,
10993
- "filePath": "src/tokens/component/contribution.json5",
10994
- "isSource": true,
10995
- "$type": "color"
10996
- },
10997
- "light-high-contrast": {
10998
- "alpha": 1
10999
10965
  }
11000
10966
  }
11001
10967
  },
@@ -11003,7 +10969,7 @@
11003
10969
  "isSource": true,
11004
10970
  "original": {
11005
10971
  "$value": "{base.color.black}",
11006
- "alpha": 1,
10972
+ "alpha": 0.05,
11007
10973
  "$type": "color",
11008
10974
  "$extensions": {
11009
10975
  "org.primer.figma": {
@@ -11025,16 +10991,6 @@
11025
10991
  "filePath": "src/tokens/component/contribution.json5",
11026
10992
  "isSource": true,
11027
10993
  "$type": "color"
11028
- },
11029
- "dark-high-contrast": {
11030
- "$value": "{base.color.white}",
11031
- "alpha": 1,
11032
- "filePath": "src/tokens/component/contribution.json5",
11033
- "isSource": true,
11034
- "$type": "color"
11035
- },
11036
- "light-high-contrast": {
11037
- "alpha": 1
11038
10994
  }
11039
10995
  }
11040
10996
  }
@@ -11045,8 +11001,8 @@
11045
11001
  "key": "{contribution.default.borderColor.1}"
11046
11002
  },
11047
11003
  "contribution-default-borderColor-2": {
11048
- "$value": "#010409",
11049
- "alpha": 1,
11004
+ "$value": "#0104090d",
11005
+ "alpha": 0.05,
11050
11006
  "$type": "color",
11051
11007
  "$extensions": {
11052
11008
  "org.primer.figma": {
@@ -11068,16 +11024,6 @@
11068
11024
  "filePath": "src/tokens/component/contribution.json5",
11069
11025
  "isSource": true,
11070
11026
  "$type": "color"
11071
- },
11072
- "dark-high-contrast": {
11073
- "$value": "#ffffff",
11074
- "alpha": 1,
11075
- "filePath": "src/tokens/component/contribution.json5",
11076
- "isSource": true,
11077
- "$type": "color"
11078
- },
11079
- "light-high-contrast": {
11080
- "alpha": 1
11081
11027
  }
11082
11028
  }
11083
11029
  },
@@ -11085,7 +11031,7 @@
11085
11031
  "isSource": true,
11086
11032
  "original": {
11087
11033
  "$value": "{base.color.black}",
11088
- "alpha": 1,
11034
+ "alpha": 0.05,
11089
11035
  "$type": "color",
11090
11036
  "$extensions": {
11091
11037
  "org.primer.figma": {
@@ -11107,16 +11053,6 @@
11107
11053
  "filePath": "src/tokens/component/contribution.json5",
11108
11054
  "isSource": true,
11109
11055
  "$type": "color"
11110
- },
11111
- "dark-high-contrast": {
11112
- "$value": "{base.color.white}",
11113
- "alpha": 1,
11114
- "filePath": "src/tokens/component/contribution.json5",
11115
- "isSource": true,
11116
- "$type": "color"
11117
- },
11118
- "light-high-contrast": {
11119
- "alpha": 1
11120
11056
  }
11121
11057
  }
11122
11058
  }
@@ -11127,8 +11063,8 @@
11127
11063
  "key": "{contribution.default.borderColor.2}"
11128
11064
  },
11129
11065
  "contribution-default-borderColor-3": {
11130
- "$value": "#010409",
11131
- "alpha": 1,
11066
+ "$value": "#0104090d",
11067
+ "alpha": 0.05,
11132
11068
  "$type": "color",
11133
11069
  "$extensions": {
11134
11070
  "org.primer.figma": {
@@ -11150,16 +11086,6 @@
11150
11086
  "filePath": "src/tokens/component/contribution.json5",
11151
11087
  "isSource": true,
11152
11088
  "$type": "color"
11153
- },
11154
- "dark-high-contrast": {
11155
- "$value": "#ffffff",
11156
- "alpha": 1,
11157
- "filePath": "src/tokens/component/contribution.json5",
11158
- "isSource": true,
11159
- "$type": "color"
11160
- },
11161
- "light-high-contrast": {
11162
- "alpha": 1
11163
11089
  }
11164
11090
  }
11165
11091
  },
@@ -11167,7 +11093,7 @@
11167
11093
  "isSource": true,
11168
11094
  "original": {
11169
11095
  "$value": "{base.color.black}",
11170
- "alpha": 1,
11096
+ "alpha": 0.05,
11171
11097
  "$type": "color",
11172
11098
  "$extensions": {
11173
11099
  "org.primer.figma": {
@@ -11189,16 +11115,6 @@
11189
11115
  "filePath": "src/tokens/component/contribution.json5",
11190
11116
  "isSource": true,
11191
11117
  "$type": "color"
11192
- },
11193
- "dark-high-contrast": {
11194
- "$value": "{base.color.white}",
11195
- "alpha": 1,
11196
- "filePath": "src/tokens/component/contribution.json5",
11197
- "isSource": true,
11198
- "$type": "color"
11199
- },
11200
- "light-high-contrast": {
11201
- "alpha": 1
11202
11118
  }
11203
11119
  }
11204
11120
  }
@@ -11209,8 +11125,8 @@
11209
11125
  "key": "{contribution.default.borderColor.3}"
11210
11126
  },
11211
11127
  "contribution-default-borderColor-4": {
11212
- "$value": "#010409",
11213
- "alpha": 1,
11128
+ "$value": "#0104090d",
11129
+ "alpha": 0.05,
11214
11130
  "$type": "color",
11215
11131
  "$extensions": {
11216
11132
  "org.primer.figma": {
@@ -11232,16 +11148,6 @@
11232
11148
  "filePath": "src/tokens/component/contribution.json5",
11233
11149
  "isSource": true,
11234
11150
  "$type": "color"
11235
- },
11236
- "dark-high-contrast": {
11237
- "$value": "#ffffff",
11238
- "alpha": 1,
11239
- "filePath": "src/tokens/component/contribution.json5",
11240
- "isSource": true,
11241
- "$type": "color"
11242
- },
11243
- "light-high-contrast": {
11244
- "alpha": 1
11245
11151
  }
11246
11152
  }
11247
11153
  },
@@ -11249,7 +11155,7 @@
11249
11155
  "isSource": true,
11250
11156
  "original": {
11251
11157
  "$value": "{base.color.black}",
11252
- "alpha": 1,
11158
+ "alpha": 0.05,
11253
11159
  "$type": "color",
11254
11160
  "$extensions": {
11255
11161
  "org.primer.figma": {
@@ -11271,16 +11177,6 @@
11271
11177
  "filePath": "src/tokens/component/contribution.json5",
11272
11178
  "isSource": true,
11273
11179
  "$type": "color"
11274
- },
11275
- "dark-high-contrast": {
11276
- "$value": "{base.color.white}",
11277
- "alpha": 1,
11278
- "filePath": "src/tokens/component/contribution.json5",
11279
- "isSource": true,
11280
- "$type": "color"
11281
- },
11282
- "light-high-contrast": {
11283
- "alpha": 1
11284
11180
  }
11285
11181
  }
11286
11182
  }