@workday/canvas-tokens-web 4.4.0-beta.2 → 4.4.0-beta.4

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 +1 -2
  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 -24
  25. package/dist/common-js/system/sana.js +23 -24
  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 -24
  41. package/dist/es6/system/sana.js +23 -24
  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 +1 -2
  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 +1 -2
  55. package/scss/sana/_variables.scss +1 -2
  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 21:36:06 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:35 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 21:36:06 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:35 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 21:36:06 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:35 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/sana/_variables.css CHANGED
@@ -209,12 +209,11 @@
209
209
  --cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a50);
210
210
  --cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a100);
211
211
  --cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-0);
212
- --cnvs-sys-color-brand-surface-selected: var(--cnvs-brand-neutral-a100);
212
+ --cnvs-sys-color-brand-focus-primary: var(--cnvs-base-palette-blue-500);
213
213
  --cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-neutral-975);
214
214
  --cnvs-sys-color-brand-accent-action: var(--cnvs-brand-neutral-975);
215
215
  --cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-neutral-a900);
216
216
  --cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-neutral-a950);
217
- --cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-neutral-a900);
218
217
  --cnvs-sys-color-brand-fg-link-default: var(--cnvs-base-palette-blue-600);
219
218
  --cnvs-sys-color-brand-fg-link-hover: var(--cnvs-base-palette-blue-700);
220
219
  --cnvs-sys-color-brand-border-primary: var(--cnvs-base-palette-blue-500);
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 21:36:06 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:35 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 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 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 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 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:37 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 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 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
@@ -25,14 +25,14 @@ export declare const sana: {
25
25
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
26
26
  lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
27
27
  fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
28
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
28
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)"
29
29
  },
30
30
  lg: {
31
31
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
32
32
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
33
33
  lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
34
34
  fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
35
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
35
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)"
36
36
  }
37
37
  },
38
38
  heading: {
@@ -41,21 +41,21 @@ export declare const sana: {
41
41
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
42
42
  lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
43
43
  fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
44
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
44
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)"
45
45
  },
46
46
  md: {
47
47
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
48
48
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
49
49
  lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
50
50
  fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
51
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
51
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)"
52
52
  },
53
53
  lg: {
54
54
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
55
55
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
56
56
  lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
57
57
  fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
58
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
58
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)"
59
59
  }
60
60
  },
61
61
  title: {
@@ -64,21 +64,21 @@ export declare const sana: {
64
64
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
65
65
  lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
66
66
  fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
67
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
67
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)"
68
68
  },
69
69
  md: {
70
70
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
71
71
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
72
72
  lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
73
73
  fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
74
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
74
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)"
75
75
  },
76
76
  lg: {
77
77
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
78
78
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
79
79
  lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
80
80
  fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
81
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
81
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)"
82
82
  }
83
83
  }
84
84
  },
@@ -138,8 +138,8 @@ export declare const sana: {
138
138
  }
139
139
  },
140
140
  brand: {
141
- surface: {
142
- selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
141
+ focus: {
142
+ primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
143
143
  },
144
144
  accent: {
145
145
  primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
@@ -150,7 +150,6 @@ export declare const sana: {
150
150
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
151
151
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
152
152
  },
153
- selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
154
153
  link: {
155
154
  default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
156
155
  hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
@@ -236,24 +235,24 @@ export declare const sana: {
236
235
  },
237
236
  letterSpacing: {
238
237
  subtext: {
239
- sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
240
- md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
241
- lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
238
+ sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))",
239
+ md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))",
240
+ lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))"
242
241
  },
243
242
  body: {
244
- sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
245
- md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
246
- lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
243
+ sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))",
244
+ md: "var(--cnvs-sys-letter-spacing-body-md)",
245
+ lg: "var(--cnvs-sys-letter-spacing-body-lg)"
247
246
  },
248
247
  heading: {
249
- sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
250
- md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
251
- lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
248
+ sm: "var(--cnvs-sys-letter-spacing-heading-sm)",
249
+ md: "var(--cnvs-sys-letter-spacing-heading-md)",
250
+ lg: "var(--cnvs-sys-letter-spacing-heading-lg)"
252
251
  },
253
252
  title: {
254
- sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
255
- md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
256
- lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
253
+ sm: "var(--cnvs-sys-letter-spacing-title-sm)",
254
+ md: "var(--cnvs-sys-letter-spacing-title-md)",
255
+ lg: "var(--cnvs-sys-letter-spacing-title-lg)"
257
256
  }
258
257
  },
259
258
  fontWeight: {
package/dist/common-js/system/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -28,14 +28,14 @@ exports.sana = {
28
28
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
29
29
  lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
30
30
  fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
31
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
31
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)"
32
32
  },
33
33
  lg: {
34
34
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
35
35
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
36
36
  lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
37
37
  fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
38
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
38
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)"
39
39
  }
40
40
  },
41
41
  heading: {
@@ -44,21 +44,21 @@ exports.sana = {
44
44
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
45
45
  lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
46
46
  fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
47
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
47
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)"
48
48
  },
49
49
  md: {
50
50
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
51
51
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
52
52
  lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
53
53
  fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
54
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
54
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)"
55
55
  },
56
56
  lg: {
57
57
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
58
58
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
59
59
  lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
60
60
  fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
61
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
61
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)"
62
62
  }
63
63
  },
64
64
  title: {
@@ -67,21 +67,21 @@ exports.sana = {
67
67
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
68
68
  lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
69
69
  fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
70
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
70
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)"
71
71
  },
72
72
  md: {
73
73
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
74
74
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
75
75
  lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
76
76
  fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
77
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
77
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)"
78
78
  },
79
79
  lg: {
80
80
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
81
81
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
82
82
  lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
83
83
  fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
84
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
84
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)"
85
85
  }
86
86
  }
87
87
  },
@@ -141,8 +141,8 @@ exports.sana = {
141
141
  }
142
142
  },
143
143
  brand: {
144
- surface: {
145
- selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
144
+ focus: {
145
+ primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
146
146
  },
147
147
  accent: {
148
148
  primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
@@ -153,7 +153,6 @@ exports.sana = {
153
153
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
154
154
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
155
155
  },
156
- selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
157
156
  link: {
158
157
  default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
159
158
  hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
@@ -239,24 +238,24 @@ exports.sana = {
239
238
  },
240
239
  letterSpacing: {
241
240
  subtext: {
242
- sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
243
- md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
244
- lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
241
+ sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))",
242
+ md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))",
243
+ lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))"
245
244
  },
246
245
  body: {
247
- sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
248
- md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
249
- lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
246
+ sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))",
247
+ md: "var(--cnvs-sys-letter-spacing-body-md)",
248
+ lg: "var(--cnvs-sys-letter-spacing-body-lg)"
250
249
  },
251
250
  heading: {
252
- sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
253
- md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
254
- lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
251
+ sm: "var(--cnvs-sys-letter-spacing-heading-sm)",
252
+ md: "var(--cnvs-sys-letter-spacing-heading-md)",
253
+ lg: "var(--cnvs-sys-letter-spacing-heading-lg)"
255
254
  },
256
255
  title: {
257
- sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
258
- md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
259
- lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
256
+ sm: "var(--cnvs-sys-letter-spacing-title-sm)",
257
+ md: "var(--cnvs-sys-letter-spacing-title-md)",
258
+ lg: "var(--cnvs-sys-letter-spacing-title-lg)"
260
259
  }
261
260
  },
