@workday/canvas-tokens-web 4.4.0-beta.0 → 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 +53 -53
  23. package/dist/common-js/system/index.js +53 -53
  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 +53 -53
  39. package/dist/es6/system/index.js +53 -53
  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/less/sana/_variables.less CHANGED
@@ -184,110 +184,42 @@
184
184
  @cnvs-sys-shape-xs: @cnvs-base-size-50;
185
185
  @cnvs-sys-line-height-body-md: @cnvs-base-size-300;
186
186
  @cnvs-sys-color-bg-alt-default: @cnvs-brand-neutral-50;
187
- @cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0;
188
- @cnvs-sys-color-fg-muted-default: @cnvs-brand-neutral-a600;
189
- @cnvs-sys-color-fg-muted-strong: @cnvs-brand-neutral-a700;
190
- @cnvs-sys-color-fg-info-default: @cnvs-base-palette-blue-600;
191
- @cnvs-sys-color-fg-info-strong: @cnvs-base-palette-blue-700;
192
- @cnvs-sys-color-fg-default: @cnvs-brand-neutral-a800;
193
- @cnvs-sys-color-fg-strong: @cnvs-brand-neutral-a900;
194
- @cnvs-sys-color-fg-stronger: @cnvs-brand-neutral-a950;
195
- @cnvs-sys-color-fg-disabled: @cnvs-brand-neutral-a400;
196
- @cnvs-sys-color-fg-inverse: @cnvs-base-palette-neutral-0;
197
- @cnvs-sys-color-fg-danger-default: @cnvs-brand-critical-600;
198
- @cnvs-sys-color-fg-danger-strong: @cnvs-brand-critical-700;
199
- @cnvs-sys-color-fg-warning-default: @cnvs-brand-caution-600;
200
- @cnvs-sys-color-fg-warning-strong: @cnvs-brand-caution-700;
201
- @cnvs-sys-color-fg-success-default: @cnvs-brand-positive-600;
202
- @cnvs-sys-color-fg-success-strong: @cnvs-brand-positive-700;
203
- @cnvs-sys-color-fg-ai: @cnvs-base-palette-blue-950;
204
- @cnvs-sys-color-fg-contrast-default: @cnvs-base-palette-neutral-a900;
205
- @cnvs-sys-color-fg-contrast-strong: @cnvs-base-palette-neutral-a950;
187
+ @cnvs-sys-color-fg-disabled: @cnvs-base-palette-neutral-a400;
206
188
  @cnvs-sys-color-border-ai: @cnvs-base-palette-blue-950;
207
- @cnvs-sys-color-border-input-default: @cnvs-brand-neutral-a500;
208
- @cnvs-sys-color-border-input-hover: @cnvs-brand-neutral-a700;
209
- @cnvs-sys-color-border-contrast-default: @cnvs-base-palette-neutral-a900;
189
+ @cnvs-sys-color-border-input-default: @cnvs-base-palette-neutral-a500;
190
+ @cnvs-sys-color-border-input-hover: @cnvs-base-palette-neutral-a700;
210
191
  @cnvs-sys-color-border-default: @cnvs-brand-neutral-a100;
211
192
  @cnvs-sys-color-border-strong: @cnvs-brand-neutral-a200;
212
- @cnvs-sys-color-border-info-default: @cnvs-base-palette-blue-500;
213
- @cnvs-sys-color-border-danger: @cnvs-brand-critical-500;
214
- @cnvs-sys-color-border-warning: @cnvs-brand-caution-500;
215
- @cnvs-sys-color-border-inverse-default: @cnvs-base-palette-neutral-0;
216
- @cnvs-sys-color-border-inverse-strong: @cnvs-base-palette-white-a700;
217
- @cnvs-sys-color-border-transparent: @cnvs-base-palette-white-a0;
218
- @cnvs-sys-color-surface-default: @cnvs-base-palette-neutral-0;
193
+ @cnvs-sys-color-border-warning: @cnvs-base-palette-amber-500;
219
194
  @cnvs-sys-color-surface-navigation: @cnvs-brand-neutral-50;
220
- @cnvs-sys-color-surface-popover: @cnvs-base-palette-neutral-0;
221
- @cnvs-sys-color-surface-modal: @cnvs-base-palette-neutral-0;
222
195
  @cnvs-sys-color-surface-raised: @cnvs-brand-neutral-a25;
223
196
  @cnvs-sys-color-surface-alt-default: @cnvs-brand-neutral-a50;
