@workday/canvas-tokens-web 1.3.1 → 2.0.0

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 (29) hide show
  1. package/css/base/_variables.css +1 -15
  2. package/css/brand/_variables.css +2 -1
  3. package/css/system/_variables.css +8 -8
  4. package/dist/common-js/base/index.d.ts +1 -15
  5. package/dist/common-js/base/index.js +1 -15
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +267 -3
  11. package/dist/common-js/system/index.js +2 -2
  12. package/dist/es6/base/index.d.ts +1 -15
  13. package/dist/es6/base/index.js +1 -15
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +267 -3
  19. package/dist/es6/system/index.js +2 -2
  20. package/less/base/_variables.less +1 -15
  21. package/less/brand/_variables.less +2 -1
  22. package/less/system/_variables.less +8 -8
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +1 -15
  25. package/scss/base/_variables.scss +1 -15
  26. package/scss/brand/_variables.sass +2 -1
  27. package/scss/brand/_variables.scss +2 -1
  28. package/scss/system/_variables.sass +8 -8
  29. package/scss/system/_variables.scss +8 -8
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -199,13 +199,6 @@
199
199
  --cnvs-base-line-height-750: 4.5rem;
200
200
  --cnvs-base-line-height-900: 5.5rem;
201
201
  --cnvs-base-line-height-1050: 6.5rem;
202
- --cnvs-base-typescale-size-default: 0.125rem;
203
- --cnvs-base-typescale-size-heading: 0.25rem;
204
- --cnvs-base-typescale-size-title: 0.5rem;
205
- --cnvs-base-typescale-size-display: 1rem;
206
- --cnvs-base-typescale-height-default: 0.25rem;
207
- --cnvs-base-typescale-height-title: 0.5rem;
208
- --cnvs-base-typescale-height-display: 1rem;
209
202
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
210
203
  --cnvs-base-font-family-100: "Roboto Mono";
211
204
  --cnvs-base-font-family-200: "Noto Sans";
@@ -217,13 +210,6 @@
217
210
  --cnvs-base-letter-spacing-100: 0.02rem;
218
211
  --cnvs-base-letter-spacing-150: 0.015rem;
219
212
  --cnvs-base-letter-spacing-200: 0.01rem;
220
- --cnvs-base-shadow-100: 0 0.0625rem 0.25rem 0 rgba(31,38,46,0.12), 0 0.125rem 0.5rem 0 rgba(31,38,46,0.08);
221
- --cnvs-base-shadow-200: 0 0.125rem 0.5rem 0 rgba(31,38,46,0.12), 0 0.25rem 1rem 0 rgba(31,38,46,0.08); /* Top navigation, Bottom navigation */
222
- --cnvs-base-shadow-300: 0 0.1875rem 0.75rem 0 rgba(31,38,46,0.12), 0 0.375rem 1.5rem 0 rgba(31,38,46,0.08);
223
- --cnvs-base-shadow-400: 0 0.25rem 1rem 0 rgba(31,38,46,0.12), 0 0.5rem 2rem 0 rgba(31,38,46,0.08);
224
- --cnvs-base-shadow-500: 0 0.3125rem 1.25rem 0 rgba(31,38,46,0.12), 0 0.625rem 2.5rem 0 rgba(31,38,46,0.08);
225
- --cnvs-base-shadow-600: 0 0.375rem 1.5rem 0 rgba(31,38,46,0.12), 0 0.75rem 3rem 0 rgba(31,38,46,0.08);
226
- --cnvs-base-level: 2; /* Used to calculate the skip level amount between levels in the type ramp, such as going from subtext to body, body to heading. */
227
213
  --cnvs-base-extended-palette-dragon-fruit-100: rgba(251,241,255,1);
228
214
  --cnvs-base-extended-palette-dragon-fruit-200: rgba(239,211,255,1);
229
215
  --cnvs-base-extended-palette-dragon-fruit-300: rgba(190,97,246,1);
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -40,3 +40,4 @@
40
40
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
41
41
  }
42
42
 
43
+
package/css/system/_variables.css CHANGED
@@ -1,9 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 rgba(31,38,46,0.12), 0 0.125rem 0.5rem 0 rgba(31,38,46,0.08); /* Standard card depth */
8
+ --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 rgba(31,38,46,0.12), 0 0.25rem 1rem 0 rgba(31,38,46,0.08); /* Top navigation, Bottom Navigation */
9
+ --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 rgba(31,38,46,0.12), 0 0.375rem 1.5rem 0 rgba(31,38,46,0.08); /* Floating Action Buttons (FAB), Menus */
10
+ --cnvs-sys-depth-4: 0 0.25rem 1rem 0 rgba(31,38,46,0.12), 0 0.5rem 2rem 0 rgba(31,38,46,0.08); /* Bottom Sheets */
11
+ --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 rgba(31,38,46,0.12), 0 0.625rem 2.5rem 0 rgba(31,38,46,0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
12
+ --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 rgba(31,38,46,0.12), 0 0.75rem 3rem 0 rgba(31,38,46,0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
7
13
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
8
14
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
9
15
  --cnvs-sys-opacity-full: 1; /* Dev only */
@@ -131,7 +137,7 @@
131
137
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-cantaloupe-400); /* Default warning background */
132
138
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-apple-600); /* Active success background */
133
139
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-apple-500); /* Hover success background */
134
- --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-apple-100); /* Default success background */
140
+ --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-apple-100); /* Softer success background */
135
141
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-apple-400); /* Disabled success background */
136
142
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blueberry-600); /* Brand active background */
137
143
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blueberry-500); /* Brand hover background */
@@ -152,12 +158,6 @@
152
158
  --cnvs-sys-color-bg-transparent: transparent; /* Transparent background */
153
159
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-french-vanilla-100); /* Main background color; */
154
160
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
155
- --cnvs-sys-depth-6: var(--cnvs-base-shadow-600); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
156
- --cnvs-sys-depth-5: var(--cnvs-base-shadow-500); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
157
- --cnvs-sys-depth-4: var(--cnvs-base-shadow-400); /* Bottom Sheets */
158
- --cnvs-sys-depth-3: var(--cnvs-base-shadow-300); /* Floating Action Buttons (FAB), Menus */
159
- --cnvs-sys-depth-2: var(--cnvs-base-shadow-200); /* Top navigation, Bottom Navigation */
160
- --cnvs-sys-depth-1: var(--cnvs-base-shadow-100); /* Standard card depth */
161
161
  --cnvs-sys-color-shadow-1: rgba(31,38,46,var(--cnvs-base-opacity-200)); /* First shadow color */
162
162
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
163
163
  --cnvs-sys-color-text-caution-strong: var(--cnvs-sys-color-text-stronger); /* Strong warning text */
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, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;
@@ -198,13 +198,6 @@ export declare const lineHeight600 = "--cnvs-base-line-height-600" as const;
198
198
  export declare const lineHeight750 = "--cnvs-base-line-height-750" as const;
199
199
  export declare const lineHeight900 = "--cnvs-base-line-height-900" as const;
200
200
  export declare const lineHeight1050 = "--cnvs-base-line-height-1050" as const;
201
- export declare const typescaleSizeDefault = "--cnvs-base-typescale-size-default" as const;
202
- export declare const typescaleSizeHeading = "--cnvs-base-typescale-size-heading" as const;
203
- export declare const typescaleSizeTitle = "--cnvs-base-typescale-size-title" as const;
204
- export declare const typescaleSizeDisplay = "--cnvs-base-typescale-size-display" as const;
205
- export declare const typescaleHeightDefault = "--cnvs-base-typescale-height-default" as const;
206
- export declare const typescaleHeightTitle = "--cnvs-base-typescale-height-title" as const;
207
- export declare const typescaleHeightDisplay = "--cnvs-base-typescale-height-display" as const;
208
201
  export declare const fontFamily50 = "--cnvs-base-font-family-50" as const;
209
202
  export declare const fontFamily100 = "--cnvs-base-font-family-100" as const;
210
203
  export declare const fontFamily200 = "--cnvs-base-font-family-200" as const;
@@ -216,13 +209,6 @@ export declare const letterSpacing50 = "--cnvs-base-letter-spacing-50" as const;
216
209
  export declare const letterSpacing100 = "--cnvs-base-letter-spacing-100" as const;
217
210
  export declare const letterSpacing150 = "--cnvs-base-letter-spacing-150" as const;
218
211
  export declare const letterSpacing200 = "--cnvs-base-letter-spacing-200" as const;
219
- export declare const shadow100 = "--cnvs-base-shadow-100" as const;
220
- export declare const shadow200 = "--cnvs-base-shadow-200" as const;
221
- export declare const shadow300 = "--cnvs-base-shadow-300" as const;
222
- export declare const shadow400 = "--cnvs-base-shadow-400" as const;
223
- export declare const shadow500 = "--cnvs-base-shadow-500" as const;
224
- export declare const shadow600 = "--cnvs-base-shadow-600" as const;
225
- export declare const baseLevel = "--cnvs-base-level" as const;
226
212
  export declare const extendedDragonFruit100 = "--cnvs-base-extended-palette-dragon-fruit-100" as const;
227
213
  export declare const extendedDragonFruit200 = "--cnvs-base-extended-palette-dragon-fruit-200" as const;
228
214
  export declare const extendedDragonFruit300 = "--cnvs-base-extended-palette-dragon-fruit-300" as const;
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -201,13 +201,6 @@ exports.lineHeight600 = "--cnvs-base-line-height-600";
201
201
  exports.lineHeight750 = "--cnvs-base-line-height-750";
202
202
  exports.lineHeight900 = "--cnvs-base-line-height-900";
203
203
  exports.lineHeight1050 = "--cnvs-base-line-height-1050";
204
- exports.typescaleSizeDefault = "--cnvs-base-typescale-size-default";
205
- exports.typescaleSizeHeading = "--cnvs-base-typescale-size-heading";
206
- exports.typescaleSizeTitle = "--cnvs-base-typescale-size-title";
207
- exports.typescaleSizeDisplay = "--cnvs-base-typescale-size-display";
208
- exports.typescaleHeightDefault = "--cnvs-base-typescale-height-default";
209
- exports.typescaleHeightTitle = "--cnvs-base-typescale-height-title";
210
- exports.typescaleHeightDisplay = "--cnvs-base-typescale-height-display";
211
204
  exports.fontFamily50 = "--cnvs-base-font-family-50";
212
205
  exports.fontFamily100 = "--cnvs-base-font-family-100";
213
206
  exports.fontFamily200 = "--cnvs-base-font-family-200";
@@ -219,13 +212,6 @@ exports.letterSpacing50 = "--cnvs-base-letter-spacing-50";
219
212
  exports.letterSpacing100 = "--cnvs-base-letter-spacing-100";
220
213
  exports.letterSpacing150 = "--cnvs-base-letter-spacing-150";
221
214
  exports.letterSpacing200 = "--cnvs-base-letter-spacing-200";
222
- exports.shadow100 = "--cnvs-base-shadow-100";
223
- exports.shadow200 = "--cnvs-base-shadow-200";
224
- exports.shadow300 = "--cnvs-base-shadow-300";
225
- exports.shadow400 = "--cnvs-base-shadow-400";
226
- exports.shadow500 = "--cnvs-base-shadow-500";
227
- exports.shadow600 = "--cnvs-base-shadow-600";
228
- exports.baseLevel = "--cnvs-base-level";
229
215
  exports.extendedDragonFruit100 = "--cnvs-base-extended-palette-dragon-fruit-100";
230
216
  exports.extendedDragonFruit200 = "--cnvs-base-extended-palette-dragon-fruit-200";
231
217
  exports.extendedDragonFruit300 = "--cnvs-base-extended-palette-dragon-fruit-300";
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, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  export declare const primary = {
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 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, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 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, 18 Apr 2024 22:39:08 GMT
3
+ * Generated on Fri, 03 May 2024 21:48:34 GMT
4
4
  */
5
5
 
6
6
  "use strict";