@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.56d48488

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 (95) hide show
  1. package/dist/build/platforms/css.js +2 -1
  2. package/dist/build/schemas/collections.d.ts +1 -1
  3. package/dist/build/schemas/colorToken.d.ts +260 -0
  4. package/dist/build/schemas/colorToken.js +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
  6. package/dist/css/functional/themes/dark-colorblind.css +30 -30
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
  8. package/dist/css/functional/themes/dark-dimmed.css +60 -60
  9. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
  11. package/dist/css/functional/themes/dark-tritanopia.css +30 -30
  12. package/dist/css/functional/themes/dark.css +30 -30
  13. package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
  14. package/dist/css/functional/themes/light-colorblind.css +30 -30
  15. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  16. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  18. package/dist/css/functional/themes/light.css +28 -28
  19. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7878 -648
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7797 -565
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7751 -523
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7878 -648
  26. package/dist/docs/functional/themes/dark.json +7878 -648
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43154 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7744 -512
  29. package/dist/docs/functional/themes/light-high-contrast.json +7760 -532
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7742 -510
  32. package/dist/docs/functional/themes/light.json +7742 -510
  33. package/dist/figma/figma.json +18 -8
  34. package/dist/figma/scales/dark-dimmed.json +14 -14
  35. package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
  36. package/dist/figma/themes/dark-colorblind.json +45 -49
  37. package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
  38. package/dist/figma/themes/dark-dimmed.json +102 -107
  39. package/dist/figma/themes/dark-high-contrast.json +28 -34
  40. package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
  41. package/dist/figma/themes/dark-tritanopia.json +45 -49
  42. package/dist/figma/themes/dark.json +45 -49
  43. package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
  44. package/dist/figma/themes/light-colorblind.json +21 -24
  45. package/dist/figma/themes/light-high-contrast.json +46 -51
  46. package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
  47. package/dist/figma/themes/light-tritanopia.json +19 -23
  48. package/dist/figma/themes/light.json +19 -23
  49. package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
  50. package/dist/internalCss/dark-colorblind.css +30 -30
  51. package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
  52. package/dist/internalCss/dark-dimmed.css +54 -54
  53. package/dist/internalCss/dark-high-contrast.css +24 -24
  54. package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
  55. package/dist/internalCss/dark-tritanopia.css +30 -30
  56. package/dist/internalCss/dark.css +30 -30
  57. package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
  58. package/dist/internalCss/light-colorblind.css +30 -30
  59. package/dist/internalCss/light-high-contrast.css +32 -32
  60. package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
  61. package/dist/internalCss/light-tritanopia.css +28 -28
  62. package/dist/internalCss/light.css +28 -28
  63. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7877 -647
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7797 -565
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7751 -523
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7877 -647
  70. package/dist/styleLint/functional/themes/dark.json +7877 -647
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43154 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7744 -512
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7760 -532
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7742 -510
  76. package/dist/styleLint/functional/themes/light.json +7742 -510
  77. package/package.json +1 -1
  78. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
  79. package/src/tokens/component/avatar.json5 +17 -4
  80. package/src/tokens/component/button.json5 +260 -61
  81. package/src/tokens/component/codeMirror.json5 +20 -2
  82. package/src/tokens/component/contribution.json5 +35 -57
  83. package/src/tokens/component/counter.json5 +5 -0
  84. package/src/tokens/component/diffBlob.json5 +75 -8
  85. package/src/tokens/component/header.json5 +2 -0
  86. package/src/tokens/component/overlay.json5 +25 -0
  87. package/src/tokens/component/skeletonLoader.json5 +20 -0
  88. package/src/tokens/component/tooltip.json5 +8 -2
  89. package/src/tokens/component/topicTag.json5 +5 -0
  90. package/src/tokens/functional/color/bgColor.json5 +86 -0
  91. package/src/tokens/functional/color/borderColor.json5 +268 -0
  92. package/src/tokens/functional/color/control.json5 +344 -1
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -18
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/src/tokens/component/codeMirror.json5 CHANGED
@@ -124,6 +124,18 @@
124
124
  $value: '{base.color.blue.4}',
125
125
  alpha: 0.4,
126
126
  },
127
+ 'dark-dimmed-high-contrast': {
128
+ $value: '{base.color.blue.4}',
129
+ alpha: 0.4,
130
+ },
131
+ 'dark-tritanopia-high-contrast': {
132
+ $value: '{base.color.blue.4}',
133
+ alpha: 0.4,
134
+ },
135
+ 'dark-protanopia-deuteranopia-high-contrast': {
136
+ $value: '{base.color.blue.4}',
137
+ alpha: 0.4,
138
+ },
127
139
  },