224
197
  @cnvs-sys-color-surface-alt-strong: @cnvs-brand-neutral-a100;
225
198
  @cnvs-sys-color-surface-loading: @cnvs-brand-neutral-a50;
226
- @cnvs-sys-color-surface-info-default: @cnvs-base-palette-blue-a25;
227
- @cnvs-sys-color-surface-info-strong: @cnvs-base-palette-blue-a50;
228
- @cnvs-sys-color-surface-danger-default: @cnvs-brand-critical-a25;
229
- @cnvs-sys-color-surface-danger-strong: @cnvs-brand-critical-a50;
230
- @cnvs-sys-color-surface-warning-default: @cnvs-brand-caution-a25;
231
- @cnvs-sys-color-surface-warning-strong: @cnvs-brand-caution-a50;
232
- @cnvs-sys-color-surface-success-default: @cnvs-brand-positive-a25;
233
- @cnvs-sys-color-surface-success-strong: @cnvs-brand-positive-a50;
234
- @cnvs-sys-color-surface-ai-default: @cnvs-base-palette-blue-a100;
235
- @cnvs-sys-color-surface-ai-hover: @cnvs-base-palette-blue-a200;
236
- @cnvs-sys-color-surface-ai-pressed: @cnvs-base-palette-blue-400;
237
- @cnvs-sys-color-surface-transparent: @cnvs-base-palette-white-a0;
238
- @cnvs-sys-color-surface-inverse: @cnvs-base-palette-neutral-0;
239
- @cnvs-sys-color-surface-contrast-default: @cnvs-brand-neutral-a900;
240
- @cnvs-sys-color-surface-contrast-strong: @cnvs-brand-neutral-a950;
241
199
  @cnvs-sys-color-surface-overlay-hover-default: @cnvs-brand-neutral-a50;
242
- @cnvs-sys-color-surface-overlay-hover-inverse: @cnvs-base-palette-white-a200;
200
+ @cnvs-sys-color-surface-overlay-hover-inverse: @cnvs-base-palette-white-a150;
243
201
  @cnvs-sys-color-surface-overlay-mixin: @cnvs-base-palette-neutral-1000;
244
202
  @cnvs-sys-color-surface-overlay-pressed-default: @cnvs-brand-neutral-a100;
245
- @cnvs-sys-color-surface-overlay-pressed-inverse: @cnvs-base-palette-white-a300;
203
+ @cnvs-sys-color-surface-overlay-pressed-inverse: @cnvs-base-palette-white-a200;
246
204
  @cnvs-sys-color-surface-overlay-scrim: @cnvs-brand-neutral-a400;
247
- @cnvs-sys-color-surface-overlay-raised: @cnvs-base-palette-white-a400;
248
- @cnvs-sys-color-accent-ai: @cnvs-base-palette-blue-950;
249
- @cnvs-sys-color-accent-info: @cnvs-base-palette-blue-600;
250
- @cnvs-sys-color-accent-danger: @cnvs-brand-critical-600;
251
- @cnvs-sys-color-accent-warning: @cnvs-brand-caution-400;
252
- @cnvs-sys-color-accent-success: @cnvs-brand-positive-600;
253
- @cnvs-sys-color-accent-contrast: @cnvs-brand-neutral-a900;
254
- @cnvs-sys-color-accent-muted-default: @cnvs-brand-neutral-600;
255
- @cnvs-sys-color-accent-muted-soft: @cnvs-brand-neutral-400;
256
- @cnvs-sys-color-accent-overlay-hover: @cnvs-base-palette-white-a100;
257
- @cnvs-sys-color-accent-overlay-pressed: @cnvs-base-palette-white-a200;
258
- @cnvs-sys-color-accent-overlay-mixin: @cnvs-base-palette-neutral-1000;
259
- @cnvs-sys-color-brand-focus-primary: @cnvs-base-palette-blue-500;
260
- @cnvs-sys-color-brand-focus-critical: @cnvs-brand-critical-500;
261
- @cnvs-sys-color-brand-focus-caution-outer: @cnvs-brand-caution-500;
262
- @cnvs-sys-color-brand-focus-caution-inner: @cnvs-brand-caution-400;
263
- @cnvs-sys-color-brand-surface-primary-default: @cnvs-brand-neutral-a25;
264
- @cnvs-sys-color-brand-surface-primary-strong: @cnvs-brand-neutral-a50;
265
- @cnvs-sys-color-brand-surface-critical-default: @cnvs-brand-critical-a25;
266
- @cnvs-sys-color-brand-surface-critical-strong: @cnvs-brand-critical-a50;
267
- @cnvs-sys-color-brand-surface-caution-default: @cnvs-brand-caution-a25;
268
- @cnvs-sys-color-brand-surface-caution-strong: @cnvs-brand-caution-a50;
269
- @cnvs-sys-color-brand-surface-positive-default: @cnvs-brand-positive-a25;
270
- @cnvs-sys-color-brand-surface-positive-strong: @cnvs-brand-positive-a50;
205
+ @cnvs-sys-color-surface-overlay-raised: @cnvs-base-palette-white-a300;
206
+ @cnvs-sys-color-surface-text-highlight: @cnvs-base-palette-indigo-a200;
207
+ @cnvs-sys-color-accent-muted-default: @cnvs-base-palette-neutral-600;
208
+ @cnvs-sys-color-accent-muted-soft: @cnvs-base-palette-neutral-400;
209
+ @cnvs-sys-color-accent-overlay-hover: @cnvs-base-palette-white-a50;
210
+ @cnvs-sys-color-accent-overlay-pressed: @cnvs-base-palette-white-a100;
211
+ @cnvs-sys-color-accent-overlay-mixin: @cnvs-base-palette-neutral-0;
271
212
  @cnvs-sys-color-brand-surface-selected: @cnvs-brand-neutral-a100;
