@workday/canvas-tokens-web 4.4.0-beta.3 → 4.4.0-beta.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/component/_variables.css +1 -1
- package/css/legacy/base.css +1 -1
- package/css/legacy/brand.css +1 -1
- package/css/legacy/component.css +1 -1
- package/css/legacy/system.css +1 -1
- package/css/sana/_variables.css +1 -2
- package/css/system/_variables.css +1 -1
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/base/sana.d.ts +1 -1
- package/dist/common-js/base/sana.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/brand/sana.d.ts +1 -1
- package/dist/common-js/brand/sana.js +1 -1
- package/dist/common-js/component/index.d.ts +1 -1
- package/dist/common-js/component/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 +1 -1
- package/dist/common-js/system/index.js +1 -1
- package/dist/common-js/system/sana.d.ts +3 -4
- package/dist/common-js/system/sana.js +3 -4
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/base/sana.d.ts +1 -1
- package/dist/es6/base/sana.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/brand/sana.d.ts +1 -1
- package/dist/es6/brand/sana.js +1 -1
- package/dist/es6/component/index.d.ts +1 -1
- package/dist/es6/component/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 +1 -1
- package/dist/es6/system/index.js +1 -1
- package/dist/es6/system/sana.d.ts +3 -4
- package/dist/es6/system/sana.js +3 -4
- package/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +1 -1
- package/less/component/_variables.less +1 -1
- package/less/sana/_variables.less +1 -2
- package/less/system/_variables.less +1 -1
- 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/component/_variables.sass +1 -1
- package/scss/component/_variables.scss +1 -1
- package/scss/sana/_variables.sass +1 -2
- package/scss/sana/_variables.scss +1 -2
- package/scss/system/_variables.sass +1 -1
- package/scss/system/_variables.scss +1 -1
package/css/base/_variables.css
CHANGED
package/css/brand/_variables.css
CHANGED
package/css/legacy/base.css
CHANGED
package/css/legacy/brand.css
CHANGED
package/css/legacy/component.css
CHANGED
package/css/legacy/system.css
CHANGED
package/css/sana/_variables.css
CHANGED
|
@@ -209,12 +209,11 @@
|
|
|
209
209
|
--cnvs-sys-color-accent-overlay-hover: var(--cnvs-base-palette-white-a50);
|
|
210
210
|
--cnvs-sys-color-accent-overlay-pressed: var(--cnvs-base-palette-white-a100);
|
|
211
211
|
--cnvs-sys-color-accent-overlay-mixin: var(--cnvs-base-palette-neutral-0);
|
|
212
|
-
--cnvs-sys-color-brand-
|
|
212
|
+
--cnvs-sys-color-brand-focus-primary: var(--cnvs-base-palette-blue-500);
|
|
213
213
|
--cnvs-sys-color-brand-accent-primary: var(--cnvs-brand-neutral-975);
|
|
214
214
|
--cnvs-sys-color-brand-accent-action: var(--cnvs-brand-neutral-975);
|
|
215
215
|
--cnvs-sys-color-brand-fg-primary-default: var(--cnvs-brand-neutral-a900);
|
|
216
216
|
--cnvs-sys-color-brand-fg-primary-strong: var(--cnvs-brand-neutral-a950);
|
|
217
|
-
--cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-neutral-a900);
|
|
218
217
|
--cnvs-sys-color-brand-fg-link-default: var(--cnvs-base-palette-blue-600);
|
|
219
218
|
--cnvs-sys-color-brand-fg-link-hover: var(--cnvs-base-palette-blue-700);
|
|
220
219
|
--cnvs-sys-color-brand-border-primary: var(--cnvs-base-palette-blue-500);
|
package/dist/common-js/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 09 Jul 2026 22:03:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const sana: {
|
|
@@ -138,8 +138,8 @@ export declare const sana: {
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
brand: {
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
focus: {
|
|
142
|
+
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
|
|
143
143
|
},
|
|
144
144
|
accent: {
|
|
145
145
|
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
@@ -150,7 +150,6 @@ export declare const sana: {
|
|
|
150
150
|
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
151
151
|
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
152
152
|
},
|
|
153
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
154
153
|
link: {
|
|
155
154
|
default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
156
155
|
hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 09 Jul 2026 22:03:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
@@ -141,8 +141,8 @@ exports.sana = {
|
|
|
141
141
|
}
|
|
142
142
|
},
|
|
143
143
|
brand: {
|
|
144
|
-
|
|
145
|
-
|
|
144
|
+
focus: {
|
|
145
|
+
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
|
|
146
146
|
},
|
|
147
147
|
accent: {
|
|
148
148
|
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
@@ -153,7 +153,6 @@ exports.sana = {
|
|
|
153
153
|
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
154
154
|
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
155
155
|
},
|
|
156
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
157
156
|
link: {
|
|
158
157
|
default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
159
158
|
hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
package/dist/es6/base/index.d.ts
CHANGED
package/dist/es6/base/index.js
CHANGED
package/dist/es6/base/sana.d.ts
CHANGED
package/dist/es6/base/sana.js
CHANGED
package/dist/es6/brand/index.js
CHANGED
package/dist/es6/brand/sana.d.ts
CHANGED
package/dist/es6/brand/sana.js
CHANGED
package/dist/es6/index.d.ts
CHANGED
package/dist/es6/index.js
CHANGED
package/dist/es6/system/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 09 Jul 2026 22:03:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const sana: {
|
|
@@ -138,8 +138,8 @@ export declare const sana: {
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
brand: {
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
focus: {
|
|
142
|
+
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
|
|
143
143
|
},
|
|
144
144
|
accent: {
|
|
145
145
|
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
@@ -150,7 +150,6 @@ export declare const sana: {
|
|
|
150
150
|
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
151
151
|
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
152
152
|
},
|
|
153
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
154
153
|
link: {
|
|
155
154
|
default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
156
155
|
hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
package/dist/es6/system/sana.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 09 Jul 2026 22:03:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const sana = {
|
|
@@ -138,8 +138,8 @@ export const sana = {
|
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
brand: {
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
focus: {
|
|
142
|
+
primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))"
|
|
143
143
|
},
|
|
144
144
|
accent: {
|
|
145
145
|
primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
|
|
@@ -150,7 +150,6 @@ export const sana = {
|
|
|
150
150
|
default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
|
|
151
151
|
strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
|
|
152
152
|
},
|
|
153
|
-
selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
|
|
154
153
|
link: {
|
|
155
154
|
default: "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
|
|
156
155
|
hover: "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -209,12 +209,11 @@
|
|
|
209
209
|
@cnvs-sys-color-accent-overlay-hover: @cnvs-base-palette-white-a50;
|
|
210
210
|
@cnvs-sys-color-accent-overlay-pressed: @cnvs-base-palette-white-a100;
|
|
211
211
|
@cnvs-sys-color-accent-overlay-mixin: @cnvs-base-palette-neutral-0;
|
|
212
|
-
@cnvs-sys-color-brand-
|
|
212
|
+
@cnvs-sys-color-brand-focus-primary: @cnvs-base-palette-blue-500;
|
|
213
213
|
@cnvs-sys-color-brand-accent-primary: @cnvs-brand-neutral-975;
|
|
214
214
|
@cnvs-sys-color-brand-accent-action: @cnvs-brand-neutral-975;
|
|
215
215
|
@cnvs-sys-color-brand-fg-primary-default: @cnvs-brand-neutral-a900;
|
|
216
216
|
@cnvs-sys-color-brand-fg-primary-strong: @cnvs-brand-neutral-a950;
|
|
217
|
-
@cnvs-sys-color-brand-fg-selected: @cnvs-brand-neutral-a900;
|
|
218
217
|
@cnvs-sys-color-brand-fg-link-default: @cnvs-base-palette-blue-600;
|
|
219
218
|
@cnvs-sys-color-brand-fg-link-hover: @cnvs-base-palette-blue-700;
|
|
220
219
|
@cnvs-sys-color-brand-border-primary: @cnvs-base-palette-blue-500;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 09 Jul 2026 22:03:36 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
|
|
@@ -209,12 +209,11 @@
|
|
|
209
209
|
$cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
|
|
210
210
|
$cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
|
|
211
211
|
$cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
|
|
212
|
-
$cnvs-sys-color-brand-
|
|
212
|
+
$cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
|
|
213
213
|
$cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
|
|
214
214
|
$cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
|
|
215
215
|
$cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
|
|
216
216
|
$cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
|
|
217
|
-
$cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
|
|
218
217
|
$cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
|
|
219
218
|
$cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
|
|
220
219
|
$cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
|
|
@@ -209,12 +209,11 @@
|
|
|
209
209
|
$cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a50;
|
|
210
210
|
$cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a100;
|
|
211
211
|
$cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-0;
|
|
212
|
-
$cnvs-sys-color-brand-
|
|
212
|
+
$cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
|
|
213
213
|
$cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
|
|
214
214
|
$cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
|
|
215
215
|
$cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
|
|
216
216
|
$cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
|
|
217
|
-
$cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
|
|
218
217
|
$cnvs-sys-color-brand-fg-link-default: $cnvs-base-palette-blue-600;
|
|
219
218
|
$cnvs-sys-color-brand-fg-link-hover: $cnvs-base-palette-blue-700;
|
|
220
219
|
$cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
|