@workday/canvas-tokens-web 4.3.0-beta.2 → 4.3.0-beta.3

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 (41) hide show
  1. package/css/base/_variables.css +2 -2
  2. package/css/brand/_variables.css +1 -1
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +298 -0
  5. package/css/legacy/brand.css +105 -0
  6. package/css/legacy/component.css +23 -0
  7. package/css/legacy/system.css +163 -0
  8. package/css/system/_variables.css +4 -4
  9. package/dist/common-js/base/index.d.ts +825 -732
  10. package/dist/common-js/base/index.js +295 -1
  11. package/dist/common-js/brand/index.d.ts +149 -40
  12. package/dist/common-js/brand/index.js +105 -1
  13. package/dist/common-js/component/index.d.ts +36 -1
  14. package/dist/common-js/component/index.js +31 -1
  15. package/dist/common-js/index.d.ts +1 -1
  16. package/dist/common-js/index.js +1 -1
  17. package/dist/common-js/system/index.d.ts +391 -18
  18. package/dist/common-js/system/index.js +369 -1
  19. package/dist/es6/base/index.d.ts +825 -732
  20. package/dist/es6/base/index.js +295 -1
  21. package/dist/es6/brand/index.d.ts +149 -40
  22. package/dist/es6/brand/index.js +105 -1
  23. package/dist/es6/component/index.d.ts +36 -1
  24. package/dist/es6/component/index.js +31 -1
  25. package/dist/es6/index.d.ts +1 -1
  26. package/dist/es6/index.js +1 -1
  27. package/dist/es6/system/index.d.ts +391 -18
  28. package/dist/es6/system/index.js +369 -1
  29. package/less/base/_variables.less +2 -2
  30. package/less/brand/_variables.less +1 -1
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +4 -4
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +2 -2
  35. package/scss/base/_variables.scss +2 -2
  36. package/scss/brand/_variables.sass +1 -1
  37. package/scss/brand/_variables.scss +1 -1
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +4 -4
  41. package/scss/system/_variables.scss +4 -4
package/css/base/_variables.css CHANGED
@@ -1,10 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:58 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:52 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --cnvs-base-font-size: 1rem; /* Default fontSize for the browser, may be overriden by user preferences */
7
+ --cnvs-base-font-size: 1rem; /* Default fontSize for the browser, may be overridden by user preferences */
8
8
  --cnvs-base-baseline: 0.5rem; /* Baseline unit used for the 8pt sizing grid */
9
9
  --cnvs-base-duration-50: 50ms;
10
10
  --cnvs-base-duration-100: 100ms;
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:58 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:52 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/component/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:58 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:52 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/base.css ADDED
@@ -0,0 +1,298 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 GMT
4
+ */
5
+
6
+ :root {
7
+ --cnvs-base-font-size: var(--cnvs-base-unit, 1rem); /* Default fontSize for the browser, may be overridden by user preferences */
8
+ --cnvs-base-baseline: 0.5rem; /* Baseline unit used for the 8pt sizing grid */
9
+ --cnvs-base-opacity-80: var(--cnvs-base-opacity-100, 0.08);
10
+ --cnvs-base-opacity-120: 0.12;
11
+ --cnvs-base-opacity-180: 0.18;
12
+ --cnvs-base-opacity-200: var(--cnvs-base-opacity-250, 0.2);
13
+ --cnvs-base-opacity-360: 0.36;
14
+ --cnvs-base-opacity-400: var(--cnvs-base-opacity-300, 0.4);
15
+ --cnvs-base-opacity-640: 0.64;
16
+ --cnvs-base-opacity-840: var(--cnvs-base-opacity-500, 0.84);
17
+ --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
18
+ --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
19
+ --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
20
+ --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
21
+ --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
22
+ --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
23
+ --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
24
+ --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
25
+ --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
26
+ --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
27
+ --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
28
+ --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
29
+ --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
30
+ --cnvs-base-palette-amber-a25: oklch(0.7982 0.159 92.57 / 0.1);
31
+ --cnvs-base-palette-amber-a50: oklch(0.8864 0.1845 100.28 / 0.22);
32
+ --cnvs-base-palette-amber-a100: oklch(0.8988 0.185 97.8 / 0.35);
33
+ --cnvs-base-palette-amber-a200: oklch(0.886 0.1822 96.83 / 0.64);
34
+ --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
35
+ --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
36
+ --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
37
+ --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
38
+ --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
39
+ --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
40
+ --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
41
+ --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
42
+ --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
43
+ --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
44
+ --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
45
+ --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
46
+ --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
47
+ --cnvs-base-palette-azure-a25: oklch(0.7487 0.1547 233.36 / 0.06);
48
+ --cnvs-base-palette-azure-a50: oklch(0.7394 0.1572 235.46 / 0.14);
49
+ --cnvs-base-palette-azure-a100: oklch(0.7186 0.1639 239.76 / 0.2);
50
+ --cnvs-base-palette-azure-a200: oklch(0.7117 0.1663 241.15 / 0.42);
51
+ --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
52
+ --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
53
+ --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
54
+ --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
55
+ --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
56
+ --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
57
+ --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
58
+ --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
59
+ --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
60
+ --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
61
+ --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
62
+ --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
63
+ --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
64
+ --cnvs-base-palette-blue-a25: oklch(0.6499 0.1912 253.52 / 0.08);
65
+ --cnvs-base-palette-blue-a50: oklch(0.6152 0.2108 256.1 / 0.11);
66
+ --cnvs-base-palette-blue-a100: oklch(0.6225 0.2064 255.9 / 0.17);
67
+ --cnvs-base-palette-blue-a200: oklch(0.6048 0.2166 257.21 / 0.31);
68
+ --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
69
+ --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
70
+ --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
71
+ --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
72
+ --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
73
+ --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
74
+ --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
75
+ --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
76
+ --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
77
+ --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
78
+ --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
79
+ --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
80
+ --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
81
+ --cnvs-base-palette-coral-a25: oklch(0.6708 0.221 37.37 / 0.04);
82
+ --cnvs-base-palette-coral-a50: oklch(0.6598 0.229 34.15 / 0.08);
83
+ --cnvs-base-palette-coral-a100: oklch(0.6545 0.2337 33.76 / 0.15);
84
+ --cnvs-base-palette-coral-a200: oklch(0.6552 0.2332 34.09 / 0.36);
85
+ --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
86
+ --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
87
+ --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
88
+ --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
89
+ --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
90
+ --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
91
+ --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
92
+ --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
93
+ --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
94
+ --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
95
+ --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
96
+ --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
97
+ --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
98
+ --cnvs-base-palette-green-a25: oklch(0.8695 0.2801 143.52 / 0.08);
99
+ --cnvs-base-palette-green-a50: oklch(0.8685 0.2814 143.77 / 0.15);
100
+ --cnvs-base-palette-green-a100: oklch(0.8316 0.2716 143.71 / 0.29);
101
+ --cnvs-base-palette-green-a200: oklch(0.796 0.2508 144.9 / 0.6);
102
+ --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
103
+ --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
104
+ --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
105
+ --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
106
+ --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
107
+ --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
108
+ --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
109
+ --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
110
+ --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
111
+ --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
112
+ --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
113
+ --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
114
+ --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
115
+ --cnvs-base-palette-indigo-a25: oklch(0.4762 0.2966 267.42 / 0.05);
116
+ --cnvs-base-palette-indigo-a50: oklch(0.4661 0.3036 264.5 / 0.08);
117
+ --cnvs-base-palette-indigo-a100: oklch(0.4693 0.3013 265.31 / 0.13);
118
+ --cnvs-base-palette-indigo-a200: oklch(0.4666 0.3032 264.75 / 0.24);
119
+ --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
120
+ --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
121
+ --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
122
+ --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
123
+ --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
124
+ --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
125
+ --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
126
+ --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
127
+ --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
128
+ --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
129
+ --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
130
+ --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
131
+ --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
132
+ --cnvs-base-palette-magenta-a25: oklch(0.7091 0.3124 328.27 / 0.05);
133
+ --cnvs-base-palette-magenta-a50: oklch(0.7044 0.3188 328.33 / 0.08);
134
+ --cnvs-base-palette-magenta-a100: oklch(0.6892 0.3052 333.97 / 0.16);
135
+ --cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
136
+ --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
137
+ --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
138
+ --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
139
+ --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
140
+ --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
141
+ --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
142
+ --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
143
+ --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
144
+ --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
145
+ --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
146
+ --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
147
+ --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
148
+ --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
149
+ --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
150
+ --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
151
+ --cnvs-base-palette-neutral-a0: oklch(0 0 0 / 0);
152
+ --cnvs-base-palette-neutral-a25: oklch(0.1149 0 0 / 0.02);
153
+ --cnvs-base-palette-neutral-a50: oklch(0.1149 0 0 / 0.04);
154
+ --cnvs-base-palette-neutral-a100: oklch(0.1822 0 0 / 0.08);
155
+ --cnvs-base-palette-neutral-a200: oklch(0.0847 0 0 / 0.17);
156
+ --cnvs-base-palette-neutral-a300: oklch(0.1149 0 0 / 0.26);
157
+ --cnvs-base-palette-neutral-a400: oklch(0.0847 0 0 / 0.36);
158
+ --cnvs-base-palette-neutral-a500: oklch(0.1149 0 0 / 0.48);
159
+ --cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
160
+ --cnvs-base-palette-neutral-a700: oklch(0.0672 0 0 / 0.67);
161
+ --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.77);
162
+ --cnvs-base-palette-neutral-a900: oklch(0.0969 0 0 / 0.84);
163
+ --cnvs-base-palette-neutral-a950: oklch(0.0672 0 0 / 0.89);
164
+ --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.95);
165
+ --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
166
+ --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
167
+ --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
168
+ --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
169
+ --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
170
+ --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
171
+ --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
172
+ --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
173
+ --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
174
+ --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
175
+ --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
176
+ --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
177
+ --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
178
+ --cnvs-base-palette-orange-a25: oklch(0.7136 0.1784 53.73 / 0.1);
179
+ --cnvs-base-palette-orange-a50: oklch(0.7555 0.1769 59.35 / 0.17);
180
+ --cnvs-base-palette-orange-a100: oklch(0.7365 0.1837 54.12 / 0.25);
181
+ --cnvs-base-palette-orange-a200: oklch(0.7304 0.1863 52.52 / 0.46);
182
+ --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
183
+ --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
184
+ --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
185
+ --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
186
+ --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
187
+ --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
188
+ --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
189
+ --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
190
+ --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
191
+ --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
192
+ --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
193
+ --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
194
+ --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
195
+ --cnvs-base-palette-purple-a25: oklch(0.5632 0.2948 302.45 / 0.04);
196
+ --cnvs-base-palette-purple-a50: oklch(0.5645 0.2935 302.36 / 0.09);
197
+ --cnvs-base-palette-purple-a100: oklch(0.5867 0.2975 307.8 / 0.17);
198
+ --cnvs-base-palette-purple-a200: oklch(0.6051 0.3009 311.78 / 0.25);
199
+ --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
200
+ --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
201
+ --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
202
+ --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
203
+ --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
204
+ --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
205
+ --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
206
+ --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
207
+ --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
208
+ --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
209
+ --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
210
+ --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
211
+ --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
212
+ --cnvs-base-palette-red-a25: oklch(0.6289 0.2567 29.11 / 0.04);
213
+ --cnvs-base-palette-red-a50: oklch(0.6434 0.2428 30.17 / 0.1);
214
+ --cnvs-base-palette-red-a100: oklch(0.6382 0.248 30.42 / 0.16);
215
+ --cnvs-base-palette-red-a200: oklch(0.6375 0.2487 30.71 / 0.35);
216
+ --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
217
+ --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
218
+ --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
219
+ --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
220
+ --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
221
+ --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
222
+ --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
223
+ --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
224
+ --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
225
+ --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
226
+ --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
227
+ --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
228
+ --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
229
+ --cnvs-base-palette-slate-a25: oklch(0.4688 0.0781 250.43 / 0.03);
230
+ --cnvs-base-palette-slate-a50: oklch(0.3343 0.0951 253.3 / 0.05);
231
+ --cnvs-base-palette-slate-a100: oklch(0.3337 0.0688 250.79 / 0.09);
232
+ --cnvs-base-palette-slate-a200: oklch(0.3057 0.079 256.22 / 0.13);
233
+ --cnvs-base-palette-slate-a300: oklch(0.2442 0.0693 257.66 / 0.21);
234
+ --cnvs-base-palette-slate-a400: oklch(0.2333 0.0665 257.09 / 0.35);
235
+ --cnvs-base-palette-slate-a500: oklch(0.2187 0.0685 255.77 / 0.51);
236
+ --cnvs-base-palette-slate-a600: oklch(0.1793 0.0503 254.55 / 0.64);
237
+ --cnvs-base-palette-slate-a700: oklch(0.1595 0.0431 250.87 / 0.7);
238
+ --cnvs-base-palette-slate-a800: oklch(0.157 0.0349 253.16 / 0.79);
239
+ --cnvs-base-palette-slate-a900: oklch(0.1351 0.0244 244.09 / 0.87);
240
+ --cnvs-base-palette-slate-a950: oklch(0.1312 0.0198 248.87 / 0.9);
241
+ --cnvs-base-palette-slate-a975: oklch(0.1168 0.014 231.47 / 0.95);
242
+ --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
243
+ --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
244
+ --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
245
+ --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
246
+ --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
247
+ --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
248
+ --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
249
+ --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
250
+ --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
251
+ --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
252
+ --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
253
+ --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
254
+ --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
255
+ --cnvs-base-palette-teal-a25: oklch(0.8804 0.1478 200.72 / 0.09);
256
+ --cnvs-base-palette-teal-a50: oklch(0.8427 0.1433 206.66 / 0.19);
257
+ --cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
258
+ --cnvs-base-palette-teal-a200: oklch(0.7101 0.1219 207.98 / 0.37);
259
+ --cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
260
+ --cnvs-base-palette-white-a25: oklch(1 0 0 / 0.02);
261
+ --cnvs-base-palette-white-a50: oklch(1 0 0 / 0.03);
262
+ --cnvs-base-palette-white-a100: oklch(1 0 0 / 0.08);
263
+ --cnvs-base-palette-white-a200: oklch(1 0 0 / 0.16);
264
+ --cnvs-base-palette-white-a300: oklch(1 0 0 / 0.26);
265
+ --cnvs-base-palette-white-a400: oklch(1 0 0 / 0.36);
266
+ --cnvs-base-palette-white-a500: oklch(1 0 0 / 0.47);
267
+ --cnvs-base-palette-white-a600: oklch(1 0 0 / 0.6);
268
+ --cnvs-base-palette-white-a700: oklch(1 0 0 / 0.67);
269
+ --cnvs-base-palette-white-a800: oklch(1 0 0 / 0.77);
270
+ --cnvs-base-palette-white-a900: oklch(1 0 0 / 0.83);
271
+ --cnvs-base-palette-white-a950: oklch(1 0 0 / 0.89);
272
+ --cnvs-base-palette-white-a975: oklch(1 0 0 / 0.95);
273
+ --cnvs-base-size-0: 0; /* 0px / 0rem */
274
+ --cnvs-base-size-25: 0.125rem; /* 2px / 0.125rem */
275
+ --cnvs-base-size-50: 0.25rem; /* 4px / 0.25rem */
276
+ --cnvs-base-size-75: 0.375rem; /* 6px / 0.375rem */
277
+ --cnvs-base-size-100: 0.5rem; /* 8px / 0.5rem */
278
+ --cnvs-base-size-125: 0.625rem; /* 10px / 0.625rem */
279
+ --cnvs-base-size-150: 0.75rem; /* 12px / 0.75rem */
280
+ --cnvs-base-size-175: 0.875rem; /* 14px / 0.875rem */
281
+ --cnvs-base-size-200: 1rem; /* 16px / 1rem */
282
+ --cnvs-base-size-225: 1.125rem; /* 18px / 1.125rem */
283
+ --cnvs-base-size-250: 1.25rem; /* 20px / 1.25rem */
284
+ --cnvs-base-size-300: 1.5rem; /* 24px / 1.5rem */
285
+ --cnvs-base-size-350: 1.75rem; /* 28px / 1.75rem */
286
+ --cnvs-base-size-400: 2rem; /* 32px / 2rem */
287
+ --cnvs-base-size-450: 2.25rem; /* 36px / 2.25rem */
288
+ --cnvs-base-size-500: 2.5rem; /* 40px / 2.5rem */
289
+ --cnvs-base-size-600: 3rem; /* 48px / 3rem */
290
+ --cnvs-base-size-700: 3.5rem; /* 56px / 3.5rem */
291
+ --cnvs-base-size-800: 4rem; /* 64px / 4rem */
292
+ --cnvs-base-size-900: 4.5rem; /* 72px / 4.5rem */
293
+ --cnvs-base-size-1000: 5rem; /* 80px / 5rem */
294
+ --cnvs-base-size-1100: 5.5rem; /* 88px / 5.5rem */
295
+ --cnvs-base-size-1200: 6rem; /* 96px / 6rem */
296
+ --cnvs-base-size-1300: 6.5rem; /* 104px / 6.5rem */
297
+ --cnvs-base-size-1400: 7rem; /* 112px / 7rem */
298
+ }
package/css/legacy/brand.css ADDED
@@ -0,0 +1,105 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 GMT
4
+ */
5
+
6
+ :root {
7
+ --cnvs-brand-primary-25: var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1));
8
+ --cnvs-brand-primary-50: var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1));
9
+ --cnvs-brand-primary-100: oklch(0.928 0.0359 250.6 / 1);
10
+ --cnvs-brand-primary-200: var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1));
11
+ --cnvs-brand-primary-300: oklch(0.7933 0.1076 252.08 / 1);
12
+ --cnvs-brand-primary-400: oklch(0.708 0.1549 255.41 / 1);
13
+ --cnvs-brand-primary-500: oklch(0.6023 0.2032 255.68 / 1);
14
+ --cnvs-brand-primary-600: var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)); /* Base primary color. Use fg.inverse instead */
15
+ --cnvs-brand-primary-700: var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1));
16
+ --cnvs-brand-primary-800: var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1));
17
+ --cnvs-brand-primary-900: oklch(0.3152 0.1054 261.09 / 1);
18
+ --cnvs-brand-primary-950: oklch(0.2452 0.0752 254.55 / 1);
19
+ --cnvs-brand-primary-975: oklch(0.209 0.07 255.61 / 1);
20
+ --cnvs-brand-primary-a25: oklch(0.6499 0.1912 253.52 / 0.08);
21
+ --cnvs-brand-primary-a50: oklch(0.6152 0.2108 256.1 / 0.11);
22
+ --cnvs-brand-primary-a100: oklch(0.6225 0.2064 255.9 / 0.17);
23
+ --cnvs-brand-primary-a200: oklch(0.6048 0.2166 257.21 / 0.31);
24
+ --cnvs-brand-neutral-25: var(--cnvs-brand-neutral-lightest, oklch(0.9846 0.0018 248.57 / 1));
25
+ --cnvs-brand-neutral-50: var(--cnvs-brand-neutral-lighter, oklch(0.9692 0.0035 248.23 / 1));
26
+ --cnvs-brand-neutral-100: oklch(0.9447 0.0053 248.12 / 1);
27
+ --cnvs-brand-neutral-200: var(--cnvs-brand-neutral-light, oklch(0.917 0.0081 254 / 1));
28
+ --cnvs-brand-neutral-300: oklch(0.856 0.0111 256.85 / 1);
29
+ --cnvs-brand-neutral-400: oklch(0.754 0.0181 256.33 / 1);
30
+ --cnvs-brand-neutral-500: oklch(0.629 0.0281 255.62 / 1);
31
+ --cnvs-brand-neutral-600: var(--cnvs-brand-neutral-base, oklch(0.5103 0.0255 256.8 / 1));
32
+ --cnvs-brand-neutral-700: var(--cnvs-brand-neutral-dark, oklch(0.45 0.022 255.52 / 1));
33
+ --cnvs-brand-neutral-800: var(--cnvs-brand-neutral-darkest, oklch(0.3685 0.0218 256.4 / 1));
34
+ --cnvs-brand-neutral-900: oklch(0.278 0.0156 252.4 / 1);
35
+ --cnvs-brand-neutral-950: oklch(0.2453 0.0136 253.1 / 1);
36
+ --cnvs-brand-neutral-975: oklch(0.18 0.008 248.33 / 1);
37
+ --cnvs-brand-neutral-a25: oklch(0.4688 0.0781 250.43 / 0.03);
38
+ --cnvs-brand-neutral-a50: oklch(0.3343 0.0951 253.3 / 0.05);
39
+ --cnvs-brand-neutral-a100: oklch(0.3337 0.0688 250.79 / 0.09);
40
+ --cnvs-brand-neutral-a200: oklch(0.3057 0.079 256.22 / 0.13);
41
+ --cnvs-brand-neutral-a300: oklch(0.2442 0.0693 257.66 / 0.21);
42
+ --cnvs-brand-neutral-a400: oklch(0.2333 0.0665 257.09 / 0.35);
43
+ --cnvs-brand-neutral-a500: oklch(0.2187 0.0685 255.77 / 0.51);
44
+ --cnvs-brand-neutral-a600: oklch(0.1793 0.0503 254.55 / 0.64);
45
+ --cnvs-brand-neutral-a700: oklch(0.1595 0.0431 250.87 / 0.7);
46
+ --cnvs-brand-neutral-a800: oklch(0.157 0.0349 253.16 / 0.79);
47
+ --cnvs-brand-neutral-a900: oklch(0.1351 0.0244 244.09 / 0.87);
48
+ --cnvs-brand-neutral-a950: oklch(0.1312 0.0198 248.87 / 0.9);
49
+ --cnvs-brand-neutral-a975: oklch(0.1168 0.014 231.47 / 0.95);
50
+ --cnvs-brand-common-focus: var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1));
51
+ --cnvs-brand-common-critical: var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1));
52
+ --cnvs-brand-common-caution-inner: var(--cnvs-brand-common-alert-inner, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)));
53
+ --cnvs-brand-common-caution-outer: var(--cnvs-brand-common-alert-outer, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));
54
+ --cnvs-brand-critical-25: var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1));
55
+ --cnvs-brand-critical-50: var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1));
56
+ --cnvs-brand-critical-100: oklch(0.9225 0.0394 25.51 / 1);
57
+ --cnvs-brand-critical-200: var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1));
58
+ --cnvs-brand-critical-300: oklch(0.7533 0.1484 28.45 / 1);
59
+ --cnvs-brand-critical-400: oklch(0.6857 0.2037 29.76 / 1);
60
+ --cnvs-brand-critical-500: oklch(0.6495 0.2369 30.04 / 1);
61
+ --cnvs-brand-critical-600: var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)); /* Base critical color. Use fg.inverse instead */
62
+ --cnvs-brand-critical-700: var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1));
63
+ --cnvs-brand-critical-800: var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1));
64
+ --cnvs-brand-critical-900: oklch(0.291 0.118 25.59 / 1);
65
+ --cnvs-brand-critical-950: oklch(0.2318 0.0937 24.02 / 1);
66
+ --cnvs-brand-critical-975: oklch(0.1988 0.0718 20.63 / 1);
67
+ --cnvs-brand-critical-a25: oklch(0.6289 0.2567 29.11 / 0.04);
68
+ --cnvs-brand-critical-a50: oklch(0.6434 0.2428 30.17 / 0.1);
69
+ --cnvs-brand-critical-a100: oklch(0.6382 0.248 30.42 / 0.16);
70
+ --cnvs-brand-critical-a200: oklch(0.6375 0.2487 30.71 / 0.35);
71
+ --cnvs-brand-caution-25: var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1));
72
+ --cnvs-brand-caution-50: var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1));
73
+ --cnvs-brand-caution-100: oklch(0.9567 0.0948 100.22 / 1);
74
+ --cnvs-brand-caution-200: var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1));
75
+ --cnvs-brand-caution-300: oklch(0.8432 0.1713 85.24 / 1);
76
+ --cnvs-brand-caution-400: var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)); /* Base caution color (amber.400). Use fg.contrast.default instead */
77
+ --cnvs-brand-caution-500: var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1));
78
+ --cnvs-brand-caution-600: var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1));
79
+ --cnvs-brand-caution-700: oklch(0.4824 0.1353 46.11 / 1);
80
+ --cnvs-brand-caution-800: oklch(0.4143 0.1245 42.21 / 1);
81
+ --cnvs-brand-caution-900: oklch(0.32 0.098 41.19 / 1);
82
+ --cnvs-brand-caution-950: oklch(0.2489 0.0771 40.64 / 1);
83
+ --cnvs-brand-caution-975: oklch(0.2165 0.0674 40.35 / 1);
84
+ --cnvs-brand-caution-a25: oklch(0.7982 0.159 92.57 / 0.1);
85
+ --cnvs-brand-caution-a50: oklch(0.8864 0.1845 100.28 / 0.22);
86
+ --cnvs-brand-caution-a100: oklch(0.8988 0.185 97.8 / 0.35);
87
+ --cnvs-brand-caution-a200: oklch(0.886 0.1822 96.83 / 0.64);
88
+ --cnvs-brand-positive-25: var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1));
89
+ --cnvs-brand-positive-50: var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1));
90
+ --cnvs-brand-positive-100: oklch(0.9278 0.1024 149.88 / 1);
91
+ --cnvs-brand-positive-200: var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1));
92
+ --cnvs-brand-positive-300: oklch(0.7817 0.1928 150.67 / 1);
93
+ --cnvs-brand-positive-400: oklch(0.702 0.1952 148.39 / 1);
94
+ --cnvs-brand-positive-500: oklch(0.6362 0.1974 145.47 / 1);
95
+ --cnvs-brand-positive-600: var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)); /* Base success color. Use fg.inverse instead */
96
+ --cnvs-brand-positive-700: var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1));
97
+ --cnvs-brand-positive-800: var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1));
98
+ --cnvs-brand-positive-900: oklch(0.3197 0.0997 145.3 / 1);
99
+ --cnvs-brand-positive-950: oklch(0.2548 0.0796 145.23 / 1);
100
+ --cnvs-brand-positive-975: oklch(0.2118 0.0653 145.69 / 1);
101
+ --cnvs-brand-positive-a25: oklch(0.8695 0.2801 143.52 / 0.08);
102
+ --cnvs-brand-positive-a50: oklch(0.8685 0.2814 143.77 / 0.15);
103
+ --cnvs-brand-positive-a100: oklch(0.8316 0.2716 143.71 / 0.29);
104
+ --cnvs-brand-positive-a200: oklch(0.796 0.2508 144.9 / 0.6);
105
+ }
package/css/legacy/component.css ADDED
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 GMT
4
+ */
5
+
6
+ :root {
7
+ --cnvs-component-expressive-icon-color-accent: oklch(0.0847 0 0 / 0.17); /* Component level color used on the soft filled areas of expressive icons */
8
+ --cnvs-component-expressive-icon-color-fill: var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)); /* Component level color used on the visible outlines of expressive icons */
9
+ --cnvs-component-expressive-icon-size-xs: var(--cnvs-sys-space-x10, 2.5rem);
10
+ --cnvs-component-expressive-icon-size-sm: 3rem;
11
+ --cnvs-component-expressive-icon-size-md: var(--cnvs-sys-space-x14, 3.5rem);
12
+ --cnvs-component-expressive-icon-size-lg: var(--cnvs-sys-space-x16, 4rem);
13
+ --cnvs-component-expressive-icon-size-xl: 6rem;
14
+ --cnvs-component-system-icon-color-accent: var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)); /* Component level color used on the accent areas of system icons */
15
+ --cnvs-component-system-icon-color-fill: var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)); /* Component level color used on the fill areas of system icons */
16
+ --cnvs-component-system-icon-color-background: transparent; /* Component level color used on the background of system icons */
17
+ --cnvs-component-system-icon-size-xxs: 0.875rem;
18
+ --cnvs-component-system-icon-size-xs: var(--cnvs-sys-space-x4, 1rem);
19
+ --cnvs-component-system-icon-size-sm: 1.125rem;
20
+ --cnvs-component-system-icon-size-md: var(--cnvs-sys-space-x5, 1.25rem);
21
+ --cnvs-component-system-icon-size-lg: var(--cnvs-sys-space-x6, 1.5rem);
22
+ --cnvs-component-system-icon-size-xl: var(--cnvs-sys-space-x8, 2rem);
23
+ }