272
213
  @cnvs-sys-color-brand-accent-primary: @cnvs-brand-neutral-975;
273
- @cnvs-sys-color-brand-accent-critical: @cnvs-brand-critical-600;
274
- @cnvs-sys-color-brand-accent-caution: @cnvs-brand-caution-400;
275
- @cnvs-sys-color-brand-accent-positive: @cnvs-brand-positive-600;
276
214
  @cnvs-sys-color-brand-accent-action: @cnvs-brand-neutral-975;
277
215
  @cnvs-sys-color-brand-fg-primary-default: @cnvs-brand-neutral-a900;
278
216
  @cnvs-sys-color-brand-fg-primary-strong: @cnvs-brand-neutral-a950;
279
- @cnvs-sys-color-brand-fg-critical-default: @cnvs-brand-critical-600;
280
- @cnvs-sys-color-brand-fg-critical-strong: @cnvs-brand-critical-700;
281
- @cnvs-sys-color-brand-fg-caution-default: @cnvs-brand-caution-600;
282
- @cnvs-sys-color-brand-fg-caution-strong: @cnvs-brand-caution-700;
283
- @cnvs-sys-color-brand-fg-positive-default: @cnvs-brand-positive-600;
284
- @cnvs-sys-color-brand-fg-positive-strong: @cnvs-brand-positive-700;
285
217
  @cnvs-sys-color-brand-fg-selected: @cnvs-brand-neutral-a900;
218
+ @cnvs-sys-color-brand-fg-link-default: @cnvs-base-palette-blue-600;
219
+ @cnvs-sys-color-brand-fg-link-hover: @cnvs-base-palette-blue-700;
286
220
  @cnvs-sys-color-brand-border-primary: @cnvs-base-palette-blue-500;
287
221
  @cnvs-sys-color-brand-border-critical: @cnvs-brand-critical-500;
288
222
  @cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-500;
289
- @cnvs-sys-color-focus-inverse: @cnvs-base-palette-neutral-0;
290
- @cnvs-sys-color-focus-contrast: @cnvs-brand-neutral-a900;
291
223
  @cnvs-sys-color-chart-diverging-azure-coral-1: @cnvs-base-palette-azure-900;
292
224
  @cnvs-sys-color-chart-diverging-azure-coral-2: @cnvs-base-palette-azure-800;
293
225
  @cnvs-sys-color-chart-diverging-azure-coral-3: @cnvs-base-palette-azure-700;
@@ -338,12 +270,8 @@
338
270
  @cnvs-sys-color-chart-sequential-9: @cnvs-base-palette-teal-700;
339
271
  @cnvs-sys-color-chart-sequential-10: @cnvs-base-palette-teal-800;
340
272
  @cnvs-sys-color-chart-sequential-11: @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: @cnvs-base-font-family-0;
348
276
  @cnvs-sys-letter-spacing-subtext-sm: @cnvs-base-letter-spacing-1;
349
277
  @cnvs-sys-letter-spacing-subtext-md: @cnvs-base-letter-spacing-2;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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.0",
3
+ "version": "4.4.0-beta.2",
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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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
@@ -184,110 +184,42 @@
184
184
  $cnvs-sys-shape-xs: $cnvs-base-size-50;