128
140
  },
129
141
  },
@@ -232,7 +244,9 @@
232
244
  'org.primer.overrides': {
233
245
  dark: '{base.color.red.3}',
234
246
  'light-protanopia-deuteranopia': '{base.color.orange.5}',
235
- "dark-protanopia-deuteranopia": '{base.color.orange.3}',
247
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
248
+ 'dark-protanopia-deuteranopia': '{base.color.orange.3}',
249
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
236
250
  },
237
251
  },
238
252
  },
@@ -248,7 +262,9 @@
248
262
  'org.primer.overrides': {
249
263
  dark: '{base.color.red.3}',
250
264
  'light-protanopia-deuteranopia': '{base.color.orange.5}',
251
- "dark-protanopia-deuteranopia": '{base.color.orange.3}',
265
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
266
+ 'dark-protanopia-deuteranopia': '{base.color.orange.3}',
267
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
252
268
  },
253
269
  },
254
270
  },
@@ -292,7 +308,9 @@
292
308
  'org.primer.overrides': {
293
309
  dark: '{base.color.orange.2}',
294
310
  'light-tritanopia': '{base.color.red.6}',
311
+ 'light-tritanopia-high-contrast': '{base.color.red.6}',
295
312
  'dark-tritanopia': '{base.color.red.2}',
313
+ 'dark-tritanopia-high-contrast': '{base.color.red.2}',
296
314
  },
297
315
  },
298
316
  },
package/src/tokens/component/contribution.json5 CHANGED
@@ -12,6 +12,12 @@
12
12
  scopes: ['bgColor'],
13
13
  },
14
14
  'org.primer.overrides': {
15
+ 'dark-high-contrast': '{base.color.neutral.0}',
16
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
17
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
18
+ 'light-high-contrast': '{base.color.neutral.0}',
19
+ 'light-tritanopia-high-contrast': '{base.color.neutral.0}',
20
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
15
21
  'dark-dimmed': '{base.color.neutral.5}',
16
22
  },
17
23
  },
@@ -79,105 +85,77 @@
79
85
  'org.primer.figma': {
80
86
  collection: 'mode',
81
87
  group: 'component (internal)',
82
- scopes: ['bgColor'],
88
+ scopes: ['borderColor'],
83
89
  },
84
90
  'org.primer.overrides': {
85
- dark: {
91
+ 'dark-high-contrast': {
92
+ $value: '{base.color.white}',
93
+ alpha: 1,
94
+ },
95
+ 'light-high-contrast': {
96
+ $value: '{base.color.black}',
97
+ alpha: 1,
98
+ },
99
+ 'dark-tritanopia-high-contrast': {
86
100
  $value: '{base.color.white}',
87
- alpha: 0.05,
101
+ alpha: 1,
102
+ },
103
+ 'light-tritanopia-high-contrast': {
104
+ $value: '{base.color.black}',
105
+ alpha: 1,
88
106
  },
89
- 'dark-dimmed': {
107
+ 'dark-protanopia-deuteranopia-high-contrast': {
90
108
  $value: '{base.color.white}',
91
- alpha: 0.05,
109
+ alpha: 1,
110
+ },
111
+ 'light-protanopia-deuteranopia-high-contrast': {
112
+ $value: '{base.color.black}',
113
+ alpha: 1,
92
114
  },
93
115
  },
94
116
  },
95
117
  },
96
118
  '1': {
97
- $value: '{base.color.black}',
98
- alpha: 0.05,
119
+ $value: '{contribution.default.borderColor.0}',
99
120
  $type: 'color',
100
121
  $extensions: {
101
122
  'org.primer.figma': {
102
123
  collection: 'mode',
103
124
  group: 'component (internal)',
104
- scopes: ['bgColor'],
105
- },
106
- 'org.primer.overrides': {
107
- dark: {
108
- $value: '{base.color.white}',
109
- alpha: 0.05,
110
- },
111
- 'dark-dimmed': {
112
- $value: '{base.color.white}',
113
- alpha: 0.05,
114
- },
125
+ scopes: ['borderColor'],
115
126
  },
116
127
  },
117
128
  },
