@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.
Files changed (41) hide show
  1. package/css/base/_variables.css +141 -100
  2. package/css/brand/_variables.css +39 -31
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +340 -0
  5. package/css/legacy/brand.css +121 -0
  6. package/css/legacy/component.css +23 -0
  7. package/css/legacy/system.css +232 -0
  8. package/css/system/_variables.css +126 -53
  9. package/dist/common-js/base/index.d.ts +908 -732
  10. package/dist/common-js/base/index.js +378 -1
  11. package/dist/common-js/brand/index.d.ts +260 -77
  12. package/dist/common-js/brand/index.js +131 -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 +956 -70
  18. package/dist/common-js/system/index.js +520 -14
  19. package/dist/es6/base/index.d.ts +908 -732
  20. package/dist/es6/base/index.js +378 -1
  21. package/dist/es6/brand/index.d.ts +260 -77
  22. package/dist/es6/brand/index.js +131 -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 +956 -70
  28. package/dist/es6/system/index.js +520 -14
  29. package/less/base/_variables.less +141 -100
  30. package/less/brand/_variables.less +39 -31
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +126 -53
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +141 -100
  35. package/scss/base/_variables.scss +141 -100
  36. package/scss/brand/_variables.sass +39 -31
  37. package/scss/brand/_variables.scss +39 -31
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +126 -53
  41. package/scss/system/_variables.scss +126 -53