185
185
  $cnvs-sys-line-height-body-md: $cnvs-base-size-300;
186
186
  $cnvs-sys-color-bg-alt-default: $cnvs-brand-neutral-50;
187
- $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0;
188
- $cnvs-sys-color-fg-muted-default: $cnvs-brand-neutral-a600;
189
- $cnvs-sys-color-fg-muted-strong: $cnvs-brand-neutral-a700;
190
- $cnvs-sys-color-fg-info-default: $cnvs-base-palette-blue-600;
191
- $cnvs-sys-color-fg-info-strong: $cnvs-base-palette-blue-700;
192
- $cnvs-sys-color-fg-default: $cnvs-brand-neutral-a800;
193
- $cnvs-sys-color-fg-strong: $cnvs-brand-neutral-a900;
194
- $cnvs-sys-color-fg-stronger: $cnvs-brand-neutral-a950;
195
- $cnvs-sys-color-fg-disabled: $cnvs-brand-neutral-a400;
196
- $cnvs-sys-color-fg-inverse: $cnvs-base-palette-neutral-0;
197
- $cnvs-sys-color-fg-danger-default: $cnvs-brand-critical-600;
198
- $cnvs-sys-color-fg-danger-strong: $cnvs-brand-critical-700;
199
- $cnvs-sys-color-fg-warning-default: $cnvs-brand-caution-600;
200
- $cnvs-sys-color-fg-warning-strong: $cnvs-brand-caution-700;
201
- $cnvs-sys-color-fg-success-default: $cnvs-brand-positive-600;
202
- $cnvs-sys-color-fg-success-strong: $cnvs-brand-positive-700;
203
- $cnvs-sys-color-fg-ai: $cnvs-base-palette-blue-950;
204
- $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-a900;
205
- $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-a950;
187
+ $cnvs-sys-color-fg-disabled: $cnvs-base-palette-neutral-a400;
206
188
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950;
207
- $cnvs-sys-color-border-input-default: $cnvs-brand-neutral-a500;
208
- $cnvs-sys-color-border-input-hover: $cnvs-brand-neutral-a700;
209
- $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-neutral-a900;
189
+ $cnvs-sys-color-border-input-default: $cnvs-base-palette-neutral-a500;
190
+ $cnvs-sys-color-border-input-hover: $cnvs-base-palette-neutral-a700;
210
191
  $cnvs-sys-color-border-default: $cnvs-brand-neutral-a100;
211
192
  $cnvs-sys-color-border-strong: $cnvs-brand-neutral-a200;
212
- $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500;
213
- $cnvs-sys-color-border-danger: $cnvs-brand-critical-500;
214
- $cnvs-sys-color-border-warning: $cnvs-brand-caution-500;
215
- $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-neutral-0;
216
- $cnvs-sys-color-border-inverse-strong: $cnvs-base-palette-white-a700;
217
- $cnvs-sys-color-border-transparent: $cnvs-base-palette-white-a0;
218
- $cnvs-sys-color-surface-default: $cnvs-base-palette-neutral-0;
193
+ $cnvs-sys-color-border-warning: $cnvs-base-palette-amber-500;
219
194
  $cnvs-sys-color-surface-navigation: $cnvs-brand-neutral-50;
220
- $cnvs-sys-color-surface-popover: $cnvs-base-palette-neutral-0;
221
- $cnvs-sys-color-surface-modal: $cnvs-base-palette-neutral-0;
222
195
  $cnvs-sys-color-surface-raised: $cnvs-brand-neutral-a25;
223
196
  $cnvs-sys-color-surface-alt-default: $cnvs-brand-neutral-a50;
224
197
  $cnvs-sys-color-surface-alt-strong: $cnvs-brand-neutral-a100;
225
198
  $cnvs-sys-color-surface-loading: $cnvs-brand-neutral-a50;
