@workday/canvas-tokens-web 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/css/base/_variables.css +4 -4
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +24 -18
  4. package/dist/common-js/base/index.d.ts +1 -1
  5. package/dist/common-js/base/index.js +1 -1
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +83 -49
  11. package/dist/common-js/system/index.js +12 -4
  12. package/dist/es6/base/index.d.ts +1 -1
  13. package/dist/es6/base/index.js +1 -1
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +83 -49
  19. package/dist/es6/system/index.js +12 -4
  20. package/less/base/_variables.less +4 -4
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +24 -18
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +4 -4
  25. package/scss/base/_variables.scss +4 -4
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +24 -18
  29. package/scss/system/_variables.scss +24 -18
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -196,9 +196,9 @@
196
196
  --cnvs-base-line-height-400: 3rem;
197
197
  --cnvs-base-line-height-500: 3.5rem;
198
198
  --cnvs-base-line-height-600: 4rem;
199
- --cnvs-base-line-height-750: 5rem;
200
- --cnvs-base-line-height-900: 6rem;
201
- --cnvs-base-line-height-1050: 7rem;
199
+ --cnvs-base-line-height-750: 4.5rem;
200
+ --cnvs-base-line-height-900: 5.5rem;
201
+ --cnvs-base-line-height-1050: 6.5rem;
202
202
  --cnvs-base-typescale-size-default: 0.125rem;
203
203
  --cnvs-base-typescale-size-heading: 0.25rem;
204
204
  --cnvs-base-typescale-size-title: 0.5rem;
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -14,6 +14,16 @@
14
14
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
15
15
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
16
16
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
17
+ --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
18
+ --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
19
+ --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
20
+ --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
21
+ --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
22
+ --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
23
+ --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
24
+ --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
25
+ --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
26
+ --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
17
27
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
18
28
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
19
29
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
@@ -50,18 +60,19 @@
50
60
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-licorice-300); /* Gray */
51
61
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-cantaloupe-600); /* Stronger orange */
52
62
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-cantaloupe-100); /* Soft orange */
53
- --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-cantaloupe-500); /* Orange */
63
+ --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-cantaloupe-400); /* Orange */
54
64
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-cinnamon-600); /* Strong red */
55
65
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-cinnamon-100); /* Light red */
56
66
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-cinnamon-500); /* Red */
57
67
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-apple-600); /* Stronger green */
58
68
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-apple-100); /* Light green */
59
69
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-apple-400); /* Default green */
70
+ --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-toasted-marshmallow-600); /* Foregrounds in low emphasis status indicators */
60
71
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blueberry-500); /* Stronger blue */
61
72
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blueberry-100); /* Light blue */
62
73
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blueberry-400); /* Blue */
63
74
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-licorice-600); /* Main shadow color */
64
- --cnvs-sys-color-shadow-2: var(--cnvs-base-palette-licorice-600); /* Second shadow color */
75
+ --cnvs-sys-color-shadow-2: rgba(31,38,46,var(--cnvs-base-opacity-100)); /* Second shadow color */
65
76
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-soap-500); /* Cards, Toasts */
66
77
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-soap-400); /* Dividers */
67
78
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-french-vanilla-100); /* Inverse */
@@ -71,6 +82,7 @@
71
82
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blueberry-400); /* Brand, Focus */
72
83
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-black-pepper-500); /* Secondary Button Hover */
73
84
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-black-pepper-400); /* Secondary Button */
85
+ --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-soap-300); /* Borders on checkboxes and radios */
74
86
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-licorice-500); /* Input hover */
75
87
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-licorice-200); /* Inputs */
76
88
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-licorice-100); /* Disabled inputs */
@@ -83,6 +95,7 @@
83
95
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-licorice-500);
84
96
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-licorice-400);
85
97
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-licorice-300); /* Hint text */
98
+ --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-licorice-200); /* Tab item text */
86
99
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-cinnamon-500); /* Error */
87
100
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-french-vanilla-100); /* Inverse */
88
101
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-licorice-100); /* Disabled */
@@ -99,6 +112,7 @@
99
112
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-licorice-500); /* Hover icon color */
100
113
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-licorice-100); /* Disabled icon color */
101
114
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-licorice-200); /* Default icon color */
115
+ --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blueberry-600); /* Active links */
102
116
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blueberry-500); /* Branded hover text */
103
117
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blueberry-400); /* Branded text */
104
118
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-cinnamon-500); /* Error text */
@@ -126,16 +140,17 @@
126
140
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-black-pepper-500); /* Contrast backgrounds, like Secondary Buttons */
127
141
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-black-pepper-400); /* Contrast backgrounds, like Secondary Buttons */
128
142
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-licorice-500);
129
- --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-licorice-100);
130
143
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-licorice-300);
144
+ --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-licorice-200);
145
+ --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-licorice-100);
131
146
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-soap-500); /* Active states */
132
147
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-soap-400); /* Active states */
148
+ --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-soap-100); /* Disabled inputs and column headers */
133
149
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-soap-200); /* Page background */
134
150
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-soap-300); /* Hover states */
135
- --cnvs-sys-color-bg-translucent: rgba(var(--cnvs-base-palette-black-pepper-600) ,var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
136
- --cnvs-sys-color-bg-transparent: rgba(var(--cnvs-base-palette-french-vanilla-100), 0); /* Transparent background */
151
+ --cnvs-sys-color-bg-translucent: rgba(0,0,0,var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
152
+ --cnvs-sys-color-bg-transparent: transparent; /* Transparent background */
137
153
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-french-vanilla-100); /* Main background color; */
138
- --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
139
154
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
140
155
  --cnvs-sys-depth-6: var(--cnvs-base-shadow-600); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
141
156
  --cnvs-sys-depth-5: var(--cnvs-base-shadow-500); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
@@ -143,27 +158,18 @@
143
158
  --cnvs-sys-depth-3: var(--cnvs-base-shadow-300); /* Floating Action Buttons (FAB), Menus */
144
159
  --cnvs-sys-depth-2: var(--cnvs-base-shadow-200); /* Top navigation, Bottom Navigation */
145
160
  --cnvs-sys-depth-1: var(--cnvs-base-shadow-100); /* Standard card depth */
146
- --cnvs-sys-color-shadow-1: var(--cnvs-sys-color-shadow-default); /* First shadow color */
147
- --cnvs-sys-color-border-transparent: rgba(var(--cnvs-sys-color-static-white), 0%); /* Transparent */
161
+ --cnvs-sys-color-shadow-1: rgba(31,38,46,var(--cnvs-base-opacity-200)); /* First shadow color */
162
+ --cnvs-sys-color-border-transparent: transparent; /* Transparent */
148
163
  --cnvs-sys-color-text-caution-strong: var(--cnvs-sys-color-text-stronger); /* Strong warning text */
149
164
  --cnvs-sys-color-text-caution-default: var(--cnvs-sys-color-text-strong); /* Warning text */
150
165
  --cnvs-sys-color-bg-overlay: rgba(0,0,0,var(--cnvs-base-opacity-400)); /* Overlay background */
151
- --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
152
166
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
153
- --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
154
- --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
155
167
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
156
- --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
157
168
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
158
- --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
159
169
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
160
- --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
161
170
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
162
- --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
163
171
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
164
- --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
165
172
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
166
- --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
167
173
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
168
174
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
169
175
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export declare const primary = {
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export declare const color = {
@@ -13,7 +13,7 @@ export declare const color = {
13
13
  */
14
14
  "default": "--cnvs-sys-color-bg-default",
15
15
  /**
16
- * rgba(#ffffff, 0)
16
+ * rgba(#ffffff,0)
17
17
  *
18
18
  * Transparent background
19
19
  */
@@ -25,7 +25,7 @@ export declare const color = {
25
25
  */
26
26
  "overlay": "--cnvs-sys-color-bg-overlay",
27
27
  /**
28
- * rgba(#000000 ,0.84)
28
+ * rgba(#000000,0.84)
29
29
  *
30
30
  * Tooltip, Status Indicator
31
31
  */
@@ -43,6 +43,12 @@ export declare const color = {
43
43
  * Page background
44
44
  */
45
45
  "soft": "--cnvs-sys-color-bg-alt-soft",
46
+ /**
47
+ * #f6f7f8
48
+ *
49
+ * Disabled inputs and column headers
50
+ */
51
+ "softer": "--cnvs-sys-color-bg-alt-softer",
46
52
  /**
47
53
  * #DFE2E6
48
54
  *
@@ -57,10 +63,12 @@ export declare const color = {
57
63
  "stronger": "--cnvs-sys-color-bg-alt-stronger",
58
64
  },
59
65
  "muted": {
60
- /** #5E6A75 */
61
- "default": "--cnvs-sys-color-bg-muted-default",
62
66
  /** #A1AAB3 */
67
+ "softer": "--cnvs-sys-color-bg-muted-softer",
68
+ /** #7b858f */
63
69
  "soft": "--cnvs-sys-color-bg-muted-soft",
70
+ /** #5E6A75 */
71
+ "default": "--cnvs-sys-color-bg-muted-default",
64
72
  /** #333d47 */
65
73
  "strong": "--cnvs-sys-color-bg-muted-strong",
66
74
  },
@@ -241,6 +249,12 @@ export declare const color = {
241
249
  * Branded hover text
242
250
  */
243
251
  "strong": "--cnvs-sys-color-text-primary-strong",
252
+ /**
253
+ * #004387
254
+ *
255
+ * Active links
256
+ */
257
+ "stronger": "--cnvs-sys-color-text-primary-stronger",
244
258
  },
245
259
  "caution": {
246
260
  /**
@@ -367,6 +381,12 @@ export declare const color = {
367
381
  "default": "--cnvs-sys-color-fg-critical-default",
368
382
  },
369
383
  "muted": {
384
+ /**
385
+ * #7b858f
386
+ *
387
+ * Tab item text
388
+ */
389
+ "soft": "--cnvs-sys-color-fg-muted-soft",
370
390
  /**
371
391
  * #5E6A75
372
392
  *
@@ -441,6 +461,12 @@ export declare const color = {
441
461
  * Input hover
442
462
  */
443
463
  "strong": "--cnvs-sys-color-border-input-strong",
464
+ /**
465
+ * #e8ebed
466
+ *
467
+ * Borders on checkboxes and radios
468
+ */
469
+ "inverse": "--cnvs-sys-color-border-input-inverse",
444
470
  },
445
471
  "contrast": {
446
472
  /**
@@ -487,7 +513,7 @@ export declare const color = {
487
513
  "strong": "--cnvs-sys-color-border-caution-strong",
488
514
  },
489
515
  /**
490
- * rgba(#ffffff, 0%)
516
+ * rgba(#ffffff,0%)
491
517
  *
492
518
  * Transparent
493
519
  */
@@ -513,13 +539,13 @@ export declare const color = {
513
539
  },
514
540
  "shadow": {
515
541
  /**
516
- * #1f262e
542
+ * rgba(#1f262e,0.12)
517
543
  *
518
544
  * First shadow color
519
545
  */
520
546
  "1": "--cnvs-sys-color-shadow-1",
521
547
  /**
522
- * #1f262e
548
+ * rgba(#1f262e,0.08)
523
549
  *
524
550
  * Second shadow color
525
551
  */
@@ -552,6 +578,14 @@ export declare const color = {
552
578
  */
553
579
  "strong": "--cnvs-sys-color-static-blue-strong",
554
580
  },
581
+ "gold": {
582
+ /**
583
+ * #8C6000
584
+ *
585
+ * Foregrounds in low emphasis status indicators
586
+ */
587
+ "stronger": "--cnvs-sys-color-static-gold-stronger",
588
+ },
555
589
  "green": {
556
590
  /**
557
591
  * #43c463
@@ -594,7 +628,7 @@ export declare const color = {
594
628
  },
595
629
  "orange": {
596
630
  /**
597
- * #f38b00
631
+ * #ffa126
598
632
  *
599
633
  * Orange
600
634
  */
@@ -925,47 +959,47 @@ export declare const fontSize = {
925
959
 
926
960
  export declare const lineHeight = {
927
961
  "subtext": {
928
- /** 1rem (16px) */
962
+ /** 16 */
929
963
  "small": "--cnvs-sys-line-height-subtext-small",
930
- /** 1rem (16px) */
964
+ /** 16 */
931
965
  "medium": "--cnvs-sys-line-height-subtext-medium",
932
- /** 1.25rem (20px) */
966
+ /** 20 */
933
967
  "large": "--cnvs-sys-line-height-subtext-large",
934
968
  },
935
969
  "body": {
936
- /** 1.5rem (24px) */
970
+ /** 24 */
937
971
  "small": "--cnvs-sys-line-height-body-small",
938
- /** 1.75rem (28px) */
972
+ /** 28 */
939
973
  "medium": "--cnvs-sys-line-height-body-medium",
940
- /** 1.75rem (28px) */
974
+ /** 28 */
941
975
  "large": "--cnvs-sys-line-height-body-large",
942
976
  },
943
977
  "heading": {
944
- /** 2rem (32px) */
978
+ /** 32 */
945
979
  "small": "--cnvs-sys-line-height-heading-small",
946
- /** 2.25rem (36px) */
980
+ /** 36 */
947
981
  "medium": "--cnvs-sys-line-height-heading-medium",
948
- /** 2.5rem (40px) */
982
+ /** 40 */
949
983
  "large": "--cnvs-sys-line-height-heading-large",
950
984
  },
951
985
  "title": {
952
- /** 3rem (48px) */
986
+ /** 48 */
953
987
  "small": "--cnvs-sys-line-height-title-small",
954
- /** 3.5rem (56px) */
988
+ /** 56 */
955
989
  "medium": "--cnvs-sys-line-height-title-medium",
956
- /** 4rem (64px) */
990
+ /** 64 */
957
991
  "large": "--cnvs-sys-line-height-title-large",
958
992
  },
959
993
  } as const;
960
994
 
961
995
  export declare const fontWeight = {
962
- /** 300 */
996
+ /** Light */
963
997
  "light": "--cnvs-sys-font-weight-light",
964
- /** 400 */
998
+ /** Regular */
965
999
  "normal": "--cnvs-sys-font-weight-normal",
966
- /** 500 */
1000
+ /** Medium */
967
1001
  "medium": "--cnvs-sys-font-weight-medium",
968
- /** 700 */
1002
+ /** Bold */
969
1003
  "bold": "--cnvs-sys-font-weight-bold",
970
1004
  } as const;
971
1005
 
@@ -974,9 +1008,9 @@ export declare const type = {
974
1008
  "small": {
975
1009
  /** Roboto */
976
1010
  "fontFamily": "--cnvs-base-font-family-50",
977
- /** 400 */
1011
+ /** Regular */
978
1012
  "fontWeight": "--cnvs-base-font-weight-400",
979
- /** 1rem (16px) */
1013
+ /** 16 */
980
1014
  "lineHeight": "--cnvs-base-line-height-50",
981
1015
  /** 0.625rem (10px) */
982
1016
  "fontSize": "--cnvs-base-font-size-25",
@@ -986,9 +1020,9 @@ export declare const type = {
986
1020
  "medium": {
987
1021
  /** Roboto */
988
1022
  "fontFamily": "--cnvs-base-font-family-50",
989
- /** 400 */
1023
+ /** Regular */
990
1024
  "fontWeight": "--cnvs-base-font-weight-400",
991
- /** 1rem (16px) */
1025
+ /** 16 */
992
1026
  "lineHeight": "--cnvs-base-line-height-50",
993
1027
  /** 0.75rem (12px) */
994
1028
  "fontSize": "--cnvs-base-font-size-50",
@@ -998,9 +1032,9 @@ export declare const type = {
998
1032
  "large": {
999
1033
  /** Roboto */
1000
1034
  "fontFamily": "--cnvs-base-font-family-50",
1001
- /** 400 */
1035
+ /** Regular */
1002
1036
  "fontWeight": "--cnvs-base-font-weight-400",
1003
- /** 1.25rem (20px) */
1037
+ /** 20 */
1004
1038
  "lineHeight": "--cnvs-base-line-height-100",
1005
1039
  /** 0.875rem (14px) */
1006
1040
  "fontSize": "--cnvs-base-font-size-75",
@@ -1012,9 +1046,9 @@ export declare const type = {
1012
1046
  "small": {
1013
1047
  /** Roboto */
1014
1048
  "fontFamily": "--cnvs-base-font-family-50",
1015
- /** 400 */
1049
+ /** Regular */
1016
1050
  "fontWeight": "--cnvs-base-font-weight-400",
1017
- /** 1.5rem (24px) */
1051
+ /** 24 */
1018
1052
  "lineHeight": "--cnvs-base-line-height-150",
1019
1053
  /** 1rem (16px) */
1020
1054
  "fontSize": "--cnvs-base-font-size-100",
@@ -1024,9 +1058,9 @@ export declare const type = {
1024
1058
  "medium": {
1025
1059
  /** Roboto */
1026
1060
  "fontFamily": "--cnvs-base-font-family-50",
1027
- /** 400 */
1061
+ /** Regular */
1028
1062
  "fontWeight": "--cnvs-base-font-weight-400",
1029
- /** 1.75rem (28px) */
1063
+ /** 28 */
1030
1064
  "lineHeight": "--cnvs-base-line-height-200",
1031
1065
  /** 1.125rem (18px) */
1032
1066
  "fontSize": "--cnvs-base-font-size-125",
@@ -1034,9 +1068,9 @@ export declare const type = {
1034
1068
  "large": {
1035
1069
  /** Roboto */
1036
1070
  "fontFamily": "--cnvs-base-font-family-50",
1037
- /** 400 */
1071
+ /** Regular */
1038
1072
  "fontWeight": "--cnvs-base-font-weight-400",
1039
- /** 1.75rem (28px) */
1073
+ /** 28 */
1040
1074
  "lineHeight": "--cnvs-base-line-height-200",
1041
1075
  /** 1.25rem (20px) */
1042
1076
  "fontSize": "--cnvs-base-font-size-150",
@@ -1046,9 +1080,9 @@ export declare const type = {
1046
1080
  "small": {
1047
1081
  /** Roboto */
1048
1082
  "fontFamily": "--cnvs-base-font-family-50",
1049
- /** 700 */
1083
+ /** Bold */
1050
1084
  "fontWeight": "--cnvs-base-font-weight-700",
1051
- /** 2rem (32px) */
1085
+ /** 32 */
1052
1086
  "lineHeight": "--cnvs-base-line-height-250",
1053
1087
  /** 1.5rem (24px) */
1054
1088
  "fontSize": "--cnvs-base-font-size-200",
@@ -1056,9 +1090,9 @@ export declare const type = {
1056
1090
  "medium": {
1057
1091
  /** Roboto */
1058
1092
  "fontFamily": "--cnvs-base-font-family-50",
1059
- /** 700 */
1093
+ /** Bold */
1060
1094
  "fontWeight": "--cnvs-base-font-weight-700",
1061
- /** 2.25rem (36px) */
1095
+ /** 36 */
1062
1096
  "lineHeight": "--cnvs-base-line-height-300",
1063
1097
  /** 1.75rem (28px) */
1064
1098
  "fontSize": "--cnvs-base-font-size-250",
@@ -1066,9 +1100,9 @@ export declare const type = {
1066
1100
  "large": {
1067
1101
  /** Roboto */
1068
1102
  "fontFamily": "--cnvs-base-font-family-50",
1069
- /** 700 */
1103
+ /** Bold */
1070
1104
  "fontWeight": "--cnvs-base-font-weight-700",
1071
- /** 2.5rem (40px) */
1105
+ /** 40 */
1072
1106
  "lineHeight": "--cnvs-base-line-height-350",
1073
1107
  /** 2rem (32px) */
1074
1108
  "fontSize": "--cnvs-base-font-size-300",
@@ -1078,9 +1112,9 @@ export declare const type = {
1078
1112
  "small": {
1079
1113
  /** Roboto */
1080
1114
  "fontFamily": "--cnvs-base-font-family-50",
1081
- /** 700 */
1115
+ /** Bold */
1082
1116
  "fontWeight": "--cnvs-base-font-weight-700",
1083
- /** 3rem (48px) */
1117
+ /** 48 */
1084
1118
  "lineHeight": "--cnvs-base-line-height-400",
1085
1119
  /** 2.5rem (40px) */
1086
1120
  "fontSize": "--cnvs-base-font-size-400",
@@ -1088,9 +1122,9 @@ export declare const type = {
1088
1122
  "medium": {
1089
1123
  /** Roboto */
1090
1124
  "fontFamily": "--cnvs-base-font-family-50",
1091
- /** 700 */
1125
+ /** Bold */
1092
1126
  "fontWeight": "--cnvs-base-font-weight-700",
1093
- /** 3.5rem (56px) */
1127
+ /** 56 */
1094
1128
  "lineHeight": "--cnvs-base-line-height-500",
1095
1129
  /** 3rem (48px) */
1096
1130
  "fontSize": "--cnvs-base-font-size-500",
@@ -1098,9 +1132,9 @@ export declare const type = {
1098
1132
  "large": {
1099
1133
  /** Roboto */
1100
1134
  "fontFamily": "--cnvs-base-font-family-50",
1101
- /** 700 */
1135
+ /** Bold */
1102
1136
  "fontWeight": "--cnvs-base-font-weight-700",
1103
- /** 4rem (64px) */
1137
+ /** 64 */
1104
1138
  "lineHeight": "--cnvs-base-line-height-600",
1105
1139
  /** 3.5rem (56px) */
1106
1140
  "fontSize": "--cnvs-base-font-size-600",
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -15,12 +15,14 @@ exports.color = {
15
15
  "alt": {
16
16
  "default": "--cnvs-sys-color-bg-alt-default",
17
17
  "soft": "--cnvs-sys-color-bg-alt-soft",
18
+ "softer": "--cnvs-sys-color-bg-alt-softer",
18
19
  "strong": "--cnvs-sys-color-bg-alt-strong",
19
20
  "stronger": "--cnvs-sys-color-bg-alt-stronger"
20
21
  },
21
22
  "muted": {
22
- "default": "--cnvs-sys-color-bg-muted-default",
23
+ "softer": "--cnvs-sys-color-bg-muted-softer",
23
24
  "soft": "--cnvs-sys-color-bg-muted-soft",
25
+ "default": "--cnvs-sys-color-bg-muted-default",
24
26
  "strong": "--cnvs-sys-color-bg-muted-strong"
25
27
  },
26
28
  "contrast": {
@@ -64,7 +66,8 @@ exports.color = {
64
66
  },
65
67
  "primary": {
66
68
  "default": "--cnvs-sys-color-text-primary-default",
67
- "strong": "--cnvs-sys-color-text-primary-strong"
69
+ "strong": "--cnvs-sys-color-text-primary-strong",
70
+ "stronger": "--cnvs-sys-color-text-primary-stronger"
68
71
  },
69
72
  "caution": {
70
73
  "default": "--cnvs-sys-color-text-caution-default",
@@ -101,6 +104,7 @@ exports.color = {
101
104
  "default": "--cnvs-sys-color-fg-critical-default"
102
105
  },
103
106
  "muted": {
107
+ "soft": "--cnvs-sys-color-fg-muted-soft",
104
108
  "default": "--cnvs-sys-color-fg-muted-default",
105
109
  "strong": "--cnvs-sys-color-fg-muted-strong",
106
110
  "stronger": "--cnvs-sys-color-fg-muted-stronger"
@@ -122,7 +126,8 @@ exports.color = {
122
126
  "input": {
123
127
  "disabled": "--cnvs-sys-color-border-input-disabled",
124
128
  "default": "--cnvs-sys-color-border-input-default",
125
- "strong": "--cnvs-sys-color-border-input-strong"
129
+ "strong": "--cnvs-sys-color-border-input-strong",
130
+ "inverse": "--cnvs-sys-color-border-input-inverse"
126
131
  },
127
132
  "contrast": {
128
133
  "default": "--cnvs-sys-color-border-contrast-default",
@@ -154,6 +159,9 @@ exports.color = {
154
159
  "soft": "--cnvs-sys-color-static-blue-soft",
155
160
  "strong": "--cnvs-sys-color-static-blue-strong"
156
161
  },
162
+ "gold": {
163
+ "stronger": "--cnvs-sys-color-static-gold-stronger"
164
+ },
157
165
  "green": {
158
166
  "default": "--cnvs-sys-color-static-green-default",
159
167
  "soft": "--cnvs-sys-color-static-green-soft",
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export const cinnamon100 = "--cnvs-base-palette-cinnamon-100";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export declare const primary = {
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  export const primary = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Thu, 18 Apr 2024 22:39:08 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";