@workday/canvas-tokens-web 4.0.3 → 4.0.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.
- package/css/base/_variables.css +1 -1
- package/css/brand/_variables.css +1 -1
- package/css/system/_variables.css +3 -3
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/brand/index.d.ts +1 -1
- package/dist/common-js/brand/index.js +1 -1
- package/dist/common-js/index.d.ts +1 -1
- package/dist/common-js/index.js +1 -1
- package/dist/common-js/system/index.d.ts +3 -3
- package/dist/common-js/system/index.js +1 -1
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/system/index.d.ts +3 -3
- package/dist/es6/system/index.js +1 -1
- package/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +1 -1
- package/less/system/_variables.less +3 -3
- package/package.json +1 -1
- package/scss/base/_variables.sass +1 -1
- package/scss/base/_variables.scss +1 -1
- package/scss/brand/_variables.sass +1 -1
- package/scss/brand/_variables.scss +1 -1
- package/scss/system/_variables.sass +3 -3
- package/scss/system/_variables.scss +3 -3
package/css/base/_variables.css
CHANGED
package/css/brand/_variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 27 Jan 2026
|
|
3
|
+
* Generated on Tue, 27 Jan 2026 21:53:43 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -223,7 +223,7 @@
|
|
|
223
223
|
--cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
|
|
224
224
|
--cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
|
|
225
225
|
--cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
|
|
226
|
-
--cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-
|
|
226
|
+
--cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);
|
|
227
227
|
--cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);
|
|
228
228
|
--cnvs-sys-color-brand-border-primary: var(--cnvs-brand-primary-500); /* Brand, Focus */
|
|
229
229
|
--cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-primary-700);
|
|
@@ -271,6 +271,7 @@
|
|
|
271
271
|
--cnvs-sys-color-fg-positive-default: var(--cnvs-sys-color-fg-success-default); /* Error */
|
|
272
272
|
--cnvs-sys-color-fg-info-stronger: var(--cnvs-sys-color-fg-info-strong); /* Links on hover */
|
|
273
273
|
--cnvs-sys-color-fg-info-softer: var(--cnvs-sys-color-fg-ai); /* Link Inverse, Disabled */
|
|
274
|
+
--cnvs-sys-color-fg-caution-strong: var(--cnvs-sys-color-fg-contrast-default); /* Warning on hover */
|
|
274
275
|
--cnvs-sys-color-fg-muted-stronger: var(--cnvs-sys-color-fg-muted-strong);
|
|
275
276
|
--cnvs-sys-color-icon-info-strong: var(--cnvs-sys-color-fg-info-strong); /* Stronger brand icon color */
|
|
276
277
|
--cnvs-sys-color-icon-info-default: var(--cnvs-sys-color-fg-info-default); /* Brand icon color */
|
|
@@ -345,7 +346,6 @@
|
|
|
345
346
|
--cnvs-sys-color-border-critical-default: var(--cnvs-sys-color-brand-border-critical); /* Error */
|
|
346
347
|
--cnvs-sys-color-fg-positive-stronger: var(--cnvs-sys-color-brand-fg-positive-strong); /* Error */
|
|
347
348
|
--cnvs-sys-color-fg-positive-strong: var(--cnvs-sys-color-brand-fg-positive-strong); /* Error */
|
|
348
|
-
--cnvs-sys-color-fg-caution-strong: var(--cnvs-sys-color-brand-fg-caution-strong); /* Warning on hover */
|
|
349
349
|
--cnvs-sys-color-fg-caution-default: var(--cnvs-sys-color-brand-fg-caution-default); /* Warning */
|
|
350
350
|
--cnvs-sys-color-fg-primary-strong: var(--cnvs-sys-color-brand-fg-primary-strong); /* Links on hover */
|
|
351
351
|
--cnvs-sys-color-fg-primary-stronger: var(--cnvs-sys-color-brand-fg-primary-strong); /* Links on hover */
|
package/dist/common-js/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 27 Jan 2026
|
|
3
|
+
* Generated on Tue, 27 Jan 2026 21:53:44 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const breakpoints: {
|
|
@@ -1712,7 +1712,7 @@ export declare const color: {
|
|
|
1712
1712
|
*/
|
|
1713
1713
|
"default": "--cnvs-sys-color-fg-caution-default",
|
|
1714
1714
|
/**
|
|
1715
|
-
* {sys.color.
|
|
1715
|
+
* {sys.color.fg.contrast.default}
|
|
1716
1716
|
*
|
|
1717
1717
|
* Warning on hover
|
|
1718
1718
|
*
|
|
@@ -2645,7 +2645,7 @@ export declare const color: {
|
|
|
2645
2645
|
"primary": "--cnvs-sys-color-brand-border-primary",
|
|
2646
2646
|
/** {brand.critical.500} */
|
|
2647
2647
|
"critical": "--cnvs-sys-color-brand-border-critical",
|
|
2648
|
-
/** {brand.caution.
|
|
2648
|
+
/** {brand.caution.500} */
|
|
2649
2649
|
"caution": "--cnvs-sys-color-brand-border-caution",
|
|
2650
2650
|
},
|
|
2651
2651
|
},
|
package/dist/es6/base/index.d.ts
CHANGED
package/dist/es6/base/index.js
CHANGED
package/dist/es6/brand/index.js
CHANGED
package/dist/es6/index.d.ts
CHANGED
package/dist/es6/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 27 Jan 2026
|
|
3
|
+
* Generated on Tue, 27 Jan 2026 21:53:44 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const breakpoints: {
|
|
@@ -1712,7 +1712,7 @@ export declare const color: {
|
|
|
1712
1712
|
*/
|
|
1713
1713
|
"default": "--cnvs-sys-color-fg-caution-default",
|
|
1714
1714
|
/**
|
|
1715
|
-
* {sys.color.
|
|
1715
|
+
* {sys.color.fg.contrast.default}
|
|
1716
1716
|
*
|
|
1717
1717
|
* Warning on hover
|
|
1718
1718
|
*
|
|
@@ -2645,7 +2645,7 @@ export declare const color: {
|
|
|
2645
2645
|
"primary": "--cnvs-sys-color-brand-border-primary",
|
|
2646
2646
|
/** {brand.critical.500} */
|
|
2647
2647
|
"critical": "--cnvs-sys-color-brand-border-critical",
|
|
2648
|
-
/** {brand.caution.
|
|
2648
|
+
/** {brand.caution.500} */
|
|
2649
2649
|
"caution": "--cnvs-sys-color-brand-border-caution",
|
|
2650
2650
|
},
|
|
2651
2651
|
},
|
package/dist/es6/system/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 27 Jan 2026
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 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
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
@cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
@cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
|
|
216
216
|
@cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
|
|
217
217
|
@cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
|
|
218
|
-
@cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-
|
|
218
|
+
@cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-500;
|
|
219
219
|
@cnvs-sys-color-brand-border-critical: @cnvs-brand-critical-500;
|
|
220
220
|
@cnvs-sys-color-brand-border-primary: @cnvs-brand-primary-500; // Brand, Focus
|
|
221
221
|
@cnvs-sys-color-brand-fg-selected: @cnvs-brand-primary-700;
|
|
@@ -263,6 +263,7 @@
|
|
|
263
263
|
@cnvs-sys-color-fg-positive-default: @cnvs-sys-color-fg-success-default; // Error
|
|
264
264
|
@cnvs-sys-color-fg-info-stronger: @cnvs-sys-color-fg-info-strong; // Links on hover
|
|
265
265
|
@cnvs-sys-color-fg-info-softer: @cnvs-sys-color-fg-ai; // Link Inverse, Disabled
|
|
266
|
+
@cnvs-sys-color-fg-caution-strong: @cnvs-sys-color-fg-contrast-default; // Warning on hover
|
|
266
267
|
@cnvs-sys-color-fg-muted-stronger: @cnvs-sys-color-fg-muted-strong;
|
|
267
268
|
@cnvs-sys-color-icon-info-strong: @cnvs-sys-color-fg-info-strong; // Stronger brand icon color
|
|
268
269
|
@cnvs-sys-color-icon-info-default: @cnvs-sys-color-fg-info-default; // Brand icon color
|
|
@@ -337,7 +338,6 @@
|
|
|
337
338
|
@cnvs-sys-color-border-critical-default: @cnvs-sys-color-brand-border-critical; // Error
|
|
338
339
|
@cnvs-sys-color-fg-positive-stronger: @cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
339
340
|
@cnvs-sys-color-fg-positive-strong: @cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
340
|
-
@cnvs-sys-color-fg-caution-strong: @cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
|
|
341
341
|
@cnvs-sys-color-fg-caution-default: @cnvs-sys-color-brand-fg-caution-default; // Warning
|
|
342
342
|
@cnvs-sys-color-fg-primary-strong: @cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|
|
343
343
|
@cnvs-sys-color-fg-primary-stronger: @cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 27 Jan 2026
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 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
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 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
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -215,7 +215,7 @@ $cnvs-sys-shape-half: calc($cnvs-base-unit * 0.5); // Use this for subtle and sm
|
|
|
215
215
|
$cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
|
|
216
216
|
$cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
|
|
217
217
|
$cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
|
|
218
|
-
$cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-
|
|
218
|
+
$cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
|
|
219
219
|
$cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
|
|
220
220
|
$cnvs-sys-color-brand-border-primary: $cnvs-brand-primary-500; // Brand, Focus
|
|
221
221
|
$cnvs-sys-color-brand-fg-selected: $cnvs-brand-primary-700;
|
|
@@ -263,6 +263,7 @@ $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Inpu
|
|
|
263
263
|
$cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
|
|
264
264
|
$cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
|
|
265
265
|
$cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
|
|
266
|
+
$cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-fg-contrast-default; // Warning on hover
|
|
266
267
|
$cnvs-sys-color-fg-muted-stronger: $cnvs-sys-color-fg-muted-strong;
|
|
267
268
|
$cnvs-sys-color-icon-info-strong: $cnvs-sys-color-fg-info-strong; // Stronger brand icon color
|
|
268
269
|
$cnvs-sys-color-icon-info-default: $cnvs-sys-color-fg-info-default; // Brand icon color
|
|
@@ -337,7 +338,6 @@ $cnvs-sys-color-border-caution-default: $cnvs-sys-color-brand-focus-caution-inne
|
|
|
337
338
|
$cnvs-sys-color-border-critical-default: $cnvs-sys-color-brand-border-critical; // Error
|
|
338
339
|
$cnvs-sys-color-fg-positive-stronger: $cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
339
340
|
$cnvs-sys-color-fg-positive-strong: $cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
340
|
-
$cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
|
|
341
341
|
$cnvs-sys-color-fg-caution-default: $cnvs-sys-color-brand-fg-caution-default; // Warning
|
|
342
342
|
$cnvs-sys-color-fg-primary-strong: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|
|
343
343
|
$cnvs-sys-color-fg-primary-stronger: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 27 Jan 2026
|
|
3
|
+
// Generated on Tue, 27 Jan 2026 21:53:44 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-opacity-full: 1; // Dev only
|
|
6
6
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
@@ -215,7 +215,7 @@ $cnvs-sys-shape-half: calc($cnvs-base-unit * 0.5); // Use this for subtle and sm
|
|
|
215
215
|
$cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
|
|
216
216
|
$cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
|
|
217
217
|
$cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
|
|
218
|
-
$cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-
|
|
218
|
+
$cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
|
|
219
219
|
$cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
|
|
220
220
|
$cnvs-sys-color-brand-border-primary: $cnvs-brand-primary-500; // Brand, Focus
|
|
221
221
|
$cnvs-sys-color-brand-fg-selected: $cnvs-brand-primary-700;
|
|
@@ -263,6 +263,7 @@ $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Inpu
|
|
|
263
263
|
$cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
|
|
264
264
|
$cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
|
|
265
265
|
$cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
|
|
266
|
+
$cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-fg-contrast-default; // Warning on hover
|
|
266
267
|
$cnvs-sys-color-fg-muted-stronger: $cnvs-sys-color-fg-muted-strong;
|
|
267
268
|
$cnvs-sys-color-icon-info-strong: $cnvs-sys-color-fg-info-strong; // Stronger brand icon color
|
|
268
269
|
$cnvs-sys-color-icon-info-default: $cnvs-sys-color-fg-info-default; // Brand icon color
|
|
@@ -337,7 +338,6 @@ $cnvs-sys-color-border-caution-default: $cnvs-sys-color-brand-focus-caution-inne
|
|
|
337
338
|
$cnvs-sys-color-border-critical-default: $cnvs-sys-color-brand-border-critical; // Error
|
|
338
339
|
$cnvs-sys-color-fg-positive-stronger: $cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
339
340
|
$cnvs-sys-color-fg-positive-strong: $cnvs-sys-color-brand-fg-positive-strong; // Error
|
|
340
|
-
$cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
|
|
341
341
|
$cnvs-sys-color-fg-caution-default: $cnvs-sys-color-brand-fg-caution-default; // Warning
|
|
342
342
|
$cnvs-sys-color-fg-primary-strong: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|
|
343
343
|
$cnvs-sys-color-fg-primary-stronger: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
|