@workday/canvas-tokens-web 5.0.0-alpha.1 → 5.0.0-alpha.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 (41) 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 +3 -1
  8. package/css/system/_variables.css +1 -1
  9. package/dist/common-js/base/index.d.ts +1 -1
  10. package/dist/common-js/base/index.js +1 -1
  11. package/dist/common-js/brand/index.d.ts +1 -1
  12. package/dist/common-js/brand/index.js +1 -1
  13. package/dist/common-js/component/index.d.ts +1 -1
  14. package/dist/common-js/component/index.js +1 -1
  15. package/dist/common-js/index.d.ts +1 -1
  16. package/dist/common-js/index.js +1 -1
  17. package/dist/common-js/system/index.d.ts +5 -1
  18. package/dist/common-js/system/index.js +5 -1
  19. package/dist/es6/base/index.d.ts +1 -1
  20. package/dist/es6/base/index.js +1 -1
  21. package/dist/es6/brand/index.d.ts +1 -1
  22. package/dist/es6/brand/index.js +1 -1
  23. package/dist/es6/component/index.d.ts +1 -1
  24. package/dist/es6/component/index.js +1 -1
  25. package/dist/es6/index.d.ts +1 -1
  26. package/dist/es6/index.js +1 -1
  27. package/dist/es6/system/index.d.ts +5 -1
  28. package/dist/es6/system/index.js +5 -1
  29. package/less/base/_variables.less +1 -1
  30. package/less/brand/_variables.less +1 -1
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +1 -1
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +1 -1
  35. package/scss/base/_variables.scss +1 -1
  36. package/scss/brand/_variables.sass +1 -1
  37. package/scss/brand/_variables.scss +1 -1
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +1 -1
  41. package/scss/system/_variables.scss +1 -1
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/component/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/brand.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/component.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/legacy/system.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -199,6 +199,8 @@
199
199
  --cnvs-sys-color-chart-sequential-11: oklch(0.3052 0.0529 210.69 / 1);
200
200
  --cnvs-sys-opacity-surface-hover: var(--cnvs-base-opacity-100, 0.08); /* State layer applied to surface colors on hover */
201
201
  --cnvs-sys-opacity-surface-pressed: 0.18; /* State layer applied to surface colors while pressing */
202
+ --cnvs-sys-opacity-accent-hover: 0.045; /* State layer applied to accent colors on hover */
203
+ --cnvs-sys-opacity-accent-pressed: 0.118; /* State layer applied to accent colors while pressing */
202
204
  --cnvs-sys-size-xxxs: var(--cnvs-sys-space-x4, 1rem); /* Used for switch toggle. */
203
205
  --cnvs-sys-size-xxs: var(--cnvs-sys-space-x5, 1.25rem); /* Compact indicators. Used for status indicators and count badges. */
204
206
  --cnvs-sys-size-xs: var(--cnvs-sys-space-x6, 1.5rem); /* Compact interactive elements. Used for small buttons, pills, checkboxes, and radio buttons. */
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize = "--cnvs-base-font-size";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  /**
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  export declare const expressiveIcon: {
package/dist/common-js/component/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -5612,6 +5612,10 @@ export declare const legacy: {
5612
5612
  "surface": {
5613
5613
  "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
5614
5614
  "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
5615
+ },
5616
+ "accent": {
5617
+ "hover": "var(--cnvs-sys-opacity-accent-hover, 0.045)",
5618
+ "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
5615
5619
  }
5616
5620
  },
5617
5621
  "size": {
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -1285,6 +1285,10 @@ exports.legacy = {
1285
1285
  "surface": {
1286
1286
  "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
1287
1287
  "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
1288
+ },
1289
+ "accent": {
1290
+ "hover": "var(--cnvs-sys-opacity-accent-hover, 0.045)",
1291
+ "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
1288
1292
  }
1289
1293
  },
1290
1294
  "size": {
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  export const fontSize = "--cnvs-base-font-size";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  export const primary25 = "--cnvs-brand-primary-25";
package/dist/es6/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 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 Thu, 25 Jun 2026 23:26:14 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -5612,6 +5612,10 @@ export declare const legacy: {
5612
5612
  "surface": {
5613
5613
  "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
5614
5614
  "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
5615
+ },
5616
+ "accent": {
5617
+ "hover": "var(--cnvs-sys-opacity-accent-hover, 0.045)",
5618
+ "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
5615
5619
  }
5616
5620
  },
5617
5621
  "size": {
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
@@ -1282,6 +1282,10 @@ export const legacy = {
1282
1282
  "surface": {
1283
1283
  "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
1284
1284
  "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
1285
+ },
1286
+ "accent": {
1287
+ "hover": "var(--cnvs-sys-opacity-accent-hover, 0.045)",
1288
+ "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
1285
1289
  }
1286
1290
  },
1287
1291
  "size": {
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  @cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overridden by user preferences
6
6
  @cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  @cnvs-brand-positive-a300: @cnvs-base-palette-green-a300;
6
6
  @cnvs-brand-positive-a200: @cnvs-base-palette-green-a200;
package/less/component/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  @cnvs-component-system-icon-color-background: @cnvs-base-palette-neutral-a0; // Component level color used on the background of system icons
6
6
  @cnvs-component-system-icon-color-fill: @cnvs-base-palette-neutral-800; // Component level color used on the fill areas of system icons
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  @cnvs-sys-opacity-accent-pressed: 0.118; // State layer applied to accent colors while pressing
6
6
  @cnvs-sys-opacity-accent-hover: 0.045; // State layer applied to accent colors on hover
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "5.0.0-alpha.1",
3
+ "version": "5.0.0-alpha.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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  $cnvs-brand-positive-a300: $cnvs-base-palette-green-a300;
6
6
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  $cnvs-brand-positive-a300: $cnvs-base-palette-green-a300;
6
6
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
package/scss/component/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 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 Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 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/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  $cnvs-sys-opacity-accent-pressed: 0.118; // State layer applied to accent colors while pressing
6
6
  $cnvs-sys-opacity-accent-hover: 0.045; // State layer applied to accent colors on hover
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Jun 2026 23:26:13 GMT
3
+ // Generated on Thu, 25 Jun 2026 23:45:09 GMT
4
4
 
5
5
  $cnvs-sys-opacity-accent-pressed: 0.118; // State layer applied to accent colors while pressing
6
6
  $cnvs-sys-opacity-accent-hover: 0.045; // State layer applied to accent colors on hover