226
- $cnvs-sys-color-surface-info-default: $cnvs-base-palette-blue-a25;
227
- $cnvs-sys-color-surface-info-strong: $cnvs-base-palette-blue-a50;
228
- $cnvs-sys-color-surface-danger-default: $cnvs-brand-critical-a25;
229
- $cnvs-sys-color-surface-danger-strong: $cnvs-brand-critical-a50;
230
- $cnvs-sys-color-surface-warning-default: $cnvs-brand-caution-a25;
231
- $cnvs-sys-color-surface-warning-strong: $cnvs-brand-caution-a50;
232
- $cnvs-sys-color-surface-success-default: $cnvs-brand-positive-a25;
233
- $cnvs-sys-color-surface-success-strong: $cnvs-brand-positive-a50;
234
- $cnvs-sys-color-surface-ai-default: $cnvs-base-palette-blue-a100;
235
- $cnvs-sys-color-surface-ai-hover: $cnvs-base-palette-blue-a200;
236
- $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-400;
237
- $cnvs-sys-color-surface-transparent: $cnvs-base-palette-white-a0;
238
- $cnvs-sys-color-surface-inverse: $cnvs-base-palette-neutral-0;
239
- $cnvs-sys-color-surface-contrast-default: $cnvs-brand-neutral-a900;
240
- $cnvs-sys-color-surface-contrast-strong: $cnvs-brand-neutral-a950;
241
199
  $cnvs-sys-color-surface-overlay-hover-default: $cnvs-brand-neutral-a50;
242
- $cnvs-sys-color-surface-overlay-hover-inverse: $cnvs-base-palette-white-a200;
200
+ $cnvs-sys-color-surface-overlay-hover-inverse: $cnvs-base-palette-white-a150;
243
201
  $cnvs-sys-color-surface-overlay-mixin: $cnvs-base-palette-neutral-1000;
244
202
  $cnvs-sys-color-surface-overlay-pressed-default: $cnvs-brand-neutral-a100;
245
- $cnvs-sys-color-surface-overlay-pressed-inverse: $cnvs-base-palette-white-a300;
203
+ $cnvs-sys-color-surface-overlay-pressed-inverse: $cnvs-base-palette-white-a200;
246
204
  $cnvs-sys-color-surface-overlay-scrim: $cnvs-brand-neutral-a400;
247
- $cnvs-sys-color-surface-overlay-raised: $cnvs-base-palette-white-a400;
248
- $cnvs-sys-color-accent-ai: $cnvs-base-palette-blue-950;
249
- $cnvs-sys-color-accent-info: $cnvs-base-palette-blue-600;
250
- $cnvs-sys-color-accent-danger: $cnvs-brand-critical-600;
251
- $cnvs-sys-color-accent-warning: $cnvs-brand-caution-400;
252
- $cnvs-sys-color-accent-success: $cnvs-brand-positive-600;
253
- $cnvs-sys-color-accent-contrast: $cnvs-brand-neutral-a900;
254
- $cnvs-sys-color-accent-muted-default: $cnvs-brand-neutral-600;
255
- $cnvs-sys-color-accent-muted-soft: $cnvs-brand-neutral-400;
256
- $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a100;
257
- $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a200;
258
- $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-1000;
259
- $cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
260
- $cnvs-sys-color-brand-focus-critical: $cnvs-brand-critical-500;
261
- $cnvs-sys-color-brand-focus-caution-outer: $cnvs-brand-caution-500;
262
- $cnvs-sys-color-brand-focus-caution-inner: $cnvs-brand-caution-400;
263
- $cnvs-sys-color-brand-surface-primary-default: $cnvs-brand-neutral-a25;
264
- $cnvs-sys-color-brand-surface-primary-strong: $cnvs-brand-neutral-a50;
265
- $cnvs-sys-color-brand-surface-critical-default: $cnvs-brand-critical-a25;
266
- $cnvs-sys-color-brand-surface-critical-strong: $cnvs-brand-critical-a50;
267
- $cnvs-sys-color-brand-surface-caution-default: $cnvs-brand-caution-a25;
268
- $cnvs-sys-color-brand-surface-caution-strong: $cnvs-brand-caution-a50;
269
- $cnvs-sys-color-brand-surface-positive-default: $cnvs-brand-positive-a25;
270
- $cnvs-sys-color-brand-surface-positive-strong: $cnvs-brand-positive-a50;
205
+ $cnvs-sys-color-surface-overlay-raised: $cnvs-base-palette-white-a300;
206
+ $cnvs-sys-color-surface-text-highlight: $cnvs-base-palette-indigo-a200;
207
+ $cnvs-sys-color-accent-muted-default: $cnvs-base-palette-neutral-600;
208
+ $cnvs-sys-color-accent-muted-soft: $cnvs-base-palette-neutral-400;
209
+ $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
210
+ $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
211
+ $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
271
212
  $cnvs-sys-color-brand-surface-selected: $cnvs-brand-neutral-a100;
272
213
  $cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
