@workday/canvas-tokens-web 4.0.0-alpha.5 → 4.0.0-alpha.6
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 +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 +65 -65
- 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 +954 -954
- 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 +65 -65
- 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 +954 -954
- 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 +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/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,172 +1,172 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 08 Jan 2026 17:52:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const primary: {
|
|
7
|
-
/**
|
|
7
|
+
/** {base.palette.blue.600} */
|
|
8
8
|
"base": "--cnvs-brand-primary-base",
|
|
9
|
-
/**
|
|
9
|
+
/** {base.palette.blue.25} */
|
|
10
10
|
"lightest": "--cnvs-brand-primary-lightest",
|
|
11
|
-
/**
|
|
11
|
+
/** {base.palette.blue.800} */
|
|
12
12
|
"darkest": "--cnvs-brand-primary-darkest",
|
|
13
|
-
/**
|
|
13
|
+
/** {base.palette.blue.700} */
|
|
14
14
|
"dark": "--cnvs-brand-primary-dark",
|
|
15
|
-
/**
|
|
15
|
+
/** {base.palette.neutral.0} */
|
|
16
16
|
"accent": "--cnvs-brand-primary-accent",
|
|
17
|
-
/**
|
|
17
|
+
/** {base.palette.blue.50} */
|
|
18
18
|
"lighter": "--cnvs-brand-primary-lighter",
|
|
19
|
-
/**
|
|
19
|
+
/** {base.palette.blue.200} */
|
|
20
20
|
"light": "--cnvs-brand-primary-light",
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
export declare const error: {
|
|
24
|
-
/**
|
|
24
|
+
/** {base.palette.red.600} */
|
|
25
25
|
"base": "--cnvs-brand-error-base",
|
|
26
|
-
/**
|
|
26
|
+
/** {base.palette.red.25} */
|
|
27
27
|
"lightest": "--cnvs-brand-error-lightest",
|
|
28
|
-
/**
|
|
28
|
+
/** {base.palette.red.700} */
|
|
29
29
|
"dark": "--cnvs-brand-error-dark",
|
|
30
|
-
/**
|
|
30
|
+
/** {base.palette.red.800} */
|
|
31
31
|
"darkest": "--cnvs-brand-error-darkest",
|
|
32
|
-
/**
|
|
32
|
+
/** {base.palette.neutral.0} */
|
|
33
33
|
"accent": "--cnvs-brand-error-accent",
|
|
34
|
-
/**
|
|
34
|
+
/** {base.palette.red.50} */
|
|
35
35
|
"lighter": "--cnvs-brand-error-lighter",
|
|
36
|
-
/**
|
|
36
|
+
/** {base.palette.red.200} */
|
|
37
37
|
"light": "--cnvs-brand-error-light",
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
export declare const alert: {
|
|
41
|
-
/**
|
|
41
|
+
/** {base.palette.amber.400} */
|
|
42
42
|
"base": "--cnvs-brand-alert-base",
|
|
43
|
-
/**
|
|
43
|
+
/** {base.palette.amber.50} */
|
|
44
44
|
"lighter": "--cnvs-brand-alert-lighter",
|
|
45
|
-
/**
|
|
45
|
+
/** {base.palette.amber.25} */
|
|
46
46
|
"lightest": "--cnvs-brand-alert-lightest",
|
|
47
|
-
/**
|
|
47
|
+
/** {base.palette.amber.500} */
|
|
48
48
|
"dark": "--cnvs-brand-alert-dark",
|
|
49
|
-
/**
|
|
49
|
+
/** {base.palette.amber.600} */
|
|
50
50
|
"darkest": "--cnvs-brand-alert-darkest",
|
|
51
|
-
/**
|
|
51
|
+
/** {base.palette.neutral.950} */
|
|
52
52
|
"accent": "--cnvs-brand-alert-accent",
|
|
53
|
-
/**
|
|
53
|
+
/** {base.palette.amber.200} */
|
|
54
54
|
"light": "--cnvs-brand-alert-light",
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
export declare const success: {
|
|
58
|
-
/**
|
|
58
|
+
/** {base.palette.green.600} */
|
|
59
59
|
"base": "--cnvs-brand-success-base",
|
|
60
|
-
/**
|
|
60
|
+
/** {base.palette.green.25} */
|
|
61
61
|
"lightest": "--cnvs-brand-success-lightest",
|
|
62
|
-
/**
|
|
62
|
+
/** {base.palette.green.50} */
|
|
63
63
|
"lighter": "--cnvs-brand-success-lighter",
|
|
64
|
-
/**
|
|
64
|
+
/** {base.palette.green.700} */
|
|
65
65
|
"dark": "--cnvs-brand-success-dark",
|
|
66
|
-
/**
|
|
66
|
+
/** {base.palette.green.800} */
|
|
67
67
|
"darkest": "--cnvs-brand-success-darkest",
|
|
68
|
-
/**
|
|
68
|
+
/** {base.palette.neutral.0} */
|
|
69
69
|
"accent": "--cnvs-brand-success-accent",
|
|
70
|
-
/**
|
|
70
|
+
/** {base.palette.green.200} */
|
|
71
71
|
"light": "--cnvs-brand-success-light",
|
|
72
72
|
};
|
|
73
73
|
|
|
74
74
|
export declare const neutral: {
|
|
75
|
-
/**
|
|
75
|
+
/** {base.palette.slate.25} */
|
|
76
76
|
"lightest": "--cnvs-brand-neutral-lightest",
|
|
77
|
-
/**
|
|
77
|
+
/** {base.palette.slate.600} */
|
|
78
78
|
"base": "--cnvs-brand-neutral-base",
|
|
79
|
-
/**
|
|
79
|
+
/** {base.palette.slate.700} */
|
|
80
80
|
"dark": "--cnvs-brand-neutral-dark",
|
|
81
|
-
/**
|
|
81
|
+
/** {base.palette.slate.800} */
|
|
82
82
|
"darkest": "--cnvs-brand-neutral-darkest",
|
|
83
|
-
/**
|
|
83
|
+
/** {base.palette.neutral.0} */
|
|
84
84
|
"accent": "--cnvs-brand-neutral-accent",
|
|
85
|
-
/**
|
|
85
|
+
/** {base.palette.slate.50} */
|
|
86
86
|
"lighter": "--cnvs-brand-neutral-lighter",
|
|
87
|
-
/**
|
|
87
|
+
/** {base.palette.slate.200} */
|
|
88
88
|
"light": "--cnvs-brand-neutral-light",
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
export declare const common: {
|
|
92
|
-
/**
|
|
92
|
+
/** {base.palette.blue.500} */
|
|
93
93
|
"focusOutline": "--cnvs-brand-common-focus-outline",
|
|
94
|
-
/**
|
|
94
|
+
/** {base.palette.red.500} */
|
|
95
95
|
"errorInner": "--cnvs-brand-common-error-inner",
|
|
96
|
-
/**
|
|
96
|
+
/** {base.palette.amber.400} */
|
|
97
97
|
"alertInner": "--cnvs-brand-common-alert-inner",
|
|
98
|
-
/**
|
|
98
|
+
/** {base.palette.amber.500} */
|
|
99
99
|
"alertOuter": "--cnvs-brand-common-alert-outer",
|
|
100
100
|
};
|
|
101
101
|
|
|
102
102
|
export declare const action: {
|
|
103
103
|
/**
|
|
104
|
-
*
|
|
105
|
-
*
|
|
106
|
-
* token: base.blue.600
|
|
104
|
+
* {base.palette.blue.600}
|
|
107
105
|
*
|
|
108
106
|
* Base action color
|
|
107
|
+
*
|
|
108
|
+
*
|
|
109
109
|
*/
|
|
110
110
|
"base": "--cnvs-brand-action-base",
|
|
111
111
|
/**
|
|
112
|
-
*
|
|
113
|
-
*
|
|
114
|
-
* token: base.blue.25
|
|
112
|
+
* {base.palette.blue.25}
|
|
115
113
|
*
|
|
116
114
|
* Lightest action color
|
|
115
|
+
*
|
|
116
|
+
*
|
|
117
117
|
*/
|
|
118
118
|
"lightest": "--cnvs-brand-action-lightest",
|
|
119
119
|
/**
|
|
120
|
-
*
|
|
121
|
-
*
|
|
122
|
-
* token: base.blue.200
|
|
120
|
+
* {base.palette.blue.200}
|
|
123
121
|
*
|
|
124
122
|
* Light action color
|
|
123
|
+
*
|
|
124
|
+
*
|
|
125
125
|
*/
|
|
126
126
|
"light": "--cnvs-brand-action-light",
|
|
127
127
|
/**
|
|
128
|
-
*
|
|
129
|
-
*
|
|
130
|
-
* token: base.blue.950
|
|
128
|
+
* {base.palette.blue.950}
|
|
131
129
|
*
|
|
132
130
|
* Darkest action color
|
|
131
|
+
*
|
|
132
|
+
*
|
|
133
133
|
*/
|
|
134
134
|
"darkest": "--cnvs-brand-action-darkest",
|
|
135
135
|
/**
|
|
136
|
-
*
|
|
137
|
-
*
|
|
138
|
-
* token: base.blue.700
|
|
136
|
+
* {base.palette.blue.700}
|
|
139
137
|
*
|
|
140
138
|
* Dark action color
|
|
139
|
+
*
|
|
140
|
+
*
|
|
141
141
|
*/
|
|
142
142
|
"dark": "--cnvs-brand-action-dark",
|
|
143
143
|
/**
|
|
144
|
-
*
|
|
145
|
-
*
|
|
146
|
-
* token: base.neutral.0
|
|
144
|
+
* {base.palette.neutral.0}
|
|
147
145
|
*
|
|
148
146
|
* Foreground color in actions
|
|
147
|
+
*
|
|
148
|
+
*
|
|
149
149
|
*/
|
|
150
150
|
"accent": "--cnvs-brand-action-accent",
|
|
151
151
|
/**
|
|
152
|
-
*
|
|
153
|
-
*
|
|
154
|
-
* token: base.blue.800
|
|
152
|
+
* {base.palette.blue.800}
|
|
155
153
|
*
|
|
156
154
|
* Dark action color
|
|
155
|
+
*
|
|
156
|
+
*
|
|
157
157
|
*/
|
|
158
158
|
"darker": "--cnvs-brand-action-darker",
|
|
159
159
|
/**
|
|
160
|
-
*
|
|
161
|
-
*
|
|
162
|
-
* token: base.blue.50
|
|
160
|
+
* {base.palette.blue.50}
|
|
163
161
|
*
|
|
164
162
|
* Lightest action color
|
|
163
|
+
*
|
|
164
|
+
*
|
|
165
165
|
*/
|
|
166
166
|
"lighter": "--cnvs-brand-action-lighter",
|
|
167
167
|
};
|
|
168
168
|
|
|
169
169
|
export declare const gradient: {
|
|
170
|
-
/** linear-gradient(90deg,
|
|
170
|
+
/** linear-gradient(90deg, {brand.primary.base} 0%, {brand.primary.dark} 100%) */
|
|
171
171
|
"primary": "--cnvs-brand-gradient-primary",
|
|
172
172
|
};
|