package/css/legacy/base.css ADDED
@@ -0,0 +1,340 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 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-100: var(--cnvs-base-opacity-100, 0.08);
11
+ --cnvs-base-opacity-120: 0.12;
12
+ --cnvs-base-opacity-180: 0.18;
13
+ --cnvs-base-opacity-200: var(--cnvs-base-opacity-250, 0.2);
14
+ --cnvs-base-opacity-360: 0.36;
15
+ --cnvs-base-opacity-400: var(--cnvs-base-opacity-300, 0.4);
16
+ --cnvs-base-opacity-640: 0.64;
17
+ --cnvs-base-opacity-840: var(--cnvs-base-opacity-500, 0.84);
18
+ --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
19
+ --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
20
+ --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
21
+ --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
22
+ --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
23
+ --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
24
+ --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
25
+ --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
26
+ --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
27
+ --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
28
+ --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
29
+ --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
30
+ --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
31
+ --cnvs-base-palette-amber-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
32
+ --cnvs-base-palette-amber-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
33
+ --cnvs-base-palette-amber-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
34
+ --cnvs-base-palette-amber-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
35
+ --cnvs-base-palette-amber-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
36
+ --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
37
+ --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
38
+ --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
39
+ --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
40
+ --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
41
+ --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
42
+ --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
43
+ --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
44
+ --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
45
+ --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
46
+ --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
47
+ --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
48
+ --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
49
+ --cnvs-base-palette-azure-a25: oklch(0.7461 0.1557 233.78 / 0.0588);
50
+ --cnvs-base-palette-azure-a50: oklch(0.7349 0.1588 236.29 / 0.1373);
51
+ --cnvs-base-palette-azure-a100: oklch(0.7186 0.1639 239.76 / 0.2);
52
+ --cnvs-base-palette-azure-a200: oklch(0.7117 0.1663 241.15 / 0.42);
53
+ --cnvs-base-palette-azure-a300: oklch(0.6542 0.1794 248.76 / 0.5255);
54
+ --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
55
+ --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
56
+ --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
57
+ --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
58
+ --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
59
+ --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
60
+ --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
61
+ --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
62
+ --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
63
+ --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
64
+ --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
65
+ --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
66
+ --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
67
+ --cnvs-base-palette-blue-a25: oklch(0.6141 0.2114 256.22 / 0.0706);
68
+ --cnvs-base-palette-blue-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
69
+ --cnvs-base-palette-blue-a100: oklch(0.6077 0.215 256.92 / 0.1608);
70
+ --cnvs-base-palette-blue-a200: oklch(0.6048 0.2166 257.21 / 0.31);
71
+ --cnvs-base-palette-blue-a300: oklch(0.5987 0.22 257.83 / 0.4667);
72
+ --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
73
+ --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
74
+ --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
75
+ --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
76
+ --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
77
+ --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
78
+ --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
79
+ --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
80
+ --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
81
+ --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
82
+ --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
83
+ --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
84
+ --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
85
+ --cnvs-base-palette-coral-a25: oklch(0.6672 0.2239 36.87 / 0.0392);
86
+ --cnvs-base-palette-coral-a50: oklch(0.6482 0.2393 32.96 / 0.0745);
87
+ --cnvs-base-palette-coral-a100: oklch(0.6492 0.2384 33.16 / 0.1451);
88
+ --cnvs-base-palette-coral-a200: oklch(0.6524 0.2357 33.8 / 0.3529);
89
+ --cnvs-base-palette-coral-a300: oklch(0.654 0.2344 34.12 / 0.5686);
90
+ --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
91
+ --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
92
+ --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
93
+ --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
94
+ --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
95
+ --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
96
+ --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
97
+ --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
98
+ --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
99
+ --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
100
+ --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
101
+ --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
102
+ --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
103
+ --cnvs-base-palette-green-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
104
+ --cnvs-base-palette-green-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
105
+ --cnvs-base-palette-green-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
106
+ --cnvs-base-palette-green-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
107
+ --cnvs-base-palette-green-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
108
+ --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
109
+ --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
110
+ --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
111
+ --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
112
+ --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
113
+ --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
114
+ --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
115
+ --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
116
+ --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
117
+ --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
118
+ --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
119
+ --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
120
+ --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
121
+ --cnvs-base-palette-indigo-a25: oklch(0.452 0.3132 264.06 / 0.0431);
122
+ --cnvs-base-palette-indigo-a50: oklch(0.4624 0.3062 264.19 / 0.0784);
123
+ --cnvs-base-palette-indigo-a100: oklch(0.4576 0.3094 264.14 / 0.1216);
124
+ --cnvs-base-palette-indigo-a200: oklch(0.4602 0.3077 264.17 / 0.2314);
125
+ --cnvs-base-palette-indigo-a300: oklch(0.4556 0.3108 264.11 / 0.3569);
126
+ --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
127
+ --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
128
+ --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
129
+ --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
130
+ --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
131
+ --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
132
+ --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
133
+ --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
134
+ --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
135
+ --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
136
+ --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
137
+ --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
138
+ --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
139
+ --cnvs-base-palette-magenta-a25: oklch(0.7091 0.3124 328.27 / 0.05);
140
+ --cnvs-base-palette-magenta-a50: oklch(0.7017 0.3225 328.36 / 0.0745);
141
+ --cnvs-base-palette-magenta-a100: oklch(0.687 0.3067 334.22 / 0.1529);
142
+ --cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
143
+ --cnvs-base-palette-magenta-a300: oklch(0.6773 0.2957 338.89 / 0.4196);
144
+ --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
145
+ --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
146
+ --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
147
+ --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
148
+ --cnvs-base-palette-neutral-150: oklch(0.906 0 89.88 / 1);
149
+ --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
150
+ --cnvs-base-palette-neutral-300: oklch(0.8047 0 89.88 / 1);
151
+ --cnvs-base-palette-neutral-400: oklch(0.7219 0 89.88 / 1);
152
+ --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
153
+ --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
154
+ --cnvs-base-palette-neutral-700: oklch(0.4386 0 89.88 / 1);
155
+ --cnvs-base-palette-neutral-800: oklch(0.3171 0 89.88 / 1);
156
+ --cnvs-base-palette-neutral-850: oklch(0.2645 0 89.88 / 1);
157
+ --cnvs-base-palette-neutral-900: oklch(0.2478 0 89.88 / 1);
158
+ --cnvs-base-palette-neutral-950: oklch(0.228 0 89.88 / 1);
159
+ --cnvs-base-palette-neutral-975: oklch(0.196 0 89.88 / 1);
160
+ --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
161
+ --cnvs-base-palette-neutral-a0: oklch(0 0 0 / 0);
162
+ --cnvs-base-palette-neutral-a25: oklch(0 0 0 / 0.0196);
163
+ --cnvs-base-palette-neutral-a50: oklch(0 0 0 / 0.0392);
164
+ --cnvs-base-palette-neutral-a100: oklch(0 0 0 / 0.0745);
165
+ --cnvs-base-palette-neutral-a150: oklch(0 0 0 / 0.1216);
166
+ --cnvs-base-palette-neutral-a200: oklch(0 0 0 / 0.1686);
167
+ --cnvs-base-palette-neutral-a300: oklch(0 0 0 / 0.251);
168
+ --cnvs-base-palette-neutral-a400: oklch(0 0 0 / 0.3529);
169
+ --cnvs-base-palette-neutral-a500: oklch(0 0 0 / 0.4706);
170
+ --cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
171
+ --cnvs-base-palette-neutral-a700: oklch(0 0 0 / 0.6784);
172
+ --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.8039);
173
+ --cnvs-base-palette-neutral-a850: oklch(0 0 0 / 0.8549);
174
+ --cnvs-base-palette-neutral-a900: oklch(0 0 0 / 0.8706);
175
+ --cnvs-base-palette-neutral-a950: oklch(0 0 0 / 0.8902);
176
+ --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.9176);
177
+ --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
178
+ --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
179
+ --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
180
+ --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
181
+ --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
182
+ --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
183
+ --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
184
+ --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
185
+ --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
186
+ --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
187
+ --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
188
+ --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
189
+ --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
190
+ --cnvs-base-palette-orange-a25: oklch(0.7093 0.1802 52.88 / 0.098);
191
+ --cnvs-base-palette-orange-a50: oklch(0.75 0.1792 58.11 / 0.1647);
192
+ --cnvs-base-palette-orange-a100: oklch(0.7342 0.1848 53.62 / 0.2471);
193
+ --cnvs-base-palette-orange-a200: oklch(0.7295 0.1867 52.32 / 0.4588);
194
+ --cnvs-base-palette-orange-a300: oklch(0.7426 0.1817 56.01 / 0.8);
195
+ --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
196
+ --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
197
+ --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
198
+ --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
199
+ --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
200
+ --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
201
+ --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
202
+ --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
203
+ --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
204
+ --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
205
+ --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
206
+ --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
207
+ --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
208
+ --cnvs-base-palette-purple-a25: oklch(0.5597 0.2956 301.91 / 0.0392);
209
+ --cnvs-base-palette-purple-a50: oklch(0.5569 0.2953 301.2 / 0.0863);
210
+ --cnvs-base-palette-purple-a100: oklch(0.5812 0.2986 307.02 / 0.1647);
211
+ --cnvs-base-palette-purple-a200: oklch(0.6012 0.302 311.32 / 0.2431);
212
+ --cnvs-base-palette-purple-a300: oklch(0.5935 0.3006 309.71 / 0.3569);
213
+ --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
214
+ --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
215
+ --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
216
+ --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
217
+ --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
218
+ --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
219
+ --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
220
+ --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
221
+ --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
222
+ --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
223
+ --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
224
+ --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
225
+ --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
226
+ --cnvs-base-palette-red-a25: oklch(0.6329 0.253 30.1 / 0.0431);
227
+ --cnvs-base-palette-red-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
228
+ --cnvs-base-palette-red-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
229
+ --cnvs-base-palette-red-a200: oklch(0.6361 0.25 30.68 / 0.3451);
230
+ --cnvs-base-palette-red-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
231
+ --cnvs-base-palette-slate-25: oklch(0.9849 0.0029 264.51 / 1);
232
+ --cnvs-base-palette-slate-50: oklch(0.9695 0.0046 258.42 / 1);
233
+ --cnvs-base-palette-slate-100: oklch(0.9442 0.007 248.08 / 1);
234
+ --cnvs-base-palette-slate-150: oklch(0.908 0.011 256.7 / 1);
235
+ --cnvs-base-palette-slate-200: oklch(0.8706 0.0158 257.2 / 1);
236
+ --cnvs-base-palette-slate-300: oklch(0.804 0.0214 254.94 / 1);
237
+ --cnvs-base-palette-slate-400: oklch(0.721 0.024 254.4 / 1);
238
+ --cnvs-base-palette-slate-500: oklch(0.6225 0.0248 254.47 / 1);
239
+ --cnvs-base-palette-slate-600: oklch(0.5099 0.0241 255.01 / 1);
240
+ --cnvs-base-palette-slate-700: oklch(0.44 0.023 255.6 / 1);
241
+ --cnvs-base-palette-slate-800: oklch(0.3147 0.0128 253 / 1);
242
+ --cnvs-base-palette-slate-850: oklch(0.2667 0.011 254.03 / 1);
243
+ --cnvs-base-palette-slate-900: oklch(0.2458 0.0112 254.05 / 1);
244
+ --cnvs-base-palette-slate-950: oklch(0.2202 0.0115 254.08 / 1);
245
+ --cnvs-base-palette-slate-975: oklch(0.1933 0.0102 248.36 / 1);
246
+ --cnvs-base-palette-slate-a25: oklch(0.3276 0.1499 261.85 / 0.0235);
247
+ --cnvs-base-palette-slate-a50: oklch(0.3064 0.1202 259.24 / 0.0471);
248
+ --cnvs-base-palette-slate-a100: oklch(0.3039 0.0952 253.5 / 0.0863);
249
+ --cnvs-base-palette-slate-a150: oklch(0.2742 0.101 257.89 / 0.1373);
250
+ --cnvs-base-palette-slate-a200: oklch(0.2751 0.1026 258.16 / 0.1922);
251
+ --cnvs-base-palette-slate-a300: oklch(0.2639 0.0924 256.67 / 0.2863);
252
+ --cnvs-base-palette-slate-a400: oklch(0.2307 0.0767 255.27 / 0.3922);
253
+ --cnvs-base-palette-slate-a500: oklch(0.1993 0.0626 253.59 / 0.5098);
254
+ --cnvs-base-palette-slate-a600: oklch(0.1704 0.05 251.35 / 0.6353);
255
+ --cnvs-base-palette-slate-a700: oklch(0.1549 0.0434 249.61 / 0.7098);
256
+ --cnvs-base-palette-slate-a800: oklch(0.1165 0.026 238.48 / 0.8235);
257
+ --cnvs-base-palette-slate-a850: oklch(0.1063 0.0237 238.42 / 0.8667);
258
+ --cnvs-base-palette-slate-a900: oklch(0.1055 0.0236 238.48 / 0.8863);
259
+ --cnvs-base-palette-slate-a950: oklch(0.1046 0.0233 238.41 / 0.9098);
260
+ --cnvs-base-palette-slate-a975: oklch(0.1028 0.0214 233.55 / 0.9333);
261
+ --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
262
+ --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
263
+ --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
264
+ --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
265
+ --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
266
+ --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
267
+ --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
268
+ --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
269
+ --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
270
+ --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
271
+ --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
272
+ --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
273
+ --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
274
+ --cnvs-base-palette-teal-a25: oklch(0.8768 0.1491 201.26 / 0.0824);
275
+ --cnvs-base-palette-teal-a50: oklch(0.838 0.1438 207.32 / 0.1804);
276
+ --cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
277
+ --cnvs-base-palette-teal-a200: oklch(0.7093 0.1219 208.01 / 0.3686);
278
+ --cnvs-base-palette-teal-a300: oklch(0.644 0.1109 208.68 / 0.5647);
279
+ --cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
280
+ --cnvs-base-palette-white-a25: oklch(1 0 89.88 / 0.023);
281
+ --cnvs-base-palette-white-a50: oklch(1 0 89.88 / 0.045);
282
+ --cnvs-base-palette-white-a100: oklch(1 0 89.88 / 0.118);
283
+ --cnvs-base-palette-white-a150: oklch(1 0 89.88 / 0.1841);
284
+ --cnvs-base-palette-white-a200: oklch(1 0 89.88 / 0.25);
285
+ --cnvs-base-palette-white-a300: oklch(1 0 89.88 / 0.374);
286
+ --cnvs-base-palette-white-a400: oklch(1 0 89.88 / 0.489);
287
+ --cnvs-base-palette-white-a500: oklch(1 0 89.88 / 0.591);
288
+ --cnvs-base-palette-white-a600: oklch(1 0 89.88 / 0.698);
289
+ --cnvs-base-palette-white-a700: oklch(1 0 89.88 / 0.788);
290
+ --cnvs-base-palette-white-a800: oklch(1 0 89.88 / 0.861);
291
+ --cnvs-base-palette-white-a850: oklch(1 0 89.88 / 0.8909);
292
+ --cnvs-base-palette-white-a900: oklch(1 0 89.88 / 0.921);
293
+ --cnvs-base-palette-white-a950: oklch(1 0 89.88 / 0.947);
294
+ --cnvs-base-palette-white-a975: oklch(1 0 89.88 / 0.974);
295
+ --cnvs-base-size-0: 0; /* 0px / 0rem */
296
+ --cnvs-base-size-25: 0.125rem; /* 2px / 0.125rem */
297
+ --cnvs-base-size-50: 0.25rem; /* 4px / 0.25rem */
298
+ --cnvs-base-size-75: 0.375rem; /* 6px / 0.375rem */
299
+ --cnvs-base-size-100: 0.5rem; /* 8px / 0.5rem */
300
+ --cnvs-base-size-125: 0.625rem; /* 10px / 0.625rem */
301
+ --cnvs-base-size-150: 0.75rem; /* 12px / 0.75rem */
302
+ --cnvs-base-size-175: 0.875rem; /* 14px / 0.875rem */
303
+ --cnvs-base-size-200: 1rem; /* 16px / 1rem */
304
+ --cnvs-base-size-225: 1.125rem; /* 18px / 1.125rem */
305
+ --cnvs-base-size-250: 1.25rem; /* 20px / 1.25rem */
306
+ --cnvs-base-size-300: 1.5rem; /* 24px / 1.5rem */
307
+ --cnvs-base-size-350: 1.75rem; /* 28px / 1.75rem */
308
+ --cnvs-base-size-400: 2rem; /* 32px / 2rem */
309
+ --cnvs-base-size-450: 2.25rem; /* 36px / 2.25rem */
310
+ --cnvs-base-size-500: 2.5rem; /* 40px / 2.5rem */
311
+ --cnvs-base-size-600: 3rem; /* 48px / 3rem */
312
+ --cnvs-base-size-700: 3.5rem; /* 56px / 3.5rem */
313
+ --cnvs-base-size-800: 4rem; /* 64px / 4rem */
314
+ --cnvs-base-size-900: 4.5rem; /* 72px / 4.5rem */
315
+ --cnvs-base-size-1000: 5rem; /* 80px / 5rem */
316
+ --cnvs-base-size-1100: 5.5rem; /* 88px / 5.5rem */
317
+ --cnvs-base-size-1200: 6rem; /* 96px / 6rem */
318
+ --cnvs-base-size-1300: 6.5rem; /* 104px / 6.5rem */
319
+ --cnvs-base-size-1400: 7rem; /* 112px / 7rem */
320
+ --cnvs-base-size-1600: 8rem; /* 128px / 8rem */
321
+ --cnvs-base-size-1800: 9rem; /* 144px / 9rem */
322
+ --cnvs-base-size-2000: 10rem; /* 160px / 10rem */
323
+ --cnvs-base-size-2400: 12rem; /* 192px / 12rem */
324
+ --cnvs-base-size-2800: 14rem; /* 224px / 14rem */
325
+ --cnvs-base-size-3200: 16rem; /* 256px / 16rem */
326
+ --cnvs-base-font-family-0: "-apple-system, BlinkMacSystemFont, "Sana Serif", Roboto, Inter, system-ui, Avenir, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif";
327
+ --cnvs-base-font-weight-600: 600;
328
+ --cnvs-base-letter-spacing-1: 0.008125rem;
329
+ --cnvs-base-letter-spacing-2: 0.0075rem;
330
+ --cnvs-base-letter-spacing-3: 0.006875rem;
331
+ --cnvs-base-letter-spacing-4: 0.00625rem;
332
+ --cnvs-base-letter-spacing-5: 0rem;
333
+ --cnvs-base-letter-spacing-6: -0.00625rem;
334
+ --cnvs-base-letter-spacing-7: -0.01875rem;
335
+ --cnvs-base-letter-spacing-8: -0.02125rem;
336
+ --cnvs-base-letter-spacing-9: -0.02375rem;
337
+ --cnvs-base-letter-spacing-10: -0.02875rem;
338
+ --cnvs-base-letter-spacing-11: -0.03375rem;
339
+ --cnvs-base-letter-spacing-12: -0.03875rem;
340
+ }
package/css/legacy/brand.css ADDED
@@ -0,0 +1,121 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 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.6141 0.2114 256.22 / 0.0706);
21
+ --cnvs-brand-primary-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
22
+ --cnvs-brand-primary-a100: oklch(0.6077 0.215 256.92 / 0.1608);
23
+ --cnvs-brand-primary-a200: oklch(0.6048 0.2166 257.21 / 0.31);
24
+ --cnvs-brand-primary-a300: oklch(0.5987 0.22 257.83 / 0.4667);
25
+ --cnvs-brand-neutral-25: var(--cnvs-brand-neutral-lightest, oklch(0.9851 0 0 / 1));
26
+ --cnvs-brand-neutral-50: var(--cnvs-brand-neutral-lighter, oklch(0.9702 0 0 / 1));
27
+ --cnvs-brand-neutral-100: oklch(0.9431 0 0 / 1);
28
+ --cnvs-brand-neutral-150: oklch(0.906 0 89.88 / 1);
29
+ --cnvs-brand-neutral-200: var(--cnvs-brand-neutral-light, oklch(0.8699 0 0 / 1));
30
+ --cnvs-brand-neutral-300: oklch(0.8047 0 89.88 / 1);
31
+ --cnvs-brand-neutral-400: oklch(0.7219 0 89.88 / 1);
32
+ --cnvs-brand-neutral-500: oklch(0.6234 0 0 / 1);
33
+ --cnvs-brand-neutral-600: var(--cnvs-brand-neutral-base, oklch(0.5103 0 0 / 1));
34
+ --cnvs-brand-neutral-700: var(--cnvs-brand-neutral-dark, oklch(0.4386 0 89.88 / 1));
35
+ --cnvs-brand-neutral-800: var(--cnvs-brand-neutral-darkest, oklch(0.3171 0 89.88 / 1));
36
+ --cnvs-brand-neutral-850: oklch(0.2645 0 89.88 / 1);
37
+ --cnvs-brand-neutral-900: oklch(0.2478 0 89.88 / 1);
38
+ --cnvs-brand-neutral-950: oklch(0.228 0 89.88 / 1);
39
+ --cnvs-brand-neutral-975: oklch(0.196 0 89.88 / 1);
40
+ --cnvs-brand-neutral-a25: oklch(0 0 0 / 0.0196);
41
+ --cnvs-brand-neutral-a50: oklch(0 0 0 / 0.0392);
42
+ --cnvs-brand-neutral-a100: oklch(0 0 0 / 0.0745);
43
+ --cnvs-brand-neutral-a150: oklch(0 0 0 / 0.1216);
44
+ --cnvs-brand-neutral-a200: oklch(0 0 0 / 0.1686);
45
+ --cnvs-brand-neutral-a300: oklch(0 0 0 / 0.251);
46
+ --cnvs-brand-neutral-a400: oklch(0 0 0 / 0.3529);
47
+ --cnvs-brand-neutral-a500: oklch(0 0 0 / 0.4706);
48
+ --cnvs-brand-neutral-a600: oklch(0 0 0 / 0.6);
49
+ --cnvs-brand-neutral-a700: oklch(0 0 0 / 0.6784);
50
+ --cnvs-brand-neutral-a800: oklch(0 0 0 / 0.8039);
51
+ --cnvs-brand-neutral-a850: oklch(0 0 0 / 0.8549);
52
+ --cnvs-brand-neutral-a900: oklch(0 0 0 / 0.8706);
53
+ --cnvs-brand-neutral-a950: oklch(0 0 0 / 0.8902);
54
+ --cnvs-brand-neutral-a975: oklch(0 0 0 / 0.9176);
55
+ --cnvs-brand-common-focus: var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1));
56
+ --cnvs-brand-common-critical: var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1));
57
+ --cnvs-brand-common-caution-inner: var(--cnvs-brand-common-alert-inner, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)));
58
+ --cnvs-brand-common-caution-outer: var(--cnvs-brand-common-alert-outer, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));
59
+ --cnvs-brand-critical-25: var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1));
60
+ --cnvs-brand-critical-50: var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1));
61
+ --cnvs-brand-critical-100: oklch(0.9225 0.0394 25.51 / 1);
62
+ --cnvs-brand-critical-200: var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1));
63
+ --cnvs-brand-critical-300: oklch(0.7533 0.1484 28.45 / 1);
64
+ --cnvs-brand-critical-400: oklch(0.6857 0.2037 29.76 / 1);
65
+ --cnvs-brand-critical-500: oklch(0.6495 0.2369 30.04 / 1);
66
+ --cnvs-brand-critical-600: var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)); /* Base critical color. Use fg.inverse instead */
67
+ --cnvs-brand-critical-700: var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1));
68
+ --cnvs-brand-critical-800: var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1));
69
+ --cnvs-brand-critical-900: oklch(0.291 0.118 25.59 / 1);
70
+ --cnvs-brand-critical-950: oklch(0.2318 0.0937 24.02 / 1);
71
+ --cnvs-brand-critical-975: oklch(0.1988 0.0718 20.63 / 1);
72
+ --cnvs-brand-critical-a25: oklch(0.6329 0.253 30.1 / 0.0431);
73
+ --cnvs-brand-critical-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
74
+ --cnvs-brand-critical-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
75
+ --cnvs-brand-critical-a200: oklch(0.6361 0.25 30.68 / 0.3451);
76
+ --cnvs-brand-critical-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
77
+ --cnvs-brand-caution-25: var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1));
78
+ --cnvs-brand-caution-50: var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1));
79
+ --cnvs-brand-caution-100: oklch(0.9567 0.0948 100.22 / 1);
80
+ --cnvs-brand-caution-200: var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1));
81
+ --cnvs-brand-caution-300: oklch(0.8432 0.1713 85.24 / 1);
82
+ --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 */
83
+ --cnvs-brand-caution-500: var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1));
84
+ --cnvs-brand-caution-600: var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1));
85
+ --cnvs-brand-caution-700: oklch(0.4824 0.1353 46.11 / 1);
86
+ --cnvs-brand-caution-800: oklch(0.4143 0.1245 42.21 / 1);
87
+ --cnvs-brand-caution-900: oklch(0.32 0.098 41.19 / 1);
88
+ --cnvs-brand-caution-950: oklch(0.2489 0.0771 40.64 / 1);
89
+ --cnvs-brand-caution-975: oklch(0.2165 0.0674 40.35 / 1);
90
+ --cnvs-brand-caution-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
91
+ --cnvs-brand-caution-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
92
+ --cnvs-brand-caution-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
93
+ --cnvs-brand-caution-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
94
+ --cnvs-brand-caution-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
95
+ --cnvs-brand-positive-25: var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1));
96
+ --cnvs-brand-positive-50: var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1));
97
+ --cnvs-brand-positive-100: oklch(0.9278 0.1024 149.88 / 1);
98
+ --cnvs-brand-positive-200: var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1));
99
+ --cnvs-brand-positive-300: oklch(0.7817 0.1928 150.67 / 1);
100
+ --cnvs-brand-positive-400: oklch(0.702 0.1952 148.39 / 1);
101
+ --cnvs-brand-positive-500: oklch(0.6362 0.1974 145.47 / 1);
102
+ --cnvs-brand-positive-600: var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)); /* Base success color. Use fg.inverse instead */
103
+ --cnvs-brand-positive-700: var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1));
104
+ --cnvs-brand-positive-800: var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1));
105
+ --cnvs-brand-positive-900: oklch(0.3197 0.0997 145.3 / 1);
106
+ --cnvs-brand-positive-950: oklch(0.2548 0.0796 145.23 / 1);
107
+ --cnvs-brand-positive-975: oklch(0.2118 0.0653 145.69 / 1);
108
+ --cnvs-brand-positive-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
109
+ --cnvs-brand-positive-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
110
+ --cnvs-brand-positive-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
111
+ --cnvs-brand-positive-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
112
+ --cnvs-brand-positive-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
113
+ --cnvs-brand-action-base: oklch(0.196 0 89.88 / 1); /* Base action color */
114
+ --cnvs-brand-action-lightest: var(--cnvs-brand-neutral-lightest, oklch(0.9851 0 0 / 1)); /* Lightest action color */
115
+ --cnvs-brand-action-light: var(--cnvs-brand-neutral-light, oklch(0.8699 0 0 / 1)); /* Light action color */
116
+ --cnvs-brand-action-darkest: oklch(0.196 0 89.88 / 1); /* Darkest action color */
117
+ --cnvs-brand-action-dark: oklch(0.196 0 89.88 / 1); /* Dark action color */
118
+ --cnvs-brand-action-accent: oklch(1 0 0 / 1); /* Foreground color in actions */
119
+ --cnvs-brand-action-darker: oklch(0.196 0 89.88 / 1); /* Dark action color */
120
+ --cnvs-brand-action-lighter: oklch(0.9431 0 0 / 1); /* Lightest action color */
121
+ }
package/css/legacy/component.css ADDED
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
+ */
5
+
6
+ :root {
7
+ --cnvs-component-expressive-icon-color-accent: oklch(0 0 0 / 0.1686); /* 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.3171 0 89.88 / 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.3171 0 89.88 / 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.3171 0 89.88 / 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
+ }