273
- $cnvs-sys-color-brand-accent-critical: $cnvs-brand-critical-600;
274
- $cnvs-sys-color-brand-accent-caution: $cnvs-brand-caution-400;
275
- $cnvs-sys-color-brand-accent-positive: $cnvs-brand-positive-600;
276
214
  $cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
277
215
  $cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
278
216
  $cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
279
- $cnvs-sys-color-brand-fg-critical-default: $cnvs-brand-critical-600;
280
- $cnvs-sys-color-brand-fg-critical-strong: $cnvs-brand-critical-700;
281
- $cnvs-sys-color-brand-fg-caution-default: $cnvs-brand-caution-600;
282
- $cnvs-sys-color-brand-fg-caution-strong: $cnvs-brand-caution-700;
283
- $cnvs-sys-color-brand-fg-positive-default: $cnvs-brand-positive-600;
284
- $cnvs-sys-color-brand-fg-positive-strong: $cnvs-brand-positive-700;
285
217
  $cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
218
+ $cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
219
+ $cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
286
220
  $cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
287
221
  $cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
288
222
  $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
289
- $cnvs-sys-color-focus-inverse: $cnvs-base-palette-neutral-0;
290
- $cnvs-sys-color-focus-contrast: $cnvs-brand-neutral-a900;
291
223
  $cnvs-sys-color-chart-diverging-azure-coral-1: $cnvs-base-palette-azure-900;
292
224
  $cnvs-sys-color-chart-diverging-azure-coral-2: $cnvs-base-palette-azure-800;
293
225
  $cnvs-sys-color-chart-diverging-azure-coral-3: $cnvs-base-palette-azure-700;
@@ -338,12 +270,8 @@
338
270
  $cnvs-sys-color-chart-sequential-9: $cnvs-base-palette-teal-700;
339
271
  $cnvs-sys-color-chart-sequential-10: $cnvs-base-palette-teal-800;
340
272
  $cnvs-sys-color-chart-sequential-11: $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: $cnvs-base-font-family-0;
348
276
  $cnvs-sys-letter-spacing-subtext-sm: $cnvs-base-letter-spacing-1;
349
277
  $cnvs-sys-letter-spacing-subtext-md: $cnvs-base-letter-spacing-2;
package/scss/sana/_variables.scss CHANGED
@@ -184,110 +184,42 @@
184
184
  $cnvs-sys-shape-xs: $cnvs-base-size-50;
185
185
  $cnvs-sys-line-height-body-md: $cnvs-base-size-300;
186
186
  $cnvs-sys-color-bg-alt-default: $cnvs-brand-neutral-50;
187
- $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0;
188
- $cnvs-sys-color-fg-muted-default: $cnvs-brand-neutral-a600;
189
- $cnvs-sys-color-fg-muted-strong: $cnvs-brand-neutral-a700;
190
- $cnvs-sys-color-fg-info-default: $cnvs-base-palette-blue-600;
191
- $cnvs-sys-color-fg-info-strong: $cnvs-base-palette-blue-700;
192
- $cnvs-sys-color-fg-default: $cnvs-brand-neutral-a800;
193
- $cnvs-sys-color-fg-strong: $cnvs-brand-neutral-a900;
194
- $cnvs-sys-color-fg-stronger: $cnvs-brand-neutral-a950;
195
- $cnvs-sys-color-fg-disabled: $cnvs-brand-neutral-a400;
196
- $cnvs-sys-color-fg-inverse: $cnvs-base-palette-neutral-0;
197
- $cnvs-sys-color-fg-danger-default: $cnvs-brand-critical-600;
198
- $cnvs-sys-color-fg-danger-strong: $cnvs-brand-critical-700;
199
- $cnvs-sys-color-fg-warning-default: $cnvs-brand-caution-600;
200
- $cnvs-sys-color-fg-warning-strong: $cnvs-brand-caution-700;
201
- $cnvs-sys-color-fg-success-default: $cnvs-brand-positive-600;
202
- $cnvs-sys-color-fg-success-strong: $cnvs-brand-positive-700;
203
- $cnvs-sys-color-fg-ai: $cnvs-base-palette-blue-950;
204
- $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-a900;
205
- $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-a950;
187
+ $cnvs-sys-color-fg-disabled: $cnvs-base-palette-neutral-a400;
206
188
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950;
207
- $cnvs-sys-color-border-input-default: $cnvs-brand-neutral-a500;
208
- $cnvs-sys-color-border-input-hover: $cnvs-brand-neutral-a700;
209
- $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-neutral-a900;
189
+ $cnvs-sys-color-border-input-default: $cnvs-base-palette-neutral-a500;
190
+ $cnvs-sys-color-border-input-hover: $cnvs-base-palette-neutral-a700;
210
191
  $cnvs-sys-color-border-default: $cnvs-brand-neutral-a100;