262
261
  fontWeight: {
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize = "--cnvs-base-font-size";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export const fontSize = "--cnvs-base-font-size";
package/dist/es6/base/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
package/dist/es6/base/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export const sana = {
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  /**
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export const primary25 = "--cnvs-brand-primary-25";
package/dist/es6/brand/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
package/dist/es6/brand/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export const sana = {
package/dist/es6/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export declare const expressiveIcon: {
package/dist/es6/component/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export const expressiveIcon = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:07 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
package/dist/es6/system/sana.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export declare const sana: {
@@ -25,14 +25,14 @@ export declare const sana: {
25
25
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
26
26
  lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
27
27
  fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
28
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
28
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)"
29
29
  },
30
30
  lg: {
31
31
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
32
32
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
33
33
  lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
34
34
  fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
35
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
35
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)"
36
36
  }
37
37
  },
38
38
  heading: {
@@ -41,21 +41,21 @@ export declare const sana: {
41
41
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
42
42
  lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
43
43
  fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
44
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
44
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)"
45
45
  },
46
46
  md: {
47
47
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
48
48
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
49
49
  lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
50
50
  fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
51
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
51
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)"
52
52
  },
53
53
  lg: {
54
54
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
55
55
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
56
56
  lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
57
57
  fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
58
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
58
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)"
59
59
  }
60
60
  },
61
61
  title: {
@@ -64,21 +64,21 @@ export declare const sana: {
64
64
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
65
65
  lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
66
66
  fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
67
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
67
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)"
68
68
  },
69
69
  md: {
70
70
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
71
71
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
72
72
  lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
73
73
  fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
74
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
74
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)"
75
75
  },
76
76
  lg: {
77
77
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
78
78
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
79
79
  lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
80
80
  fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
81
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
81
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)"
82
82
  }
83
83
  }
84
84
  },
@@ -138,8 +138,8 @@ export declare const sana: {
138
138
  }
139
139
  },
140
140
  brand: {
141
- surface: {
142
- selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
141
+ focus: {
142
+ primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
143
143
  },
144
144
  accent: {
145
145
  primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
@@ -150,7 +150,6 @@ export declare const sana: {
150
150
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
151
151
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
152
152
  },
153
- selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
154
153
  link: {
155
154
  default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
156
155
  hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
@@ -236,24 +235,24 @@ export declare const sana: {
236
235
  },
237
236
  letterSpacing: {
238
237
  subtext: {
239
- sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
240
- md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
241
- lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
238
+ sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))",
239
+ md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))",
240
+ lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))"
242
241
  },
243
242
  body: {
244
- sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
245
- md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
246
- lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
243
+ sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))",
244
+ md: "var(--cnvs-sys-letter-spacing-body-md)",
245
+ lg: "var(--cnvs-sys-letter-spacing-body-lg)"
247
246
  },
248
247
  heading: {
249
- sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
250
- md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
251
- lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
248
+ sm: "var(--cnvs-sys-letter-spacing-heading-sm)",
249
+ md: "var(--cnvs-sys-letter-spacing-heading-md)",
250
+ lg: "var(--cnvs-sys-letter-spacing-heading-lg)"
252
251
  },
253
252
  title: {
254
- sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
255
- md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
256
- lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
253
+ sm: "var(--cnvs-sys-letter-spacing-title-sm)",
254
+ md: "var(--cnvs-sys-letter-spacing-title-md)",
255
+ lg: "var(--cnvs-sys-letter-spacing-title-lg)"
257
256
  }
258
257
  },
259
258
  fontWeight: {
package/dist/es6/system/sana.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 29 Jun 2026 21:36:08 GMT
3
+ * Generated on Thu, 09 Jul 2026 22:03:38 GMT
4
4
  */
5
5
 
6
6
  export const sana = {
@@ -25,14 +25,14 @@ export const sana = {
25
25
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
26
26
  lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
27
27
  fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
28
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
28
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)"
29
29
  },
30
30
  lg: {
31
31
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
32
32
  fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
33
33
  lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
34
34
  fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
35
- letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
35
+ letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)"
36
36
  }
37
37
  },
38
38
  heading: {
@@ -41,21 +41,21 @@ export const sana = {
41
41
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
42
42
  lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
43
43
  fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
44
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
44
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)"
45
45
  },
46
46
  md: {
47
47
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
48
48
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
49
49
  lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
50
50
  fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
51
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
51
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)"
52
52
  },
53
53
  lg: {
54
54
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
55
55
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
56
56
  lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
57
57
  fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
58
- letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
58
+ letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)"
59
59
  }
60
60
  },
61
61
  title: {
@@ -64,21 +64,21 @@ export const sana = {
64
64
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
65
65
  lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
66
66
  fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
67
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
67
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)"
68
68
  },
69
69
  md: {
70
70
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
71
71
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
72
72
  lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
73
73
  fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
74
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
74
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)"
75
75
  },
76
76
  lg: {
77
77
  fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
78
78
  fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
79
79
  lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
80
80
  fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
81
- letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
81
+ letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)"
82
82
  }
83
83
  }
84
84
  },
@@ -138,8 +138,8 @@ export const sana = {
138
138
  }
139
139
  },
140
140
  brand: {
141
- surface: {
142
- selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
141
+ focus: {
142
+ primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
143
143
  },
144
144
  accent: {
145
145
  primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
@@ -150,7 +150,6 @@ export const sana = {
150
150
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
151
151
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
152
152
  },
153
- selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
154
153
  link: {
155
154
  default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
156
155
  hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
@@ -236,24 +235,24 @@ export const sana = {
236
235
  },
237
236
  letterSpacing: {
238
237
  subtext: {
239
- sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
240
- md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
241
- lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
238
+ sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))",
239
+ md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))",
240
+ lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))"
242
241
  },
243
242
  body: {
244
- sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
245
- md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
246
- lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
243
+ sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))",
244
+ md: "var(--cnvs-sys-letter-spacing-body-md)",
245
+ lg: "var(--cnvs-sys-letter-spacing-body-lg)"
247
246
  },
248
247
  heading: {
249
- sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
250
- md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
251
- lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
248
+ sm: "var(--cnvs-sys-letter-spacing-heading-sm)",
249
+ md: "var(--cnvs-sys-letter-spacing-heading-md)",
250
+ lg: "var(--cnvs-sys-letter-spacing-heading-lg)"
252
251
  },
253
252
  title: {
254
- sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
255
- md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
256
- lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
253
+ sm: "var(--cnvs-sys-letter-spacing-title-sm)",
254
+ md: "var(--cnvs-sys-letter-spacing-title-md)",
255
+ lg: "var(--cnvs-sys-letter-spacing-title-lg)"
257
256
  }
258
257
  },
259
258
  fontWeight: {
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  @cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
6
6
  @cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  @cnvs-brand-positive-a200: @cnvs-base-palette-green-a200;
6
6
  @cnvs-brand-positive-a100: @cnvs-base-palette-green-a100;
package/less/component/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  @cnvs-component-system-icon-color-background: @cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
6
6
  @cnvs-component-system-icon-color-fill: @cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
package/less/sana/_variables.less CHANGED
@@ -209,12 +209,11 @@
209
209
  @cnvs-sys-color-accent-overlay-hover: @cnvs-base-palette-white-a50;
210
210
  @cnvs-sys-color-accent-overlay-pressed: @cnvs-base-palette-white-a100;
211
211
  @cnvs-sys-color-accent-overlay-mixin: @cnvs-base-palette-neutral-0;
212
- @cnvs-sys-color-brand-surface-selected: @cnvs-brand-neutral-a100;
212
+ @cnvs-sys-color-brand-focus-primary: @cnvs-base-palette-blue-500;
213
213
  @cnvs-sys-color-brand-accent-primary: @cnvs-brand-neutral-975;
214
214
  @cnvs-sys-color-brand-accent-action: @cnvs-brand-neutral-975;
215
215
  @cnvs-sys-color-brand-fg-primary-default: @cnvs-brand-neutral-a900;
216
216
  @cnvs-sys-color-brand-fg-primary-strong: @cnvs-brand-neutral-a950;
217
- @cnvs-sys-color-brand-fg-selected: @cnvs-brand-neutral-a900;
218
217
  @cnvs-sys-color-brand-fg-link-default: @cnvs-base-palette-blue-600;
219
218
  @cnvs-sys-color-brand-fg-link-hover: @cnvs-base-palette-blue-700;
220
219
  @cnvs-sys-color-brand-border-primary: @cnvs-base-palette-blue-500;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  @cnvs-sys-opacity-full: 1; // Dev only
6
6
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "4.4.0-beta.2",
3
+ "version": "4.4.0-beta.4",
4
4
  "description": "Canvas design tokens for web",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "CC-BY-ND-4.0",
package/scss/base/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
package/scss/component/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-component-system-icon-color-background: $cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
6
6
  $cnvs-component-system-icon-color-fill: $cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
package/scss/component/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-component-system-icon-color-background: $cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
6
6
  $cnvs-component-system-icon-color-fill: $cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
package/scss/sana/_variables.sass CHANGED
@@ -209,12 +209,11 @@
209
209
  $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
210
210
  $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
211
211
  $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
212
- $cnvs-sys-color-brand-surface-selected: $cnvs-brand-neutral-a100;
212
+ $cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
213
213
  $cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
214
214
  $cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
215
215
  $cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
216
216
  $cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
217
- $cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
218
217
  $cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
219
218
  $cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
220
219
  $cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
package/scss/sana/_variables.scss CHANGED
@@ -209,12 +209,11 @@
209
209
  $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
210
210
  $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
211
211
  $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
212
- $cnvs-sys-color-brand-surface-selected: $cnvs-brand-neutral-a100;
212
+ $cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
213
213
  $cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
214
214
  $cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
215
215
  $cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
216
216
  $cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
217
- $cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
218
217
  $cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
219
218
  $cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
220
219
  $cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 29 Jun 2026 21:36:06 GMT
3
+ // Generated on Thu, 09 Jul 2026 22:03:36 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables