@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/dist/common-js/system/sana.d.ts ADDED
@@ -0,0 +1,379 @@
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
+ breakpoints: {
8
+ xxl: "var(--cnvs-sys-breakpoints-xxl, 2180px)"
9
+ },
10
+ shape: {
11
+ sm: "var(--cnvs-sys-shape-sm, 0.375rem)",
12
+ xxl: "var(--cnvs-sys-shape-xxl, 1.25rem)",
13
+ xxxl: "var(--cnvs-sys-shape-xxxl, 1.75rem)",
14
+ xs: "var(--cnvs-sys-shape-xs, 0.25rem)"
15
+ },
16
+ lineHeight: {
17
+ body: {
18
+ md: "var(--cnvs-sys-line-height-body-md, 1.5rem)"
19
+ }
20
+ },
21
+ type: {
22
+ body: {
23
+ md: {
24
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
25
+ fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
26
+ lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
27
+ fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
28
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
29
+ },
30
+ lg: {
31
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
32
+ fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
33
+ lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
34
+ fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
35
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
36
+ }
37
+ },
38
+ heading: {
39
+ sm: {
40
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
41
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
42
+ lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
43
+ fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
44
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
45
+ },
46
+ md: {
47
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
48
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
49
+ lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
50
+ fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
51
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
52
+ },
53
+ lg: {
54
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
55
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
56
+ lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
57
+ fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
58
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
59
+ }
60
+ },
61
+ title: {
62
+ sm: {
63
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
64
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
65
+ lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
66
+ fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
67
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
68
+ },
69
+ md: {
70
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
71
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
72
+ lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
73
+ fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
74
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
75
+ },
76
+ lg: {
77
+ fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
78
+ fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
79
+ lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
80
+ fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
81
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
82
+ }
83
+ }
84
+ },
85
+ color: {
86
+ bg: {
87
+ alt: {
88
+ default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
89
+ },
90
+ default: "var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1))"
91
+ },
92
+ fg: {
93
+ muted: {
94
+ default: "var(--cnvs-sys-color-fg-muted-default, oklch(0 0 0 / 0.6))",
95
+ strong: "var(--cnvs-sys-color-fg-muted-strong, oklch(0 0 0 / 0.6784))"
96
+ },
97
+ info: {
98
+ default: "var(--cnvs-sys-color-fg-info-default, oklch(0.5198 0.1782 256.11 / 1))",
99
+ strong: "var(--cnvs-sys-color-fg-info-strong, oklch(0.4658 0.1562 255.5 / 1))"
100
+ },
101
+ default: "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
102
+ strong: "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
103
+ stronger: "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
104
+ disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
105
+ inverse: "var(--cnvs-sys-color-fg-inverse, oklch(1 0 0 / 1))",
106
+ danger: {
107
+ default: "var(--cnvs-sys-color-fg-danger-default, oklch(0.5342 0.2172 29.53 / 1))",
108
+ strong: "var(--cnvs-sys-color-fg-danger-strong, oklch(0.4517 0.1847 28.2 / 1))"
109
+ },
110
+ warning: {
111
+ default: "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
112
+ strong: "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
113
+ },
114
+ success: {
115
+ default: "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
116
+ strong: "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
117
+ },
118
+ ai: "var(--cnvs-sys-color-fg-ai, oklch(0.2452 0.0752 254.55 / 1))",
119
+ contrast: {
120
+ default: "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
121
+ strong: "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
122
+ }
123
+ },
124
+ border: {
125
+ ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
126
+ input: {
127
+ default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
128
+ hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
129
+ },
130
+ contrast: {
131
+ default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
132
+ },
133
+ default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
134
+ strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))",
135
+ info: {
136
+ default: "var(--cnvs-sys-color-border-info-default, oklch(0.6023 0.2032 255.68 / 1))"
137
+ },
138
+ danger: "var(--cnvs-sys-color-border-danger, oklch(0.6495 0.2369 30.04 / 1))",
139
+ warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))",
140
+ inverse: {
141
+ default: "var(--cnvs-sys-color-border-inverse-default, oklch(1 0 0 / 1))",
142
+ strong: "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
143
+ },
144
+ transparent: "var(--cnvs-sys-color-border-transparent, oklch(1 0 0 / 0))"
145
+ },
146
+ surface: {
147
+ default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
148
+ navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
149
+ popover: "var(--cnvs-sys-color-surface-popover, oklch(1 0 0 / 1))",
150
+ modal: "var(--cnvs-sys-color-surface-modal, oklch(1 0 0 / 1))",
151
+ raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
152
+ alt: {
153
+ default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
154
+ strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
155
+ },
156
+ loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
157
+ info: {
158
+ default: "var(--cnvs-sys-color-surface-info-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
159
+ strong: "var(--cnvs-sys-color-surface-info-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
160
+ },
161
+ danger: {
162
+ default: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
163
+ strong: "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
164
+ },
165
+ warning: {
166
+ default: "var(--cnvs-sys-color-surface-warning-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
167
+ strong: "var(--cnvs-sys-color-surface-warning-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
168
+ },
169
+ success: {
170
+ default: "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
171
+ strong: "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
172
+ },
173
+ ai: {
174
+ default: "var(--cnvs-sys-color-surface-ai-default, oklch(0.6077 0.215 256.92 / 0.1608))",
175
+ hover: "var(--cnvs-sys-color-surface-ai-hover, oklch(0.6048 0.2166 257.21 / 0.31))",
176
+ pressed: "var(--cnvs-sys-color-surface-ai-pressed, oklch(0.708 0.1549 255.41 / 1))"
177
+ },
178
+ transparent: "var(--cnvs-sys-color-surface-transparent, oklch(1 0 0 / 0))",
179
+ inverse: "var(--cnvs-sys-color-surface-inverse, oklch(1 0 0 / 1))",
180
+ contrast: {
181
+ default: "var(--cnvs-sys-color-surface-contrast-default, oklch(0 0 0 / 0.8706))",
182
+ strong: "var(--cnvs-sys-color-surface-contrast-strong, oklch(0 0 0 / 0.8902))"
183
+ },
184
+ overlay: {
185
+ hover: {
186
+ default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
187
+ inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.25))"
188
+ },
189
+ mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
190
+ pressed: {
191
+ default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
192
+ inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.374))"
193
+ },
194
+ scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))",
195
+ raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.489))"
196
+ }
197
+ },
198
+ accent: {
199
+ ai: "var(--cnvs-sys-color-accent-ai, oklch(0.2452 0.0752 254.55 / 1))",
200
+ info: "var(--cnvs-sys-color-accent-info, oklch(0.5198 0.1782 256.11 / 1))",
201
+ danger: "var(--cnvs-sys-color-accent-danger, oklch(0.5342 0.2172 29.53 / 1))",
202
+ warning: "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
203
+ success: "var(--cnvs-sys-color-accent-success, oklch(0.5069 0.1569 145.56 / 1))",
204
+ contrast: "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
205
+ muted: {
206
+ default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
207
+ soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
208
+ },
209
+ overlay: {
210
+ hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.118))",
211
+ pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.25))",
212
+ mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(0 0 0 / 1))"
213
+ }
214
+ },
215
+ brand: {
216
+ focus: {
217
+ primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))",
218
+ critical: "var(--cnvs-sys-color-brand-focus-critical, oklch(0.6495 0.2369 30.04 / 1))",
219
+ caution: {
220
+ outer: "var(--cnvs-sys-color-brand-focus-caution-outer, oklch(0.6601 0.1537 60.7 / 1))",
221
+ inner: "var(--cnvs-sys-color-brand-focus-caution-inner, oklch(0.7909 0.1711 70.15 / 1))"
222
+ }
223
+ },
224
+ surface: {
225
+ primary: {
226
+ default: "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0 0 0 / 0.0196))",
227
+ strong: "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0 0 0 / 0.0392))"
228
+ },
229
+ critical: {
230
+ default: "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
231
+ strong: "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
232
+ },
233
+ caution: {
234
+ default: "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
235
+ strong: "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
236
+ },
237
+ positive: {
238
+ default: "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
239
+ strong: "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
240
+ },
241
+ selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
242
+ },
243
+ accent: {
244
+ primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
245
+ critical: "var(--cnvs-sys-color-brand-accent-critical, oklch(0.5342 0.2172 29.53 / 1))",
246
+ caution: "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
247
+ positive: "var(--cnvs-sys-color-brand-accent-positive, oklch(0.5069 0.1569 145.56 / 1))",
248
+ action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
249
+ },
250
+ fg: {
251
+ primary: {
252
+ default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
253
+ strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
254
+ },
255
+ critical: {
256
+ default: "var(--cnvs-sys-color-brand-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1))",
257
+ strong: "var(--cnvs-sys-color-brand-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1))"
258
+ },
259
+ caution: {
260
+ default: "var(--cnvs-sys-color-brand-fg-caution-default, oklch(0.5505 0.1439 50.78 / 1))",
261
+ strong: "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
262
+ },
263
+ positive: {
264
+ default: "var(--cnvs-sys-color-brand-fg-positive-default, oklch(0.5069 0.1569 145.56 / 1))",
265
+ strong: "var(--cnvs-sys-color-brand-fg-positive-strong, oklch(0.4463 0.1422 144.58 / 1))"
266
+ },
267
+ selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))"
268
+ },
269
+ border: {
270
+ primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
271
+ critical: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))",
272
+ caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
273
+ }
274
+ },
275
+ focus: {
276
+ inverse: "var(--cnvs-sys-color-focus-inverse, oklch(1 0 0 / 1))",
277
+ contrast: "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
278
+ },
279
+ chart: {
280
+ diverging: {
281
+ azure: {
282
+ coral: {
283
+ "1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
284
+ "2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
285
+ "3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
286
+ "4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
287
+ "5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
288
+ "6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
289
+ "7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
290
+ "8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
291
+ "9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
292
+ "10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
293
+ "11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
294
+ "12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
295
+ "13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
296
+ "14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
297
+ "15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
298
+ "16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
299
+ "17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
300
+ "18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
301
+ "19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
302
+ "20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
303
+ "21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
304
+ "22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
305
+ "23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
306
+ }
307
+ }
308
+ },
309
+ categorical: {
310
+ "1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
311
+ "2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
312
+ "3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
313
+ "4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
314
+ "5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
315
+ "6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
316
+ "7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
317
+ "8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
318
+ "9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
319
+ "10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
320
+ "11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
321
+ "12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
322
+ "13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
323
+ "14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
324
+ "15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
325
+ "16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
326
+ },
327
+ sequential: {
328
+ "1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
329
+ "2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
330
+ "3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
331
+ "4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
332
+ "5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
333
+ "6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
334
+ "7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
335
+ "8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
336
+ "9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
337
+ "10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
338
+ "11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
339
+ }
340
+ }
341
+ },
342
+ depth: {
343
+ "1": "var(--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))",
344
+ "2": "var(--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))",
345
+ "3": "var(--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))",
346
+ "4": "var(--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))",
347
+ "5": "var(--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))",
348
+ "6": "var(--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))"
349
+ },
350
+ fontFamily: {
351
+ fallback: "var(--cnvs-sys-font-family-fallback, -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\")"
352
+ },
353
+ letterSpacing: {
354
+ subtext: {
355
+ sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
356
+ md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
357
+ lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
358
+ },
359
+ body: {
360
+ sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
361
+ md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
362
+ lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
363
+ },
364
+ heading: {
365
+ sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
366
+ md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
367
+ lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
368
+ },
369
+ title: {
370
+ sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
371
+ md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
372
+ lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
373
+ }
374
+ },
375
+ fontWeight: {
376
+ regular: "var(--cnvs-sys-font-weight-regular, 400)",
377
+ semibold: "var(--cnvs-sys-font-weight-semibold, 600)"
378
+ }
379
+ };