211
192
  $cnvs-sys-color-border-strong: $cnvs-brand-neutral-a200;
212
- $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500;
213
- $cnvs-sys-color-border-danger: $cnvs-brand-critical-500;
214
- $cnvs-sys-color-border-warning: $cnvs-brand-caution-500;
215
- $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-neutral-0;
216
- $cnvs-sys-color-border-inverse-strong: $cnvs-base-palette-white-a700;
217
- $cnvs-sys-color-border-transparent: $cnvs-base-palette-white-a0;
218
- $cnvs-sys-color-surface-default: $cnvs-base-palette-neutral-0;
193
+ $cnvs-sys-color-border-warning: $cnvs-base-palette-amber-500;
219
194
  $cnvs-sys-color-surface-navigation: $cnvs-brand-neutral-50;
220
- $cnvs-sys-color-surface-popover: $cnvs-base-palette-neutral-0;
221
- $cnvs-sys-color-surface-modal: $cnvs-base-palette-neutral-0;
222
195
  $cnvs-sys-color-surface-raised: $cnvs-brand-neutral-a25;
223
196
  $cnvs-sys-color-surface-alt-default: $cnvs-brand-neutral-a50;
224
197
  $cnvs-sys-color-surface-alt-strong: $cnvs-brand-neutral-a100;
225
198
  $cnvs-sys-color-surface-loading: $cnvs-brand-neutral-a50;
226
- $cnvs-sys-color-surface-info-default: $cnvs-base-palette-blue-a25;
227
- $cnvs-sys-color-surface-info-strong: $cnvs-base-palette-blue-a50;
228
- $cnvs-sys-color-surface-danger-default: $cnvs-brand-critical-a25;
229
- $cnvs-sys-color-surface-danger-strong: $cnvs-brand-critical-a50;
230
- $cnvs-sys-color-surface-warning-default: $cnvs-brand-caution-a25;
231
- $cnvs-sys-color-surface-warning-strong: $cnvs-brand-caution-a50;
232
- $cnvs-sys-color-surface-success-default: $cnvs-brand-positive-a25;
233
- $cnvs-sys-color-surface-success-strong: $cnvs-brand-positive-a50;
234
- $cnvs-sys-color-surface-ai-default: $cnvs-base-palette-blue-a100;
235
- $cnvs-sys-color-surface-ai-hover: $cnvs-base-palette-blue-a200;
236
- $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-400;
237
- $cnvs-sys-color-surface-transparent: $cnvs-base-palette-white-a0;
238
- $cnvs-sys-color-surface-inverse: $cnvs-base-palette-neutral-0;
239
- $cnvs-sys-color-surface-contrast-default: $cnvs-brand-neutral-a900;
240
- $cnvs-sys-color-surface-contrast-strong: $cnvs-brand-neutral-a950;
241
199
  $cnvs-sys-color-surface-overlay-hover-default: $cnvs-brand-neutral-a50;
242
- $cnvs-sys-color-surface-overlay-hover-inverse: $cnvs-base-palette-white-a200;
200
+ $cnvs-sys-color-surface-overlay-hover-inverse: $cnvs-base-palette-white-a150;
243
201
  $cnvs-sys-color-surface-overlay-mixin: $cnvs-base-palette-neutral-1000;
244
202
  $cnvs-sys-color-surface-overlay-pressed-default: $cnvs-brand-neutral-a100;
245
- $cnvs-sys-color-surface-overlay-pressed-inverse: $cnvs-base-palette-white-a300;
203
+ $cnvs-sys-color-surface-overlay-pressed-inverse: $cnvs-base-palette-white-a200;
246
204
  $cnvs-sys-color-surface-overlay-scrim: $cnvs-brand-neutral-a400;
