@workday/canvas-tokens-web 4.1.3 → 4.1.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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:02:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:02:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -32,7 +32,7 @@
32
32
  --cnvs-brand-caution-700: var(--cnvs-base-palette-amber-700);
33
33
  --cnvs-brand-caution-600: var(--cnvs-base-palette-amber-600);
34
34
  --cnvs-brand-caution-500: var(--cnvs-base-palette-amber-500);
35
- --cnvs-brand-caution-400: var(--cnvs-base-palette-amber-400); /* Base caution color (amber.400). Use fg.contrast on this. */
35
+ --cnvs-brand-caution-400: var(--cnvs-base-palette-amber-400); /* Base caution color (amber.400). Use fg.contrast.default on this. */
36
36
  --cnvs-brand-caution-300: var(--cnvs-base-palette-amber-300);
37
37
  --cnvs-brand-caution-200: var(--cnvs-base-palette-amber-200);
38
38
  --cnvs-brand-caution-100: var(--cnvs-base-palette-amber-100);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:02:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize: "--cnvs-base-font-size";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  /**
@@ -823,7 +823,7 @@ export declare const caution300: "--cnvs-brand-caution-300";
823
823
  *
824
824
  * **CSS Var**: `--cnvs-brand-caution-400`
825
825
  *
826
- * Base caution color (amber.400). Use fg.contrast on this.
826
+ * Base caution color (amber.400). Use fg.contrast.default on this.
827
827
  */
828
828
  export declare const caution400: "--cnvs-brand-caution-400";
829
829
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -1594,7 +1594,7 @@ export declare const color: {
1594
1594
  *
1595
1595
  * Active states
1596
1596
  *
1597
- * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover
1597
+ * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover.default
1598
1598
  */
1599
1599
  "strong": "--cnvs-sys-color-bg-alt-strong",
1600
1600
  /**
@@ -1604,7 +1604,7 @@ export declare const color: {
1604
1604
  *
1605
1605
  * Active state for segmented control, Pill
1606
1606
  *
1607
- * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed
1607
+ * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed.default
1608
1608
  */
1609
1609
  "stronger": "--cnvs-sys-color-bg-alt-stronger",
1610
1610
  /**
@@ -1680,7 +1680,7 @@ export declare const color: {
1680
1680
  *
1681
1681
  * Lightest surface success background
1682
1682
  *
1683
- * @deprecated Use sys.color.surface.success tokens instead
1683
+ * @deprecated Use sys.color.surface.success.default tokens instead
1684
1684
  */
1685
1685
  "softest": "--cnvs-sys-color-bg-positive-softest",
1686
1686
  /**
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:05 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize: "--cnvs-base-font-size";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export const fontSize = "--cnvs-base-font-size";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  /**
@@ -823,7 +823,7 @@ export declare const caution300: "--cnvs-brand-caution-300";
823
823
  *
824
824
  * **CSS Var**: `--cnvs-brand-caution-400`
825
825
  *
826
- * Base caution color (amber.400). Use fg.contrast on this.
826
+ * Base caution color (amber.400). Use fg.contrast.default on this.
827
827
  */
828
828
  export declare const caution400: "--cnvs-brand-caution-400";
829
829
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export const primary25 = "--cnvs-brand-primary-25";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 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 Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -1594,7 +1594,7 @@ export declare const color: {
1594
1594
  *
1595
1595
  * Active states
1596
1596
  *
1597
- * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover
1597
+ * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover.default
1598
1598
  */
1599
1599
  "strong": "--cnvs-sys-color-bg-alt-strong",
1600
1600
  /**
@@ -1604,7 +1604,7 @@ export declare const color: {
1604
1604
  *
1605
1605
  * Active state for segmented control, Pill
1606
1606
  *
1607
- * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed
1607
+ * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed.default
1608
1608
  */
1609
1609
  "stronger": "--cnvs-sys-color-bg-alt-stronger",
1610
1610
  /**
@@ -1680,7 +1680,7 @@ export declare const color: {
1680
1680
  *
1681
1681
  * Lightest surface success background
1682
1682
  *
1683
- * @deprecated Use sys.color.surface.success tokens instead
1683
+ * @deprecated Use sys.color.surface.success.default tokens instead
1684
1684
  */
1685
1685
  "softest": "--cnvs-sys-color-bg-positive-softest",
1686
1686
  /**
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ * Generated on Thu, 12 Mar 2026 23:03:00 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 Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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 Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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;
@@ -30,7 +30,7 @@
30
30
  @cnvs-brand-caution-700: @cnvs-base-palette-amber-700;
31
31
  @cnvs-brand-caution-600: @cnvs-base-palette-amber-600;
32
32
  @cnvs-brand-caution-500: @cnvs-base-palette-amber-500;
33
- @cnvs-brand-caution-400: @cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast on this.
33
+ @cnvs-brand-caution-400: @cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast.default on this.
34
34
  @cnvs-brand-caution-300: @cnvs-base-palette-amber-300;
35
35
  @cnvs-brand-caution-200: @cnvs-base-palette-amber-200;
36
36
  @cnvs-brand-caution-100: @cnvs-base-palette-amber-100;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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.1.3",
3
+ "version": "4.1.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",
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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 Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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 Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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;
@@ -30,7 +30,7 @@ $cnvs-brand-caution-800: $cnvs-base-palette-amber-800;
30
30
  $cnvs-brand-caution-700: $cnvs-base-palette-amber-700;
31
31
  $cnvs-brand-caution-600: $cnvs-base-palette-amber-600;
32
32
  $cnvs-brand-caution-500: $cnvs-base-palette-amber-500;
33
- $cnvs-brand-caution-400: $cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast on this.
33
+ $cnvs-brand-caution-400: $cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast.default on this.
34
34
  $cnvs-brand-caution-300: $cnvs-base-palette-amber-300;
35
35
  $cnvs-brand-caution-200: $cnvs-base-palette-amber-200;
36
36
  $cnvs-brand-caution-100: $cnvs-base-palette-amber-100;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 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;
@@ -30,7 +30,7 @@ $cnvs-brand-caution-800: $cnvs-base-palette-amber-800;
30
30
  $cnvs-brand-caution-700: $cnvs-base-palette-amber-700;
31
31
  $cnvs-brand-caution-600: $cnvs-base-palette-amber-600;
32
32
  $cnvs-brand-caution-500: $cnvs-base-palette-amber-500;
33
- $cnvs-brand-caution-400: $cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast on this.
33
+ $cnvs-brand-caution-400: $cnvs-base-palette-amber-400; // Base caution color (amber.400). Use fg.contrast.default on this.
34
34
  $cnvs-brand-caution-300: $cnvs-base-palette-amber-300;
35
35
  $cnvs-brand-caution-200: $cnvs-base-palette-amber-200;
36
36
  $cnvs-brand-caution-100: $cnvs-base-palette-amber-100;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 25 Feb 2026 21:44:04 GMT
3
+ // Generated on Thu, 12 Mar 2026 23:02:59 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables