@workday/canvas-tokens-web 2.0.2 → 2.1.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.
- package/css/base/_variables.css +1 -1
- package/css/brand/_variables.css +7 -1
- 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/brand/index.d.ts +52 -1
- package/dist/common-js/brand/index.js +9 -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/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/brand/index.d.ts +52 -1
- package/dist/es6/brand/index.js +9 -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/less/base/_variables.less +1 -1
- package/less/brand/_variables.less +7 -1
- 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 +7 -1
- package/scss/brand/_variables.scss +7 -1
- 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -38,6 +38,12 @@
|
|
|
38
38
|
--cnvs-brand-primary-light: var(--cnvs-base-palette-blueberry-200);
|
|
39
39
|
--cnvs-brand-primary-lightest: var(--cnvs-base-palette-blueberry-100);
|
|
40
40
|
--cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
|
|
41
|
+
--cnvs-brand-action-accent: var(--cnvs-brand-primary-accent); /* Foreground color in actions */
|
|
42
|
+
--cnvs-brand-action-darkest: var(--cnvs-brand-primary-darkest); /* Darkest action color */
|
|
43
|
+
--cnvs-brand-action-dark: var(--cnvs-brand-primary-dark); /* Dark action color */
|
|
44
|
+
--cnvs-brand-action-base: var(--cnvs-brand-primary-base); /* Base action color */
|
|
45
|
+
--cnvs-brand-action-light: var(--cnvs-brand-primary-light); /* Light action color */
|
|
46
|
+
--cnvs-brand-action-lightest: var(--cnvs-brand-primary-lightest); /* Lightest action color */
|
|
41
47
|
}
|
|
42
48
|
|
|
43
49
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const primary: {
|
|
@@ -78,6 +78,57 @@ export declare const neutral: {
|
|
|
78
78
|
"accent": "--cnvs-brand-neutral-accent",
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
+
export declare const action: {
|
|
82
|
+
/**
|
|
83
|
+
* #D7EAFC
|
|
84
|
+
*
|
|
85
|
+
* token: brand.primary.lightest
|
|
86
|
+
*
|
|
87
|
+
* Lightest action color
|
|
88
|
+
*/
|
|
89
|
+
"lightest": "--cnvs-brand-action-lightest",
|
|
90
|
+
/**
|
|
91
|
+
* #A6D2FF
|
|
92
|
+
*
|
|
93
|
+
* token: brand.primary.light
|
|
94
|
+
*
|
|
95
|
+
* Light action color
|
|
96
|
+
*/
|
|
97
|
+
"light": "--cnvs-brand-action-light",
|
|
98
|
+
/**
|
|
99
|
+
* #0875E1
|
|
100
|
+
*
|
|
101
|
+
* token: brand.primary.base
|
|
102
|
+
*
|
|
103
|
+
* Base action color
|
|
104
|
+
*/
|
|
105
|
+
"base": "--cnvs-brand-action-base",
|
|
106
|
+
/**
|
|
107
|
+
* #005cb9
|
|
108
|
+
*
|
|
109
|
+
* token: brand.primary.dark
|
|
110
|
+
*
|
|
111
|
+
* Dark action color
|
|
112
|
+
*/
|
|
113
|
+
"dark": "--cnvs-brand-action-dark",
|
|
114
|
+
/**
|
|
115
|
+
* #004387
|
|
116
|
+
*
|
|
117
|
+
* token: brand.primary.darkest
|
|
118
|
+
*
|
|
119
|
+
* Darkest action color
|
|
120
|
+
*/
|
|
121
|
+
"darkest": "--cnvs-brand-action-darkest",
|
|
122
|
+
/**
|
|
123
|
+
* #ffffff
|
|
124
|
+
*
|
|
125
|
+
* token: brand.primary.accent
|
|
126
|
+
*
|
|
127
|
+
* Foreground color in actions
|
|
128
|
+
*/
|
|
129
|
+
"accent": "--cnvs-brand-action-accent",
|
|
130
|
+
};
|
|
131
|
+
|
|
81
132
|
export declare const common: {
|
|
82
133
|
/** #0875E1 */
|
|
83
134
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
@@ -46,6 +46,14 @@ exports.neutral = {
|
|
|
46
46
|
"darkest": "--cnvs-brand-neutral-darkest",
|
|
47
47
|
"accent": "--cnvs-brand-neutral-accent"
|
|
48
48
|
};
|
|
49
|
+
exports.action = {
|
|
50
|
+
"lightest": "--cnvs-brand-action-lightest",
|
|
51
|
+
"light": "--cnvs-brand-action-light",
|
|
52
|
+
"base": "--cnvs-brand-action-base",
|
|
53
|
+
"dark": "--cnvs-brand-action-dark",
|
|
54
|
+
"darkest": "--cnvs-brand-action-darkest",
|
|
55
|
+
"accent": "--cnvs-brand-action-accent"
|
|
56
|
+
};
|
|
49
57
|
exports.common = {
|
|
50
58
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
|
51
59
|
"errorInner": "--cnvs-brand-common-error-inner",
|
package/dist/common-js/index.js
CHANGED
package/dist/es6/base/index.d.ts
CHANGED
package/dist/es6/base/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const primary: {
|
|
@@ -78,6 +78,57 @@ export declare const neutral: {
|
|
|
78
78
|
"accent": "--cnvs-brand-neutral-accent",
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
+
export declare const action: {
|
|
82
|
+
/**
|
|
83
|
+
* #D7EAFC
|
|
84
|
+
*
|
|
85
|
+
* token: brand.primary.lightest
|
|
86
|
+
*
|
|
87
|
+
* Lightest action color
|
|
88
|
+
*/
|
|
89
|
+
"lightest": "--cnvs-brand-action-lightest",
|
|
90
|
+
/**
|
|
91
|
+
* #A6D2FF
|
|
92
|
+
*
|
|
93
|
+
* token: brand.primary.light
|
|
94
|
+
*
|
|
95
|
+
* Light action color
|
|
96
|
+
*/
|
|
97
|
+
"light": "--cnvs-brand-action-light",
|
|
98
|
+
/**
|
|
99
|
+
* #0875E1
|
|
100
|
+
*
|
|
101
|
+
* token: brand.primary.base
|
|
102
|
+
*
|
|
103
|
+
* Base action color
|
|
104
|
+
*/
|
|
105
|
+
"base": "--cnvs-brand-action-base",
|
|
106
|
+
/**
|
|
107
|
+
* #005cb9
|
|
108
|
+
*
|
|
109
|
+
* token: brand.primary.dark
|
|
110
|
+
*
|
|
111
|
+
* Dark action color
|
|
112
|
+
*/
|
|
113
|
+
"dark": "--cnvs-brand-action-dark",
|
|
114
|
+
/**
|
|
115
|
+
* #004387
|
|
116
|
+
*
|
|
117
|
+
* token: brand.primary.darkest
|
|
118
|
+
*
|
|
119
|
+
* Darkest action color
|
|
120
|
+
*/
|
|
121
|
+
"darkest": "--cnvs-brand-action-darkest",
|
|
122
|
+
/**
|
|
123
|
+
* #ffffff
|
|
124
|
+
*
|
|
125
|
+
* token: brand.primary.accent
|
|
126
|
+
*
|
|
127
|
+
* Foreground color in actions
|
|
128
|
+
*/
|
|
129
|
+
"accent": "--cnvs-brand-action-accent",
|
|
130
|
+
};
|
|
131
|
+
|
|
81
132
|
export declare const common: {
|
|
82
133
|
/** #0875E1 */
|
|
83
134
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
package/dist/es6/brand/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const primary = {
|
|
@@ -43,6 +43,14 @@ export const neutral = {
|
|
|
43
43
|
"darkest": "--cnvs-brand-neutral-darkest",
|
|
44
44
|
"accent": "--cnvs-brand-neutral-accent"
|
|
45
45
|
};
|
|
46
|
+
export const action = {
|
|
47
|
+
"lightest": "--cnvs-brand-action-lightest",
|
|
48
|
+
"light": "--cnvs-brand-action-light",
|
|
49
|
+
"base": "--cnvs-brand-action-base",
|
|
50
|
+
"dark": "--cnvs-brand-action-dark",
|
|
51
|
+
"darkest": "--cnvs-brand-action-darkest",
|
|
52
|
+
"accent": "--cnvs-brand-action-accent"
|
|
53
|
+
};
|
|
46
54
|
export const common = {
|
|
47
55
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
|
48
56
|
"errorInner": "--cnvs-brand-common-error-inner",
|
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 Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-brand-error-darkest: rgba(128,22,14,1);
|
|
6
6
|
@cnvs-brand-common-alert-inner: @cnvs-base-palette-cantaloupe-400;
|
|
@@ -36,5 +36,11 @@
|
|
|
36
36
|
@cnvs-brand-primary-light: @cnvs-base-palette-blueberry-200;
|
|
37
37
|
@cnvs-brand-primary-lightest: @cnvs-base-palette-blueberry-100;
|
|
38
38
|
@cnvs-brand-gradient-primary: linear-gradient(90deg, @cnvs-brand-primary-base 0%, @cnvs-brand-primary-dark 100%);
|
|
39
|
+
@cnvs-brand-action-accent: @cnvs-brand-primary-accent; // Foreground color in actions
|
|
40
|
+
@cnvs-brand-action-darkest: @cnvs-brand-primary-darkest; // Darkest action color
|
|
41
|
+
@cnvs-brand-action-dark: @cnvs-brand-primary-dark; // Dark action color
|
|
42
|
+
@cnvs-brand-action-base: @cnvs-brand-primary-base; // Base action color
|
|
43
|
+
@cnvs-brand-action-light: @cnvs-brand-primary-light; // Light action color
|
|
44
|
+
@cnvs-brand-action-lightest: @cnvs-brand-primary-lightest; // Lightest action color
|
|
39
45
|
|
|
40
46
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
6
6
|
@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.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-brand-error-darkest: rgba(128,22,14,1);
|
|
6
6
|
$cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;
|
|
@@ -36,5 +36,11 @@ $cnvs-brand-primary-base: $cnvs-base-palette-blueberry-400;
|
|
|
36
36
|
$cnvs-brand-primary-light: $cnvs-base-palette-blueberry-200;
|
|
37
37
|
$cnvs-brand-primary-lightest: $cnvs-base-palette-blueberry-100;
|
|
38
38
|
$cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
|
|
39
|
+
$cnvs-brand-action-accent: $cnvs-brand-primary-accent; // Foreground color in actions
|
|
40
|
+
$cnvs-brand-action-darkest: $cnvs-brand-primary-darkest; // Darkest action color
|
|
41
|
+
$cnvs-brand-action-dark: $cnvs-brand-primary-dark; // Dark action color
|
|
42
|
+
$cnvs-brand-action-base: $cnvs-brand-primary-base; // Base action color
|
|
43
|
+
$cnvs-brand-action-light: $cnvs-brand-primary-light; // Light action color
|
|
44
|
+
$cnvs-brand-action-lightest: $cnvs-brand-primary-lightest; // Lightest action color
|
|
39
45
|
|
|
40
46
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-brand-error-darkest: rgba(128,22,14,1);
|
|
6
6
|
$cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;
|
|
@@ -36,5 +36,11 @@ $cnvs-brand-primary-base: $cnvs-base-palette-blueberry-400;
|
|
|
36
36
|
$cnvs-brand-primary-light: $cnvs-base-palette-blueberry-200;
|
|
37
37
|
$cnvs-brand-primary-lightest: $cnvs-base-palette-blueberry-100;
|
|
38
38
|
$cnvs-brand-gradient-primary: linear-gradient(90deg, $cnvs-brand-primary-base 0%, $cnvs-brand-primary-dark 100%);
|
|
39
|
+
$cnvs-brand-action-accent: $cnvs-brand-primary-accent; // Foreground color in actions
|
|
40
|
+
$cnvs-brand-action-darkest: $cnvs-brand-primary-darkest; // Darkest action color
|
|
41
|
+
$cnvs-brand-action-dark: $cnvs-brand-primary-dark; // Dark action color
|
|
42
|
+
$cnvs-brand-action-base: $cnvs-brand-primary-base; // Base action color
|
|
43
|
+
$cnvs-brand-action-light: $cnvs-brand-primary-light; // Light action color
|
|
44
|
+
$cnvs-brand-action-lightest: $cnvs-brand-primary-lightest; // Lightest action color
|
|
39
45
|
|
|
40
46
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
6
6
|
$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.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 18 Dec 2024 18:24:06 GMT
|
|
4
4
|
|
|
5
5
|
$cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
6
6
|
$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.
|