118
129
  '2': {
119
- $value: '{base.color.black}',
120
- alpha: 0.05,
130
+ $value: '{contribution.default.borderColor.0}',
121
131
  $type: 'color',
122
132
  $extensions: {
123
133
  'org.primer.figma': {
124
134
  collection: 'mode',
125
135
  group: 'component (internal)',
126
- scopes: ['bgColor'],
127
- },
128
- 'org.primer.overrides': {
129
- dark: {
130
- $value: '{base.color.white}',
131
- alpha: 0.05,
132
- },
133
- 'dark-dimmed': {
134
- $value: '{base.color.white}',
135
- alpha: 0.05,
136
- },
136
+ scopes: ['borderColor'],
137
137
  },
138
138
  },
139
139
  },
140
140
  '3': {
141
- $value: '{base.color.black}',
142
- alpha: 0.05,
141
+ $value: '{contribution.default.borderColor.0}',
143
142
  $type: 'color',
144
143
  $extensions: {
145
144
  'org.primer.figma': {
146
145
  collection: 'mode',
147
146
  group: 'component (internal)',
148
- scopes: ['bgColor'],
149
- },
150
- 'org.primer.overrides': {
151
- dark: {
152
- $value: '{base.color.white}',
153
- alpha: 0.05,
154
- },
155
- 'dark-dimmed': {
156
- $value: '{base.color.white}',
157
- alpha: 0.05,
158
- },
147
+ scopes: ['borderColor'],
159
148
  },
160
149
  },
161
150
  },
162
151
  '4': {
163
- $value: '{base.color.black}',
164
- alpha: 0.05,
152
+ $value: '{contribution.default.borderColor.0}',
165
153
  $type: 'color',
166
154
  $extensions: {
167
155
  'org.primer.figma': {
168
156
  collection: 'mode',
169
157
  group: 'component (internal)',
170
- scopes: ['bgColor'],
171
- },
172
- 'org.primer.overrides': {
173
- dark: {
174
- $value: '{base.color.white}',
175
- alpha: 0.05,
176
- },
177
- 'dark-dimmed': {
178
- $value: '{base.color.white}',
179
- alpha: 0.05,
180
- },
158
+ scopes: ['borderColor'],
181
159
  },
182
160
  },
183
161
  },
package/src/tokens/component/counter.json5 CHANGED
@@ -11,7 +11,12 @@
11
11
  },
12
12
  'org.primer.overrides': {
13
13
  'dark-high-contrast': '{borderColor.default}',
14
+ 'dark-dimmed-high-contrast': '{borderColor.default}',
15
+ 'dark-tritanopia-high-contrast': '{borderColor.default}',
16
+ 'dark-protanopia-deuteranopia-high-contrast': '{borderColor.default}',
14
17
  'light-high-contrast': '{borderColor.default}',
18
+ 'light-tritanopia-high-contrast': '{borderColor.default}',
19
+ 'light-protanopia-deuteranopia-high-contrast': '{borderColor.default}',
15
20
  },
16
21
  },
17
22
  },
package/src/tokens/component/diffBlob.json5 CHANGED
@@ -12,6 +12,8 @@
12
12
  },
13
13
  'org.primer.overrides': {
14
14
  'dark-high-contrast': '{fgColor.onEmphasis}',
15
+ 'dark-tritanopia-high-contrast': '{fgColor.onEmphasis}',
16
+ 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
15
17
  },
16
18
  },
17
19
  },
@@ -32,6 +34,14 @@
32
34
  $value: '{bgColor.success.muted}',
33
35
  alpha: 0.2,
34
36
  },
37
+ 'dark-tritanopia-high-contrast': {
38
+ $value: '{bgColor.success.muted}',
39
+ alpha: 0.2,
40
+ },
41
+ 'dark-protanopia-deuteranopia-high-contrast': {
42
+ $value: '{bgColor.success.muted}',
43
+ alpha: 0.2,
44
+ },
35
45
  },
36
46
  },
37
47
  },
@@ -48,6 +58,8 @@
48
58
  },
49
59
  'org.primer.overrides': {
50
60
  'light-high-contrast': '{fgColor.onEmphasis}',
61
+ 'light-tritanopia-high-contrast': '{fgColor.onEmphasis}',
62
+ 'light-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
51
63
  },
52
64
  },
53
65
  },
@@ -66,17 +78,21 @@
66
78
  alpha: 0.4,
67
79
  },
68
80
  'light-protanopia-deuteranopia': '{base.color.blue.1}',
