@workday/canvas-tokens-web 4.4.0-beta.1 → 4.4.0-beta.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 (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 +17 -89
  9. package/css/system/_variables.css +1 -1
  10. package/dist/common-js/base/index.d.ts +1 -1
  11. package/dist/common-js/base/index.js +1 -1
  12. package/dist/common-js/base/sana.d.ts +1 -1
  13. package/dist/common-js/base/sana.js +1 -1
  14. package/dist/common-js/brand/index.d.ts +1 -1
  15. package/dist/common-js/brand/index.js +1 -1
  16. package/dist/common-js/brand/sana.d.ts +1 -1
  17. package/dist/common-js/brand/sana.js +1 -1
  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 +1 -1
  23. package/dist/common-js/system/index.js +1 -1
  24. package/dist/common-js/system/sana.d.ts +23 -139
  25. package/dist/common-js/system/sana.js +23 -139
  26. package/dist/es6/base/index.d.ts +1 -1
  27. package/dist/es6/base/index.js +1 -1
  28. package/dist/es6/base/sana.d.ts +1 -1
  29. package/dist/es6/base/sana.js +1 -1
  30. package/dist/es6/brand/index.d.ts +1 -1
  31. package/dist/es6/brand/index.js +1 -1
  32. package/dist/es6/brand/sana.d.ts +1 -1
  33. package/dist/es6/brand/sana.js +1 -1
  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 +1 -1
  39. package/dist/es6/system/index.js +1 -1
  40. package/dist/es6/system/sana.d.ts +23 -139
  41. package/dist/es6/system/sana.js +23 -139
  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 +17 -89
  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 +17 -89
  55. package/scss/sana/_variables.scss +17 -89
  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 Mon, 29 Jun 2026 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:06 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 Mon, 29 Jun 2026 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:06 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 Mon, 29 Jun 2026 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:06 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 Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/sana/_variables.css CHANGED
@@ -184,110 +184,42 @@
184
184
  --cnvs-sys-shape-xs: var(--cnvs-base-size-50);
185
185
  --cnvs-sys-line-height-body-md: var(--cnvs-base-size-300);
186
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);
187
+ --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-neutral-a400);
206
188
  --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);
189
+ --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-neutral-a500);
190
+ --cnvs-sys-color-border-input-hover: var(--cnvs-base-palette-neutral-a700);
210
191
  --cnvs-sys-color-border-default: var(--cnvs-brand-neutral-a100);
211
192
  --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);
193
+ --cnvs-sys-color-border-warning: var(--cnvs-base-palette-amber-500);
219
194
  --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
195
  --cnvs-sys-color-surface-raised: var(--cnvs-brand-neutral-a25);
223
196
  --cnvs-sys-color-surface-alt-default: var(--cnvs-brand-neutral-a50);
224
197
  --cnvs-sys-color-surface-alt-strong: var(--cnvs-brand-neutral-a100);
225
198
  --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
199
  --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);
200
+ --cnvs-sys-color-surface-overlay-hover-inverse: var(--cnvs-base-palette-white-a150);
243
201
  --cnvs-sys-color-surface-overlay-mixin: var(--cnvs-base-palette-neutral-1000);
244
202
  --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);
203
+ --cnvs-sys-color-surface-overlay-pressed-inverse: var(--cnvs-base-palette-white-a200);
246
204
  --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);
205
+ --cnvs-sys-color-surface-overlay-raised: var(--cnvs-base-palette-white-a300);
206
+ --cnvs-sys-color-surface-text-highlight: var(--cnvs-base-palette-indigo-a200);
207
+ --cnvs-sys-color-accent-muted-default: var(--cnvs-base-palette-neutral-600);
208
+ --cnvs-sys-color-accent-muted-soft: var(--cnvs-base-palette-neutral-400);
209
+ --cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a50);
210
+ --cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a100);
211
+ --cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-0);
271
212
  --cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-neutral-a100);
272
213
  --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
214
  --cnvs-sys-color-brand-accent-action: var(--cnvs-brand-neutral-975);
277
215
  --cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-neutral-a900);
278
216
  --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
217
  --cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-neutral-a900);
218
+ --cnvs-sys-color-brand-fg-link-default: var(--cnvs-base-palette-blue-600);
219
+ --cnvs-sys-color-brand-fg-link-hover: var(--cnvs-base-palette-blue-700);
286
220
  --cnvs-sys-color-brand-border-primary: var(--cnvs-base-palette-blue-500);
287
221
  --cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);
288
222
  --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
223
  --cnvs-sys-color-chart-diverging-azure-coral-1: var(--cnvs-base-palette-azure-900);
292
224
  --cnvs-sys-color-chart-diverging-azure-coral-2: var(--cnvs-base-palette-azure-800);
293
225
  --cnvs-sys-color-chart-diverging-azure-coral-3: var(--cnvs-base-palette-azure-700);
@@ -338,12 +270,8 @@
338
270
  --cnvs-sys-color-chart-sequential-9: var(--cnvs-base-palette-teal-700);
339
271
  --cnvs-sys-color-chart-sequential-10: var(--cnvs-base-palette-teal-800);
340
272
  --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);
273
+ --cnvs-sys-opacity-accent-hover: 0.045;
274
+ --cnvs-sys-opacity-accent-pressed: 0.118;
347
275
  --cnvs-sys-font-family-fallback: var(--cnvs-base-font-family-0);
348
276
  --cnvs-sys-letter-spacing-subtext-sm: var(--cnvs-base-letter-spacing-1);
349
277
  --cnvs-sys-letter-spacing-subtext-md: var(--cnvs-base-letter-spacing-2);
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:06 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 Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize = "--cnvs-base-font-size";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/base/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
package/dist/common-js/base/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  /**
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
package/dist/common-js/brand/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  export declare const expressiveIcon: {
package/dist/common-js/component/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:17 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
@@ -86,40 +86,10 @@ export declare const sana: {
86
86
  bg: {
87
87
  alt: {
88
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))"
89
+ }
91
90
  },
92
91
  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
- }
92
+ disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))"
123
93
  },
124
94
  border: {
125
95
  ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
@@ -127,124 +97,52 @@ export declare const sana: {
127
97
  default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
128
98
  hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
129
99
  },
130
- contrast: {
131
- default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
132
- },
133
100
  default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
134
101
  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))"
102
+ warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))"
145
103
  },
146
104
  surface: {
147
- default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
148
105
  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
106
  raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
152
107
  alt: {
153
108
  default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
154
109
  strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
155
110
  },
156
111
  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
112
  overlay: {
185
113
  hover: {
186
114
  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))"
115
+ inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
188
116
  },
189
117
  mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
190
118
  pressed: {
191
119
  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))"
120
+ inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
193
121
  },
194
122
  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))"
123
+ raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.374))"
124
+ },
125
+ text: {
126
+ highlight: "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
196
127
  }
197
128
  },
198
129
  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
130
  muted: {
206
131
  default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
207
132
  soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
208
133
  },
209
134
  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))"
135
+ hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
136
+ pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
137
+ mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
213
138
  }
214
139
  },
215
140
  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
141
  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
142
  selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
242
143
  },
243
144
  accent: {
244
145
  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
146
  action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
249
147
  },
250
148
  fg: {
@@ -252,19 +150,11 @@ export declare const sana: {
252
150
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
253
151
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
254
152
  },
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))"
153
+ selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
154
+ link: {
155
+ default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
156
+ hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
157
+ }
268
158
  },
269
159
  border: {
270
160
  primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
@@ -272,10 +162,6 @@ export declare const sana: {
272
162
  caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
273
163
  }
274
164
  },
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
165
  chart: {
280
166
  diverging: {
281
167
  azure: {
@@ -339,13 +225,11 @@ export declare const sana: {
339
225
  }
340
226
  }
341
227
  },
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))"
228
+ opacity: {
229
+ accent: {
230
+ hover: "var(--cnvs-sys-opacity-accent-hover, 0.045)",
231
+ pressed: "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
232
+ }
349
233
  },
350
234
  fontFamily: {
351
235
  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\")"