@workday/canvas-tokens-web 4.0.4 → 4.0.6

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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Thu, 29 Jan 2026 19:14:51 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:51 GMT
4
4
 
5
5
  @cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  @cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:51 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;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:51 GMT
4
4
 
5
5
  @cnvs-sys-opacity-full: 1; // Dev only
6
6
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@
173
173
  @cnvs-sys-color-text-critical-soft: @cnvs-base-palette-red-400; // Error text
174
174
  @cnvs-sys-color-text-disabled: @cnvs-base-palette-slate-400; // Disabled text color
175
175
  @cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Default page background
176
- @cnvs-sys-color-bg-critical-soft: @cnvs-base-palette-red-100; // Disabled error background
177
- @cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-100; // Softer warning background
176
+ @cnvs-sys-color-bg-info-strong: @cnvs-base-palette-blue-700; // Brand hover background
177
+ @cnvs-sys-color-bg-info-soft: @cnvs-base-palette-blue-a100; // Disabled
178
+ @cnvs-sys-color-bg-critical-soft: @cnvs-base-palette-red-a100; // Disabled error background
179
+ @cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-a100; // Softer warning background
180
+ @cnvs-sys-color-bg-positive-soft: @cnvs-base-palette-green-a100; // Disabled success background
178
181
  @cnvs-sys-color-bg-positive-softest: @cnvs-base-palette-green-25; // Lightest surface success background
182
+ @cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-slate-a500;
179
183
  @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-50; // The alternative page background
184
+ @cnvs-sys-color-bg-alt-stronger: @cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  @cnvs-sys-color-bg-alt-strong: @cnvs-base-palette-slate-200; // Active states
181
- @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-50; // Alternative page background
186
+ @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-a50; // Alternative page background
187
+ @cnvs-sys-color-bg-primary-soft: @cnvs-base-palette-blue-a100; // Primary disabled
182
188
  @cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
183
189
  @cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
184
190
  @cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
@@ -283,9 +289,7 @@
283
289
  @cnvs-sys-color-text-strong: @cnvs-sys-color-fg-strong; // Heading text
284
290
  @cnvs-sys-color-text-default: @cnvs-sys-color-fg-default; // Body text
285
291
  @cnvs-sys-color-bg-info-stronger: @cnvs-sys-color-accent-info; // Brand active background
286
- @cnvs-sys-color-bg-info-strong: @cnvs-sys-color-accent-info; // Brand hover background
287
292
  @cnvs-sys-color-bg-info-default: @cnvs-sys-color-accent-info; // Info color
288
- @cnvs-sys-color-bg-info-soft: @cnvs-sys-color-surface-info-default; // Disabled
289
293
  @cnvs-sys-color-bg-info-softer: @cnvs-sys-color-surface-info-strong; // Select
290
294
  @cnvs-sys-color-bg-info-softest: @cnvs-sys-color-surface-info-default; // Surface
291
295
  @cnvs-sys-color-bg-ai-strongest: @cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@
296
300
  @cnvs-sys-color-bg-contrast-default: @cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  @cnvs-sys-color-bg-muted-strong: @cnvs-sys-color-accent-muted-default;
298
302
  @cnvs-sys-color-bg-muted-default: @cnvs-sys-color-accent-muted-default;
299
- @cnvs-sys-color-bg-muted-soft: @cnvs-sys-color-accent-muted-soft;
300
303
  @cnvs-sys-color-bg-muted-softer: @cnvs-sys-color-accent-muted-soft;
301
- @cnvs-sys-color-bg-alt-stronger: @cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  @cnvs-sys-color-bg-alt-softer: @cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  @cnvs-sys-color-bg-translucent: @cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  @cnvs-sys-color-bg-overlay: @cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@
377
379
  @cnvs-sys-color-bg-positive-stronger: @cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  @cnvs-sys-color-bg-positive-strong: @cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  @cnvs-sys-color-bg-positive-default: @cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- @cnvs-sys-color-bg-positive-soft: @cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  @cnvs-sys-color-bg-positive-softer: @cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  @cnvs-sys-color-bg-primary-stronger: @cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  @cnvs-sys-color-bg-primary-strong: @cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  @cnvs-sys-color-bg-primary-default: @cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- @cnvs-sys-color-bg-primary-soft: @cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  @cnvs-sys-color-bg-primary-softer: @cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  @cnvs-sys-color-bg-primary-softest: @cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  @cnvs-sys-line-height-title-lg: @cnvs-base-size-800;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "4.0.4",
3
+ "version": "4.0.6",
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",
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 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;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 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;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
173
173
  $cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
174
174
  $cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
175
175
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
176
- $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error background
177
- $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
176
+ $cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
177
+ $cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
178
+ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
179
+ $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
180
+ $cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
178
181
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
182
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
179
183
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
184
+ $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
181
- $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
186
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
187
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
182
188
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
183
189
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
184
190
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
283
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
284
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
285
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
286
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
287
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
288
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
289
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
290
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
291
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
296
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
298
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
299
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
300
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
301
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
377
379
  $cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  $cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  $cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- $cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  $cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  $cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  $cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  $cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- $cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  $cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  $cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  $cnvs-sys-line-height-title-lg: $cnvs-base-size-800;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Thu, 29 Jan 2026 19:14:50 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
173
173
  $cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
174
174
  $cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
175
175
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
176
- $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error background
177
- $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
176
+ $cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
177
+ $cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
178
+ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
179
+ $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
180
+ $cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
178
181
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
182
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
179
183
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
184
+ $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
181
- $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
186
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
187
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
182
188
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
183
189
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
184
190
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
283
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
284
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
285
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
286
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
287
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
288
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
289
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
290
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
291
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
296
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
298
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
299
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
300
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
301
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
377
379
  $cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  $cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  $cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- $cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  $cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  $cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  $cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  $cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- $cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  $cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  $cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  $cnvs-sys-line-height-title-lg: $cnvs-base-size-800;