81
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
82
+ 'light-high-contrast': '{base.color.green.5}',
83
+ 'light-tritanopia': '{base.color.blue.1}',
84
+ 'light-tritanopia-high-contrast': '{base.color.blue.5}',
69
85
  'dark-protanopia-deuteranopia': {
70
86
  $value: '{base.color.blue.4}',
71
87
  alpha: 0.4,
72
88
  },
73
- 'light-high-contrast': '{base.color.green.5}',
74
- 'dark-high-contrast': '{bgColor.success.emphasis}',
75
- 'light-tritanopia': '{base.color.blue.1}',
89
+ 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.success.emphasis}',
76
90
  'dark-tritanopia': {
77
91
  $value: '{base.color.blue.4}',
78
92
  alpha: 0.4,
79
93
  },
94
+ 'dark-tritanopia-high-contrast': '{bgColor.success.emphasis}',
95
+ 'dark-high-contrast': '{bgColor.success.emphasis}',
80
96
  },
81
97
  },
82
98
  },
@@ -108,7 +124,9 @@
108
124
  alpha: 0.3,
109
125
  },
110
126
  'light-protanopia-deuteranopia': '{base.color.blue.1}',
127
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
111
128
  'light-tritanopia': '{base.color.blue.1}',
129
+ 'light-tritanopia-high-contrast': '{base.color.blue.1}',
112
130
  'dark-tritanopia': {
113
131
  $value: '{base.color.blue.3}',
114
132
  alpha: 0.3,
@@ -117,6 +135,14 @@
117
135
  $value: '{base.color.blue.3}',
118
136
  alpha: 0.3,
119
137
  },
138
+ 'dark-tritanopia-high-contrast': {
139
+ $value: '{base.color.blue.3}',
140
+ alpha: 0.3,
141
+ },
142
+ 'dark-protanopia-deuteranopia-high-contrast': {
143
+ $value: '{base.color.blue.3}',
144
+ alpha: 0.3,
145
+ },
120
146
  },
121
147
  },
122
148
  },
@@ -133,6 +159,8 @@
133
159
  },
134
160
  'org.primer.overrides': {
135
161
  'dark-high-contrast': '{fgColor.onEmphasis}',
162
+ 'dark-tritanopia-high-contrast': '{fgColor.onEmphasis}',
163
+ 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
136
164
  },
137
165
  },
138
166
  },
@@ -150,10 +178,18 @@
150
178
  $value: '{base.color.orange.4}',
151
179
  alpha: 0.15,
152
180
  },
181
+ 'dark-protanopia-deuteranopia-high-contrast': {
182
+ $value: '{bgColor.danger.muted}',
183
+ alpha: 0.2,
184
+ },
153
185
  'dark-high-contrast': {
154
186
  $value: '{bgColor.danger.muted}',
155
187
  alpha: 0.2,
156
188
  },
189
+ 'dark-tritanopia-high-contrast': {
190
+ $value: '{bgColor.danger.muted}',
191
+ alpha: 0.2,
192
+ },
157
193
  },
158
194
  },
159
195
  },
@@ -170,6 +206,8 @@
170
206
  },
171
207
  'org.primer.overrides': {
172
208
  'light-high-contrast': '{fgColor.onEmphasis}',
209
+ 'light-tritanopia-high-contrast': '{fgColor.onEmphasis}',
210
+ 'light-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
173
211
  },
174
212
  },
175
213
  },
@@ -188,13 +226,20 @@
188
226
  alpha: 0.4,
189
227
  },
190
228
  'light-protanopia-deuteranopia': '{base.color.orange.1}',
229
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
230
+ 'light-high-contrast': '{base.color.red.5}',
231
+ 'light-tritanopia': '{base.color.red.1}',
232
+ 'light-tritanopia-high-contrast': '{base.color.red.5}',
233
+ 'dark-high-contrast': '{bgColor.danger.emphasis}',
191
234
  'dark-protanopia-deuteranopia': {
192
235
  $value: '{base.color.orange.4}',
193
236
  alpha: 0.4,
194
237
  },
195
- 'light-high-contrast': '{base.color.red.5}',
196
- 'dark-high-contrast': '{bgColor.danger.emphasis}',
197
- 'light-tritanopia': '{base.color.red.1}',
238
+ 'dark-protanopia-deuteranopia-high-contrast': {
239
+ $value: '{base.color.orange.4}',
240
+ alpha: 0.4,
241
+ },
242
+ 'dark-tritanopia-high-contrast': '{bgColor.danger.emphasis}',
198
243
  },
199
244
  },
200
245
  },
@@ -225,12 +270,16 @@
225
270
  $value: '{base.color.red.4}',
226
271
  alpha: 0.3,
227
272
  },
228
- 'light-tritanopia': '{base.color.red.1}',
229
273
  'light-protanopia-deuteranopia': '{base.color.orange.1}',
274
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.1}',
230
275
  'dark-protanopia-deuteranopia': {
231
276
  $value: '{base.color.orange.4}',
232
277
  alpha: 0.3,
233
278
  },
279
+ 'dark-protanopia-deuteranopia-high-contrast': {
280
+ $value: '{base.color.orange.4}',
281
+ alpha: 0.3,
282
+ },
234
283
  },
235
284
  },
236
285
  },
@@ -247,9 +296,13 @@
247
296
  },
248
297
  'org.primer.overrides': {
249
298
  'light-tritanopia': '{base.color.neutral.1}',
250
- 'dark-tritanopia': '{base.color.neutral.3}',
299
+ 'light-tritanopia-high-contrast': '{base.color.neutral.1}',
251
300
  'light-protanopia-deuteranopia': '{base.color.neutral.1}',
301
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.1}',
252
302
  'dark-protanopia-deuteranopia': '{base.color.neutral.3}',
303
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
304
+ 'dark-tritanopia': '{base.color.neutral.3}',
305
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.3}',
253
306
  'dark-high-contrast': {
254
307
  $value: '{bgColor.accent.muted}',
255
308
  alpha: 0.2,
@@ -294,6 +347,8 @@
294
347
  'org.primer.overrides': {
295
348
  'light-protanopia-deuteranopia': '{fgColor.default}',
296
349
  'light-tritanopia': '{fgColor.default}',
350
+ 'light-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
351
+ 'light-tritanopia-high-contrast': '{fgColor.default}',
297
352
  },
298
353
  },
299
354
  },
@@ -312,8 +367,12 @@
312
367
  dark: '{base.color.blue.8}',
313
368
  'light-tritanopia': '{base.color.neutral.3}',
314
369
  'light-protanopia-deuteranopia': '{base.color.neutral.3}',
370
+ 'light-tritanopia-high-contrast': '{base.color.neutral.3}',
371
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
315
372
  'dark-protanopia-deuteranopia': '{base.color.neutral.6}',
373
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
316
374
  'dark-tritanopia': '{base.color.neutral.6}',
375
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
317
376
  'dark-high-contrast': {
318
377
  $value: '{base.color.blue.4}',
319
378
  alpha: 0.4,
@@ -335,6 +394,10 @@
335
394
  'dark-tritanopia': '{base.color.neutral.8}',
336
395
  'light-protanopia-deuteranopia': '{base.color.neutral.7}',
337
396
  'dark-protanopia-deuteranopia': '{base.color.neutral.8}',
397
+ 'light-tritanopia-high-contrast': '{base.color.neutral.7}',
398
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
399
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
400
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
338
401
  },
339
402
  },
340
403
  },
@@ -378,7 +441,11 @@
378
441
  },
379
442
  'org.primer.overrides': {
380
443
  'light-high-contrast': '{fgColor.default}',
444
+ 'light-tritanopia-high-contrast': '{fgColor.default}',
445
+ 'light-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
381
446
  'dark-high-contrast': '{fgColor.default}',
447
+ 'dark-tritanopia-high-contrast': '{fgColor.default}',
448
+ 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
382
449
  },
383
450
  },
384
451
  },
package/src/tokens/component/header.json5 CHANGED
@@ -60,6 +60,8 @@
60
60
  },
61
61
  'org.primer.overrides': {
62
62
  'light-high-contrast': '{base.color.neutral.7}',
63
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
64
+ 'light-tritanopia-high-contrast': '{base.color.neutral.7}',
63
65
  },
64
66
  },
65
67
  },
package/src/tokens/component/overlay.json5 CHANGED
@@ -35,10 +35,30 @@
35
35
  alpha: 1,
36
36
  $value: '{borderColor.default}',
37
37
  },
38
+ 'light-protanopia-deuteranopia-high-contrast': {
39
+ alpha: 1,
40
+ $value: '{borderColor.default}',
41
+ },
42
+ 'light-tritanopia-high-contrast': {
43
+ alpha: 1,
44
+ $value: '{borderColor.default}',
45
+ },
38
46
  'dark-high-contrast': {
39
47
  $value: '{borderColor.default}',
40
48
  alpha: 1,
41
49
  },
50
+ 'dark-dimmed-high-contrast': {
51
+ $value: '{borderColor.default}',
52
+ alpha: 1,
53
+ },
54
+ 'dark-protanopia-deuteranopia-high-contrast': {
55
+ $value: '{borderColor.default}',
56
+ alpha: 1,
57
+ },
58
+ 'dark-tritanopia-high-contrast': {
59
+ $value: '{borderColor.default}',
60
+ alpha: 1,
61
+ },
42
62
  },
43
63
  },
44
64
  alpha: 0.5,
@@ -57,7 +77,12 @@
57
77
  dark: '{base.color.neutral.3}',
58
78
  'dark-dimmed': '{base.color.neutral.4}',
59
79
  'light-high-contrast': '{base.color.neutral.11}',
80
+ 'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
81
+ 'light-tritanopia-high-contrast': '{base.color.neutral.11}',
60
82
  'dark-high-contrast': '{base.color.neutral.11}',
83
+ 'dark-dimmed-high-contrast': '{base.color.neutral.9}',
84
+ 'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
85
+ 'dark-tritanopia-high-contrast': '{base.color.neutral.11}',
61
86
  },
62
87
  },
63
88
  alpha: 0.4,
package/src/tokens/component/skeletonLoader.json5 CHANGED
@@ -17,10 +17,30 @@
17
17
  $value: '{base.color.neutral.5}',
18
18
  alpha: 1,
19
19
  },
20
+ 'light-protanopia-deuteranopia-high-contrast': {
21
+ $value: '{base.color.neutral.5}',
22
+ alpha: 1,
23
+ },
24
+ 'light-tritanopia-high-contrast': {
25
+ $value: '{base.color.neutral.5}',
26
+ alpha: 1,
27
+ },
20
28
  'dark-high-contrast': {
21
29
  $value: '{base.color.neutral.5}',
22
30
  alpha: 1,
23
31
  },
32
+ 'dark-dimmed-high-contrast': {
33
+ $value: '{base.color.neutral.5}',
34
+ alpha: 1,
35
+ },
36
+ 'dark-protanopia-deuteranopia-high-contrast': {
37
+ $value: '{base.color.neutral.5}',
38
+ alpha: 1,
39
+ },
40
+ 'dark-tritanopia-high-contrast': {
41
+ $value: '{base.color.neutral.5}',
42
+ alpha: 1,
43
+ },
24
44
  },
25
45
  },
26
46
  alpha: 0.1,
package/src/tokens/component/tooltip.json5 CHANGED
@@ -10,7 +10,10 @@
10
10
  scopes: ['bgColor'],
11
11
  },
12
12
  'org.primer.overrides': {
13
- "dark-high-contrast": '{bgColor.inverse}',
13
+ 'dark-high-contrast': '{bgColor.inverse}',
14
+ 'dark-dimmed-high-contrast': '{bgColor.inverse}',
15
+ 'dark-protanopia-deuteranopia-high-contrast': '{bgColor.inverse}',
16
+ 'dark-tritanopia-high-contrast': '{bgColor.inverse}',
14
17
  },
15
18
  },
16
19
  },
@@ -24,7 +27,10 @@
24
27
  scopes: ['fgColor'],
25
28
  },
26
29
  'org.primer.overrides': {
27
- "dark-high-contrast": '{fgColor.onInverse}',
30
+ 'dark-high-contrast': '{fgColor.onInverse}',
31
+ 'dark-dimmed-high-contrast': '{fgColor.onInverse}',
32
+ 'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onInverse}',
33
+ 'dark-tritanopia-high-contrast': '{fgColor.onInverse}',
28
34
  },
29
35
  },
30
36
  },
package/src/tokens/component/topicTag.json5 CHANGED
@@ -11,7 +11,12 @@
11
11
  },
12
12
  'org.primer.overrides': {
13
13
  'light-high-contrast': '{borderColor.accent.emphasis}',
14
+ 'light-protanopia-deuteranopia-high-contrast': '{borderColor.accent.emphasis}',
15
+ 'light-tritanopia-high-contrast': '{borderColor.accent.emphasis}',
14
16
  'dark-high-contrast': '{borderColor.accent.emphasis}',
17
+ 'dark-dimmed-high-contrast': '{borderColor.accent.emphasis}',
18
+ 'dark-protanopia-deuteranopia-high-contrast': '{borderColor.accent.emphasis}',
19
+ 'dark-tritanopia-high-contrast': '{borderColor.accent.emphasis}',
15
20
  },
16
21
  },
17
22
  },