@workday/canvas-tokens-web 4.3.0 → 4.4.0-beta.0

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 (57) hide show
  1. package/css/base/_variables.css +1 -1
  2. package/css/brand/_variables.css +1 -1
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +1 -1
  5. package/css/legacy/brand.css +1 -1
  6. package/css/legacy/component.css +1 -1
  7. package/css/legacy/system.css +1 -1
  8. package/css/sana/_variables.css +362 -0
  9. package/css/system/_variables.css +1 -1
  10. package/dist/common-js/base/index.d.ts +3 -1
  11. package/dist/common-js/base/index.js +3 -1
  12. package/dist/common-js/base/sana.d.ts +151 -0
  13. package/dist/common-js/base/sana.js +154 -0
  14. package/dist/common-js/brand/index.d.ts +3 -1
  15. package/dist/common-js/brand/index.js +2 -1
  16. package/dist/common-js/brand/sana.d.ts +41 -0
  17. package/dist/common-js/brand/sana.js +44 -0
  18. package/dist/common-js/component/index.d.ts +1 -1
  19. package/dist/common-js/component/index.js +1 -1
  20. package/dist/common-js/index.d.ts +1 -1
  21. package/dist/common-js/index.js +1 -1
  22. package/dist/common-js/system/index.d.ts +3 -1
  23. package/dist/common-js/system/index.js +2 -1
  24. package/dist/common-js/system/sana.d.ts +379 -0
  25. package/dist/common-js/system/sana.js +382 -0
  26. package/dist/es6/base/index.d.ts +3 -1
  27. package/dist/es6/base/index.js +3 -1
  28. package/dist/es6/base/sana.d.ts +151 -0
  29. package/dist/es6/base/sana.js +151 -0
  30. package/dist/es6/brand/index.d.ts +3 -1
  31. package/dist/es6/brand/index.js +2 -1
  32. package/dist/es6/brand/sana.d.ts +41 -0
  33. package/dist/es6/brand/sana.js +41 -0
  34. package/dist/es6/component/index.d.ts +1 -1
  35. package/dist/es6/component/index.js +1 -1
  36. package/dist/es6/index.d.ts +1 -1
  37. package/dist/es6/index.js +1 -1
  38. package/dist/es6/system/index.d.ts +3 -1
  39. package/dist/es6/system/index.js +2 -1
  40. package/dist/es6/system/sana.d.ts +379 -0
  41. package/dist/es6/system/sana.js +379 -0
  42. package/less/base/_variables.less +1 -1
  43. package/less/brand/_variables.less +1 -1
  44. package/less/component/_variables.less +1 -1
  45. package/less/sana/_variables.less +362 -0
  46. package/less/system/_variables.less +1 -1
  47. package/package.json +1 -1
  48. package/scss/base/_variables.sass +1 -1
  49. package/scss/base/_variables.scss +1 -1
  50. package/scss/brand/_variables.sass +1 -1
  51. package/scss/brand/_variables.scss +1 -1
  52. package/scss/component/_variables.sass +1 -1
  53. package/scss/component/_variables.scss +1 -1
  54. package/scss/sana/_variables.sass +362 -0
  55. package/scss/sana/_variables.scss +362 -0
  56. package/scss/system/_variables.sass +1 -1
  57. package/scss/system/_variables.scss +1 -1
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:04 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:04 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:28 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 Tue, 28 Apr 2026 18:05:04 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:30 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/brand.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:30 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/component.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:30 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/system.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:30 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/sana/_variables.css ADDED
@@ -0,0 +1,362 @@
1
+ [data-theme="sana-canvas"] {
2
+ --cnvs-base-palette-amber-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
3
+ --cnvs-base-palette-amber-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
4
+ --cnvs-base-palette-amber-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
5
+ --cnvs-base-palette-amber-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
6
+ --cnvs-base-palette-amber-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
7
+ --cnvs-base-palette-azure-a25: oklch(0.7461 0.1557 233.78 / 0.0588);
8
+ --cnvs-base-palette-azure-a50: oklch(0.7349 0.1588 236.29 / 0.1373);
9
+ --cnvs-base-palette-azure-a300: oklch(0.6542 0.1794 248.76 / 0.5255);
10
+ --cnvs-base-palette-blue-a25: oklch(0.6141 0.2114 256.22 / 0.0706);
11
+ --cnvs-base-palette-blue-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
12
+ --cnvs-base-palette-blue-a100: oklch(0.6077 0.215 256.92 / 0.1608);
13
+ --cnvs-base-palette-blue-a300: oklch(0.5987 0.22 257.83 / 0.4667);
14
+ --cnvs-base-palette-coral-a25: oklch(0.6672 0.2239 36.87 / 0.0392);
15
+ --cnvs-base-palette-coral-a50: oklch(0.6482 0.2393 32.96 / 0.0745);
16
+ --cnvs-base-palette-coral-a100: oklch(0.6492 0.2384 33.16 / 0.1451);
17
+ --cnvs-base-palette-coral-a200: oklch(0.6524 0.2357 33.8 / 0.3529);
18
+ --cnvs-base-palette-coral-a300: oklch(0.654 0.2344 34.12 / 0.5686);
19
+ --cnvs-base-palette-green-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
20
+ --cnvs-base-palette-green-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
21
+ --cnvs-base-palette-green-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
22
+ --cnvs-base-palette-green-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
23
+ --cnvs-base-palette-green-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
24
+ --cnvs-base-palette-indigo-a25: oklch(0.452 0.3132 264.06 / 0.0431);
25
+ --cnvs-base-palette-indigo-a50: oklch(0.4624 0.3062 264.19 / 0.0784);
26
+ --cnvs-base-palette-indigo-a100: oklch(0.4576 0.3094 264.14 / 0.1216);
27
+ --cnvs-base-palette-indigo-a200: oklch(0.4602 0.3077 264.17 / 0.2314);
28
+ --cnvs-base-palette-indigo-a300: oklch(0.4556 0.3108 264.11 / 0.3569);
29
+ --cnvs-base-palette-magenta-a50: oklch(0.7017 0.3225 328.36 / 0.0745);
30
+ --cnvs-base-palette-magenta-a100: oklch(0.687 0.3067 334.22 / 0.1529);
31
+ --cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
32
+ --cnvs-base-palette-magenta-a300: oklch(0.6773 0.2957 338.89 / 0.4196);
33
+ --cnvs-base-palette-neutral-150: oklch(0.906 0 89.88 / 1);
34
+ --cnvs-base-palette-neutral-300: oklch(0.8047 0 89.88 / 1);
35
+ --cnvs-base-palette-neutral-400: oklch(0.7219 0 89.88 / 1);
36
+ --cnvs-base-palette-neutral-700: oklch(0.4386 0 89.88 / 1);
37
+ --cnvs-base-palette-neutral-800: oklch(0.3171 0 89.88 / 1);
38
+ --cnvs-base-palette-neutral-850: oklch(0.2645 0 89.88 / 1);
39
+ --cnvs-base-palette-neutral-900: oklch(0.2478 0 89.88 / 1);
40
+ --cnvs-base-palette-neutral-950: oklch(0.228 0 89.88 / 1);
41
+ --cnvs-base-palette-neutral-975: oklch(0.196 0 89.88 / 1);
42
+ --cnvs-base-palette-neutral-a25: oklch(0 0 0 / 0.0196);
43
+ --cnvs-base-palette-neutral-a50: oklch(0 0 0 / 0.0392);
44
+ --cnvs-base-palette-neutral-a100: oklch(0 0 0 / 0.0745);
45
+ --cnvs-base-palette-neutral-a200: oklch(0 0 0 / 0.1686);
46
+ --cnvs-base-palette-neutral-a300: oklch(0 0 0 / 0.251);
47
+ --cnvs-base-palette-neutral-a400: oklch(0 0 0 / 0.3529);
48
+ --cnvs-base-palette-neutral-a500: oklch(0 0 0 / 0.4706);
49
+ --cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
50
+ --cnvs-base-palette-neutral-a700: oklch(0 0 0 / 0.6784);
51
+ --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.8039);
52
+ --cnvs-base-palette-neutral-a900: oklch(0 0 0 / 0.8706);
53
+ --cnvs-base-palette-neutral-a950: oklch(0 0 0 / 0.8902);
54
+ --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.9176);
55
+ --cnvs-base-palette-neutral-a150: oklch(0 0 0 / 0.1216);
56
+ --cnvs-base-palette-neutral-a850: oklch(0 0 0 / 0.8549);
57
+ --cnvs-base-palette-orange-a25: oklch(0.7093 0.1802 52.88 / 0.098);
58
+ --cnvs-base-palette-orange-a50: oklch(0.75 0.1792 58.11 / 0.1647);
59
+ --cnvs-base-palette-orange-a100: oklch(0.7342 0.1848 53.62 / 0.2471);
60
+ --cnvs-base-palette-orange-a200: oklch(0.7295 0.1867 52.32 / 0.4588);
61
+ --cnvs-base-palette-orange-a300: oklch(0.7426 0.1817 56.01 / 0.8);
62
+ --cnvs-base-palette-purple-a25: oklch(0.5597 0.2956 301.91 / 0.0392);
63
+ --cnvs-base-palette-purple-a50: oklch(0.5569 0.2953 301.2 / 0.0863);
64
+ --cnvs-base-palette-purple-a100: oklch(0.5812 0.2986 307.02 / 0.1647);
65
+ --cnvs-base-palette-purple-a200: oklch(0.6012 0.302 311.32 / 0.2431);
66
+ --cnvs-base-palette-purple-a300: oklch(0.5935 0.3006 309.71 / 0.3569);
67
+ --cnvs-base-palette-red-a25: oklch(0.6329 0.253 30.1 / 0.0431);
68
+ --cnvs-base-palette-red-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
69
+ --cnvs-base-palette-red-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
70
+ --cnvs-base-palette-red-a200: oklch(0.6361 0.25 30.68 / 0.3451);
71
+ --cnvs-base-palette-red-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
72
+ --cnvs-base-palette-slate-25: oklch(0.9849 0.0029 264.51 / 1);
73
+ --cnvs-base-palette-slate-50: oklch(0.9695 0.0046 258.42 / 1);
74
+ --cnvs-base-palette-slate-100: oklch(0.9442 0.007 248.08 / 1);
75
+ --cnvs-base-palette-slate-150: oklch(0.908 0.011 256.7 / 1);
76
+ --cnvs-base-palette-slate-200: oklch(0.8706 0.0158 257.2 / 1);
77
+ --cnvs-base-palette-slate-300: oklch(0.804 0.0214 254.94 / 1);
78
+ --cnvs-base-palette-slate-400: oklch(0.721 0.024 254.4 / 1);
79
+ --cnvs-base-palette-slate-500: oklch(0.6225 0.0248 254.47 / 1);
80
+ --cnvs-base-palette-slate-600: oklch(0.5099 0.0241 255.01 / 1);
81
+ --cnvs-base-palette-slate-700: oklch(0.44 0.023 255.6 / 1);
82
+ --cnvs-base-palette-slate-800: oklch(0.3147 0.0128 253 / 1);
83
+ --cnvs-base-palette-slate-850: oklch(0.2667 0.011 254.03 / 1);
84
+ --cnvs-base-palette-slate-900: oklch(0.2458 0.0112 254.05 / 1);
85
+ --cnvs-base-palette-slate-950: oklch(0.2202 0.0115 254.08 / 1);
86
+ --cnvs-base-palette-slate-975: oklch(0.1933 0.0102 248.36 / 1);
87
+ --cnvs-base-palette-slate-a25: oklch(0.3276 0.1499 261.85 / 0.0235);
88
+ --cnvs-base-palette-slate-a50: oklch(0.3064 0.1202 259.24 / 0.0471);
89
+ --cnvs-base-palette-slate-a100: oklch(0.3039 0.0952 253.5 / 0.0863);
90
+ --cnvs-base-palette-slate-a200: oklch(0.2751 0.1026 258.16 / 0.1922);
91
+ --cnvs-base-palette-slate-a300: oklch(0.2639 0.0924 256.67 / 0.2863);
92
+ --cnvs-base-palette-slate-a400: oklch(0.2307 0.0767 255.27 / 0.3922);
93
+ --cnvs-base-palette-slate-a500: oklch(0.1993 0.0626 253.59 / 0.5098);
94
+ --cnvs-base-palette-slate-a600: oklch(0.1704 0.05 251.35 / 0.6353);
95
+ --cnvs-base-palette-slate-a700: oklch(0.1549 0.0434 249.61 / 0.7098);
96
+ --cnvs-base-palette-slate-a800: oklch(0.1165 0.026 238.48 / 0.8235);
97
+ --cnvs-base-palette-slate-a900: oklch(0.1055 0.0236 238.48 / 0.8863);
98
+ --cnvs-base-palette-slate-a950: oklch(0.1046 0.0233 238.41 / 0.9098);
99
+ --cnvs-base-palette-slate-a975: oklch(0.1028 0.0214 233.55 / 0.9333);
100
+ --cnvs-base-palette-slate-a150: oklch(0.2742 0.101 257.89 / 0.1373);
101
+ --cnvs-base-palette-slate-a850: oklch(0.1063 0.0237 238.42 / 0.8667);
102
+ --cnvs-base-palette-teal-a25: oklch(0.8768 0.1491 201.26 / 0.0824);
103
+ --cnvs-base-palette-teal-a50: oklch(0.838 0.1438 207.32 / 0.1804);
104
+ --cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
105
+ --cnvs-base-palette-teal-a200: oklch(0.7093 0.1219 208.01 / 0.3686);
106
+ --cnvs-base-palette-teal-a300: oklch(0.644 0.1109 208.68 / 0.5647);
107
+ --cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
108
+ --cnvs-base-palette-white-a25: oklch(1 0 89.88 / 0.023);
109
+ --cnvs-base-palette-white-a50: oklch(1 0 89.88 / 0.045);
110
+ --cnvs-base-palette-white-a100: oklch(1 0 89.88 / 0.118);
111
+ --cnvs-base-palette-white-a200: oklch(1 0 89.88 / 0.25);
112
+ --cnvs-base-palette-white-a300: oklch(1 0 89.88 / 0.374);
113
+ --cnvs-base-palette-white-a400: oklch(1 0 89.88 / 0.489);
114
+ --cnvs-base-palette-white-a500: oklch(1 0 89.88 / 0.591);
115
+ --cnvs-base-palette-white-a600: oklch(1 0 89.88 / 0.698);
116
+ --cnvs-base-palette-white-a700: oklch(1 0 89.88 / 0.788);
117
+ --cnvs-base-palette-white-a800: oklch(1 0 89.88 / 0.861);
118
+ --cnvs-base-palette-white-a900: oklch(1 0 89.88 / 0.921);
119
+ --cnvs-base-palette-white-a950: oklch(1 0 89.88 / 0.947);
120
+ --cnvs-base-palette-white-a975: oklch(1 0 89.88 / 0.974);
121
+ --cnvs-base-palette-white-a150: oklch(1 0 89.88 / 0.1841);
122
+ --cnvs-base-palette-white-a850: oklch(1 0 89.88 / 0.8909);
123
+ --cnvs-base-size-1600: calc(var(--cnvs-base-baseline) * 16.00);
124
+ --cnvs-base-size-1800: calc(var(--cnvs-base-baseline) * 18.00);
125
+ --cnvs-base-size-2000: calc(var(--cnvs-base-baseline) * 20.00);
126
+ --cnvs-base-size-2400: calc(var(--cnvs-base-baseline) * 24.00);
127
+ --cnvs-base-size-2800: calc(var(--cnvs-base-baseline) * 28.00);
128
+ --cnvs-base-size-3200: calc(var(--cnvs-base-baseline) * 32.00);
129
+ --cnvs-base-font-family-0: -apple-system, BlinkMacSystemFont, "Sana Serif", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
130
+ --cnvs-base-font-family-50: "Sana Sans LCG 05 VF";
131
+ --cnvs-base-font-family-100: "IBM Plex Mono";
132
+ --cnvs-base-font-family-200: "Noto Sans";
133
+ --cnvs-base-font-weight-600: 600;
134
+ --cnvs-base-letter-spacing-1: 0.008125rem;
135
+ --cnvs-base-letter-spacing-2: 0.0075rem;
136
+ --cnvs-base-letter-spacing-3: 0.006875rem;
137
+ --cnvs-base-letter-spacing-4: 0.00625rem;
138
+ --cnvs-base-letter-spacing-5: 0rem;
139
+ --cnvs-base-letter-spacing-6: -0.00625rem;
140
+ --cnvs-base-letter-spacing-7: -0.01875rem;
141
+ --cnvs-base-letter-spacing-8: -0.02125rem;
142
+ --cnvs-base-letter-spacing-9: -0.02375rem;
143
+ --cnvs-base-letter-spacing-10: -0.02875rem;
144
+ --cnvs-base-letter-spacing-11: -0.03375rem;
145
+ --cnvs-base-letter-spacing-12: -0.03875rem;
146
+ --cnvs-brand-primary-a300: var(--cnvs-base-palette-blue-a300);
147
+ --cnvs-brand-neutral-25: var(--cnvs-base-palette-neutral-25);
148
+ --cnvs-brand-neutral-50: var(--cnvs-base-palette-neutral-50);
149
+ --cnvs-brand-neutral-100: var(--cnvs-base-palette-neutral-100);
150
+ --cnvs-brand-neutral-150: var(--cnvs-base-palette-neutral-150);
151
+ --cnvs-brand-neutral-200: var(--cnvs-base-palette-neutral-200);
152
+ --cnvs-brand-neutral-300: var(--cnvs-base-palette-neutral-300);
153
+ --cnvs-brand-neutral-400: var(--cnvs-base-palette-neutral-400);
154
+ --cnvs-brand-neutral-500: var(--cnvs-base-palette-neutral-500);
155
+ --cnvs-brand-neutral-600: var(--cnvs-base-palette-neutral-600);
156
+ --cnvs-brand-neutral-700: var(--cnvs-base-palette-neutral-700);
157
+ --cnvs-brand-neutral-800: var(--cnvs-base-palette-neutral-800);
158
+ --cnvs-brand-neutral-850: var(--cnvs-base-palette-neutral-850);
159
+ --cnvs-brand-neutral-900: var(--cnvs-base-palette-neutral-900);
160
+ --cnvs-brand-neutral-950: var(--cnvs-base-palette-neutral-950);
161
+ --cnvs-brand-neutral-975: var(--cnvs-base-palette-neutral-975);
162
+ --cnvs-brand-neutral-a25: var(--cnvs-base-palette-neutral-a25);
163
+ --cnvs-brand-neutral-a50: var(--cnvs-base-palette-neutral-a50);
164
+ --cnvs-brand-neutral-a100: var(--cnvs-base-palette-neutral-a100);
165
+ --cnvs-brand-neutral-a200: var(--cnvs-base-palette-neutral-a200);
166
+ --cnvs-brand-neutral-a300: var(--cnvs-base-palette-neutral-a300);
167
+ --cnvs-brand-neutral-a400: var(--cnvs-base-palette-neutral-a400);
168
+ --cnvs-brand-neutral-a500: var(--cnvs-base-palette-neutral-a500);
169
+ --cnvs-brand-neutral-a600: var(--cnvs-base-palette-neutral-a600);
170
+ --cnvs-brand-neutral-a700: var(--cnvs-base-palette-neutral-a700);
171
+ --cnvs-brand-neutral-a800: var(--cnvs-base-palette-neutral-a800);
172
+ --cnvs-brand-neutral-a900: var(--cnvs-base-palette-neutral-a900);
173
+ --cnvs-brand-neutral-a950: var(--cnvs-base-palette-neutral-a950);
174
+ --cnvs-brand-neutral-a975: var(--cnvs-base-palette-neutral-a975);
175
+ --cnvs-brand-neutral-a150: var(--cnvs-base-palette-neutral-a150);
176
+ --cnvs-brand-neutral-a850: var(--cnvs-base-palette-neutral-a850);
177
+ --cnvs-brand-critical-a300: var(--cnvs-base-palette-red-a300);
178
+ --cnvs-brand-caution-a300: var(--cnvs-base-palette-amber-a300);
179
+ --cnvs-brand-positive-a300: var(--cnvs-base-palette-green-a300);
180
+ --cnvs-sys-breakpoints-xxl: calc(var(--cnvs-base-baseline) * 272.5);
181
+ --cnvs-sys-shape-sm: var(--cnvs-base-size-75);
182
+ --cnvs-sys-shape-xxl: var(--cnvs-base-size-250);
183
+ --cnvs-sys-shape-xxxl: var(--cnvs-base-size-350);
184
+ --cnvs-sys-shape-xs: var(--cnvs-base-size-50);
185
+ --cnvs-sys-line-height-body-md: var(--cnvs-base-size-300);
186
+ --cnvs-sys-color-bg-alt-default: var(--cnvs-brand-neutral-50);
187
+ --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0);
188
+ --cnvs-sys-color-fg-muted-default: var(--cnvs-brand-neutral-a600);
189
+ --cnvs-sys-color-fg-muted-strong: var(--cnvs-brand-neutral-a700);
190
+ --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600);
191
+ --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700);
192
+ --cnvs-sys-color-fg-default: var(--cnvs-brand-neutral-a800);
193
+ --cnvs-sys-color-fg-strong: var(--cnvs-brand-neutral-a900);
194
+ --cnvs-sys-color-fg-stronger: var(--cnvs-brand-neutral-a950);
195
+ --cnvs-sys-color-fg-disabled: var(--cnvs-brand-neutral-a400);
196
+ --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0);
197
+ --cnvs-sys-color-fg-danger-default: var(--cnvs-brand-critical-600);
198
+ --cnvs-sys-color-fg-danger-strong: var(--cnvs-brand-critical-700);
199
+ --cnvs-sys-color-fg-warning-default: var(--cnvs-brand-caution-600);
200
+ --cnvs-sys-color-fg-warning-strong: var(--cnvs-brand-caution-700);
201
+ --cnvs-sys-color-fg-success-default: var(--cnvs-brand-positive-600);
202
+ --cnvs-sys-color-fg-success-strong: var(--cnvs-brand-positive-700);
203
+ --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950);
204
+ --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-a900);
205
+ --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-a950);
206
+ --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950);
207
+ --cnvs-sys-color-border-input-default: var(--cnvs-brand-neutral-a500);
208
+ --cnvs-sys-color-border-input-hover: var(--cnvs-brand-neutral-a700);
209
+ --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-a900);
210
+ --cnvs-sys-color-border-default: var(--cnvs-brand-neutral-a100);
211
+ --cnvs-sys-color-border-strong: var(--cnvs-brand-neutral-a200);
212
+ --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500);
213
+ --cnvs-sys-color-border-danger: var(--cnvs-brand-critical-500);
214
+ --cnvs-sys-color-border-warning: var(--cnvs-brand-caution-500);
215
+ --cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-neutral-0);
216
+ --cnvs-sys-color-border-inverse-strong: var(--cnvs-base-palette-white-a700);
217
+ --cnvs-sys-color-border-transparent: var(--cnvs-base-palette-white-a0);
218
+ --cnvs-sys-color-surface-default: var(--cnvs-base-palette-neutral-0);
219
+ --cnvs-sys-color-surface-navigation: var(--cnvs-brand-neutral-50);
220
+ --cnvs-sys-color-surface-popover: var(--cnvs-base-palette-neutral-0);
221
+ --cnvs-sys-color-surface-modal: var(--cnvs-base-palette-neutral-0);
222
+ --cnvs-sys-color-surface-raised: var(--cnvs-brand-neutral-a25);
223
+ --cnvs-sys-color-surface-alt-default: var(--cnvs-brand-neutral-a50);
224
+ --cnvs-sys-color-surface-alt-strong: var(--cnvs-brand-neutral-a100);
225
+ --cnvs-sys-color-surface-loading: var(--cnvs-brand-neutral-a50);
226
+ --cnvs-sys-color-surface-info-default: var(--cnvs-base-palette-blue-a25);
227
+ --cnvs-sys-color-surface-info-strong: var(--cnvs-base-palette-blue-a50);
228
+ --cnvs-sys-color-surface-danger-default: var(--cnvs-brand-critical-a25);
229
+ --cnvs-sys-color-surface-danger-strong: var(--cnvs-brand-critical-a50);
230
+ --cnvs-sys-color-surface-warning-default: var(--cnvs-brand-caution-a25);
231
+ --cnvs-sys-color-surface-warning-strong: var(--cnvs-brand-caution-a50);
232
+ --cnvs-sys-color-surface-success-default: var(--cnvs-brand-positive-a25);
233
+ --cnvs-sys-color-surface-success-strong: var(--cnvs-brand-positive-a50);
234
+ --cnvs-sys-color-surface-ai-default: var(--cnvs-base-palette-blue-a100);
235
+ --cnvs-sys-color-surface-ai-hover: var(--cnvs-base-palette-blue-a200);
236
+ --cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-400);
237
+ --cnvs-sys-color-surface-transparent: var(--cnvs-base-palette-white-a0);
238
+ --cnvs-sys-color-surface-inverse: var(--cnvs-base-palette-neutral-0);
239
+ --cnvs-sys-color-surface-contrast-default: var(--cnvs-brand-neutral-a900);
240
+ --cnvs-sys-color-surface-contrast-strong: var(--cnvs-brand-neutral-a950);
241
+ --cnvs-sys-color-surface-overlay-hover-default: var(--cnvs-brand-neutral-a50);
242
+ --cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-a200);
243
+ --cnvs-sys-color-surface-overlay-mixin: var(--cnvs-base-palette-neutral-1000);
244
+ --cnvs-sys-color-surface-overlay-pressed-default: var(--cnvs-brand-neutral-a100);
245
+ --cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-a300);
246
+ --cnvs-sys-color-surface-overlay-scrim: var(--cnvs-brand-neutral-a400);
247
+ --cnvs-sys-color-surface-overlay-raised: var(--cnvs-base-palette-white-a400);
248
+ --cnvs-sys-color-accent-ai: var(--cnvs-base-palette-blue-950);
249
+ --cnvs-sys-color-accent-info: var(--cnvs-base-palette-blue-600);
250
+ --cnvs-sys-color-accent-danger: var(--cnvs-brand-critical-600);
251
+ --cnvs-sys-color-accent-warning: var(--cnvs-brand-caution-400);
252
+ --cnvs-sys-color-accent-success: var(--cnvs-brand-positive-600);
253
+ --cnvs-sys-color-accent-contrast: var(--cnvs-brand-neutral-a900);
254
+ --cnvs-sys-color-accent-muted-default: var(--cnvs-brand-neutral-600);
255
+ --cnvs-sys-color-accent-muted-soft: var(--cnvs-brand-neutral-400);
256
+ --cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a100);
257
+ --cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a200);
258
+ --cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-1000);
259
+ --cnvs-sys-color-brand-focus-primary: var(--cnvs-base-palette-blue-500);
260
+ --cnvs-sys-color-brand-focus-critical: var(--cnvs-brand-critical-500);
261
+ --cnvs-sys-color-brand-focus-caution-outer: var(--cnvs-brand-caution-500);
262
+ --cnvs-sys-color-brand-focus-caution-inner: var(--cnvs-brand-caution-400);
263
+ --cnvs-sys-color-brand-surface-primary-default: var(--cnvs-brand-neutral-a25);
264
+ --cnvs-sys-color-brand-surface-primary-strong: var(--cnvs-brand-neutral-a50);
265
+ --cnvs-sys-color-brand-surface-critical-default: var(--cnvs-brand-critical-a25);
266
+ --cnvs-sys-color-brand-surface-critical-strong: var(--cnvs-brand-critical-a50);
267
+ --cnvs-sys-color-brand-surface-caution-default: var(--cnvs-brand-caution-a25);
268
+ --cnvs-sys-color-brand-surface-caution-strong: var(--cnvs-brand-caution-a50);
269
+ --cnvs-sys-color-brand-surface-positive-default: var(--cnvs-brand-positive-a25);
270
+ --cnvs-sys-color-brand-surface-positive-strong: var(--cnvs-brand-positive-a50);
271
+ --cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-neutral-a100);
272
+ --cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-neutral-975);
273
+ --cnvs-sys-color-brand-accent-critical: var(--cnvs-brand-critical-600);
274
+ --cnvs-sys-color-brand-accent-caution: var(--cnvs-brand-caution-400);
275
+ --cnvs-sys-color-brand-accent-positive: var(--cnvs-brand-positive-600);
276
+ --cnvs-sys-color-brand-accent-action: var(--cnvs-brand-neutral-975);
277
+ --cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-neutral-a900);
278
+ --cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-neutral-a950);
279
+ --cnvs-sys-color-brand-fg-critical-default: var(--cnvs-brand-critical-600);
280
+ --cnvs-sys-color-brand-fg-critical-strong: var(--cnvs-brand-critical-700);
281
+ --cnvs-sys-color-brand-fg-caution-default: var(--cnvs-brand-caution-600);
282
+ --cnvs-sys-color-brand-fg-caution-strong: var(--cnvs-brand-caution-700);
283
+ --cnvs-sys-color-brand-fg-positive-default: var(--cnvs-brand-positive-600);
284
+ --cnvs-sys-color-brand-fg-positive-strong: var(--cnvs-brand-positive-700);
285
+ --cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-neutral-a900);
286
+ --cnvs-sys-color-brand-border-primary: var(--cnvs-base-palette-blue-500);
287
+ --cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);
288
+ --cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);
289
+ --cnvs-sys-color-focus-inverse: var(--cnvs-base-palette-neutral-0);
290
+ --cnvs-sys-color-focus-contrast: var(--cnvs-brand-neutral-a900);
291
+ --cnvs-sys-color-chart-diverging-azure-coral-1: var(--cnvs-base-palette-azure-900);
292
+ --cnvs-sys-color-chart-diverging-azure-coral-2: var(--cnvs-base-palette-azure-800);
293
+ --cnvs-sys-color-chart-diverging-azure-coral-3: var(--cnvs-base-palette-azure-700);
294
+ --cnvs-sys-color-chart-diverging-azure-coral-4: var(--cnvs-base-palette-azure-600);
295
+ --cnvs-sys-color-chart-diverging-azure-coral-5: var(--cnvs-base-palette-azure-500);
296
+ --cnvs-sys-color-chart-diverging-azure-coral-6: var(--cnvs-base-palette-azure-400);
297
+ --cnvs-sys-color-chart-diverging-azure-coral-7: var(--cnvs-base-palette-azure-300);
298
+ --cnvs-sys-color-chart-diverging-azure-coral-8: var(--cnvs-base-palette-azure-200);
299
+ --cnvs-sys-color-chart-diverging-azure-coral-9: var(--cnvs-base-palette-azure-100);
300
+ --cnvs-sys-color-chart-diverging-azure-coral-10: var(--cnvs-base-palette-azure-50);
301
+ --cnvs-sys-color-chart-diverging-azure-coral-11: var(--cnvs-base-palette-azure-25);
302
+ --cnvs-sys-color-chart-diverging-azure-coral-12: var(--cnvs-base-palette-neutral-0);
303
+ --cnvs-sys-color-chart-diverging-azure-coral-13: var(--cnvs-base-palette-coral-25);
304
+ --cnvs-sys-color-chart-diverging-azure-coral-14: var(--cnvs-base-palette-coral-50);
305
+ --cnvs-sys-color-chart-diverging-azure-coral-15: var(--cnvs-base-palette-coral-100);
306
+ --cnvs-sys-color-chart-diverging-azure-coral-16: var(--cnvs-base-palette-coral-200);
307
+ --cnvs-sys-color-chart-diverging-azure-coral-17: var(--cnvs-base-palette-coral-300);
308
+ --cnvs-sys-color-chart-diverging-azure-coral-18: var(--cnvs-base-palette-coral-400);
309
+ --cnvs-sys-color-chart-diverging-azure-coral-19: var(--cnvs-base-palette-coral-500);
310
+ --cnvs-sys-color-chart-diverging-azure-coral-20: var(--cnvs-base-palette-coral-600);
311
+ --cnvs-sys-color-chart-diverging-azure-coral-21: var(--cnvs-base-palette-coral-700);
312
+ --cnvs-sys-color-chart-diverging-azure-coral-22: var(--cnvs-base-palette-coral-800);
313
+ --cnvs-sys-color-chart-diverging-azure-coral-23: var(--cnvs-base-palette-coral-900);
314
+ --cnvs-sys-color-chart-categorical-1: var(--cnvs-base-palette-teal-500);
315
+ --cnvs-sys-color-chart-categorical-2: var(--cnvs-base-palette-blue-800);
316
+ --cnvs-sys-color-chart-categorical-3: var(--cnvs-base-palette-orange-500);
317
+ --cnvs-sys-color-chart-categorical-4: var(--cnvs-base-palette-azure-500);
318
+ --cnvs-sys-color-chart-categorical-5: var(--cnvs-base-palette-magenta-600);
319
+ --cnvs-sys-color-chart-categorical-6: var(--cnvs-brand-positive-600);
320
+ --cnvs-sys-color-chart-categorical-7: var(--cnvs-base-palette-purple-500);
321
+ --cnvs-sys-color-chart-categorical-8: var(--cnvs-brand-caution-500);
322
+ --cnvs-sys-color-chart-categorical-9: var(--cnvs-base-palette-teal-700);
323
+ --cnvs-sys-color-chart-categorical-10: var(--cnvs-base-palette-indigo-600);
324
+ --cnvs-sys-color-chart-categorical-11: var(--cnvs-base-palette-orange-700);
325
+ --cnvs-sys-color-chart-categorical-12: var(--cnvs-base-palette-azure-700);
326
+ --cnvs-sys-color-chart-categorical-13: var(--cnvs-base-palette-purple-700);
327
+ --cnvs-sys-color-chart-categorical-14: var(--cnvs-base-palette-coral-600);
328
+ --cnvs-sys-color-chart-categorical-15: var(--cnvs-brand-positive-800);
329
+ --cnvs-sys-color-chart-categorical-16: var(--cnvs-brand-caution-700);
330
+ --cnvs-sys-color-chart-sequential-1: var(--cnvs-base-palette-teal-25);
331
+ --cnvs-sys-color-chart-sequential-2: var(--cnvs-base-palette-teal-50);
332
+ --cnvs-sys-color-chart-sequential-3: var(--cnvs-base-palette-teal-100);
333
+ --cnvs-sys-color-chart-sequential-4: var(--cnvs-base-palette-teal-200);
334
+ --cnvs-sys-color-chart-sequential-5: var(--cnvs-base-palette-teal-300);
335
+ --cnvs-sys-color-chart-sequential-6: var(--cnvs-base-palette-teal-400);
336
+ --cnvs-sys-color-chart-sequential-7: var(--cnvs-base-palette-teal-500);
337
+ --cnvs-sys-color-chart-sequential-8: var(--cnvs-base-palette-teal-600);
338
+ --cnvs-sys-color-chart-sequential-9: var(--cnvs-base-palette-teal-700);
339
+ --cnvs-sys-color-chart-sequential-10: var(--cnvs-base-palette-teal-800);
340
+ --cnvs-sys-color-chart-sequential-11: var(--cnvs-base-palette-teal-900);
341
+ --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(0 0 0 / 0.0196), 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0392);
342
+ --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0196), 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392);
343
+ --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(0 0 0 / 0.0196), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0392);
344
+ --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.0392);
345
+ --cnvs-sys-depth-5: 0 0.3125rem 1.25rem -0.25 oklch(0 0 0 / 0.1216), 0 0.625rem 2.5rem -0.1875 oklch(0 0 0 / 0.1216);
346
+ --cnvs-sys-depth-6: 0 0.375rem 1.5rem -0.25 oklch(0 0 0 / 0.251), 0 0.75rem 3rem -0.75 oklch(0 0 0 / 0.251);
347
+ --cnvs-sys-font-family-fallback: var(--cnvs-base-font-family-0);
348
+ --cnvs-sys-letter-spacing-subtext-sm: var(--cnvs-base-letter-spacing-1);
349
+ --cnvs-sys-letter-spacing-subtext-md: var(--cnvs-base-letter-spacing-2);
350
+ --cnvs-sys-letter-spacing-subtext-lg: var(--cnvs-base-letter-spacing-3);
351
+ --cnvs-sys-letter-spacing-body-sm: var(--cnvs-base-letter-spacing-4);
352
+ --cnvs-sys-letter-spacing-body-md: var(--cnvs-base-letter-spacing-5);
353
+ --cnvs-sys-letter-spacing-body-lg: var(--cnvs-base-letter-spacing-6);
354
+ --cnvs-sys-letter-spacing-heading-sm: var(--cnvs-base-letter-spacing-7);
355
+ --cnvs-sys-letter-spacing-heading-md: var(--cnvs-base-letter-spacing-8);
356
+ --cnvs-sys-letter-spacing-heading-lg: var(--cnvs-base-letter-spacing-9);
357
+ --cnvs-sys-letter-spacing-title-sm: var(--cnvs-base-letter-spacing-10);
358
+ --cnvs-sys-letter-spacing-title-md: var(--cnvs-base-letter-spacing-11);
359
+ --cnvs-sys-letter-spacing-title-lg: var(--cnvs-base-letter-spacing-12);
360
+ --cnvs-sys-font-weight-regular: var(--cnvs-base-font-weight-400);
361
+ --cnvs-sys-font-weight-semibold: var(--cnvs-base-font-weight-600);
362
+ }
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:04 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:29 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize = "--cnvs-base-font-size";
@@ -827,3 +827,5 @@ export declare const legacy: {
827
827
  size1300: "var(--cnvs-base-size-1300, 6.5rem)",
828
828
  size1400: "var(--cnvs-base-size-1400, 7rem)"
829
829
  };