247
- $cnvs-sys-color-surface-overlay-raised: $cnvs-base-palette-white-a400;
248
- $cnvs-sys-color-accent-ai: $cnvs-base-palette-blue-950;
249
- $cnvs-sys-color-accent-info: $cnvs-base-palette-blue-600;
250
- $cnvs-sys-color-accent-danger: $cnvs-brand-critical-600;
251
- $cnvs-sys-color-accent-warning: $cnvs-brand-caution-400;
252
- $cnvs-sys-color-accent-success: $cnvs-brand-positive-600;
253
- $cnvs-sys-color-accent-contrast: $cnvs-brand-neutral-a900;
254
- $cnvs-sys-color-accent-muted-default: $cnvs-brand-neutral-600;
255
- $cnvs-sys-color-accent-muted-soft: $cnvs-brand-neutral-400;
256
- $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a100;
257
- $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a200;
258
- $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-1000;
259
- $cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
260
- $cnvs-sys-color-brand-focus-critical: $cnvs-brand-critical-500;
261
- $cnvs-sys-color-brand-focus-caution-outer: $cnvs-brand-caution-500;
262
- $cnvs-sys-color-brand-focus-caution-inner: $cnvs-brand-caution-400;
263
- $cnvs-sys-color-brand-surface-primary-default: $cnvs-brand-neutral-a25;
264
- $cnvs-sys-color-brand-surface-primary-strong: $cnvs-brand-neutral-a50;
265
- $cnvs-sys-color-brand-surface-critical-default: $cnvs-brand-critical-a25;
266
- $cnvs-sys-color-brand-surface-critical-strong: $cnvs-brand-critical-a50;
267
- $cnvs-sys-color-brand-surface-caution-default: $cnvs-brand-caution-a25;
268
- $cnvs-sys-color-brand-surface-caution-strong: $cnvs-brand-caution-a50;
269
- $cnvs-sys-color-brand-surface-positive-default: $cnvs-brand-positive-a25;
270
- $cnvs-sys-color-brand-surface-positive-strong: $cnvs-brand-positive-a50;
205
+ $cnvs-sys-color-surface-overlay-raised: $cnvs-base-palette-white-a300;
206
+ $cnvs-sys-color-surface-text-highlight: $cnvs-base-palette-indigo-a200;
207
+ $cnvs-sys-color-accent-muted-default: $cnvs-base-palette-neutral-600;
208
+ $cnvs-sys-color-accent-muted-soft: $cnvs-base-palette-neutral-400;
209
+ $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
210
+ $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
211
+ $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
271
212
  $cnvs-sys-color-brand-surface-selected: $cnvs-brand-neutral-a100;
272
213
  $cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
273
- $cnvs-sys-color-brand-accent-critical: $cnvs-brand-critical-600;
274
- $cnvs-sys-color-brand-accent-caution: $cnvs-brand-caution-400;
275
- $cnvs-sys-color-brand-accent-positive: $cnvs-brand-positive-600;
276
214
  $cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
277
215
  $cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
278
216
  $cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
279
- $cnvs-sys-color-brand-fg-critical-default: $cnvs-brand-critical-600;
280
- $cnvs-sys-color-brand-fg-critical-strong: $cnvs-brand-critical-700;
281
- $cnvs-sys-color-brand-fg-caution-default: $cnvs-brand-caution-600;
282
- $cnvs-sys-color-brand-fg-caution-strong: $cnvs-brand-caution-700;
283
- $cnvs-sys-color-brand-fg-positive-default: $cnvs-brand-positive-600;
284
- $cnvs-sys-color-brand-fg-positive-strong: $cnvs-brand-positive-700;
285
217
  $cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
218
+ $cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
219
+ $cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
286
220
  $cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
287
221
  $cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
288
222
  $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
289
- $cnvs-sys-color-focus-inverse: $cnvs-base-palette-neutral-0;
290
- $cnvs-sys-color-focus-contrast: $cnvs-brand-neutral-a900;
291
223
  $cnvs-sys-color-chart-diverging-azure-coral-1: $cnvs-base-palette-azure-900;
292
224
  $cnvs-sys-color-chart-diverging-azure-coral-2: $cnvs-base-palette-azure-800;
293
225
  $cnvs-sys-color-chart-diverging-azure-coral-3: $cnvs-base-palette-azure-700;
@@ -338,12 +270,8 @@
338
270
  $cnvs-sys-color-chart-sequential-9: $cnvs-base-palette-teal-700;
339
271
  $cnvs-sys-color-chart-sequential-10: $cnvs-base-palette-teal-800;
340
272
  $cnvs-sys-color-chart-sequential-11: $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: $cnvs-base-font-family-0;
348
276
  $cnvs-sys-letter-spacing-subtext-sm: $cnvs-base-letter-spacing-1;
349
277
  $cnvs-sys-letter-spacing-subtext-md: $cnvs-base-letter-spacing-2;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 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 Tue, 09 Jun 2026 16:53:29 GMT
3
+ // Generated on Mon, 29 Jun 2026 21:36:06 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables