@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391
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.
- package/dist/build/platforms/css.js +2 -1
- package/dist/build/schemas/collections.d.ts +1 -1
- package/dist/build/schemas/colorToken.d.ts +260 -0
- package/dist/build/schemas/colorToken.js +10 -0
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
- package/dist/css/functional/themes/dark-colorblind.css +26 -26
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
- package/dist/css/functional/themes/dark-dimmed.css +60 -60
- package/dist/css/functional/themes/dark-high-contrast.css +24 -24
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
- package/dist/css/functional/themes/dark-tritanopia.css +26 -26
- package/dist/css/functional/themes/dark.css +26 -26
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
- package/dist/css/functional/themes/light-colorblind.css +30 -30
- package/dist/css/functional/themes/light-high-contrast.css +32 -32
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
- package/dist/css/functional/themes/light-tritanopia.css +28 -28
- package/dist/css/functional/themes/light.css +28 -28
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43196 -0
- package/dist/docs/functional/themes/dark-colorblind.json +7751 -517
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43190 -0
- package/dist/docs/functional/themes/dark-dimmed.json +7795 -561
- package/dist/docs/functional/themes/dark-high-contrast.json +7749 -519
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
- package/dist/docs/functional/themes/dark-tritanopia.json +7751 -517
- package/dist/docs/functional/themes/dark.json +7751 -517
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43156 -0
- package/dist/docs/functional/themes/light-colorblind.json +7742 -508
- package/dist/docs/functional/themes/light-high-contrast.json +7758 -528
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43156 -0
- package/dist/docs/functional/themes/light-tritanopia.json +7740 -506
- package/dist/docs/functional/themes/light.json +7740 -506
- package/dist/figma/figma.json +18 -8
- package/dist/figma/scales/dark-dimmed.json +14 -14
- package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
- package/dist/figma/themes/dark-colorblind.json +35 -38
- package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
- package/dist/figma/themes/dark-dimmed.json +102 -107
- package/dist/figma/themes/dark-high-contrast.json +28 -34
- package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
- package/dist/figma/themes/dark-tritanopia.json +35 -38
- package/dist/figma/themes/dark.json +35 -38
- package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
- package/dist/figma/themes/light-colorblind.json +21 -24
- package/dist/figma/themes/light-high-contrast.json +46 -51
- package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
- package/dist/figma/themes/light-tritanopia.json +19 -23
- package/dist/figma/themes/light.json +19 -23
- package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
- package/dist/internalCss/dark-colorblind.css +26 -26
- package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
- package/dist/internalCss/dark-dimmed.css +54 -54
- package/dist/internalCss/dark-high-contrast.css +24 -24
- package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
- package/dist/internalCss/dark-tritanopia.css +26 -26
- package/dist/internalCss/dark.css +26 -26
- package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
- package/dist/internalCss/light-colorblind.css +30 -30
- package/dist/internalCss/light-high-contrast.css +32 -32
- package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
- package/dist/internalCss/light-tritanopia.css +28 -28
- package/dist/internalCss/light.css +28 -28
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43196 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +7751 -517
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43190 -0
- package/dist/styleLint/functional/themes/dark-dimmed.json +7795 -561
- package/dist/styleLint/functional/themes/dark-high-contrast.json +7749 -519
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
- package/dist/styleLint/functional/themes/dark-tritanopia.json +7751 -517
- package/dist/styleLint/functional/themes/dark.json +7751 -517
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43156 -0
- package/dist/styleLint/functional/themes/light-colorblind.json +7742 -508
- package/dist/styleLint/functional/themes/light-high-contrast.json +7758 -528
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43156 -0
- package/dist/styleLint/functional/themes/light-tritanopia.json +7740 -506
- package/dist/styleLint/functional/themes/light.json +7740 -506
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
- package/src/tokens/component/avatar.json5 +17 -4
- package/src/tokens/component/button.json5 +260 -61
- package/src/tokens/component/codeMirror.json5 +20 -2
- package/src/tokens/component/contribution.json5 +35 -57
- package/src/tokens/component/counter.json5 +5 -0
- package/src/tokens/component/diffBlob.json5 +75 -8
- package/src/tokens/component/header.json5 +2 -0
- package/src/tokens/component/overlay.json5 +25 -0
- package/src/tokens/component/skeletonLoader.json5 +20 -0
- package/src/tokens/component/tooltip.json5 +8 -2
- package/src/tokens/component/topicTag.json5 +5 -0
- package/src/tokens/functional/color/bgColor.json5 +86 -0
- package/src/tokens/functional/color/borderColor.json5 +268 -0
- package/src/tokens/functional/color/control.json5 +343 -0
- package/src/tokens/functional/color/display.json5 +1334 -1239
- package/src/tokens/functional/color/fgColor.json5 +77 -17
- package/src/tokens/functional/color/syntax.json5 +44 -2
|
@@ -12,7 +12,8 @@ const getCssSelectors = (outputFile) => {
|
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
query: '@media (prefers-color-scheme: dark)',
|
|
15
|
-
|
|
15
|
+
// [data-color-mode] here is duplicated to increase the specificity so that light mode can't override it when prefers-color-scheme: dark is enabled
|
|
16
|
+
selector: `[data-color-mode][data-color-mode="auto"][data-dark-theme="${themeName}"], [data-color-mode][data-color-mode="auto"][data-dark-theme="${themeName}"] ::backdrop`,
|
|
16
17
|
},
|
|
17
18
|
];
|
|
18
19
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { z } from 'zod';
|
|
2
2
|
type Collections = 'base/color/light' | 'base/color/light-high-contrast' | 'base/color/dark' | 'base/color/dark-dimmed' | 'base/color/dark-high-contrast' | 'base/typography' | 'mode' | 'pattern/mode' | 'base/size' | 'functional/size' | 'pattern/size' | 'typography';
|
|
3
3
|
export declare const collection: (collections: Collections[]) => z.ZodEffects<z.ZodString, string, string>;
|
|
4
|
-
type Modes = 'light' | 'dark' | 'dark dimmed' | 'light high contrast' | 'dark high contrast' | 'light protanopia deuteranopia' | 'dark protanopia deuteranopia' | 'light tritanopia' | 'dark tritanopia';
|
|
4
|
+
type Modes = 'light' | 'dark' | 'dark dimmed' | 'dark dimmed high contrast' | 'light high contrast' | 'dark high contrast' | 'light protanopia deuteranopia' | 'dark protanopia deuteranopia' | 'light tritanopia' | 'dark tritanopia' | 'light high contrast protanopia deuteranopia' | 'dark high contrast protanopia deuteranopia' | 'light high contrast tritanopia' | 'dark high contrast tritanopia';
|
|
5
5
|
export declare const mode: (modes: Modes[]) => z.ZodEffects<z.ZodString, string, string>;
|
|
6
6
|
export {};
|
|
@@ -57,6 +57,22 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
57
57
|
$description?: string | undefined;
|
|
58
58
|
$deprecated?: string | boolean | undefined;
|
|
59
59
|
}>]>>;
|
|
60
|
+
'light-tritanopia-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
61
|
+
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
62
|
+
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
63
|
+
$value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
|
|
64
|
+
alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
|
|
65
|
+
}, "strict", z.ZodTypeAny, {
|
|
66
|
+
alpha?: any;
|
|
67
|
+
$value?: string | undefined;
|
|
68
|
+
$description?: string | undefined;
|
|
69
|
+
$deprecated?: string | boolean | undefined;
|
|
70
|
+
}, {
|
|
71
|
+
alpha?: any;
|
|
72
|
+
$value?: string | undefined;
|
|
73
|
+
$description?: string | undefined;
|
|
74
|
+
$deprecated?: string | boolean | undefined;
|
|
75
|
+
}>]>>;
|
|
60
76
|
'light-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
61
77
|
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
62
78
|
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
@@ -73,6 +89,22 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
73
89
|
$description?: string | undefined;
|
|
74
90
|
$deprecated?: string | boolean | undefined;
|
|
75
91
|
}>]>>;
|
|
92
|
+
'light-protanopia-deuteranopia-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
93
|
+
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
94
|
+
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
95
|
+
$value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
|
|
96
|
+
alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
|
|
97
|
+
}, "strict", z.ZodTypeAny, {
|
|
98
|
+
alpha?: any;
|
|
99
|
+
$value?: string | undefined;
|
|
100
|
+
$description?: string | undefined;
|
|
101
|
+
$deprecated?: string | boolean | undefined;
|
|
102
|
+
}, {
|
|
103
|
+
alpha?: any;
|
|
104
|
+
$value?: string | undefined;
|
|
105
|
+
$description?: string | undefined;
|
|
106
|
+
$deprecated?: string | boolean | undefined;
|
|
107
|
+
}>]>>;
|
|
76
108
|
'light-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
77
109
|
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
78
110
|
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
@@ -121,6 +153,22 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
121
153
|
$description?: string | undefined;
|
|
122
154
|
$deprecated?: string | boolean | undefined;
|
|
123
155
|
}>]>>;
|
|
156
|
+
'dark-tritanopia-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
157
|
+
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
158
|
+
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
159
|
+
$value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
|
|
160
|
+
alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
|
|
161
|
+
}, "strict", z.ZodTypeAny, {
|
|
162
|
+
alpha?: any;
|
|
163
|
+
$value?: string | undefined;
|
|
164
|
+
$description?: string | undefined;
|
|
165
|
+
$deprecated?: string | boolean | undefined;
|
|
166
|
+
}, {
|
|
167
|
+
alpha?: any;
|
|
168
|
+
$value?: string | undefined;
|
|
169
|
+
$description?: string | undefined;
|
|
170
|
+
$deprecated?: string | boolean | undefined;
|
|
171
|
+
}>]>>;
|
|
124
172
|
'dark-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
125
173
|
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
126
174
|
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
@@ -137,6 +185,22 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
137
185
|
$description?: string | undefined;
|
|
138
186
|
$deprecated?: string | boolean | undefined;
|
|
139
187
|
}>]>>;
|
|
188
|
+
'dark-protanopia-deuteranopia-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
189
|
+
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
190
|
+
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
191
|
+
$value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
|
|
192
|
+
alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
|
|
193
|
+
}, "strict", z.ZodTypeAny, {
|
|
194
|
+
alpha?: any;
|
|
195
|
+
$value?: string | undefined;
|
|
196
|
+
$description?: string | undefined;
|
|
197
|
+
$deprecated?: string | boolean | undefined;
|
|
198
|
+
}, {
|
|
199
|
+
alpha?: any;
|
|
200
|
+
$value?: string | undefined;
|
|
201
|
+
$description?: string | undefined;
|
|
202
|
+
$deprecated?: string | boolean | undefined;
|
|
203
|
+
}>]>>;
|
|
140
204
|
'dark-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
141
205
|
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
142
206
|
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
@@ -169,6 +233,22 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
169
233
|
$description?: string | undefined;
|
|
170
234
|
$deprecated?: string | boolean | undefined;
|
|
171
235
|
}>]>>;
|
|
236
|
+
'dark-dimmed-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
|
|
237
|
+
$description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
|
|
238
|
+
$deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
|
|
239
|
+
$value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
|
|
240
|
+
alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
|
|
241
|
+
}, "strict", z.ZodTypeAny, {
|
|
242
|
+
alpha?: any;
|
|
243
|
+
$value?: string | undefined;
|
|
244
|
+
$description?: string | undefined;
|
|
245
|
+
$deprecated?: string | boolean | undefined;
|
|
246
|
+
}, {
|
|
247
|
+
alpha?: any;
|
|
248
|
+
$value?: string | undefined;
|
|
249
|
+
$description?: string | undefined;
|
|
250
|
+
$deprecated?: string | boolean | undefined;
|
|
251
|
+
}>]>>;
|
|
172
252
|
}, "strict", z.ZodTypeAny, {
|
|
173
253
|
light?: string | {
|
|
174
254
|
alpha?: any;
|
|
@@ -188,12 +268,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
188
268
|
$description?: string | undefined;
|
|
189
269
|
$deprecated?: string | boolean | undefined;
|
|
190
270
|
} | undefined;
|
|
271
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
272
|
+
alpha?: any;
|
|
273
|
+
$value?: string | undefined;
|
|
274
|
+
$description?: string | undefined;
|
|
275
|
+
$deprecated?: string | boolean | undefined;
|
|
276
|
+
} | undefined;
|
|
191
277
|
'light-protanopia-deuteranopia'?: string | {
|
|
192
278
|
alpha?: any;
|
|
193
279
|
$value?: string | undefined;
|
|
194
280
|
$description?: string | undefined;
|
|
195
281
|
$deprecated?: string | boolean | undefined;
|
|
196
282
|
} | undefined;
|
|
283
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
284
|
+
alpha?: any;
|
|
285
|
+
$value?: string | undefined;
|
|
286
|
+
$description?: string | undefined;
|
|
287
|
+
$deprecated?: string | boolean | undefined;
|
|
288
|
+
} | undefined;
|
|
197
289
|
'light-high-contrast'?: string | {
|
|
198
290
|
alpha?: any;
|
|
199
291
|
$value?: string | undefined;
|
|
@@ -206,12 +298,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
206
298
|
$description?: string | undefined;
|
|
207
299
|
$deprecated?: string | boolean | undefined;
|
|
208
300
|
} | undefined;
|
|
301
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
302
|
+
alpha?: any;
|
|
303
|
+
$value?: string | undefined;
|
|
304
|
+
$description?: string | undefined;
|
|
305
|
+
$deprecated?: string | boolean | undefined;
|
|
306
|
+
} | undefined;
|
|
209
307
|
'dark-protanopia-deuteranopia'?: string | {
|
|
210
308
|
alpha?: any;
|
|
211
309
|
$value?: string | undefined;
|
|
212
310
|
$description?: string | undefined;
|
|
213
311
|
$deprecated?: string | boolean | undefined;
|
|
214
312
|
} | undefined;
|
|
313
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
314
|
+
alpha?: any;
|
|
315
|
+
$value?: string | undefined;
|
|
316
|
+
$description?: string | undefined;
|
|
317
|
+
$deprecated?: string | boolean | undefined;
|
|
318
|
+
} | undefined;
|
|
215
319
|
'dark-high-contrast'?: string | {
|
|
216
320
|
alpha?: any;
|
|
217
321
|
$value?: string | undefined;
|
|
@@ -224,6 +328,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
224
328
|
$description?: string | undefined;
|
|
225
329
|
$deprecated?: string | boolean | undefined;
|
|
226
330
|
} | undefined;
|
|
331
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
332
|
+
alpha?: any;
|
|
333
|
+
$value?: string | undefined;
|
|
334
|
+
$description?: string | undefined;
|
|
335
|
+
$deprecated?: string | boolean | undefined;
|
|
336
|
+
} | undefined;
|
|
227
337
|
}, {
|
|
228
338
|
light?: string | {
|
|
229
339
|
alpha?: any;
|
|
@@ -243,12 +353,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
243
353
|
$description?: string | undefined;
|
|
244
354
|
$deprecated?: string | boolean | undefined;
|
|
245
355
|
} | undefined;
|
|
356
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
357
|
+
alpha?: any;
|
|
358
|
+
$value?: string | undefined;
|
|
359
|
+
$description?: string | undefined;
|
|
360
|
+
$deprecated?: string | boolean | undefined;
|
|
361
|
+
} | undefined;
|
|
246
362
|
'light-protanopia-deuteranopia'?: string | {
|
|
247
363
|
alpha?: any;
|
|
248
364
|
$value?: string | undefined;
|
|
249
365
|
$description?: string | undefined;
|
|
250
366
|
$deprecated?: string | boolean | undefined;
|
|
251
367
|
} | undefined;
|
|
368
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
369
|
+
alpha?: any;
|
|
370
|
+
$value?: string | undefined;
|
|
371
|
+
$description?: string | undefined;
|
|
372
|
+
$deprecated?: string | boolean | undefined;
|
|
373
|
+
} | undefined;
|
|
252
374
|
'light-high-contrast'?: string | {
|
|
253
375
|
alpha?: any;
|
|
254
376
|
$value?: string | undefined;
|
|
@@ -261,12 +383,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
261
383
|
$description?: string | undefined;
|
|
262
384
|
$deprecated?: string | boolean | undefined;
|
|
263
385
|
} | undefined;
|
|
386
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
387
|
+
alpha?: any;
|
|
388
|
+
$value?: string | undefined;
|
|
389
|
+
$description?: string | undefined;
|
|
390
|
+
$deprecated?: string | boolean | undefined;
|
|
391
|
+
} | undefined;
|
|
264
392
|
'dark-protanopia-deuteranopia'?: string | {
|
|
265
393
|
alpha?: any;
|
|
266
394
|
$value?: string | undefined;
|
|
267
395
|
$description?: string | undefined;
|
|
268
396
|
$deprecated?: string | boolean | undefined;
|
|
269
397
|
} | undefined;
|
|
398
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
399
|
+
alpha?: any;
|
|
400
|
+
$value?: string | undefined;
|
|
401
|
+
$description?: string | undefined;
|
|
402
|
+
$deprecated?: string | boolean | undefined;
|
|
403
|
+
} | undefined;
|
|
270
404
|
'dark-high-contrast'?: string | {
|
|
271
405
|
alpha?: any;
|
|
272
406
|
$value?: string | undefined;
|
|
@@ -279,6 +413,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
279
413
|
$description?: string | undefined;
|
|
280
414
|
$deprecated?: string | boolean | undefined;
|
|
281
415
|
} | undefined;
|
|
416
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
417
|
+
alpha?: any;
|
|
418
|
+
$value?: string | undefined;
|
|
419
|
+
$description?: string | undefined;
|
|
420
|
+
$deprecated?: string | boolean | undefined;
|
|
421
|
+
} | undefined;
|
|
282
422
|
}>>;
|
|
283
423
|
}, "strict", z.ZodTypeAny, {
|
|
284
424
|
'org.primer.figma'?: {
|
|
@@ -306,12 +446,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
306
446
|
$description?: string | undefined;
|
|
307
447
|
$deprecated?: string | boolean | undefined;
|
|
308
448
|
} | undefined;
|
|
449
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
450
|
+
alpha?: any;
|
|
451
|
+
$value?: string | undefined;
|
|
452
|
+
$description?: string | undefined;
|
|
453
|
+
$deprecated?: string | boolean | undefined;
|
|
454
|
+
} | undefined;
|
|
309
455
|
'light-protanopia-deuteranopia'?: string | {
|
|
310
456
|
alpha?: any;
|
|
311
457
|
$value?: string | undefined;
|
|
312
458
|
$description?: string | undefined;
|
|
313
459
|
$deprecated?: string | boolean | undefined;
|
|
314
460
|
} | undefined;
|
|
461
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
462
|
+
alpha?: any;
|
|
463
|
+
$value?: string | undefined;
|
|
464
|
+
$description?: string | undefined;
|
|
465
|
+
$deprecated?: string | boolean | undefined;
|
|
466
|
+
} | undefined;
|
|
315
467
|
'light-high-contrast'?: string | {
|
|
316
468
|
alpha?: any;
|
|
317
469
|
$value?: string | undefined;
|
|
@@ -324,12 +476,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
324
476
|
$description?: string | undefined;
|
|
325
477
|
$deprecated?: string | boolean | undefined;
|
|
326
478
|
} | undefined;
|
|
479
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
480
|
+
alpha?: any;
|
|
481
|
+
$value?: string | undefined;
|
|
482
|
+
$description?: string | undefined;
|
|
483
|
+
$deprecated?: string | boolean | undefined;
|
|
484
|
+
} | undefined;
|
|
327
485
|
'dark-protanopia-deuteranopia'?: string | {
|
|
328
486
|
alpha?: any;
|
|
329
487
|
$value?: string | undefined;
|
|
330
488
|
$description?: string | undefined;
|
|
331
489
|
$deprecated?: string | boolean | undefined;
|
|
332
490
|
} | undefined;
|
|
491
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
492
|
+
alpha?: any;
|
|
493
|
+
$value?: string | undefined;
|
|
494
|
+
$description?: string | undefined;
|
|
495
|
+
$deprecated?: string | boolean | undefined;
|
|
496
|
+
} | undefined;
|
|
333
497
|
'dark-high-contrast'?: string | {
|
|
334
498
|
alpha?: any;
|
|
335
499
|
$value?: string | undefined;
|
|
@@ -342,6 +506,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
342
506
|
$description?: string | undefined;
|
|
343
507
|
$deprecated?: string | boolean | undefined;
|
|
344
508
|
} | undefined;
|
|
509
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
510
|
+
alpha?: any;
|
|
511
|
+
$value?: string | undefined;
|
|
512
|
+
$description?: string | undefined;
|
|
513
|
+
$deprecated?: string | boolean | undefined;
|
|
514
|
+
} | undefined;
|
|
345
515
|
} | undefined;
|
|
346
516
|
}, {
|
|
347
517
|
'org.primer.figma'?: {
|
|
@@ -369,12 +539,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
369
539
|
$description?: string | undefined;
|
|
370
540
|
$deprecated?: string | boolean | undefined;
|
|
371
541
|
} | undefined;
|
|
542
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
543
|
+
alpha?: any;
|
|
544
|
+
$value?: string | undefined;
|
|
545
|
+
$description?: string | undefined;
|
|
546
|
+
$deprecated?: string | boolean | undefined;
|
|
547
|
+
} | undefined;
|
|
372
548
|
'light-protanopia-deuteranopia'?: string | {
|
|
373
549
|
alpha?: any;
|
|
374
550
|
$value?: string | undefined;
|
|
375
551
|
$description?: string | undefined;
|
|
376
552
|
$deprecated?: string | boolean | undefined;
|
|
377
553
|
} | undefined;
|
|
554
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
555
|
+
alpha?: any;
|
|
556
|
+
$value?: string | undefined;
|
|
557
|
+
$description?: string | undefined;
|
|
558
|
+
$deprecated?: string | boolean | undefined;
|
|
559
|
+
} | undefined;
|
|
378
560
|
'light-high-contrast'?: string | {
|
|
379
561
|
alpha?: any;
|
|
380
562
|
$value?: string | undefined;
|
|
@@ -387,12 +569,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
387
569
|
$description?: string | undefined;
|
|
388
570
|
$deprecated?: string | boolean | undefined;
|
|
389
571
|
} | undefined;
|
|
572
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
573
|
+
alpha?: any;
|
|
574
|
+
$value?: string | undefined;
|
|
575
|
+
$description?: string | undefined;
|
|
576
|
+
$deprecated?: string | boolean | undefined;
|
|
577
|
+
} | undefined;
|
|
390
578
|
'dark-protanopia-deuteranopia'?: string | {
|
|
391
579
|
alpha?: any;
|
|
392
580
|
$value?: string | undefined;
|
|
393
581
|
$description?: string | undefined;
|
|
394
582
|
$deprecated?: string | boolean | undefined;
|
|
395
583
|
} | undefined;
|
|
584
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
585
|
+
alpha?: any;
|
|
586
|
+
$value?: string | undefined;
|
|
587
|
+
$description?: string | undefined;
|
|
588
|
+
$deprecated?: string | boolean | undefined;
|
|
589
|
+
} | undefined;
|
|
396
590
|
'dark-high-contrast'?: string | {
|
|
397
591
|
alpha?: any;
|
|
398
592
|
$value?: string | undefined;
|
|
@@ -405,6 +599,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
405
599
|
$description?: string | undefined;
|
|
406
600
|
$deprecated?: string | boolean | undefined;
|
|
407
601
|
} | undefined;
|
|
602
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
603
|
+
alpha?: any;
|
|
604
|
+
$value?: string | undefined;
|
|
605
|
+
$description?: string | undefined;
|
|
606
|
+
$deprecated?: string | boolean | undefined;
|
|
607
|
+
} | undefined;
|
|
408
608
|
} | undefined;
|
|
409
609
|
}>>;
|
|
410
610
|
}>, "strict", z.ZodTypeAny, {
|
|
@@ -439,12 +639,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
439
639
|
$description?: string | undefined;
|
|
440
640
|
$deprecated?: string | boolean | undefined;
|
|
441
641
|
} | undefined;
|
|
642
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
643
|
+
alpha?: any;
|
|
644
|
+
$value?: string | undefined;
|
|
645
|
+
$description?: string | undefined;
|
|
646
|
+
$deprecated?: string | boolean | undefined;
|
|
647
|
+
} | undefined;
|
|
442
648
|
'light-protanopia-deuteranopia'?: string | {
|
|
443
649
|
alpha?: any;
|
|
444
650
|
$value?: string | undefined;
|
|
445
651
|
$description?: string | undefined;
|
|
446
652
|
$deprecated?: string | boolean | undefined;
|
|
447
653
|
} | undefined;
|
|
654
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
655
|
+
alpha?: any;
|
|
656
|
+
$value?: string | undefined;
|
|
657
|
+
$description?: string | undefined;
|
|
658
|
+
$deprecated?: string | boolean | undefined;
|
|
659
|
+
} | undefined;
|
|
448
660
|
'light-high-contrast'?: string | {
|
|
449
661
|
alpha?: any;
|
|
450
662
|
$value?: string | undefined;
|
|
@@ -457,12 +669,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
457
669
|
$description?: string | undefined;
|
|
458
670
|
$deprecated?: string | boolean | undefined;
|
|
459
671
|
} | undefined;
|
|
672
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
673
|
+
alpha?: any;
|
|
674
|
+
$value?: string | undefined;
|
|
675
|
+
$description?: string | undefined;
|
|
676
|
+
$deprecated?: string | boolean | undefined;
|
|
677
|
+
} | undefined;
|
|
460
678
|
'dark-protanopia-deuteranopia'?: string | {
|
|
461
679
|
alpha?: any;
|
|
462
680
|
$value?: string | undefined;
|
|
463
681
|
$description?: string | undefined;
|
|
464
682
|
$deprecated?: string | boolean | undefined;
|
|
465
683
|
} | undefined;
|
|
684
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
685
|
+
alpha?: any;
|
|
686
|
+
$value?: string | undefined;
|
|
687
|
+
$description?: string | undefined;
|
|
688
|
+
$deprecated?: string | boolean | undefined;
|
|
689
|
+
} | undefined;
|
|
466
690
|
'dark-high-contrast'?: string | {
|
|
467
691
|
alpha?: any;
|
|
468
692
|
$value?: string | undefined;
|
|
@@ -475,6 +699,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
475
699
|
$description?: string | undefined;
|
|
476
700
|
$deprecated?: string | boolean | undefined;
|
|
477
701
|
} | undefined;
|
|
702
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
703
|
+
alpha?: any;
|
|
704
|
+
$value?: string | undefined;
|
|
705
|
+
$description?: string | undefined;
|
|
706
|
+
$deprecated?: string | boolean | undefined;
|
|
707
|
+
} | undefined;
|
|
478
708
|
} | undefined;
|
|
479
709
|
} | undefined;
|
|
480
710
|
}, {
|
|
@@ -509,12 +739,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
509
739
|
$description?: string | undefined;
|
|
510
740
|
$deprecated?: string | boolean | undefined;
|
|
511
741
|
} | undefined;
|
|
742
|
+
'light-tritanopia-high-contrast'?: string | {
|
|
743
|
+
alpha?: any;
|
|
744
|
+
$value?: string | undefined;
|
|
745
|
+
$description?: string | undefined;
|
|
746
|
+
$deprecated?: string | boolean | undefined;
|
|
747
|
+
} | undefined;
|
|
512
748
|
'light-protanopia-deuteranopia'?: string | {
|
|
513
749
|
alpha?: any;
|
|
514
750
|
$value?: string | undefined;
|
|
515
751
|
$description?: string | undefined;
|
|
516
752
|
$deprecated?: string | boolean | undefined;
|
|
517
753
|
} | undefined;
|
|
754
|
+
'light-protanopia-deuteranopia-high-contrast'?: string | {
|
|
755
|
+
alpha?: any;
|
|
756
|
+
$value?: string | undefined;
|
|
757
|
+
$description?: string | undefined;
|
|
758
|
+
$deprecated?: string | boolean | undefined;
|
|
759
|
+
} | undefined;
|
|
518
760
|
'light-high-contrast'?: string | {
|
|
519
761
|
alpha?: any;
|
|
520
762
|
$value?: string | undefined;
|
|
@@ -527,12 +769,24 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
527
769
|
$description?: string | undefined;
|
|
528
770
|
$deprecated?: string | boolean | undefined;
|
|
529
771
|
} | undefined;
|
|
772
|
+
'dark-tritanopia-high-contrast'?: string | {
|
|
773
|
+
alpha?: any;
|
|
774
|
+
$value?: string | undefined;
|
|
775
|
+
$description?: string | undefined;
|
|
776
|
+
$deprecated?: string | boolean | undefined;
|
|
777
|
+
} | undefined;
|
|
530
778
|
'dark-protanopia-deuteranopia'?: string | {
|
|
531
779
|
alpha?: any;
|
|
532
780
|
$value?: string | undefined;
|
|
533
781
|
$description?: string | undefined;
|
|
534
782
|
$deprecated?: string | boolean | undefined;
|
|
535
783
|
} | undefined;
|
|
784
|
+
'dark-protanopia-deuteranopia-high-contrast'?: string | {
|
|
785
|
+
alpha?: any;
|
|
786
|
+
$value?: string | undefined;
|
|
787
|
+
$description?: string | undefined;
|
|
788
|
+
$deprecated?: string | boolean | undefined;
|
|
789
|
+
} | undefined;
|
|
536
790
|
'dark-high-contrast'?: string | {
|
|
537
791
|
alpha?: any;
|
|
538
792
|
$value?: string | undefined;
|
|
@@ -545,6 +799,12 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUt
|
|
|
545
799
|
$description?: string | undefined;
|
|
546
800
|
$deprecated?: string | boolean | undefined;
|
|
547
801
|
} | undefined;
|
|
802
|
+
'dark-dimmed-high-contrast'?: string | {
|
|
803
|
+
alpha?: any;
|
|
804
|
+
$value?: string | undefined;
|
|
805
|
+
$description?: string | undefined;
|
|
806
|
+
$deprecated?: string | boolean | undefined;
|
|
807
|
+
} | undefined;
|
|
548
808
|
} | undefined;
|
|
549
809
|
} | undefined;
|
|
550
810
|
}>;
|
|
@@ -31,12 +31,17 @@ export const colorToken = baseColorToken
|
|
|
31
31
|
'light',
|
|
32
32
|
'dark',
|
|
33
33
|
'dark dimmed',
|
|
34
|
+
'dark dimmed high contrast',
|
|
34
35
|
'light high contrast',
|
|
35
36
|
'dark high contrast',
|
|
36
37
|
'light protanopia deuteranopia',
|
|
37
38
|
'dark protanopia deuteranopia',
|
|
38
39
|
'light tritanopia',
|
|
39
40
|
'dark tritanopia',
|
|
41
|
+
'light high contrast protanopia deuteranopia',
|
|
42
|
+
'dark high contrast protanopia deuteranopia',
|
|
43
|
+
'light high contrast tritanopia',
|
|
44
|
+
'dark high contrast tritanopia',
|
|
40
45
|
]).optional(),
|
|
41
46
|
scopes: scopes(['all', 'bgColor', 'fgColor', 'borderColor', 'effectColor']).optional(),
|
|
42
47
|
group: z.string().optional(),
|
|
@@ -46,13 +51,18 @@ export const colorToken = baseColorToken
|
|
|
46
51
|
.object({
|
|
47
52
|
light: override,
|
|
48
53
|
'light-tritanopia': override,
|
|
54
|
+
'light-tritanopia-high-contrast': override,
|
|
49
55
|
'light-protanopia-deuteranopia': override,
|
|
56
|
+
'light-protanopia-deuteranopia-high-contrast': override,
|
|
50
57
|
'light-high-contrast': override,
|
|
51
58
|
dark: override,
|
|
52
59
|
'dark-tritanopia': override,
|
|
60
|
+
'dark-tritanopia-high-contrast': override,
|
|
53
61
|
'dark-protanopia-deuteranopia': override,
|
|
62
|
+
'dark-protanopia-deuteranopia-high-contrast': override,
|
|
54
63
|
'dark-high-contrast': override,
|
|
55
64
|
'dark-dimmed': override,
|
|
65
|
+
'dark-dimmed-high-contrast': override,
|
|
56
66
|
}, {
|
|
57
67
|
errorMap: e => {
|
|
58
68
|
if (e.code === 'unrecognized_keys') {
|