830
+
831
+ export {sana} from "./sana";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Apr 2026 18:05:05 GMT
3
+ * Generated on Tue, 09 Jun 2026 16:53:29 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -830,3 +830,5 @@ exports.legacy = {
830
830
  size1300: "var(--cnvs-base-size-1300, 6.5rem)",
831
831
  size1400: "var(--cnvs-base-size-1400, 7rem)"
832
832
  };
833
+
834
+ exports.sana = require("./sana").sana;
package/dist/common-js/base/sana.d.ts ADDED
@@ -0,0 +1,151 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 09 Jun 2026 16:53:31 GMT
4
+ */
5
+
6
+ export declare const sana: {
7
+ amberA25: "var(--cnvs-base-palette-amber-a25, oklch(0.7792 0.1592 90.57 / 0.0902))",
8
+ amberA50: "var(--cnvs-base-palette-amber-a50, oklch(0.8854 0.1841 100.16 / 0.2196))",
9
+ amberA100: "var(--cnvs-base-palette-amber-a100, oklch(0.8964 0.1849 97.38 / 0.3412))",
10
+ amberA200: "var(--cnvs-base-palette-amber-a200, oklch(0.8846 0.1822 96.67 / 0.6314))",
11
+ amberA300: "var(--cnvs-base-palette-amber-a300, oklch(0.8372 0.1718 83.95 / 0.9529))",
12
+ azureA25: "var(--cnvs-base-palette-azure-a25, oklch(0.7461 0.1557 233.78 / 0.0588))",
13
+ azureA50: "var(--cnvs-base-palette-azure-a50, oklch(0.7349 0.1588 236.29 / 0.1373))",
14
+ azureA300: "var(--cnvs-base-palette-azure-a300, oklch(0.6542 0.1794 248.76 / 0.5255))",
15
+ blueA25: "var(--cnvs-base-palette-blue-a25, oklch(0.6141 0.2114 256.22 / 0.0706))",
16
+ blueA50: "var(--cnvs-base-palette-blue-a50, oklch(0.6141 0.2114 256.22 / 0.1098))",
17
+ blueA100: "var(--cnvs-base-palette-blue-a100, oklch(0.6077 0.215 256.92 / 0.1608))",
18
+ blueA300: "var(--cnvs-base-palette-blue-a300, oklch(0.5987 0.22 257.83 / 0.4667))",
19
+ coralA25: "var(--cnvs-base-palette-coral-a25, oklch(0.6672 0.2239 36.87 / 0.0392))",
20
+ coralA50: "var(--cnvs-base-palette-coral-a50, oklch(0.6482 0.2393 32.96 / 0.0745))",
21
+ coralA100: "var(--cnvs-base-palette-coral-a100, oklch(0.6492 0.2384 33.16 / 0.1451))",
22
+ coralA200: "var(--cnvs-base-palette-coral-a200, oklch(0.6524 0.2357 33.8 / 0.3529))",
23
+ coralA300: "var(--cnvs-base-palette-coral-a300, oklch(0.654 0.2344 34.12 / 0.5686))",
24
+ greenA25: "var(--cnvs-base-palette-green-a25, oklch(0.8669 0.2908 142.93 / 0.0706))",
25
+ greenA50: "var(--cnvs-base-palette-green-a50, oklch(0.8673 0.2872 143.33 / 0.1451))",
26
+ greenA100: "var(--cnvs-base-palette-green-a100, oklch(0.8314 0.2728 143.62 / 0.2863))",
27
+ greenA200: "var(--cnvs-base-palette-green-a200, oklch(0.7945 0.2509 144.87 / 0.5961))",
28
+ greenA300: "var(--cnvs-base-palette-green-a300, oklch(0.7417 0.2214 146.84 / 0.7765))",
29
+ indigoA25: "var(--cnvs-base-palette-indigo-a25, oklch(0.452 0.3132 264.06 / 0.0431))",
30
+ indigoA50: "var(--cnvs-base-palette-indigo-a50, oklch(0.4624 0.3062 264.19 / 0.0784))",
31
+ indigoA100: "var(--cnvs-base-palette-indigo-a100, oklch(0.4576 0.3094 264.14 / 0.1216))",
32
+ indigoA200: "var(--cnvs-base-palette-indigo-a200, oklch(0.4602 0.3077 264.17 / 0.2314))",
33
+ indigoA300: "var(--cnvs-base-palette-indigo-a300, oklch(0.4556 0.3108 264.11 / 0.3569))",
34
+ magentaA50: "var(--cnvs-base-palette-magenta-a50, oklch(0.7017 0.3225 328.36 / 0.0745))",
35
+ magentaA100: "var(--cnvs-base-palette-magenta-a100, oklch(0.687 0.3067 334.22 / 0.1529))",
36
+ magentaA200: "var(--cnvs-base-palette-magenta-a200, oklch(0.6972 0.3174 330.1 / 0.24))",
37
+ magentaA300: "var(--cnvs-base-palette-magenta-a300, oklch(0.6773 0.2957 338.89 / 0.4196))",
38
+ neutral150: "var(--cnvs-base-palette-neutral-150, oklch(0.906 0 89.88 / 1))",
39
+ neutral300: "var(--cnvs-base-palette-neutral-300, oklch(0.8047 0 89.88 / 1))",
40
+ neutral400: "var(--cnvs-base-palette-neutral-400, oklch(0.7219 0 89.88 / 1))",
41
+ neutral700: "var(--cnvs-base-palette-neutral-700, oklch(0.4386 0 89.88 / 1))",
42
+ neutral800: "var(--cnvs-base-palette-neutral-800, oklch(0.3171 0 89.88 / 1))",
43
+ neutral850: "var(--cnvs-base-palette-neutral-850, oklch(0.2645 0 89.88 / 1))",
44
+ neutral900: "var(--cnvs-base-palette-neutral-900, oklch(0.2478 0 89.88 / 1))",
45
+ neutral950: "var(--cnvs-base-palette-neutral-950, oklch(0.228 0 89.88 / 1))",
46
+ neutral975: "var(--cnvs-base-palette-neutral-975, oklch(0.196 0 89.88 / 1))",
47
+ neutralA25: "var(--cnvs-base-palette-neutral-a25, oklch(0 0 0 / 0.0196))",
48
+ neutralA50: "var(--cnvs-base-palette-neutral-a50, oklch(0 0 0 / 0.0392))",
49
+ neutralA100: "var(--cnvs-base-palette-neutral-a100, oklch(0 0 0 / 0.0745))",
50
+ neutralA200: "var(--cnvs-base-palette-neutral-a200, oklch(0 0 0 / 0.1686))",
51
+ neutralA300: "var(--cnvs-base-palette-neutral-a300, oklch(0 0 0 / 0.251))",
52
+ neutralA400: "var(--cnvs-base-palette-neutral-a400, oklch(0 0 0 / 0.3529))",
53
+ neutralA500: "var(--cnvs-base-palette-neutral-a500, oklch(0 0 0 / 0.4706))",
54
+ neutralA600: "var(--cnvs-base-palette-neutral-a600, oklch(0 0 0 / 0.6))",
55
+ neutralA700: "var(--cnvs-base-palette-neutral-a700, oklch(0 0 0 / 0.6784))",
56
+ neutralA800: "var(--cnvs-base-palette-neutral-a800, oklch(0 0 0 / 0.8039))",
57
+ neutralA900: "var(--cnvs-base-palette-neutral-a900, oklch(0 0 0 / 0.8706))",
58
+ neutralA950: "var(--cnvs-base-palette-neutral-a950, oklch(0 0 0 / 0.8902))",
59
+ neutralA975: "var(--cnvs-base-palette-neutral-a975, oklch(0 0 0 / 0.9176))",
60
+ neutralA150: "var(--cnvs-base-palette-neutral-a150, oklch(0 0 0 / 0.1216))",
61
+ neutralA850: "var(--cnvs-base-palette-neutral-a850, oklch(0 0 0 / 0.8549))",
62
+ orangeA25: "var(--cnvs-base-palette-orange-a25, oklch(0.7093 0.1802 52.88 / 0.098))",
63
+ orangeA50: "var(--cnvs-base-palette-orange-a50, oklch(0.75 0.1792 58.11 / 0.1647))",
64
+ orangeA100: "var(--cnvs-base-palette-orange-a100, oklch(0.7342 0.1848 53.62 / 0.2471))",
65
+ orangeA200: "var(--cnvs-base-palette-orange-a200, oklch(0.7295 0.1867 52.32 / 0.4588))",
66
+ orangeA300: "var(--cnvs-base-palette-orange-a300, oklch(0.7426 0.1817 56.01 / 0.8))",
67
+ purpleA25: "var(--cnvs-base-palette-purple-a25, oklch(0.5597 0.2956 301.91 / 0.0392))",
68
+ purpleA50: "var(--cnvs-base-palette-purple-a50, oklch(0.5569 0.2953 301.2 / 0.0863))",
69
+ purpleA100: "var(--cnvs-base-palette-purple-a100, oklch(0.5812 0.2986 307.02 / 0.1647))",
70
+ purpleA200: "var(--cnvs-base-palette-purple-a200, oklch(0.6012 0.302 311.32 / 0.2431))",
71
+ purpleA300: "var(--cnvs-base-palette-purple-a300, oklch(0.5935 0.3006 309.71 / 0.3569))",
72
+ redA25: "var(--cnvs-base-palette-red-a25, oklch(0.6329 0.253 30.1 / 0.0431))",
73
+ redA50: "var(--cnvs-base-palette-red-a50, oklch(0.6326 0.2533 30.04 / 0.0902))",
74
+ redA100: "var(--cnvs-base-palette-red-a100, oklch(0.6339 0.2521 30.28 / 0.1529))",
75
+ redA200: "var(--cnvs-base-palette-red-a200, oklch(0.6361 0.25 30.68 / 0.3451))",
76
+ redA300: "var(--cnvs-base-palette-red-a300, oklch(0.6347 0.2513 30.42 / 0.5294))",
77
+ slate25: "var(--cnvs-base-palette-slate-25, oklch(0.9849 0.0029 264.51 / 1))",
78
+ slate50: "var(--cnvs-base-palette-slate-50, oklch(0.9695 0.0046 258.42 / 1))",
79
+ slate100: "var(--cnvs-base-palette-slate-100, oklch(0.9442 0.007 248.08 / 1))",
80
+ slate150: "var(--cnvs-base-palette-slate-150, oklch(0.908 0.011 256.7 / 1))",
81
+ slate200: "var(--cnvs-base-palette-slate-200, oklch(0.8706 0.0158 257.2 / 1))",
82
+ slate300: "var(--cnvs-base-palette-slate-300, oklch(0.804 0.0214 254.94 / 1))",
83
+ slate400: "var(--cnvs-base-palette-slate-400, oklch(0.721 0.024 254.4 / 1))",
84
+ slate500: "var(--cnvs-base-palette-slate-500, oklch(0.6225 0.0248 254.47 / 1))",
85
+ slate600: "var(--cnvs-base-palette-slate-600, oklch(0.5099 0.0241 255.01 / 1))",
86
+ slate700: "var(--cnvs-base-palette-slate-700, oklch(0.44 0.023 255.6 / 1))",
87
+ slate800: "var(--cnvs-base-palette-slate-800, oklch(0.3147 0.0128 253 / 1))",
88
+ slate850: "var(--cnvs-base-palette-slate-850, oklch(0.2667 0.011 254.03 / 1))",
89
+ slate900: "var(--cnvs-base-palette-slate-900, oklch(0.2458 0.0112 254.05 / 1))",
90
+ slate950: "var(--cnvs-base-palette-slate-950, oklch(0.2202 0.0115 254.08 / 1))",
91
+ slate975: "var(--cnvs-base-palette-slate-975, oklch(0.1933 0.0102 248.36 / 1))",
92
+ slateA25: "var(--cnvs-base-palette-slate-a25, oklch(0.3276 0.1499 261.85 / 0.0235))",
93
+ slateA50: "var(--cnvs-base-palette-slate-a50, oklch(0.3064 0.1202 259.24 / 0.0471))",
94
+ slateA100: "var(--cnvs-base-palette-slate-a100, oklch(0.3039 0.0952 253.5 / 0.0863))",
95
+ slateA200: "var(--cnvs-base-palette-slate-a200, oklch(0.2751 0.1026 258.16 / 0.1922))",
96
+ slateA300: "var(--cnvs-base-palette-slate-a300, oklch(0.2639 0.0924 256.67 / 0.2863))",
97
+ slateA400: "var(--cnvs-base-palette-slate-a400, oklch(0.2307 0.0767 255.27 / 0.3922))",
98
+ slateA500: "var(--cnvs-base-palette-slate-a500, oklch(0.1993 0.0626 253.59 / 0.5098))",
99
+ slateA600: "var(--cnvs-base-palette-slate-a600, oklch(0.1704 0.05 251.35 / 0.6353))",
100
+ slateA700: "var(--cnvs-base-palette-slate-a700, oklch(0.1549 0.0434 249.61 / 0.7098))",
101
+ slateA800: "var(--cnvs-base-palette-slate-a800, oklch(0.1165 0.026 238.48 / 0.8235))",
102
+ slateA900: "var(--cnvs-base-palette-slate-a900, oklch(0.1055 0.0236 238.48 / 0.8863))",
103
+ slateA950: "var(--cnvs-base-palette-slate-a950, oklch(0.1046 0.0233 238.41 / 0.9098))",
104
+ slateA975: "var(--cnvs-base-palette-slate-a975, oklch(0.1028 0.0214 233.55 / 0.9333))",
105
+ slateA150: "var(--cnvs-base-palette-slate-a150, oklch(0.2742 0.101 257.89 / 0.1373))",
106
+ slateA850: "var(--cnvs-base-palette-slate-a850, oklch(0.1063 0.0237 238.42 / 0.8667))",
107
+ tealA25: "var(--cnvs-base-palette-teal-a25, oklch(0.8768 0.1491 201.26 / 0.0824))",
108
+ tealA50: "var(--cnvs-base-palette-teal-a50, oklch(0.838 0.1438 207.32 / 0.1804))",
109
+ tealA100: "var(--cnvs-base-palette-teal-a100, oklch(0.7626 0.1316 209.35 / 0.22))",
110
+ tealA200: "var(--cnvs-base-palette-teal-a200, oklch(0.7093 0.1219 208.01 / 0.3686))",
111
+ tealA300: "var(--cnvs-base-palette-teal-a300, oklch(0.644 0.1109 208.68 / 0.5647))",
112
+ whiteA0: "var(--cnvs-base-palette-white-a0, oklch(1 0 0 / 0))",
113
+ whiteA25: "var(--cnvs-base-palette-white-a25, oklch(1 0 89.88 / 0.023))",
114
+ whiteA50: "var(--cnvs-base-palette-white-a50, oklch(1 0 89.88 / 0.045))",
115
+ whiteA100: "var(--cnvs-base-palette-white-a100, oklch(1 0 89.88 / 0.118))",
116
+ whiteA200: "var(--cnvs-base-palette-white-a200, oklch(1 0 89.88 / 0.25))",
117
+ whiteA300: "var(--cnvs-base-palette-white-a300, oklch(1 0 89.88 / 0.374))",
118
+ whiteA400: "var(--cnvs-base-palette-white-a400, oklch(1 0 89.88 / 0.489))",
119
+ whiteA500: "var(--cnvs-base-palette-white-a500, oklch(1 0 89.88 / 0.591))",
120
+ whiteA600: "var(--cnvs-base-palette-white-a600, oklch(1 0 89.88 / 0.698))",
121
+ whiteA700: "var(--cnvs-base-palette-white-a700, oklch(1 0 89.88 / 0.788))",
122
+ whiteA800: "var(--cnvs-base-palette-white-a800, oklch(1 0 89.88 / 0.861))",
123
+ whiteA900: "var(--cnvs-base-palette-white-a900, oklch(1 0 89.88 / 0.921))",
124
+ whiteA950: "var(--cnvs-base-palette-white-a950, oklch(1 0 89.88 / 0.947))",
125
+ whiteA975: "var(--cnvs-base-palette-white-a975, oklch(1 0 89.88 / 0.974))",
126
+ whiteA150: "var(--cnvs-base-palette-white-a150, oklch(1 0 89.88 / 0.1841))",
127
+ whiteA850: "var(--cnvs-base-palette-white-a850, oklch(1 0 89.88 / 0.8909))",
128
+ size1600: "var(--cnvs-base-size-1600, 8rem)",
129
+ size1800: "var(--cnvs-base-size-1800, 9rem)",
130
+ size2000: "var(--cnvs-base-size-2000, 10rem)",
131
+ size2400: "var(--cnvs-base-size-2400, 12rem)",
132
+ size2800: "var(--cnvs-base-size-2800, 14rem)",
133
+ size3200: "var(--cnvs-base-size-3200, 16rem)",
134
+ fontFamily0: "var(--cnvs-base-font-family-0, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")",
135
+ fontFamily50: "var(--cnvs-base-font-family-50, \"Sana Sans LCG 05 VF\")",
136
+ fontFamily100: "var(--cnvs-base-font-family-100, \"IBM Plex Mono\")",
137
+ fontFamily200: "var(--cnvs-base-font-family-200, \"Noto Sans\")",
138
+ fontWeight600: "var(--cnvs-base-font-weight-600, 600)",
139
+ letterSpacing1: "var(--cnvs-base-letter-spacing-1, 0.008125rem)",
140
+ letterSpacing2: "var(--cnvs-base-letter-spacing-2, 0.0075rem)",
141
+ letterSpacing3: "var(--cnvs-base-letter-spacing-3, 0.006875rem)",
142
+ letterSpacing4: "var(--cnvs-base-letter-spacing-4, 0.00625rem)",
143
+ letterSpacing5: "var(--cnvs-base-letter-spacing-5, 0rem)",
144
+ letterSpacing6: "var(--cnvs-base-letter-spacing-6, -0.00625rem)",
145
+ letterSpacing7: "var(--cnvs-base-letter-spacing-7, -0.01875rem)",
146
+ letterSpacing8: "var(--cnvs-base-letter-spacing-8, -0.02125rem)",
147
+ letterSpacing9: "var(--cnvs-base-letter-spacing-9, -0.02375rem)",
148
+ letterSpacing10: "var(--cnvs-base-letter-spacing-10, -0.02875rem)",
149
+ letterSpacing11: "var(--cnvs-base-letter-spacing-11, -0.03375rem)",
150
+ letterSpacing12: "var(--cnvs-base-letter-spacing-12, -0.03875rem)"
151
+ };