@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/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 18:10:18 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:08 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -89,40 +89,10 @@ exports.sana = {
89
89
  bg: {
90
90
  alt: {
91
91
  default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
92
- },
93
- default: "var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1))"
92
+ }
94
93
  },
95
94
  fg: {
96
- muted: {
97
- default: "var(--cnvs-sys-color-fg-muted-default, oklch(0 0 0 / 0.6))",
98
- strong: "var(--cnvs-sys-color-fg-muted-strong, oklch(0 0 0 / 0.6784))"
99
- },
100
- info: {
101
- default: "var(--cnvs-sys-color-fg-info-default, oklch(0.5198 0.1782 256.11 / 1))",
102
- strong: "var(--cnvs-sys-color-fg-info-strong, oklch(0.4658 0.1562 255.5 / 1))"
103
- },
104
- default: "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
105
- strong: "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
106
- stronger: "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
107
- disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
108
- inverse: "var(--cnvs-sys-color-fg-inverse, oklch(1 0 0 / 1))",
109
- danger: {
110
- default: "var(--cnvs-sys-color-fg-danger-default, oklch(0.5342 0.2172 29.53 / 1))",
111
- strong: "var(--cnvs-sys-color-fg-danger-strong, oklch(0.4517 0.1847 28.2 / 1))"
112
- },
113
- warning: {
114
- default: "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
115
- strong: "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
116
- },
117
- success: {
118
- default: "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
119
- strong: "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
120
- },
121
- ai: "var(--cnvs-sys-color-fg-ai, oklch(0.2452 0.0752 254.55 / 1))",
122
- contrast: {
123
- default: "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
124
- strong: "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
125
- }
95
+ disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))"
126
96
  },
127
97
  border: {
128
98
  ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
@@ -130,124 +100,52 @@ exports.sana = {
130
100
  default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
131
101
  hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
132
102
  },
133
- contrast: {
134
- default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
135
- },
136
103
  default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
137
104
  strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))",
138
- info: {
139
- default: "var(--cnvs-sys-color-border-info-default, oklch(0.6023 0.2032 255.68 / 1))"
140
- },
141
- danger: "var(--cnvs-sys-color-border-danger, oklch(0.6495 0.2369 30.04 / 1))",
142
- warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))",
143
- inverse: {
144
- default: "var(--cnvs-sys-color-border-inverse-default, oklch(1 0 0 / 1))",
145
- strong: "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
146
- },
147
- transparent: "var(--cnvs-sys-color-border-transparent, oklch(1 0 0 / 0))"
105
+ warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))"
148
106
  },
149
107
  surface: {
150
- default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
151
108
  navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
152
- popover: "var(--cnvs-sys-color-surface-popover, oklch(1 0 0 / 1))",
153
- modal: "var(--cnvs-sys-color-surface-modal, oklch(1 0 0 / 1))",
154
109
  raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
155
110
  alt: {
156
111
  default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
157
112
  strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
158
113
  },
159
114
  loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
160
- info: {
161
- default: "var(--cnvs-sys-color-surface-info-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
162
- strong: "var(--cnvs-sys-color-surface-info-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
163
- },
164
- danger: {
165
- default: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
166
- strong: "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
167
- },
168
- warning: {
169
- default: "var(--cnvs-sys-color-surface-warning-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
170
- strong: "var(--cnvs-sys-color-surface-warning-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
171
- },
172
- success: {
173
- default: "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
174
- strong: "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
175
- },
176
- ai: {
177
- default: "var(--cnvs-sys-color-surface-ai-default, oklch(0.6077 0.215 256.92 / 0.1608))",
178
- hover: "var(--cnvs-sys-color-surface-ai-hover, oklch(0.6048 0.2166 257.21 / 0.31))",
179
- pressed: "var(--cnvs-sys-color-surface-ai-pressed, oklch(0.708 0.1549 255.41 / 1))"
180
- },
181
- transparent: "var(--cnvs-sys-color-surface-transparent, oklch(1 0 0 / 0))",
182
- inverse: "var(--cnvs-sys-color-surface-inverse, oklch(1 0 0 / 1))",
183
- contrast: {
184
- default: "var(--cnvs-sys-color-surface-contrast-default, oklch(0 0 0 / 0.8706))",
185
- strong: "var(--cnvs-sys-color-surface-contrast-strong, oklch(0 0 0 / 0.8902))"
186
- },
187
115
  overlay: {
188
116
  hover: {
189
117
  default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
190
- inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.25))"
118
+ inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
191
119
  },
192
120
  mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
193
121
  pressed: {
194
122
  default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
195
- inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.374))"
123
+ inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
196
124
  },
197
125
  scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))",
198
- raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.489))"
126
+ raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.374))"
127
+ },
128
+ text: {
129
+ highlight: "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
199
130
  }
200
131
  },
201
132
  accent: {
202
- ai: "var(--cnvs-sys-color-accent-ai, oklch(0.2452 0.0752 254.55 / 1))",
203
- info: "var(--cnvs-sys-color-accent-info, oklch(0.5198 0.1782 256.11 / 1))",
204
- danger: "var(--cnvs-sys-color-accent-danger, oklch(0.5342 0.2172 29.53 / 1))",
205
- warning: "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
206
- success: "var(--cnvs-sys-color-accent-success, oklch(0.5069 0.1569 145.56 / 1))",
207
- contrast: "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
208
133
  muted: {
209
134
  default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
210
135
  soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
211
136
  },
212
137
  overlay: {
213
- hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.118))",
214
- pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.25))",
215
- mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(0 0 0 / 1))"
138
+ hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
139
+ pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
140
+ mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
216
141
  }
217
142
  },
218
143
  brand: {
219
- focus: {
220
- primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))",
221
- critical: "var(--cnvs-sys-color-brand-focus-critical, oklch(0.6495 0.2369 30.04 / 1))",
222
- caution: {
223
- outer: "var(--cnvs-sys-color-brand-focus-caution-outer, oklch(0.6601 0.1537 60.7 / 1))",
224
- inner: "var(--cnvs-sys-color-brand-focus-caution-inner, oklch(0.7909 0.1711 70.15 / 1))"
225
- }
226
- },
227
144
  surface: {
228
- primary: {
229
- default: "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0 0 0 / 0.0196))",
230
- strong: "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0 0 0 / 0.0392))"
231
- },
232
- critical: {
233
- default: "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
234
- strong: "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
235
- },
236
- caution: {
237
- default: "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
238
- strong: "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
239
- },
240
- positive: {
241
- default: "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
242
- strong: "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
243
- },
244
145
  selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
245
146
  },
246
147
  accent: {
247
148
  primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
248
- critical: "var(--cnvs-sys-color-brand-accent-critical, oklch(0.5342 0.2172 29.53 / 1))",
249
- caution: "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
250
- positive: "var(--cnvs-sys-color-brand-accent-positive, oklch(0.5069 0.1569 145.56 / 1))",
251
149
  action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
252
150
  },
253
151
  fg: {
@@ -255,19 +153,11 @@ exports.sana = {
255
153
  default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
256
154
  strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
257
155
  },
258
- critical: {
259
- default: "var(--cnvs-sys-color-brand-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1))",
260
- strong: "var(--cnvs-sys-color-brand-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1))"
261
- },
262
- caution: {
263
- default: "var(--cnvs-sys-color-brand-fg-caution-default, oklch(0.5505 0.1439 50.78 / 1))",
264
- strong: "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
265
- },
266
- positive: {
267
- default: "var(--cnvs-sys-color-brand-fg-positive-default, oklch(0.5069 0.1569 145.56 / 1))",
268
- strong: "var(--cnvs-sys-color-brand-fg-positive-strong, oklch(0.4463 0.1422 144.58 / 1))"
269
- },
270
- selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))"
156
+ selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
157
+ link: {
158
+ default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
159
+ hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
160
+ }
271
161
  },
272
162
  border: {
273
163
  primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
@@ -275,10 +165,6 @@ exports.sana = {
275
165
  caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
276
166
  }
277
167
  },
278
- focus: {
279
- inverse: "var(--cnvs-sys-color-focus-inverse, oklch(1 0 0 / 1))",
280
- contrast: "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
281
- },
282
168
  chart: {
283
169
  diverging: {
284
170
  azure: {
@@ -342,13 +228,11 @@ exports.sana = {
342
228
  }
343
229
  }
344
230
  },
345
- depth: {
346
- "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))",
347
- "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))",
348
- "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))",
349
- "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))",
350
- "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))",
351
- "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))"
231
+ opacity: {
232
+ accent: {
233
+ hover: "var(--cnvs-sys-opacity-accent-hover, 0.045)",
234
+ pressed: "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
235
+ }
352
236
  },
353
237
  fontFamily: {
354
238
  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\")"
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 18:10:16 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/es6/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:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 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/es6/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
  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 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 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/es6/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
  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 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/es6/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
  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 18:10:16 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/es6/index.js 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:07 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 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 18:10:16 GMT
3
+ * Generated on Mon, 29 Jun 2026 21:36:07 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 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\")"