@workday/canvas-tokens-web 5.0.0-alpha.0 → 5.0.0-alpha.2
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/css/base/_variables.css +141 -100
- package/css/brand/_variables.css +39 -31
- package/css/component/_variables.css +1 -1
- package/css/legacy/base.css +340 -0
- package/css/legacy/brand.css +121 -0
- package/css/legacy/component.css +23 -0
- package/css/legacy/system.css +232 -0
- package/css/system/_variables.css +126 -53
- package/dist/common-js/base/index.d.ts +908 -732
- package/dist/common-js/base/index.js +378 -1
- package/dist/common-js/brand/index.d.ts +260 -77
- package/dist/common-js/brand/index.js +131 -1
- package/dist/common-js/component/index.d.ts +36 -1
- package/dist/common-js/component/index.js +31 -1
- package/dist/common-js/index.d.ts +1 -1
- package/dist/common-js/index.js +1 -1
- package/dist/common-js/system/index.d.ts +956 -70
- package/dist/common-js/system/index.js +520 -14
- package/dist/es6/base/index.d.ts +908 -732
- package/dist/es6/base/index.js +378 -1
- package/dist/es6/brand/index.d.ts +260 -77
- package/dist/es6/brand/index.js +131 -1
- package/dist/es6/component/index.d.ts +36 -1
- package/dist/es6/component/index.js +31 -1
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/system/index.d.ts +956 -70
- package/dist/es6/system/index.js +520 -14
- package/less/base/_variables.less +141 -100
- package/less/brand/_variables.less +39 -31
- package/less/component/_variables.less +1 -1
- package/less/system/_variables.less +126 -53
- package/package.json +1 -1
- package/scss/base/_variables.sass +141 -100
- package/scss/base/_variables.scss +141 -100
- package/scss/brand/_variables.sass +39 -31
- package/scss/brand/_variables.scss +39 -31
- package/scss/component/_variables.sass +1 -1
- package/scss/component/_variables.scss +1 -1
- package/scss/system/_variables.sass +126 -53
- package/scss/system/_variables.scss +126 -53
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 25 Jun 2026 23:45:10 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -57,7 +57,7 @@ export declare const primary500: "--cnvs-brand-primary-500";
|
|
|
57
57
|
*
|
|
58
58
|
* **CSS Var**: `--cnvs-brand-primary-600`
|
|
59
59
|
*
|
|
60
|
-
* Base primary color. Use fg.inverse
|
|
60
|
+
* Base primary color. Use fg.inverse instead
|
|
61
61
|
*/
|
|
62
62
|
export declare const primary600: "--cnvs-brand-primary-600";
|
|
63
63
|
|
|
@@ -102,7 +102,7 @@ export declare const primary: {
|
|
|
102
102
|
*
|
|
103
103
|
* **CSS Var**: `--cnvs-brand-primary-base`
|
|
104
104
|
*
|
|
105
|
-
* @deprecated replace primary.base with
|
|
105
|
+
* @deprecated replace primary.base with `brand.primary.600`
|
|
106
106
|
*/
|
|
107
107
|
"base": "--cnvs-brand-primary-base",
|
|
108
108
|
/**
|
|
@@ -110,7 +110,7 @@ export declare const primary: {
|
|
|
110
110
|
*
|
|
111
111
|
* **CSS Var**: `--cnvs-brand-primary-lightest`
|
|
112
112
|
*
|
|
113
|
-
* @deprecated replace primary.lightest with
|
|
113
|
+
* @deprecated replace primary.lightest with `brand.primary.25`
|
|
114
114
|
*/
|
|
115
115
|
"lightest": "--cnvs-brand-primary-lightest",
|
|
116
116
|
/**
|
|
@@ -118,7 +118,7 @@ export declare const primary: {
|
|
|
118
118
|
*
|
|
119
119
|
* **CSS Var**: `--cnvs-brand-primary-darkest`
|
|
120
120
|
*
|
|
121
|
-
* @deprecated replace primary.darkest with
|
|
121
|
+
* @deprecated replace primary.darkest with `brand.primary.800`
|
|
122
122
|
*/
|
|
123
123
|
"darkest": "--cnvs-brand-primary-darkest",
|
|
124
124
|
/**
|
|
@@ -126,7 +126,7 @@ export declare const primary: {
|
|
|
126
126
|
*
|
|
127
127
|
* **CSS Var**: `--cnvs-brand-primary-dark`
|
|
128
128
|
*
|
|
129
|
-
* @deprecated replace primary.dark with
|
|
129
|
+
* @deprecated replace primary.dark with `brand.primary.700`
|
|
130
130
|
*/
|
|
131
131
|
"dark": "--cnvs-brand-primary-dark",
|
|
132
132
|
/**
|
|
@@ -134,7 +134,7 @@ export declare const primary: {
|
|
|
134
134
|
*
|
|
135
135
|
* **CSS Var**: `--cnvs-brand-primary-accent`
|
|
136
136
|
*
|
|
137
|
-
* @deprecated replace primary.accent with
|
|
137
|
+
* @deprecated replace primary.accent with `sys.color.fg.inverse`
|
|
138
138
|
*/
|
|
139
139
|
"accent": "--cnvs-brand-primary-accent",
|
|
140
140
|
/**
|
|
@@ -142,7 +142,7 @@ export declare const primary: {
|
|
|
142
142
|
*
|
|
143
143
|
* **CSS Var**: `--cnvs-brand-primary-lighter`
|
|
144
144
|
*
|
|
145
|
-
* @deprecated replace primary.lighter with
|
|
145
|
+
* @deprecated replace primary.lighter with `brand.primary.50`
|
|
146
146
|
*/
|
|
147
147
|
"lighter": "--cnvs-brand-primary-lighter",
|
|
148
148
|
/**
|
|
@@ -150,7 +150,7 @@ export declare const primary: {
|
|
|
150
150
|
*
|
|
151
151
|
* **CSS Var**: `--cnvs-brand-primary-light`
|
|
152
152
|
*
|
|
153
|
-
* @deprecated replace primary.light with
|
|
153
|
+
* @deprecated replace primary.light with `brand.primary.200`
|
|
154
154
|
*/
|
|
155
155
|
"light": "--cnvs-brand-primary-light",
|
|
156
156
|
};
|
|
@@ -183,13 +183,20 @@ export declare const primaryA100: "--cnvs-brand-primary-a100";
|
|
|
183
183
|
*/
|
|
184
184
|
export declare const primaryA200: "--cnvs-brand-primary-a200";
|
|
185
185
|
|
|
186
|
+
/**
|
|
187
|
+
* **value**: `{base.palette.blue.A300}`
|
|
188
|
+
*
|
|
189
|
+
* **CSS Var**: `--cnvs-brand-primary-a300`
|
|
190
|
+
*/
|
|
191
|
+
export declare const primaryA300: "--cnvs-brand-primary-a300";
|
|
192
|
+
|
|
186
193
|
export declare const error: {
|
|
187
194
|
/**
|
|
188
195
|
* **value**: `{base.palette.red.600}`
|
|
189
196
|
*
|
|
190
197
|
* **CSS Var**: `--cnvs-brand-error-base`
|
|
191
198
|
*
|
|
192
|
-
* @deprecated replace error.base with
|
|
199
|
+
* @deprecated replace error.base with `brand.critical.600`
|
|
193
200
|
*/
|
|
194
201
|
"base": "--cnvs-brand-error-base",
|
|
195
202
|
/**
|
|
@@ -197,7 +204,7 @@ export declare const error: {
|
|
|
197
204
|
*
|
|
198
205
|
* **CSS Var**: `--cnvs-brand-error-lightest`
|
|
199
206
|
*
|
|
200
|
-
* @deprecated replace error.lightest with
|
|
207
|
+
* @deprecated replace error.lightest with `brand.critical.25`
|
|
201
208
|
*/
|
|
202
209
|
"lightest": "--cnvs-brand-error-lightest",
|
|
203
210
|
/**
|
|
@@ -205,7 +212,7 @@ export declare const error: {
|
|
|
205
212
|
*
|
|
206
213
|
* **CSS Var**: `--cnvs-brand-error-dark`
|
|
207
214
|
*
|
|
208
|
-
* @deprecated replace error.dark with
|
|
215
|
+
* @deprecated replace error.dark with `brand.critical.700`
|
|
209
216
|
*/
|
|
210
217
|
"dark": "--cnvs-brand-error-dark",
|
|
211
218
|
/**
|
|
@@ -213,7 +220,7 @@ export declare const error: {
|
|
|
213
220
|
*
|
|
214
221
|
* **CSS Var**: `--cnvs-brand-error-darkest`
|
|
215
222
|
*
|
|
216
|
-
* @deprecated replace error.darkest with
|
|
223
|
+
* @deprecated replace error.darkest with `brand.critical.800`
|
|
217
224
|
*/
|
|
218
225
|
"darkest": "--cnvs-brand-error-darkest",
|
|
219
226
|
/**
|
|
@@ -221,7 +228,7 @@ export declare const error: {
|
|
|
221
228
|
*
|
|
222
229
|
* **CSS Var**: `--cnvs-brand-error-accent`
|
|
223
230
|
*
|
|
224
|
-
* @deprecated replace error.accent with
|
|
231
|
+
* @deprecated replace error.accent with `sys.color.fg.inverse`
|
|
225
232
|
*/
|
|
226
233
|
"accent": "--cnvs-brand-error-accent",
|
|
227
234
|
/**
|
|
@@ -229,7 +236,7 @@ export declare const error: {
|
|
|
229
236
|
*
|
|
230
237
|
* **CSS Var**: `--cnvs-brand-error-lighter`
|
|
231
238
|
*
|
|
232
|
-
* @deprecated replace error.lighter with
|
|
239
|
+
* @deprecated replace error.lighter with `brand.critical.50`
|
|
233
240
|
*/
|
|
234
241
|
"lighter": "--cnvs-brand-error-lighter",
|
|
235
242
|
/**
|
|
@@ -237,7 +244,7 @@ export declare const error: {
|
|
|
237
244
|
*
|
|
238
245
|
* **CSS Var**: `--cnvs-brand-error-light`
|
|
239
246
|
*
|
|
240
|
-
* @deprecated replace error.light with
|
|
247
|
+
* @deprecated replace error.light with `brand.critical.200`
|
|
241
248
|
*/
|
|
242
249
|
"light": "--cnvs-brand-error-light",
|
|
243
250
|
};
|
|
@@ -248,7 +255,7 @@ export declare const alert: {
|
|
|
248
255
|
*
|
|
249
256
|
* **CSS Var**: `--cnvs-brand-alert-base`
|
|
250
257
|
*
|
|
251
|
-
* @deprecated replace alert.base with
|
|
258
|
+
* @deprecated replace alert.base with `brand.caution.400`
|
|
252
259
|
*/
|
|
253
260
|
"base": "--cnvs-brand-alert-base",
|
|
254
261
|
/**
|
|
@@ -256,7 +263,7 @@ export declare const alert: {
|
|
|
256
263
|
*
|
|
257
264
|
* **CSS Var**: `--cnvs-brand-alert-lighter`
|
|
258
265
|
*
|
|
259
|
-
* @deprecated replace alert.lighter with
|
|
266
|
+
* @deprecated replace alert.lighter with `brand.caution.50`
|
|
260
267
|
*/
|
|
261
268
|
"lighter": "--cnvs-brand-alert-lighter",
|
|
262
269
|
/**
|
|
@@ -264,7 +271,7 @@ export declare const alert: {
|
|
|
264
271
|
*
|
|
265
272
|
* **CSS Var**: `--cnvs-brand-alert-lightest`
|
|
266
273
|
*
|
|
267
|
-
* @deprecated replace alert.lightest with
|
|
274
|
+
* @deprecated replace alert.lightest with `brand.caution.25`
|
|
268
275
|
*/
|
|
269
276
|
"lightest": "--cnvs-brand-alert-lightest",
|
|
270
277
|
/**
|
|
@@ -272,7 +279,7 @@ export declare const alert: {
|
|
|
272
279
|
*
|
|
273
280
|
* **CSS Var**: `--cnvs-brand-alert-dark`
|
|
274
281
|
*
|
|
275
|
-
* @deprecated replace alert.dark with
|
|
282
|
+
* @deprecated replace alert.dark with `brand.caution.500`
|
|
276
283
|
*/
|
|
277
284
|
"dark": "--cnvs-brand-alert-dark",
|
|
278
285
|
/**
|
|
@@ -280,7 +287,7 @@ export declare const alert: {
|
|
|
280
287
|
*
|
|
281
288
|
* **CSS Var**: `--cnvs-brand-alert-darkest`
|
|
282
289
|
*
|
|
283
|
-
* @deprecated replace alert.darkest with
|
|
290
|
+
* @deprecated replace alert.darkest with `brand.caution.600`
|
|
284
291
|
*/
|
|
285
292
|
"darkest": "--cnvs-brand-alert-darkest",
|
|
286
293
|
/**
|
|
@@ -288,7 +295,7 @@ export declare const alert: {
|
|
|
288
295
|
*
|
|
289
296
|
* **CSS Var**: `--cnvs-brand-alert-accent`
|
|
290
297
|
*
|
|
291
|
-
* @deprecated replace alert.accent with
|
|
298
|
+
* @deprecated replace alert.accent with `sys.color.fg.contrast.default`
|
|
292
299
|
*/
|
|
293
300
|
"accent": "--cnvs-brand-alert-accent",
|
|
294
301
|
/**
|
|
@@ -296,7 +303,7 @@ export declare const alert: {
|
|
|
296
303
|
*
|
|
297
304
|
* **CSS Var**: `--cnvs-brand-alert-light`
|
|
298
305
|
*
|
|
299
|
-
* @deprecated replace alert.light with
|
|
306
|
+
* @deprecated replace alert.light with `brand.caution.200`
|
|
300
307
|
*/
|
|
301
308
|
"light": "--cnvs-brand-alert-light",
|
|
302
309
|
};
|
|
@@ -307,7 +314,7 @@ export declare const success: {
|
|
|
307
314
|
*
|
|
308
315
|
* **CSS Var**: `--cnvs-brand-success-base`
|
|
309
316
|
*
|
|
310
|
-
* @deprecated replace success.base with
|
|
317
|
+
* @deprecated replace success.base with `brand.positive.600`
|
|
311
318
|
*/
|
|
312
319
|
"base": "--cnvs-brand-success-base",
|
|
313
320
|
/**
|
|
@@ -315,7 +322,7 @@ export declare const success: {
|
|
|
315
322
|
*
|
|
316
323
|
* **CSS Var**: `--cnvs-brand-success-lightest`
|
|
317
324
|
*
|
|
318
|
-
* @deprecated replace success.lightest with
|
|
325
|
+
* @deprecated replace success.lightest with `brand.positive.25`
|
|
319
326
|
*/
|
|
320
327
|
"lightest": "--cnvs-brand-success-lightest",
|
|
321
328
|
/**
|
|
@@ -323,7 +330,7 @@ export declare const success: {
|
|
|
323
330
|
*
|
|
324
331
|
* **CSS Var**: `--cnvs-brand-success-lighter`
|
|
325
332
|
*
|
|
326
|
-
* @deprecated replace success.lighter with
|
|
333
|
+
* @deprecated replace success.lighter with `brand.positive.50`
|
|
327
334
|
*/
|
|
328
335
|
"lighter": "--cnvs-brand-success-lighter",
|
|
329
336
|
/**
|
|
@@ -331,7 +338,7 @@ export declare const success: {
|
|
|
331
338
|
*
|
|
332
339
|
* **CSS Var**: `--cnvs-brand-success-dark`
|
|
333
340
|
*
|
|
334
|
-
* @deprecated replace success.dark with
|
|
341
|
+
* @deprecated replace success.dark with `brand.positive.700`
|
|
335
342
|
*/
|
|
336
343
|
"dark": "--cnvs-brand-success-dark",
|
|
337
344
|
/**
|
|
@@ -339,7 +346,7 @@ export declare const success: {
|
|
|
339
346
|
*
|
|
340
347
|
* **CSS Var**: `--cnvs-brand-success-darkest`
|
|
341
348
|
*
|
|
342
|
-
* @deprecated replace success.darkest with
|
|
349
|
+
* @deprecated replace success.darkest with `brand.positive.800`
|
|
343
350
|
*/
|
|
344
351
|
"darkest": "--cnvs-brand-success-darkest",
|
|
345
352
|
/**
|
|
@@ -347,7 +354,7 @@ export declare const success: {
|
|
|
347
354
|
*
|
|
348
355
|
* **CSS Var**: `--cnvs-brand-success-accent`
|
|
349
356
|
*
|
|
350
|
-
* @deprecated replace success.accent with
|
|
357
|
+
* @deprecated replace success.accent with `sys.color.fg.inverse`
|
|
351
358
|
*/
|
|
352
359
|
"accent": "--cnvs-brand-success-accent",
|
|
353
360
|
/**
|
|
@@ -355,97 +362,111 @@ export declare const success: {
|
|
|
355
362
|
*
|
|
356
363
|
* **CSS Var**: `--cnvs-brand-success-light`
|
|
357
364
|
*
|
|
358
|
-
* @deprecated replace success.light with
|
|
365
|
+
* @deprecated replace success.light with `brand.positive.200`
|
|
359
366
|
*/
|
|
360
367
|
"light": "--cnvs-brand-success-light",
|
|
361
368
|
};
|
|
362
369
|
|
|
363
370
|
/**
|
|
364
|
-
* **value**: `{base.palette.
|
|
371
|
+
* **value**: `{base.palette.neutral.25}`
|
|
365
372
|
*
|
|
366
373
|
* **CSS Var**: `--cnvs-brand-neutral-25`
|
|
367
374
|
*/
|
|
368
375
|
export declare const neutral25: "--cnvs-brand-neutral-25";
|
|
369
376
|
|
|
370
377
|
/**
|
|
371
|
-
* **value**: `{base.palette.
|
|
378
|
+
* **value**: `{base.palette.neutral.50}`
|
|
372
379
|
*
|
|
373
380
|
* **CSS Var**: `--cnvs-brand-neutral-50`
|
|
374
381
|
*/
|
|
375
382
|
export declare const neutral50: "--cnvs-brand-neutral-50";
|
|
376
383
|
|
|
377
384
|
/**
|
|
378
|
-
* **value**: `{base.palette.
|
|
385
|
+
* **value**: `{base.palette.neutral.100}`
|
|
379
386
|
*
|
|
380
387
|
* **CSS Var**: `--cnvs-brand-neutral-100`
|
|
381
388
|
*/
|
|
382
389
|
export declare const neutral100: "--cnvs-brand-neutral-100";
|
|
383
390
|
|
|
384
391
|
/**
|
|
385
|
-
* **value**: `{base.palette.
|
|
392
|
+
* **value**: `{base.palette.neutral.150}`
|
|
393
|
+
*
|
|
394
|
+
* **CSS Var**: `--cnvs-brand-neutral-150`
|
|
395
|
+
*/
|
|
396
|
+
export declare const neutral150: "--cnvs-brand-neutral-150";
|
|
397
|
+
|
|
398
|
+
/**
|
|
399
|
+
* **value**: `{base.palette.neutral.200}`
|
|
386
400
|
*
|
|
387
401
|
* **CSS Var**: `--cnvs-brand-neutral-200`
|
|
388
402
|
*/
|
|
389
403
|
export declare const neutral200: "--cnvs-brand-neutral-200";
|
|
390
404
|
|
|
391
405
|
/**
|
|
392
|
-
* **value**: `{base.palette.
|
|
406
|
+
* **value**: `{base.palette.neutral.300}`
|
|
393
407
|
*
|
|
394
408
|
* **CSS Var**: `--cnvs-brand-neutral-300`
|
|
395
409
|
*/
|
|
396
410
|
export declare const neutral300: "--cnvs-brand-neutral-300";
|
|
397
411
|
|
|
398
412
|
/**
|
|
399
|
-
* **value**: `{base.palette.
|
|
413
|
+
* **value**: `{base.palette.neutral.400}`
|
|
400
414
|
*
|
|
401
415
|
* **CSS Var**: `--cnvs-brand-neutral-400`
|
|
402
416
|
*/
|
|
403
417
|
export declare const neutral400: "--cnvs-brand-neutral-400";
|
|
404
418
|
|
|
405
419
|
/**
|
|
406
|
-
* **value**: `{base.palette.
|
|
420
|
+
* **value**: `{base.palette.neutral.500}`
|
|
407
421
|
*
|
|
408
422
|
* **CSS Var**: `--cnvs-brand-neutral-500`
|
|
409
423
|
*/
|
|
410
424
|
export declare const neutral500: "--cnvs-brand-neutral-500";
|
|
411
425
|
|
|
412
426
|
/**
|
|
413
|
-
* **value**: `{base.palette.
|
|
427
|
+
* **value**: `{base.palette.neutral.600}`
|
|
414
428
|
*
|
|
415
429
|
* **CSS Var**: `--cnvs-brand-neutral-600`
|
|
416
430
|
*/
|
|
417
431
|
export declare const neutral600: "--cnvs-brand-neutral-600";
|
|
418
432
|
|
|
419
433
|
/**
|
|
420
|
-
* **value**: `{base.palette.
|
|
434
|
+
* **value**: `{base.palette.neutral.700}`
|
|
421
435
|
*
|
|
422
436
|
* **CSS Var**: `--cnvs-brand-neutral-700`
|
|
423
437
|
*/
|
|
424
438
|
export declare const neutral700: "--cnvs-brand-neutral-700";
|
|
425
439
|
|
|
426
440
|
/**
|
|
427
|
-
* **value**: `{base.palette.
|
|
441
|
+
* **value**: `{base.palette.neutral.800}`
|
|
428
442
|
*
|
|
429
443
|
* **CSS Var**: `--cnvs-brand-neutral-800`
|
|
430
444
|
*/
|
|
431
445
|
export declare const neutral800: "--cnvs-brand-neutral-800";
|
|
432
446
|
|
|
433
447
|
/**
|
|
434
|
-
* **value**: `{base.palette.
|
|
448
|
+
* **value**: `{base.palette.neutral.850}`
|
|
449
|
+
*
|
|
450
|
+
* **CSS Var**: `--cnvs-brand-neutral-850`
|
|
451
|
+
*/
|
|
452
|
+
export declare const neutral850: "--cnvs-brand-neutral-850";
|
|
453
|
+
|
|
454
|
+
/**
|
|
455
|
+
* **value**: `{base.palette.neutral.900}`
|
|
435
456
|
*
|
|
436
457
|
* **CSS Var**: `--cnvs-brand-neutral-900`
|
|
437
458
|
*/
|
|
438
459
|
export declare const neutral900: "--cnvs-brand-neutral-900";
|
|
439
460
|
|
|
440
461
|
/**
|
|
441
|
-
* **value**: `{base.palette.
|
|
462
|
+
* **value**: `{base.palette.neutral.950}`
|
|
442
463
|
*
|
|
443
464
|
* **CSS Var**: `--cnvs-brand-neutral-950`
|
|
444
465
|
*/
|
|
445
466
|
export declare const neutral950: "--cnvs-brand-neutral-950";
|
|
446
467
|
|
|
447
468
|
/**
|
|
448
|
-
* **value**: `{base.palette.
|
|
469
|
+
* **value**: `{base.palette.neutral.975}`
|
|
449
470
|
*
|
|
450
471
|
* **CSS Var**: `--cnvs-brand-neutral-975`
|
|
451
472
|
*/
|
|
@@ -457,7 +478,7 @@ export declare const neutral: {
|
|
|
457
478
|
*
|
|
458
479
|
* **CSS Var**: `--cnvs-brand-neutral-lightest`
|
|
459
480
|
*
|
|
460
|
-
* @deprecated replace neutral.lightest with
|
|
481
|
+
* @deprecated replace neutral.lightest with `brand.neutral.25`
|
|
461
482
|
*/
|
|
462
483
|
"lightest": "--cnvs-brand-neutral-lightest",
|
|
463
484
|
/**
|
|
@@ -465,7 +486,7 @@ export declare const neutral: {
|
|
|
465
486
|
*
|
|
466
487
|
* **CSS Var**: `--cnvs-brand-neutral-base`
|
|
467
488
|
*
|
|
468
|
-
* @deprecated replace neutral.base with
|
|
489
|
+
* @deprecated replace neutral.base with `brand.neutral.600`
|
|
469
490
|
*/
|
|
470
491
|
"base": "--cnvs-brand-neutral-base",
|
|
471
492
|
/**
|
|
@@ -473,7 +494,7 @@ export declare const neutral: {
|
|
|
473
494
|
*
|
|
474
495
|
* **CSS Var**: `--cnvs-brand-neutral-dark`
|
|
475
496
|
*
|
|
476
|
-
* @deprecated replace neutral.dark with
|
|
497
|
+
* @deprecated replace neutral.dark with `brand.neutral.700`
|
|
477
498
|
*/
|
|
478
499
|
"dark": "--cnvs-brand-neutral-dark",
|
|
479
500
|
/**
|
|
@@ -481,7 +502,7 @@ export declare const neutral: {
|
|
|
481
502
|
*
|
|
482
503
|
* **CSS Var**: `--cnvs-brand-neutral-darkest`
|
|
483
504
|
*
|
|
484
|
-
* @deprecated replace neutral.darkest with
|
|
505
|
+
* @deprecated replace neutral.darkest with `brand.neutral.800`
|
|
485
506
|
*/
|
|
486
507
|
"darkest": "--cnvs-brand-neutral-darkest",
|
|
487
508
|
/**
|
|
@@ -489,7 +510,7 @@ export declare const neutral: {
|
|
|
489
510
|
*
|
|
490
511
|
* **CSS Var**: `--cnvs-brand-neutral-accent`
|
|
491
512
|
*
|
|
492
|
-
* @deprecated replace neutral.accent with
|
|
513
|
+
* @deprecated replace neutral.accent with `sys.color.fg.inverse`
|
|
493
514
|
*/
|
|
494
515
|
"accent": "--cnvs-brand-neutral-accent",
|
|
495
516
|
/**
|
|
@@ -497,7 +518,7 @@ export declare const neutral: {
|
|
|
497
518
|
*
|
|
498
519
|
* **CSS Var**: `--cnvs-brand-neutral-lighter`
|
|
499
520
|
*
|
|
500
|
-
* @deprecated replace neutral.lighter with
|
|
521
|
+
* @deprecated replace neutral.lighter with `brand.neutral.50`
|
|
501
522
|
*/
|
|
502
523
|
"lighter": "--cnvs-brand-neutral-lighter",
|
|
503
524
|
/**
|
|
@@ -505,97 +526,111 @@ export declare const neutral: {
|
|
|
505
526
|
*
|
|
506
527
|
* **CSS Var**: `--cnvs-brand-neutral-light`
|
|
507
528
|
*
|
|
508
|
-
* @deprecated replace neutral.light with
|
|
529
|
+
* @deprecated replace neutral.light with `brand.neutral.200`
|
|
509
530
|
*/
|
|
510
531
|
"light": "--cnvs-brand-neutral-light",
|
|
511
532
|
};
|
|
512
533
|
|
|
513
534
|
/**
|
|
514
|
-
* **value**: `{base.palette.
|
|
535
|
+
* **value**: `{base.palette.neutral.A25}`
|
|
515
536
|
*
|
|
516
537
|
* **CSS Var**: `--cnvs-brand-neutral-a25`
|
|
517
538
|
*/
|
|
518
539
|
export declare const neutralA25: "--cnvs-brand-neutral-a25";
|
|
519
540
|
|
|
520
541
|
/**
|
|
521
|
-
* **value**: `{base.palette.
|
|
542
|
+
* **value**: `{base.palette.neutral.A50}`
|
|
522
543
|
*
|
|
523
544
|
* **CSS Var**: `--cnvs-brand-neutral-a50`
|
|
524
545
|
*/
|
|
525
546
|
export declare const neutralA50: "--cnvs-brand-neutral-a50";
|
|
526
547
|
|
|
527
548
|
/**
|
|
528
|
-
* **value**: `{base.palette.
|
|
549
|
+
* **value**: `{base.palette.neutral.A100}`
|
|
529
550
|
*
|
|
530
551
|
* **CSS Var**: `--cnvs-brand-neutral-a100`
|
|
531
552
|
*/
|
|
532
553
|
export declare const neutralA100: "--cnvs-brand-neutral-a100";
|
|
533
554
|
|
|
534
555
|
/**
|
|
535
|
-
* **value**: `{base.palette.
|
|
556
|
+
* **value**: `{base.palette.neutral.A150}`
|
|
557
|
+
*
|
|
558
|
+
* **CSS Var**: `--cnvs-brand-neutral-a150`
|
|
559
|
+
*/
|
|
560
|
+
export declare const neutralA150: "--cnvs-brand-neutral-a150";
|
|
561
|
+
|
|
562
|
+
/**
|
|
563
|
+
* **value**: `{base.palette.neutral.A200}`
|
|
536
564
|
*
|
|
537
565
|
* **CSS Var**: `--cnvs-brand-neutral-a200`
|
|
538
566
|
*/
|
|
539
567
|
export declare const neutralA200: "--cnvs-brand-neutral-a200";
|
|
540
568
|
|
|
541
569
|
/**
|
|
542
|
-
* **value**: `{base.palette.
|
|
570
|
+
* **value**: `{base.palette.neutral.A300}`
|
|
543
571
|
*
|
|
544
572
|
* **CSS Var**: `--cnvs-brand-neutral-a300`
|
|
545
573
|
*/
|
|
546
574
|
export declare const neutralA300: "--cnvs-brand-neutral-a300";
|
|
547
575
|
|
|
548
576
|
/**
|
|
549
|
-
* **value**: `{base.palette.
|
|
577
|
+
* **value**: `{base.palette.neutral.A400}`
|
|
550
578
|
*
|
|
551
579
|
* **CSS Var**: `--cnvs-brand-neutral-a400`
|
|
552
580
|
*/
|
|
553
581
|
export declare const neutralA400: "--cnvs-brand-neutral-a400";
|
|
554
582
|
|
|
555
583
|
/**
|
|
556
|
-
* **value**: `{base.palette.
|
|
584
|
+
* **value**: `{base.palette.neutral.A500}`
|
|
557
585
|
*
|
|
558
586
|
* **CSS Var**: `--cnvs-brand-neutral-a500`
|
|
559
587
|
*/
|
|
560
588
|
export declare const neutralA500: "--cnvs-brand-neutral-a500";
|
|
561
589
|
|
|
562
590
|
/**
|
|
563
|
-
* **value**: `{base.palette.
|
|
591
|
+
* **value**: `{base.palette.neutral.A600}`
|
|
564
592
|
*
|
|
565
593
|
* **CSS Var**: `--cnvs-brand-neutral-a600`
|
|
566
594
|
*/
|
|
567
595
|
export declare const neutralA600: "--cnvs-brand-neutral-a600";
|
|
568
596
|
|
|
569
597
|
/**
|
|
570
|
-
* **value**: `{base.palette.
|
|
598
|
+
* **value**: `{base.palette.neutral.A700}`
|
|
571
599
|
*
|
|
572
600
|
* **CSS Var**: `--cnvs-brand-neutral-a700`
|
|
573
601
|
*/
|
|
574
602
|
export declare const neutralA700: "--cnvs-brand-neutral-a700";
|
|
575
603
|
|
|
576
604
|
/**
|
|
577
|
-
* **value**: `{base.palette.
|
|
605
|
+
* **value**: `{base.palette.neutral.A800}`
|
|
578
606
|
*
|
|
579
607
|
* **CSS Var**: `--cnvs-brand-neutral-a800`
|
|
580
608
|
*/
|
|
581
609
|
export declare const neutralA800: "--cnvs-brand-neutral-a800";
|
|
582
610
|
|
|
583
611
|
/**
|
|
584
|
-
* **value**: `{base.palette.
|
|
612
|
+
* **value**: `{base.palette.neutral.A850}`
|
|
613
|
+
*
|
|
614
|
+
* **CSS Var**: `--cnvs-brand-neutral-a850`
|
|
615
|
+
*/
|
|
616
|
+
export declare const neutralA850: "--cnvs-brand-neutral-a850";
|
|
617
|
+
|
|
618
|
+
/**
|
|
619
|
+
* **value**: `{base.palette.neutral.A900}`
|
|
585
620
|
*
|
|
586
621
|
* **CSS Var**: `--cnvs-brand-neutral-a900`
|
|
587
622
|
*/
|
|
588
623
|
export declare const neutralA900: "--cnvs-brand-neutral-a900";
|
|
589
624
|
|
|
590
625
|
/**
|
|
591
|
-
* **value**: `{base.palette.
|
|
626
|
+
* **value**: `{base.palette.neutral.A950}`
|
|
592
627
|
*
|
|
593
628
|
* **CSS Var**: `--cnvs-brand-neutral-a950`
|
|
594
629
|
*/
|
|
595
630
|
export declare const neutralA950: "--cnvs-brand-neutral-a950";
|
|
596
631
|
|
|
597
632
|
/**
|
|
598
|
-
* **value**: `{base.palette.
|
|
633
|
+
* **value**: `{base.palette.neutral.A975}`
|
|
599
634
|
*
|
|
600
635
|
* **CSS Var**: `--cnvs-brand-neutral-a975`
|
|
601
636
|
*/
|
|
@@ -607,7 +642,7 @@ export declare const common: {
|
|
|
607
642
|
*
|
|
608
643
|
* **CSS Var**: `--cnvs-brand-common-focus-outline`
|
|
609
644
|
*
|
|
610
|
-
* @deprecated replace focus-outline with
|
|
645
|
+
* @deprecated replace focus-outline with `brand.common.focus`
|
|
611
646
|
*/
|
|
612
647
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
|
613
648
|
/**
|
|
@@ -615,7 +650,7 @@ export declare const common: {
|
|
|
615
650
|
*
|
|
616
651
|
* **CSS Var**: `--cnvs-brand-common-error-inner`
|
|
617
652
|
*
|
|
618
|
-
* @deprecated replace error-inner with
|
|
653
|
+
* @deprecated replace error-inner with `brand.common.critical`
|
|
619
654
|
*/
|
|
620
655
|
"errorInner": "--cnvs-brand-common-error-inner",
|
|
621
656
|
/**
|
|
@@ -623,7 +658,7 @@ export declare const common: {
|
|
|
623
658
|
*
|
|
624
659
|
* **CSS Var**: `--cnvs-brand-common-alert-inner`
|
|
625
660
|
*
|
|
626
|
-
* @deprecated replace alert-inner with
|
|
661
|
+
* @deprecated replace alert-inner with `brand.common.caution.inner`
|
|
627
662
|
*/
|
|
628
663
|
"alertInner": "--cnvs-brand-common-alert-inner",
|
|
629
664
|
/**
|
|
@@ -631,7 +666,7 @@ export declare const common: {
|
|
|
631
666
|
*
|
|
632
667
|
* **CSS Var**: `--cnvs-brand-common-alert-outer`
|
|
633
668
|
*
|
|
634
|
-
* @deprecated replace alert-outer with
|
|
669
|
+
* @deprecated replace alert-outer with `brand.common.caution.outer`
|
|
635
670
|
*/
|
|
636
671
|
"alertOuter": "--cnvs-brand-common-alert-outer",
|
|
637
672
|
/**
|
|
@@ -716,7 +751,7 @@ export declare const critical500: "--cnvs-brand-critical-500";
|
|
|
716
751
|
*
|
|
717
752
|
* **CSS Var**: `--cnvs-brand-critical-600`
|
|
718
753
|
*
|
|
719
|
-
* Base critical color. Use fg.inverse
|
|
754
|
+
* Base critical color. Use fg.inverse instead
|
|
720
755
|
*/
|
|
721
756
|
export declare const critical600: "--cnvs-brand-critical-600";
|
|
722
757
|
|
|
@@ -783,6 +818,13 @@ export declare const criticalA100: "--cnvs-brand-critical-a100";
|
|
|
783
818
|
*/
|
|
784
819
|
export declare const criticalA200: "--cnvs-brand-critical-a200";
|
|
785
820
|
|
|
821
|
+
/**
|
|
822
|
+
* **value**: `{base.palette.red.A300}`
|
|
823
|
+
*
|
|
824
|
+
* **CSS Var**: `--cnvs-brand-critical-a300`
|
|
825
|
+
*/
|
|
826
|
+
export declare const criticalA300: "--cnvs-brand-critical-a300";
|
|
827
|
+
|
|
786
828
|
/**
|
|
787
829
|
* **value**: `{base.palette.amber.25}`
|
|
788
830
|
*
|
|
@@ -823,7 +865,7 @@ export declare const caution300: "--cnvs-brand-caution-300";
|
|
|
823
865
|
*
|
|
824
866
|
* **CSS Var**: `--cnvs-brand-caution-400`
|
|
825
867
|
*
|
|
826
|
-
* Base caution color (amber.400). Use fg.contrast.default
|
|
868
|
+
* Base caution color (amber.400). Use fg.contrast.default instead
|
|
827
869
|
*/
|
|
828
870
|
export declare const caution400: "--cnvs-brand-caution-400";
|
|
829
871
|
|
|
@@ -904,6 +946,13 @@ export declare const cautionA100: "--cnvs-brand-caution-a100";
|
|
|
904
946
|
*/
|
|
905
947
|
export declare const cautionA200: "--cnvs-brand-caution-a200";
|
|
906
948
|
|
|
949
|
+
/**
|
|
950
|
+
* **value**: `{base.palette.amber.A300}`
|
|
951
|
+
*
|
|
952
|
+
* **CSS Var**: `--cnvs-brand-caution-a300`
|
|
953
|
+
*/
|
|
954
|
+
export declare const cautionA300: "--cnvs-brand-caution-a300";
|
|
955
|
+
|
|
907
956
|
/**
|
|
908
957
|
* **value**: `{base.palette.green.25}`
|
|
909
958
|
*
|
|
@@ -958,7 +1007,7 @@ export declare const positive500: "--cnvs-brand-positive-500";
|
|
|
958
1007
|
*
|
|
959
1008
|
* **CSS Var**: `--cnvs-brand-positive-600`
|
|
960
1009
|
*
|
|
961
|
-
* Base success color. Use fg.inverse
|
|
1010
|
+
* Base success color. Use fg.inverse instead
|
|
962
1011
|
*/
|
|
963
1012
|
export declare const positive600: "--cnvs-brand-positive-600";
|
|
964
1013
|
|
|
@@ -1025,9 +1074,16 @@ export declare const positiveA100: "--cnvs-brand-positive-a100";
|
|
|
1025
1074
|
*/
|
|
1026
1075
|
export declare const positiveA200: "--cnvs-brand-positive-a200";
|
|
1027
1076
|
|
|
1077
|
+
/**
|
|
1078
|
+
* **value**: `{base.palette.green.A300}`
|
|
1079
|
+
*
|
|
1080
|
+
* **CSS Var**: `--cnvs-brand-positive-a300`
|
|
1081
|
+
*/
|
|
1082
|
+
export declare const positiveA300: "--cnvs-brand-positive-a300";
|
|
1083
|
+
|
|
1028
1084
|
export declare const action: {
|
|
1029
1085
|
/**
|
|
1030
|
-
* **value**: `{
|
|
1086
|
+
* **value**: `{brand.neutral.975}`
|
|
1031
1087
|
*
|
|
1032
1088
|
* **CSS Var**: `--cnvs-brand-action-base`
|
|
1033
1089
|
*
|
|
@@ -1035,7 +1091,7 @@ export declare const action: {
|
|
|
1035
1091
|
*/
|
|
1036
1092
|
"base": "--cnvs-brand-action-base",
|
|
1037
1093
|
/**
|
|
1038
|
-
* **value**: `{
|
|
1094
|
+
* **value**: `{brand.neutral.25}`
|
|
1039
1095
|
*
|
|
1040
1096
|
* **CSS Var**: `--cnvs-brand-action-lightest`
|
|
1041
1097
|
*
|
|
@@ -1043,7 +1099,7 @@ export declare const action: {
|
|
|
1043
1099
|
*/
|
|
1044
1100
|
"lightest": "--cnvs-brand-action-lightest",
|
|
1045
1101
|
/**
|
|
1046
|
-
* **value**: `{
|
|
1102
|
+
* **value**: `{brand.neutral.200}`
|
|
1047
1103
|
*
|
|
1048
1104
|
* **CSS Var**: `--cnvs-brand-action-light`
|
|
1049
1105
|
*
|
|
@@ -1051,7 +1107,7 @@ export declare const action: {
|
|
|
1051
1107
|
*/
|
|
1052
1108
|
"light": "--cnvs-brand-action-light",
|
|
1053
1109
|
/**
|
|
1054
|
-
* **value**: `{
|
|
1110
|
+
* **value**: `{brand.neutral.975}`
|
|
1055
1111
|
*
|
|
1056
1112
|
* **CSS Var**: `--cnvs-brand-action-darkest`
|
|
1057
1113
|
*
|
|
@@ -1059,7 +1115,7 @@ export declare const action: {
|
|
|
1059
1115
|
*/
|
|
1060
1116
|
"darkest": "--cnvs-brand-action-darkest",
|
|
1061
1117
|
/**
|
|
1062
|
-
* **value**: `{
|
|
1118
|
+
* **value**: `{brand.neutral.975}`
|
|
1063
1119
|
*
|
|
1064
1120
|
* **CSS Var**: `--cnvs-brand-action-dark`
|
|
1065
1121
|
*
|
|
@@ -1075,7 +1131,7 @@ export declare const action: {
|
|
|
1075
1131
|
*/
|
|
1076
1132
|
"accent": "--cnvs-brand-action-accent",
|
|
1077
1133
|
/**
|
|
1078
|
-
* **value**: `{
|
|
1134
|
+
* **value**: `{brand.neutral.975}`
|
|
1079
1135
|
*
|
|
1080
1136
|
* **CSS Var**: `--cnvs-brand-action-darker`
|
|
1081
1137
|
*
|
|
@@ -1083,7 +1139,7 @@ export declare const action: {
|
|
|
1083
1139
|
*/
|
|
1084
1140
|
"darker": "--cnvs-brand-action-darker",
|
|
1085
1141
|
/**
|
|
1086
|
-
* **value**: `{
|
|
1142
|
+
* **value**: `{brand.neutral.100}`
|
|
1087
1143
|
*
|
|
1088
1144
|
* **CSS Var**: `--cnvs-brand-action-lighter`
|
|
1089
1145
|
*
|
|
@@ -1100,3 +1156,130 @@ export declare const gradient: {
|
|
|
1100
1156
|
*/
|
|
1101
1157
|
"primary": "--cnvs-brand-gradient-primary",
|
|
1102
1158
|
};
|
|
1159
|
+
|
|
1160
|
+
/**
|
|
1161
|
+
* Temporary legacy object including fallback values to older versions of the tokens
|
|
1162
|
+
* for internal use only, will be removed in the future
|
|
1163
|
+
*/
|
|
1164
|
+
export declare const legacy: {
|
|
1165
|
+
"primary25": "var(--cnvs-brand-primary-25, var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1)))",
|
|
1166
|
+
"primary50": "var(--cnvs-brand-primary-50, var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1)))",
|
|
1167
|
+
"primary100": "var(--cnvs-brand-primary-100, oklch(0.928 0.0359 250.6 / 1))",
|
|
1168
|
+
"primary200": "var(--cnvs-brand-primary-200, var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1)))",
|
|
1169
|
+
"primary300": "var(--cnvs-brand-primary-300, oklch(0.7933 0.1076 252.08 / 1))",
|
|
1170
|
+
"primary400": "var(--cnvs-brand-primary-400, oklch(0.708 0.1549 255.41 / 1))",
|
|
1171
|
+
"primary500": "var(--cnvs-brand-primary-500, oklch(0.6023 0.2032 255.68 / 1))",
|
|
1172
|
+
"primary600": "var(--cnvs-brand-primary-600, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
|
|
1173
|
+
"primary700": "var(--cnvs-brand-primary-700, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))",
|
|
1174
|
+
"primary800": "var(--cnvs-brand-primary-800, var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1)))",
|
|
1175
|
+
"primary900": "var(--cnvs-brand-primary-900, oklch(0.3152 0.1054 261.09 / 1))",
|
|
1176
|
+
"primary950": "var(--cnvs-brand-primary-950, oklch(0.2452 0.0752 254.55 / 1))",
|
|
1177
|
+
"primary975": "var(--cnvs-brand-primary-975, oklch(0.209 0.07 255.61 / 1))",
|
|
1178
|
+
"primaryA25": "var(--cnvs-brand-primary-a25, oklch(0.6141 0.2114 256.22 / 0.0706))",
|
|
1179
|
+
"primaryA50": "var(--cnvs-brand-primary-a50, oklch(0.6141 0.2114 256.22 / 0.1098))",
|
|
1180
|
+
"primaryA100": "var(--cnvs-brand-primary-a100, oklch(0.6077 0.215 256.92 / 0.1608))",
|
|
1181
|
+
"primaryA200": "var(--cnvs-brand-primary-a200, oklch(0.6048 0.2166 257.21 / 0.31))",
|
|
1182
|
+
"primaryA300": "var(--cnvs-brand-primary-a300, oklch(0.5987 0.22 257.83 / 0.4667))",
|
|
1183
|
+
"neutral25": "var(--cnvs-brand-neutral-25, var(--cnvs-brand-neutral-lightest, oklch(0.9851 0 0 / 1)))",
|
|
1184
|
+
"neutral50": "var(--cnvs-brand-neutral-50, var(--cnvs-brand-neutral-lighter, oklch(0.9702 0 0 / 1)))",
|
|
1185
|
+
"neutral100": "var(--cnvs-brand-neutral-100, oklch(0.9431 0 0 / 1))",
|
|
1186
|
+
"neutral150": "var(--cnvs-brand-neutral-150, oklch(0.906 0 89.88 / 1))",
|
|
1187
|
+
"neutral200": "var(--cnvs-brand-neutral-200, var(--cnvs-brand-neutral-light, oklch(0.8699 0 0 / 1)))",
|
|
1188
|
+
"neutral300": "var(--cnvs-brand-neutral-300, oklch(0.8047 0 89.88 / 1))",
|
|
1189
|
+
"neutral400": "var(--cnvs-brand-neutral-400, oklch(0.7219 0 89.88 / 1))",
|
|
1190
|
+
"neutral500": "var(--cnvs-brand-neutral-500, oklch(0.6234 0 0 / 1))",
|
|
1191
|
+
"neutral600": "var(--cnvs-brand-neutral-600, var(--cnvs-brand-neutral-base, oklch(0.5103 0 0 / 1)))",
|
|
1192
|
+
"neutral700": "var(--cnvs-brand-neutral-700, var(--cnvs-brand-neutral-dark, oklch(0.4386 0 89.88 / 1)))",
|
|
1193
|
+
"neutral800": "var(--cnvs-brand-neutral-800, var(--cnvs-brand-neutral-darkest, oklch(0.3171 0 89.88 / 1)))",
|
|
1194
|
+
"neutral850": "var(--cnvs-brand-neutral-850, oklch(0.2645 0 89.88 / 1))",
|
|
1195
|
+
"neutral900": "var(--cnvs-brand-neutral-900, oklch(0.2478 0 89.88 / 1))",
|
|
1196
|
+
"neutral950": "var(--cnvs-brand-neutral-950, oklch(0.228 0 89.88 / 1))",
|
|
1197
|
+
"neutral975": "var(--cnvs-brand-neutral-975, oklch(0.196 0 89.88 / 1))",
|
|
1198
|
+
"neutralA25": "var(--cnvs-brand-neutral-a25, oklch(0 0 0 / 0.0196))",
|
|
1199
|
+
"neutralA50": "var(--cnvs-brand-neutral-a50, oklch(0 0 0 / 0.0392))",
|
|
1200
|
+
"neutralA100": "var(--cnvs-brand-neutral-a100, oklch(0 0 0 / 0.0745))",
|
|
1201
|
+
"neutralA150": "var(--cnvs-brand-neutral-a150, oklch(0 0 0 / 0.1216))",
|
|
1202
|
+
"neutralA200": "var(--cnvs-brand-neutral-a200, oklch(0 0 0 / 0.1686))",
|
|
1203
|
+
"neutralA300": "var(--cnvs-brand-neutral-a300, oklch(0 0 0 / 0.251))",
|
|
1204
|
+
"neutralA400": "var(--cnvs-brand-neutral-a400, oklch(0 0 0 / 0.3529))",
|
|
1205
|
+
"neutralA500": "var(--cnvs-brand-neutral-a500, oklch(0 0 0 / 0.4706))",
|
|
1206
|
+
"neutralA600": "var(--cnvs-brand-neutral-a600, oklch(0 0 0 / 0.6))",
|
|
1207
|
+
"neutralA700": "var(--cnvs-brand-neutral-a700, oklch(0 0 0 / 0.6784))",
|
|
1208
|
+
"neutralA800": "var(--cnvs-brand-neutral-a800, oklch(0 0 0 / 0.8039))",
|
|
1209
|
+
"neutralA850": "var(--cnvs-brand-neutral-a850, oklch(0 0 0 / 0.8549))",
|
|
1210
|
+
"neutralA900": "var(--cnvs-brand-neutral-a900, oklch(0 0 0 / 0.8706))",
|
|
1211
|
+
"neutralA950": "var(--cnvs-brand-neutral-a950, oklch(0 0 0 / 0.8902))",
|
|
1212
|
+
"neutralA975": "var(--cnvs-brand-neutral-a975, oklch(0 0 0 / 0.9176))",
|
|
1213
|
+
"common": {
|
|
1214
|
+
"focus": "var(--cnvs-brand-common-focus, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))",
|
|
1215
|
+
"critical": "var(--cnvs-brand-common-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))",
|
|
1216
|
+
"caution": {
|
|
1217
|
+
"inner": "var(--cnvs-brand-common-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))",
|
|
1218
|
+
"outer": "var(--cnvs-brand-common-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))"
|
|
1219
|
+
}
|
|
1220
|
+
},
|
|
1221
|
+
"critical25": "var(--cnvs-brand-critical-25, var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1)))",
|
|
1222
|
+
"critical50": "var(--cnvs-brand-critical-50, var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1)))",
|
|
1223
|
+
"critical100": "var(--cnvs-brand-critical-100, oklch(0.9225 0.0394 25.51 / 1))",
|
|
1224
|
+
"critical200": "var(--cnvs-brand-critical-200, var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1)))",
|
|
1225
|
+
"critical300": "var(--cnvs-brand-critical-300, oklch(0.7533 0.1484 28.45 / 1))",
|
|
1226
|
+
"critical400": "var(--cnvs-brand-critical-400, oklch(0.6857 0.2037 29.76 / 1))",
|
|
1227
|
+
"critical500": "var(--cnvs-brand-critical-500, oklch(0.6495 0.2369 30.04 / 1))",
|
|
1228
|
+
"critical600": "var(--cnvs-brand-critical-600, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
|
|
1229
|
+
"critical700": "var(--cnvs-brand-critical-700, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))",
|
|
1230
|
+
"critical800": "var(--cnvs-brand-critical-800, var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1)))",
|
|
1231
|
+
"critical900": "var(--cnvs-brand-critical-900, oklch(0.291 0.118 25.59 / 1))",
|
|
1232
|
+
"critical950": "var(--cnvs-brand-critical-950, oklch(0.2318 0.0937 24.02 / 1))",
|
|
1233
|
+
"critical975": "var(--cnvs-brand-critical-975, oklch(0.1988 0.0718 20.63 / 1))",
|
|
1234
|
+
"criticalA25": "var(--cnvs-brand-critical-a25, oklch(0.6329 0.253 30.1 / 0.0431))",
|
|
1235
|
+
"criticalA50": "var(--cnvs-brand-critical-a50, oklch(0.6326 0.2533 30.04 / 0.0902))",
|
|
1236
|
+
"criticalA100": "var(--cnvs-brand-critical-a100, oklch(0.6339 0.2521 30.28 / 0.1529))",
|
|
1237
|
+
"criticalA200": "var(--cnvs-brand-critical-a200, oklch(0.6361 0.25 30.68 / 0.3451))",
|
|
1238
|
+
"criticalA300": "var(--cnvs-brand-critical-a300, oklch(0.6347 0.2513 30.42 / 0.5294))",
|
|
1239
|
+
"caution25": "var(--cnvs-brand-caution-25, var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1)))",
|
|
1240
|
+
"caution50": "var(--cnvs-brand-caution-50, var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1)))",
|
|
1241
|
+
"caution100": "var(--cnvs-brand-caution-100, oklch(0.9567 0.0948 100.22 / 1))",
|
|
1242
|
+
"caution200": "var(--cnvs-brand-caution-200, var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1)))",
|
|
1243
|
+
"caution300": "var(--cnvs-brand-caution-300, oklch(0.8432 0.1713 85.24 / 1))",
|
|
1244
|
+
"caution400": "var(--cnvs-brand-caution-400, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)))",
|
|
1245
|
+
"caution500": "var(--cnvs-brand-caution-500, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))",
|
|
1246
|
+
"caution600": "var(--cnvs-brand-caution-600, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))",
|
|
1247
|
+
"caution700": "var(--cnvs-brand-caution-700, oklch(0.4824 0.1353 46.11 / 1))",
|
|
1248
|
+
"caution800": "var(--cnvs-brand-caution-800, oklch(0.4143 0.1245 42.21 / 1))",
|
|
1249
|
+
"caution900": "var(--cnvs-brand-caution-900, oklch(0.32 0.098 41.19 / 1))",
|
|
1250
|
+
"caution950": "var(--cnvs-brand-caution-950, oklch(0.2489 0.0771 40.64 / 1))",
|
|
1251
|
+
"caution975": "var(--cnvs-brand-caution-975, oklch(0.2165 0.0674 40.35 / 1))",
|
|
1252
|
+
"cautionA25": "var(--cnvs-brand-caution-a25, oklch(0.7792 0.1592 90.57 / 0.0902))",
|
|
1253
|
+
"cautionA50": "var(--cnvs-brand-caution-a50, oklch(0.8854 0.1841 100.16 / 0.2196))",
|
|
1254
|
+
"cautionA100": "var(--cnvs-brand-caution-a100, oklch(0.8964 0.1849 97.38 / 0.3412))",
|
|
1255
|
+
"cautionA200": "var(--cnvs-brand-caution-a200, oklch(0.8846 0.1822 96.67 / 0.6314))",
|
|
1256
|
+
"cautionA300": "var(--cnvs-brand-caution-a300, oklch(0.8372 0.1718 83.95 / 0.9529))",
|
|
1257
|
+
"positive25": "var(--cnvs-brand-positive-25, var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1)))",
|
|
1258
|
+
"positive50": "var(--cnvs-brand-positive-50, var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1)))",
|
|
1259
|
+
"positive100": "var(--cnvs-brand-positive-100, oklch(0.9278 0.1024 149.88 / 1))",
|
|
1260
|
+
"positive200": "var(--cnvs-brand-positive-200, var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1)))",
|
|
1261
|
+
"positive300": "var(--cnvs-brand-positive-300, oklch(0.7817 0.1928 150.67 / 1))",
|
|
1262
|
+
"positive400": "var(--cnvs-brand-positive-400, oklch(0.702 0.1952 148.39 / 1))",
|
|
1263
|
+
"positive500": "var(--cnvs-brand-positive-500, oklch(0.6362 0.1974 145.47 / 1))",
|
|
1264
|
+
"positive600": "var(--cnvs-brand-positive-600, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
|
|
1265
|
+
"positive700": "var(--cnvs-brand-positive-700, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))",
|
|
1266
|
+
"positive800": "var(--cnvs-brand-positive-800, var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1)))",
|
|
1267
|
+
"positive900": "var(--cnvs-brand-positive-900, oklch(0.3197 0.0997 145.3 / 1))",
|
|
1268
|
+
"positive950": "var(--cnvs-brand-positive-950, oklch(0.2548 0.0796 145.23 / 1))",
|
|
1269
|
+
"positive975": "var(--cnvs-brand-positive-975, oklch(0.2118 0.0653 145.69 / 1))",
|
|
1270
|
+
"positiveA25": "var(--cnvs-brand-positive-a25, oklch(0.8669 0.2908 142.93 / 0.0706))",
|
|
1271
|
+
"positiveA50": "var(--cnvs-brand-positive-a50, oklch(0.8673 0.2872 143.33 / 0.1451))",
|
|
1272
|
+
"positiveA100": "var(--cnvs-brand-positive-a100, oklch(0.8314 0.2728 143.62 / 0.2863))",
|
|
1273
|
+
"positiveA200": "var(--cnvs-brand-positive-a200, oklch(0.7945 0.2509 144.87 / 0.5961))",
|
|
1274
|
+
"positiveA300": "var(--cnvs-brand-positive-a300, oklch(0.7417 0.2214 146.84 / 0.7765))",
|
|
1275
|
+
"action": {
|
|
1276
|
+
"base": "var(--cnvs-brand-action-base, oklch(0.196 0 89.88 / 1))",
|
|
1277
|
+
"lightest": "var(--cnvs-brand-action-lightest, oklch(0.9851 0 0 / 1))",
|
|
1278
|
+
"light": "var(--cnvs-brand-action-light, oklch(0.8699 0 0 / 1))",
|
|
1279
|
+
"darkest": "var(--cnvs-brand-action-darkest, oklch(0.196 0 89.88 / 1))",
|
|
1280
|
+
"dark": "var(--cnvs-brand-action-dark, oklch(0.196 0 89.88 / 1))",
|
|
1281
|
+
"accent": "var(--cnvs-brand-action-accent, oklch(1 0 0 / 1))",
|
|
1282
|
+
"darker": "var(--cnvs-brand-action-darker, oklch(0.196 0 89.88 / 1))",
|
|
1283
|
+
"lighter": "var(--cnvs-brand-action-lighter, oklch(0.9431 0 0 / 1))"
|
|
1284
|
+
}
|
|
1285
|
+
};
|