@workday/canvas-tokens-web 4.0.0-alpha.1 → 4.0.0-alpha.11
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 +106 -17
- package/css/brand/_variables.css +136 -38
- package/css/system/_variables.css +291 -199
- package/dist/common-js/base/index.d.ts +108 -15
- package/dist/common-js/base/index.js +103 -14
- package/dist/common-js/brand/index.d.ts +381 -65
- package/dist/common-js/brand/index.js +102 -2
- package/dist/common-js/index.d.ts +3 -3
- package/dist/common-js/index.js +3 -3
- package/dist/common-js/system/index.d.ts +1681 -1349
- package/dist/common-js/system/index.js +269 -107
- package/dist/es6/base/index.d.ts +108 -15
- package/dist/es6/base/index.js +103 -14
- package/dist/es6/brand/index.d.ts +381 -65
- package/dist/es6/brand/index.js +102 -2
- package/dist/es6/index.d.ts +3 -3
- package/dist/es6/index.js +3 -3
- package/dist/es6/system/index.d.ts +1681 -1349
- package/dist/es6/system/index.js +269 -107
- package/less/base/_variables.less +106 -17
- package/less/brand/_variables.less +136 -38
- package/less/system/_variables.less +291 -199
- package/package.json +5 -1
- package/scss/base/_variables.sass +106 -17
- package/scss/base/_variables.scss +106 -17
- package/scss/brand/_variables.sass +136 -38
- package/scss/brand/_variables.scss +136 -38
- package/scss/system/_variables.sass +291 -199
- package/scss/system/_variables.scss +291 -199
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 16 Jan 2026 21:46:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
@@ -10,13 +10,14 @@ exports.breakpoints = {
|
|
|
10
10
|
"s": "--cnvs-sys-breakpoints-s",
|
|
11
11
|
"m": "--cnvs-sys-breakpoints-m",
|
|
12
12
|
"l": "--cnvs-sys-breakpoints-l",
|
|
13
|
-
"xl": "--cnvs-sys-breakpoints-xl",
|
|
14
13
|
"zero": "--cnvs-sys-breakpoints-zero",
|
|
15
14
|
"sm": "--cnvs-sys-breakpoints-sm",
|
|
16
15
|
"md": "--cnvs-sys-breakpoints-md",
|
|
17
|
-
"lg": "--cnvs-sys-breakpoints-lg"
|
|
16
|
+
"lg": "--cnvs-sys-breakpoints-lg",
|
|
17
|
+
"xl": "--cnvs-sys-breakpoints-xl"
|
|
18
18
|
};
|
|
19
19
|
exports.shape = {
|
|
20
|
+
"zero": "--cnvs-sys-shape-zero",
|
|
20
21
|
"half": "--cnvs-sys-shape-half",
|
|
21
22
|
"x1": "--cnvs-sys-shape-x1",
|
|
22
23
|
"x1Half": "--cnvs-sys-shape-x1-half",
|
|
@@ -24,11 +25,13 @@ exports.shape = {
|
|
|
24
25
|
"x4": "--cnvs-sys-shape-x4",
|
|
25
26
|
"x6": "--cnvs-sys-shape-x6",
|
|
26
27
|
"round": "--cnvs-sys-shape-round",
|
|
27
|
-
"
|
|
28
|
-
"xs": "--cnvs-sys-shape-xs",
|
|
28
|
+
"none": "--cnvs-sys-shape-none",
|
|
29
29
|
"sm": "--cnvs-sys-shape-sm",
|
|
30
30
|
"md": "--cnvs-sys-shape-md",
|
|
31
31
|
"lg": "--cnvs-sys-shape-lg",
|
|
32
|
+
"xl": "--cnvs-sys-shape-xl",
|
|
33
|
+
"xxl": "--cnvs-sys-shape-xxl",
|
|
34
|
+
"xxxl": "--cnvs-sys-shape-xxxl",
|
|
32
35
|
"full": "--cnvs-sys-shape-full"
|
|
33
36
|
};
|
|
34
37
|
exports.space = {
|
|
@@ -277,65 +280,15 @@ exports.type = {
|
|
|
277
280
|
}
|
|
278
281
|
};
|
|
279
282
|
exports.color = {
|
|
280
|
-
"static": {
|
|
281
|
-
"gold": {
|
|
282
|
-
"stronger": "--cnvs-sys-color-static-gold-stronger"
|
|
283
|
-
},
|
|
284
|
-
"orange": {
|
|
285
|
-
"default": "--cnvs-sys-color-static-orange-default",
|
|
286
|
-
"soft": "--cnvs-sys-color-static-orange-soft",
|
|
287
|
-
"strong": "--cnvs-sys-color-static-orange-strong"
|
|
288
|
-
},
|
|
289
|
-
"blue": {
|
|
290
|
-
"default": "--cnvs-sys-color-static-blue-default",
|
|
291
|
-
"softest": "--cnvs-sys-color-static-blue-softest",
|
|
292
|
-
"strong": "--cnvs-sys-color-static-blue-strong",
|
|
293
|
-
"stronger": "--cnvs-sys-color-static-blue-stronger",
|
|
294
|
-
"softer": "--cnvs-sys-color-static-blue-softer",
|
|
295
|
-
"soft": "--cnvs-sys-color-static-blue-soft",
|
|
296
|
-
"strongest": "--cnvs-sys-color-static-blue-strongest"
|
|
297
|
-
},
|
|
298
|
-
"green": {
|
|
299
|
-
"default": "--cnvs-sys-color-static-green-default",
|
|
300
|
-
"soft": "--cnvs-sys-color-static-green-soft",
|
|
301
|
-
"strong": "--cnvs-sys-color-static-green-strong",
|
|
302
|
-
"softer": "--cnvs-sys-color-static-green-softer",
|
|
303
|
-
"stronger": "--cnvs-sys-color-static-green-stronger",
|
|
304
|
-
"softest": "--cnvs-sys-color-static-green-softest",
|
|
305
|
-
"strongest": "--cnvs-sys-color-static-green-strongest"
|
|
306
|
-
},
|
|
307
|
-
"red": {
|
|
308
|
-
"default": "--cnvs-sys-color-static-red-default",
|
|
309
|
-
"soft": "--cnvs-sys-color-static-red-soft",
|
|
310
|
-
"strong": "--cnvs-sys-color-static-red-strong",
|
|
311
|
-
"stronger": "--cnvs-sys-color-static-red-stronger",
|
|
312
|
-
"softest": "--cnvs-sys-color-static-red-softest",
|
|
313
|
-
"strongest": "--cnvs-sys-color-static-red-strongest",
|
|
314
|
-
"softer": "--cnvs-sys-color-static-red-softer"
|
|
315
|
-
},
|
|
316
|
-
"white": "--cnvs-sys-color-static-white",
|
|
317
|
-
"black": "--cnvs-sys-color-static-black",
|
|
318
|
-
"gray": {
|
|
319
|
-
"default": "--cnvs-sys-color-static-gray-default",
|
|
320
|
-
"soft": "--cnvs-sys-color-static-gray-soft",
|
|
321
|
-
"strong": "--cnvs-sys-color-static-gray-strong",
|
|
322
|
-
"stronger": "--cnvs-sys-color-static-gray-stronger",
|
|
323
|
-
"strongest": "--cnvs-sys-color-static-gray-strongest",
|
|
324
|
-
"softest": "--cnvs-sys-color-static-gray-softest",
|
|
325
|
-
"softer": "--cnvs-sys-color-static-gray-softer"
|
|
326
|
-
},
|
|
327
|
-
"amber": {
|
|
328
|
-
"default": "--cnvs-sys-color-static-amber-default",
|
|
329
|
-
"softest": "--cnvs-sys-color-static-amber-softest",
|
|
330
|
-
"strong": "--cnvs-sys-color-static-amber-strong",
|
|
331
|
-
"stronger": "--cnvs-sys-color-static-amber-stronger",
|
|
332
|
-
"softer": "--cnvs-sys-color-static-amber-softer",
|
|
333
|
-
"strongest": "--cnvs-sys-color-static-amber-strongest",
|
|
334
|
-
"soft": "--cnvs-sys-color-static-amber-soft"
|
|
335
|
-
}
|
|
336
|
-
},
|
|
337
283
|
"bg": {
|
|
338
|
-
"
|
|
284
|
+
"primary": {
|
|
285
|
+
"softest": "--cnvs-sys-color-bg-primary-softest",
|
|
286
|
+
"softer": "--cnvs-sys-color-bg-primary-softer",
|
|
287
|
+
"soft": "--cnvs-sys-color-bg-primary-soft",
|
|
288
|
+
"default": "--cnvs-sys-color-bg-primary-default",
|
|
289
|
+
"strong": "--cnvs-sys-color-bg-primary-strong",
|
|
290
|
+
"stronger": "--cnvs-sys-color-bg-primary-stronger"
|
|
291
|
+
},
|
|
339
292
|
"transparent": {
|
|
340
293
|
"default": "--cnvs-sys-color-bg-transparent-default",
|
|
341
294
|
"strong": "--cnvs-sys-color-bg-transparent-strong",
|
|
@@ -346,9 +299,9 @@ exports.color = {
|
|
|
346
299
|
"alt": {
|
|
347
300
|
"softer": "--cnvs-sys-color-bg-alt-softer",
|
|
348
301
|
"soft": "--cnvs-sys-color-bg-alt-soft",
|
|
349
|
-
"default": "--cnvs-sys-color-bg-alt-default",
|
|
350
302
|
"strong": "--cnvs-sys-color-bg-alt-strong",
|
|
351
|
-
"stronger": "--cnvs-sys-color-bg-alt-stronger"
|
|
303
|
+
"stronger": "--cnvs-sys-color-bg-alt-stronger",
|
|
304
|
+
"default": "--cnvs-sys-color-bg-alt-default"
|
|
352
305
|
},
|
|
353
306
|
"muted": {
|
|
354
307
|
"softer": "--cnvs-sys-color-bg-muted-softer",
|
|
@@ -360,14 +313,6 @@ exports.color = {
|
|
|
360
313
|
"default": "--cnvs-sys-color-bg-contrast-default",
|
|
361
314
|
"strong": "--cnvs-sys-color-bg-contrast-strong"
|
|
362
315
|
},
|
|
363
|
-
"primary": {
|
|
364
|
-
"softest": "--cnvs-sys-color-bg-primary-softest",
|
|
365
|
-
"softer": "--cnvs-sys-color-bg-primary-softer",
|
|
366
|
-
"soft": "--cnvs-sys-color-bg-primary-soft",
|
|
367
|
-
"default": "--cnvs-sys-color-bg-primary-default",
|
|
368
|
-
"strong": "--cnvs-sys-color-bg-primary-strong",
|
|
369
|
-
"stronger": "--cnvs-sys-color-bg-primary-stronger"
|
|
370
|
-
},
|
|
371
316
|
"positive": {
|
|
372
317
|
"softest": "--cnvs-sys-color-bg-positive-softest",
|
|
373
318
|
"softer": "--cnvs-sys-color-bg-positive-softer",
|
|
@@ -405,7 +350,8 @@ exports.color = {
|
|
|
405
350
|
"default": "--cnvs-sys-color-bg-info-default",
|
|
406
351
|
"strong": "--cnvs-sys-color-bg-info-strong",
|
|
407
352
|
"stronger": "--cnvs-sys-color-bg-info-stronger"
|
|
408
|
-
}
|
|
353
|
+
},
|
|
354
|
+
"default": "--cnvs-sys-color-bg-default"
|
|
409
355
|
},
|
|
410
356
|
"text": {
|
|
411
357
|
"default": "--cnvs-sys-color-text-default",
|
|
@@ -492,11 +438,6 @@ exports.color = {
|
|
|
492
438
|
}
|
|
493
439
|
},
|
|
494
440
|
"fg": {
|
|
495
|
-
"default": "--cnvs-sys-color-fg-default",
|
|
496
|
-
"strong": "--cnvs-sys-color-fg-strong",
|
|
497
|
-
"stronger": "--cnvs-sys-color-fg-stronger",
|
|
498
|
-
"disabled": "--cnvs-sys-color-fg-disabled",
|
|
499
|
-
"inverse": "--cnvs-sys-color-fg-inverse",
|
|
500
441
|
"critical": {
|
|
501
442
|
"default": "--cnvs-sys-color-fg-critical-default",
|
|
502
443
|
"strong": "--cnvs-sys-color-fg-critical-strong",
|
|
@@ -505,17 +446,17 @@ exports.color = {
|
|
|
505
446
|
"softer": "--cnvs-sys-color-fg-critical-softer"
|
|
506
447
|
},
|
|
507
448
|
"muted": {
|
|
508
|
-
"default": "--cnvs-sys-color-fg-muted-default",
|
|
509
|
-
"strong": "--cnvs-sys-color-fg-muted-strong",
|
|
510
449
|
"stronger": "--cnvs-sys-color-fg-muted-stronger",
|
|
511
|
-
"soft": "--cnvs-sys-color-fg-muted-soft"
|
|
450
|
+
"soft": "--cnvs-sys-color-fg-muted-soft",
|
|
451
|
+
"default": "--cnvs-sys-color-fg-muted-default",
|
|
452
|
+
"strong": "--cnvs-sys-color-fg-muted-strong"
|
|
512
453
|
},
|
|
513
454
|
"primary": {
|
|
514
455
|
"default": "--cnvs-sys-color-fg-primary-default",
|
|
515
|
-
"strong": "--cnvs-sys-color-fg-primary-strong",
|
|
516
456
|
"soft": "--cnvs-sys-color-fg-primary-soft",
|
|
517
457
|
"softer": "--cnvs-sys-color-fg-primary-softer",
|
|
518
|
-
"stronger": "--cnvs-sys-color-fg-primary-stronger"
|
|
458
|
+
"stronger": "--cnvs-sys-color-fg-primary-stronger",
|
|
459
|
+
"strong": "--cnvs-sys-color-fg-primary-strong"
|
|
519
460
|
},
|
|
520
461
|
"caution": {
|
|
521
462
|
"default": "--cnvs-sys-color-fg-caution-default",
|
|
@@ -524,17 +465,12 @@ exports.color = {
|
|
|
524
465
|
"stronger": "--cnvs-sys-color-fg-caution-stronger",
|
|
525
466
|
"softer": "--cnvs-sys-color-fg-caution-softer"
|
|
526
467
|
},
|
|
527
|
-
"contrast": {
|
|
528
|
-
"default": "--cnvs-sys-color-fg-contrast-default",
|
|
529
|
-
"strong": "--cnvs-sys-color-fg-contrast-strong"
|
|
530
|
-
},
|
|
531
|
-
"ai": "--cnvs-sys-color-fg-ai",
|
|
532
468
|
"info": {
|
|
533
469
|
"softer": "--cnvs-sys-color-fg-info-softer",
|
|
534
470
|
"soft": "--cnvs-sys-color-fg-info-soft",
|
|
471
|
+
"stronger": "--cnvs-sys-color-fg-info-stronger",
|
|
535
472
|
"default": "--cnvs-sys-color-fg-info-default",
|
|
536
|
-
"strong": "--cnvs-sys-color-fg-info-strong"
|
|
537
|
-
"stronger": "--cnvs-sys-color-fg-info-stronger"
|
|
473
|
+
"strong": "--cnvs-sys-color-fg-info-strong"
|
|
538
474
|
},
|
|
539
475
|
"positive": {
|
|
540
476
|
"default": "--cnvs-sys-color-fg-positive-default",
|
|
@@ -542,22 +478,42 @@ exports.color = {
|
|
|
542
478
|
"soft": "--cnvs-sys-color-fg-positive-soft",
|
|
543
479
|
"strong": "--cnvs-sys-color-fg-positive-strong",
|
|
544
480
|
"stronger": "--cnvs-sys-color-fg-positive-stronger"
|
|
481
|
+
},
|
|
482
|
+
"default": "--cnvs-sys-color-fg-default",
|
|
483
|
+
"strong": "--cnvs-sys-color-fg-strong",
|
|
484
|
+
"stronger": "--cnvs-sys-color-fg-stronger",
|
|
485
|
+
"disabled": "--cnvs-sys-color-fg-disabled",
|
|
486
|
+
"inverse": "--cnvs-sys-color-fg-inverse",
|
|
487
|
+
"danger": {
|
|
488
|
+
"default": "--cnvs-sys-color-fg-danger-default",
|
|
489
|
+
"strong": "--cnvs-sys-color-fg-danger-strong"
|
|
490
|
+
},
|
|
491
|
+
"warning": {
|
|
492
|
+
"default": "--cnvs-sys-color-fg-warning-default",
|
|
493
|
+
"strong": "--cnvs-sys-color-fg-warning-strong"
|
|
494
|
+
},
|
|
495
|
+
"success": {
|
|
496
|
+
"default": "--cnvs-sys-color-fg-success-default",
|
|
497
|
+
"strong": "--cnvs-sys-color-fg-success-strong"
|
|
498
|
+
},
|
|
499
|
+
"ai": "--cnvs-sys-color-fg-ai",
|
|
500
|
+
"contrast": {
|
|
501
|
+
"default": "--cnvs-sys-color-fg-contrast-default",
|
|
502
|
+
"strong": "--cnvs-sys-color-fg-contrast-strong"
|
|
545
503
|
}
|
|
546
504
|
},
|
|
547
505
|
"border": {
|
|
548
506
|
"input": {
|
|
549
507
|
"disabled": "--cnvs-sys-color-border-input-disabled",
|
|
550
|
-
"default": "--cnvs-sys-color-border-input-default",
|
|
551
508
|
"strong": "--cnvs-sys-color-border-input-strong",
|
|
552
|
-
"inverse": "--cnvs-sys-color-border-input-inverse"
|
|
509
|
+
"inverse": "--cnvs-sys-color-border-input-inverse",
|
|
510
|
+
"default": "--cnvs-sys-color-border-input-default",
|
|
511
|
+
"hover": "--cnvs-sys-color-border-input-hover"
|
|
553
512
|
},
|
|
554
513
|
"contrast": {
|
|
555
514
|
"default": "--cnvs-sys-color-border-contrast-default",
|
|
556
515
|
"strong": "--cnvs-sys-color-border-contrast-strong"
|
|
557
516
|
},
|
|
558
|
-
"primary": {
|
|
559
|
-
"default": "--cnvs-sys-color-border-primary-default"
|
|
560
|
-
},
|
|
561
517
|
"critical": {
|
|
562
518
|
"default": "--cnvs-sys-color-border-critical-default"
|
|
563
519
|
},
|
|
@@ -565,19 +521,218 @@ exports.color = {
|
|
|
565
521
|
"default": "--cnvs-sys-color-border-caution-default",
|
|
566
522
|
"strong": "--cnvs-sys-color-border-caution-strong"
|
|
567
523
|
},
|
|
568
|
-
"transparent": "--cnvs-sys-color-border-transparent",
|
|
569
|
-
"inverse": "--cnvs-sys-color-border-inverse",
|
|
570
524
|
"divider": "--cnvs-sys-color-border-divider",
|
|
525
|
+
"primary": {
|
|
526
|
+
"default": "--cnvs-sys-color-border-primary-default"
|
|
527
|
+
},
|
|
571
528
|
"container": "--cnvs-sys-color-border-container",
|
|
572
|
-
"ai": "--cnvs-sys-color-border-ai",
|
|
573
529
|
"info": {
|
|
574
530
|
"default": "--cnvs-sys-color-border-info-default"
|
|
575
|
-
}
|
|
531
|
+
},
|
|
532
|
+
"default": "--cnvs-sys-color-border-default",
|
|
533
|
+
"ai": "--cnvs-sys-color-border-ai",
|
|
534
|
+
"strong": "--cnvs-sys-color-border-strong",
|
|
535
|
+
"danger": "--cnvs-sys-color-border-danger",
|
|
536
|
+
"warning": "--cnvs-sys-color-border-warning",
|
|
537
|
+
"inverse": {
|
|
538
|
+
"default": "--cnvs-sys-color-border-inverse-default",
|
|
539
|
+
"strong": "--cnvs-sys-color-border-inverse-strong"
|
|
540
|
+
},
|
|
541
|
+
"transparent": "--cnvs-sys-color-border-transparent"
|
|
576
542
|
},
|
|
577
543
|
"shadow": {
|
|
578
544
|
"1": "--cnvs-sys-color-shadow-1",
|
|
579
545
|
"2": "--cnvs-sys-color-shadow-2",
|
|
580
|
-
"default": "--cnvs-sys-color-shadow-default"
|
|
546
|
+
"default": "--cnvs-sys-color-shadow-default",
|
|
547
|
+
"base": "--cnvs-sys-color-shadow-base",
|
|
548
|
+
"ambient": "--cnvs-sys-color-shadow-ambient"
|
|
549
|
+
},
|
|
550
|
+
"static": {
|
|
551
|
+
"gold": {
|
|
552
|
+
"stronger": "--cnvs-sys-color-static-gold-stronger"
|
|
553
|
+
},
|
|
554
|
+
"orange": {
|
|
555
|
+
"default": "--cnvs-sys-color-static-orange-default",
|
|
556
|
+
"soft": "--cnvs-sys-color-static-orange-soft",
|
|
557
|
+
"strong": "--cnvs-sys-color-static-orange-strong"
|
|
558
|
+
},
|
|
559
|
+
"blue": {
|
|
560
|
+
"default": "--cnvs-sys-color-static-blue-default",
|
|
561
|
+
"softest": "--cnvs-sys-color-static-blue-softest",
|
|
562
|
+
"strong": "--cnvs-sys-color-static-blue-strong",
|
|
563
|
+
"stronger": "--cnvs-sys-color-static-blue-stronger",
|
|
564
|
+
"softer": "--cnvs-sys-color-static-blue-softer",
|
|
565
|
+
"soft": "--cnvs-sys-color-static-blue-soft",
|
|
566
|
+
"strongest": "--cnvs-sys-color-static-blue-strongest"
|
|
567
|
+
},
|
|
568
|
+
"green": {
|
|
569
|
+
"default": "--cnvs-sys-color-static-green-default",
|
|
570
|
+
"soft": "--cnvs-sys-color-static-green-soft",
|
|
571
|
+
"strong": "--cnvs-sys-color-static-green-strong",
|
|
572
|
+
"softer": "--cnvs-sys-color-static-green-softer",
|
|
573
|
+
"stronger": "--cnvs-sys-color-static-green-stronger",
|
|
574
|
+
"softest": "--cnvs-sys-color-static-green-softest",
|
|
575
|
+
"strongest": "--cnvs-sys-color-static-green-strongest"
|
|
576
|
+
},
|
|
577
|
+
"red": {
|
|
578
|
+
"default": "--cnvs-sys-color-static-red-default",
|
|
579
|
+
"soft": "--cnvs-sys-color-static-red-soft",
|
|
580
|
+
"strong": "--cnvs-sys-color-static-red-strong",
|
|
581
|
+
"stronger": "--cnvs-sys-color-static-red-stronger",
|
|
582
|
+
"softest": "--cnvs-sys-color-static-red-softest",
|
|
583
|
+
"strongest": "--cnvs-sys-color-static-red-strongest",
|
|
584
|
+
"softer": "--cnvs-sys-color-static-red-softer"
|
|
585
|
+
},
|
|
586
|
+
"white": "--cnvs-sys-color-static-white",
|
|
587
|
+
"black": "--cnvs-sys-color-static-black",
|
|
588
|
+
"gray": {
|
|
589
|
+
"default": "--cnvs-sys-color-static-gray-default",
|
|
590
|
+
"soft": "--cnvs-sys-color-static-gray-soft",
|
|
591
|
+
"strong": "--cnvs-sys-color-static-gray-strong",
|
|
592
|
+
"stronger": "--cnvs-sys-color-static-gray-stronger",
|
|
593
|
+
"strongest": "--cnvs-sys-color-static-gray-strongest",
|
|
594
|
+
"softest": "--cnvs-sys-color-static-gray-softest",
|
|
595
|
+
"softer": "--cnvs-sys-color-static-gray-softer"
|
|
596
|
+
},
|
|
597
|
+
"amber": {
|
|
598
|
+
"default": "--cnvs-sys-color-static-amber-default",
|
|
599
|
+
"softest": "--cnvs-sys-color-static-amber-softest",
|
|
600
|
+
"strong": "--cnvs-sys-color-static-amber-strong",
|
|
601
|
+
"stronger": "--cnvs-sys-color-static-amber-stronger",
|
|
602
|
+
"softer": "--cnvs-sys-color-static-amber-softer",
|
|
603
|
+
"strongest": "--cnvs-sys-color-static-amber-strongest",
|
|
604
|
+
"soft": "--cnvs-sys-color-static-amber-soft"
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"surface": {
|
|
608
|
+
"default": "--cnvs-sys-color-surface-default",
|
|
609
|
+
"navigation": "--cnvs-sys-color-surface-navigation",
|
|
610
|
+
"popover": "--cnvs-sys-color-surface-popover",
|
|
611
|
+
"modal": "--cnvs-sys-color-surface-modal",
|
|
612
|
+
"raised": "--cnvs-sys-color-surface-raised",
|
|
613
|
+
"alt": {
|
|
614
|
+
"default": "--cnvs-sys-color-surface-alt-default",
|
|
615
|
+
"strong": "--cnvs-sys-color-surface-alt-strong"
|
|
616
|
+
},
|
|
617
|
+
"loading": "--cnvs-sys-color-surface-loading",
|
|
618
|
+
"info": {
|
|
619
|
+
"default": "--cnvs-sys-color-surface-info-default",
|
|
620
|
+
"strong": "--cnvs-sys-color-surface-info-strong"
|
|
621
|
+
},
|
|
622
|
+
"danger": {
|
|
623
|
+
"default": "--cnvs-sys-color-surface-danger-default",
|
|
624
|
+
"strong": "--cnvs-sys-color-surface-danger-strong"
|
|
625
|
+
},
|
|
626
|
+
"warning": {
|
|
627
|
+
"default": "--cnvs-sys-color-surface-warning-default",
|
|
628
|
+
"strong": "--cnvs-sys-color-surface-warning-strong"
|
|
629
|
+
},
|
|
630
|
+
"success": {
|
|
631
|
+
"default": "--cnvs-sys-color-surface-success-default",
|
|
632
|
+
"strong": "--cnvs-sys-color-surface-success-strong"
|
|
633
|
+
},
|
|
634
|
+
"ai": {
|
|
635
|
+
"default": "--cnvs-sys-color-surface-ai-default",
|
|
636
|
+
"hover": "--cnvs-sys-color-surface-ai-hover",
|
|
637
|
+
"pressed": "--cnvs-sys-color-surface-ai-pressed"
|
|
638
|
+
},
|
|
639
|
+
"transparent": "--cnvs-sys-color-surface-transparent",
|
|
640
|
+
"inverse": "--cnvs-sys-color-surface-inverse",
|
|
641
|
+
"contrast": {
|
|
642
|
+
"default": "--cnvs-sys-color-surface-contrast-default",
|
|
643
|
+
"strong": "--cnvs-sys-color-surface-contrast-strong"
|
|
644
|
+
},
|
|
645
|
+
"overlay": {
|
|
646
|
+
"hover": {
|
|
647
|
+
"default": "--cnvs-sys-color-surface-overlay-hover-default",
|
|
648
|
+
"inverse": "--cnvs-sys-color-surface-overlay-hover-inverse"
|
|
649
|
+
},
|
|
650
|
+
"pressed": {
|
|
651
|
+
"default": "--cnvs-sys-color-surface-overlay-pressed-default",
|
|
652
|
+
"inverse": "--cnvs-sys-color-surface-overlay-pressed-inverse"
|
|
653
|
+
},
|
|
654
|
+
"scrim": "--cnvs-sys-color-surface-overlay-scrim"
|
|
655
|
+
}
|
|
656
|
+
},
|
|
657
|
+
"accent": {
|
|
658
|
+
"ai": "--cnvs-sys-color-accent-ai",
|
|
659
|
+
"info": "--cnvs-sys-color-accent-info",
|
|
660
|
+
"danger": "--cnvs-sys-color-accent-danger",
|
|
661
|
+
"warning": "--cnvs-sys-color-accent-warning",
|
|
662
|
+
"success": "--cnvs-sys-color-accent-success",
|
|
663
|
+
"contrast": "--cnvs-sys-color-accent-contrast",
|
|
664
|
+
"muted": {
|
|
665
|
+
"default": "--cnvs-sys-color-accent-muted-default",
|
|
666
|
+
"soft": "--cnvs-sys-color-accent-muted-soft"
|
|
667
|
+
},
|
|
668
|
+
"overlay": {
|
|
669
|
+
"hover": "--cnvs-sys-color-accent-overlay-hover",
|
|
670
|
+
"pressed": "--cnvs-sys-color-accent-overlay-pressed"
|
|
671
|
+
}
|
|
672
|
+
},
|
|
673
|
+
"brand": {
|
|
674
|
+
"focus": {
|
|
675
|
+
"primary": "--cnvs-sys-color-brand-focus-primary",
|
|
676
|
+
"critical": "--cnvs-sys-color-brand-focus-critical",
|
|
677
|
+
"caution": {
|
|
678
|
+
"outer": "--cnvs-sys-color-brand-focus-caution-outer",
|
|
679
|
+
"inner": "--cnvs-sys-color-brand-focus-caution-inner"
|
|
680
|
+
}
|
|
681
|
+
},
|
|
682
|
+
"surface": {
|
|
683
|
+
"primary": {
|
|
684
|
+
"default": "--cnvs-sys-color-brand-surface-primary-default",
|
|
685
|
+
"strong": "--cnvs-sys-color-brand-surface-primary-strong"
|
|
686
|
+
},
|
|
687
|
+
"critical": {
|
|
688
|
+
"default": "--cnvs-sys-color-brand-surface-critical-default",
|
|
689
|
+
"strong": "--cnvs-sys-color-brand-surface-critical-strong"
|
|
690
|
+
},
|
|
691
|
+
"caution": {
|
|
692
|
+
"default": "--cnvs-sys-color-brand-surface-caution-default",
|
|
693
|
+
"strong": "--cnvs-sys-color-brand-surface-caution-strong"
|
|
694
|
+
},
|
|
695
|
+
"positive": {
|
|
696
|
+
"default": "--cnvs-sys-color-brand-surface-positive-default",
|
|
697
|
+
"strong": "--cnvs-sys-color-brand-surface-positive-strong"
|
|
698
|
+
},
|
|
699
|
+
"selected": "--cnvs-sys-color-brand-surface-selected"
|
|
700
|
+
},
|
|
701
|
+
"accent": {
|
|
702
|
+
"primary": "--cnvs-sys-color-brand-accent-primary",
|
|
703
|
+
"critical": "--cnvs-sys-color-brand-accent-critical",
|
|
704
|
+
"caution": "--cnvs-sys-color-brand-accent-caution",
|
|
705
|
+
"positive": "--cnvs-sys-color-brand-accent-positive",
|
|
706
|
+
"action": "--cnvs-sys-color-brand-accent-action"
|
|
707
|
+
},
|
|
708
|
+
"fg": {
|
|
709
|
+
"primary": {
|
|
710
|
+
"default": "--cnvs-sys-color-brand-fg-primary-default",
|
|
711
|
+
"strong": "--cnvs-sys-color-brand-fg-primary-strong"
|
|
712
|
+
},
|
|
713
|
+
"critical": {
|
|
714
|
+
"default": "--cnvs-sys-color-brand-fg-critical-default",
|
|
715
|
+
"strong": "--cnvs-sys-color-brand-fg-critical-strong"
|
|
716
|
+
},
|
|
717
|
+
"caution": {
|
|
718
|
+
"default": "--cnvs-sys-color-brand-fg-caution-default",
|
|
719
|
+
"strong": "--cnvs-sys-color-brand-fg-caution-strong"
|
|
720
|
+
},
|
|
721
|
+
"positive": {
|
|
722
|
+
"default": "--cnvs-sys-color-brand-fg-positive-default",
|
|
723
|
+
"strong": "--cnvs-sys-color-brand-fg-positive-strong"
|
|
724
|
+
},
|
|
725
|
+
"selected": "--cnvs-sys-color-brand-fg-selected"
|
|
726
|
+
},
|
|
727
|
+
"border": {
|
|
728
|
+
"primary": "--cnvs-sys-color-brand-border-primary",
|
|
729
|
+
"critical": "--cnvs-sys-color-brand-border-critical",
|
|
730
|
+
"caution": "--cnvs-sys-color-brand-border-caution"
|
|
731
|
+
}
|
|
732
|
+
},
|
|
733
|
+
"focus": {
|
|
734
|
+
"inverse": "--cnvs-sys-color-focus-inverse",
|
|
735
|
+
"contrast": "--cnvs-sys-color-focus-contrast"
|
|
581
736
|
}
|
|
582
737
|
};
|
|
583
738
|
exports.depth = {
|
|
@@ -600,24 +755,31 @@ exports.opacity = {
|
|
|
600
755
|
}
|
|
601
756
|
};
|
|
602
757
|
exports.size = {
|
|
603
|
-
"
|
|
758
|
+
"icon": {
|
|
759
|
+
"xs": "--cnvs-sys-size-icon-xs",
|
|
760
|
+
"sm": "--cnvs-sys-size-icon-sm",
|
|
761
|
+
"md": "--cnvs-sys-size-icon-md",
|
|
762
|
+
"lg": "--cnvs-sys-size-icon-lg",
|
|
763
|
+
"xl": "--cnvs-sys-size-icon-xl"
|
|
764
|
+
},
|
|
765
|
+
"xxxs": "--cnvs-sys-size-xxxs",
|
|
766
|
+
"xxs": "--cnvs-sys-size-xxs",
|
|
604
767
|
"xs": "--cnvs-sys-size-xs",
|
|
605
768
|
"sm": "--cnvs-sys-size-sm",
|
|
606
769
|
"md": "--cnvs-sys-size-md",
|
|
607
770
|
"lg": "--cnvs-sys-size-lg",
|
|
608
771
|
"xl": "--cnvs-sys-size-xl",
|
|
609
|
-
"
|
|
610
|
-
"3Xl": "--cnvs-sys-size-3xl"
|
|
772
|
+
"xxl": "--cnvs-sys-size-xxl"
|
|
611
773
|
};
|
|
612
774
|
exports.padding = {
|
|
613
775
|
"none": "--cnvs-sys-padding-none",
|
|
614
|
-
"
|
|
776
|
+
"xxs": "--cnvs-sys-padding-xxs",
|
|
615
777
|
"xs": "--cnvs-sys-padding-xs",
|
|
616
778
|
"sm": "--cnvs-sys-padding-sm",
|
|
617
779
|
"md": "--cnvs-sys-padding-md",
|
|
618
780
|
"lg": "--cnvs-sys-padding-lg",
|
|
619
781
|
"xl": "--cnvs-sys-padding-xl",
|
|
620
|
-
"
|
|
782
|
+
"xxl": "--cnvs-sys-padding-xxl"
|
|
621
783
|
};
|
|
622
784
|
exports.gap = {
|
|
623
785
|
"none": "--cnvs-sys-gap-none",
|
|
@@ -626,7 +788,7 @@ exports.gap = {
|
|
|
626
788
|
"md": "--cnvs-sys-gap-md",
|
|
627
789
|
"lg": "--cnvs-sys-gap-lg",
|
|
628
790
|
"xl": "--cnvs-sys-gap-xl",
|
|
629
|
-
"
|
|
791
|
+
"xxl": "--cnvs-sys-gap-xxl"
|
|
630
792
|
};
|
|
631
793
|
exports.fontFamily = {
|
|
632
794
|
"default": "--cnvs-sys-font-family-default",
|