@workday/canvas-tokens-web 3.0.0-alpha.12 → 3.0.0-alpha.13

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 +169 -1
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +3 -3
  4. package/dist/common-js/base/index.d.ts +337 -1
  5. package/dist/common-js/base/index.js +169 -1
  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 +3 -3
  11. package/dist/common-js/system/index.js +1 -1
  12. package/dist/es6/base/index.d.ts +337 -1
  13. package/dist/es6/base/index.js +169 -1
  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 +3 -3
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +169 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +3 -3
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +169 -1
  25. package/scss/base/_variables.scss +169 -1
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +3 -3
  29. package/scss/system/_variables.scss +3 -3
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export const amber25 = "--cnvs-base-palette-amber-25";
@@ -174,6 +174,174 @@ export const teal800 = "--cnvs-base-palette-teal-800";
174
174
  export const teal900 = "--cnvs-base-palette-teal-900";
175
175
  export const teal950 = "--cnvs-base-palette-teal-950";
176
176
  export const teal975 = "--cnvs-base-palette-teal-975";
177
+ export const cinnamon100 = "--cnvs-base-palette-cinnamon-100";
178
+ export const cinnamon200 = "--cnvs-base-palette-cinnamon-200";
179
+ export const cinnamon300 = "--cnvs-base-palette-cinnamon-300";
180
+ export const cinnamon400 = "--cnvs-base-palette-cinnamon-400";
181
+ export const cinnamon500 = "--cnvs-base-palette-cinnamon-500";
182
+ export const cinnamon600 = "--cnvs-base-palette-cinnamon-600";
183
+ export const peach100 = "--cnvs-base-palette-peach-100";
184
+ export const peach200 = "--cnvs-base-palette-peach-200";
185
+ export const peach300 = "--cnvs-base-palette-peach-300";
186
+ export const peach400 = "--cnvs-base-palette-peach-400";
187
+ export const peach500 = "--cnvs-base-palette-peach-500";
188
+ export const peach600 = "--cnvs-base-palette-peach-600";
189
+ export const chiliMango100 = "--cnvs-base-palette-chili-mango-100";
190
+ export const chiliMango200 = "--cnvs-base-palette-chili-mango-200";
191
+ export const chiliMango300 = "--cnvs-base-palette-chili-mango-300";
192
+ export const chiliMango400 = "--cnvs-base-palette-chili-mango-400";
193
+ export const chiliMango500 = "--cnvs-base-palette-chili-mango-500";
194
+ export const chiliMango600 = "--cnvs-base-palette-chili-mango-600";
195
+ export const cantaloupe100 = "--cnvs-base-palette-cantaloupe-100";
196
+ export const cantaloupe200 = "--cnvs-base-palette-cantaloupe-200";
197
+ export const cantaloupe300 = "--cnvs-base-palette-cantaloupe-300";
198
+ export const cantaloupe400 = "--cnvs-base-palette-cantaloupe-400";
199
+ export const cantaloupe500 = "--cnvs-base-palette-cantaloupe-500";
200
+ export const cantaloupe600 = "--cnvs-base-palette-cantaloupe-600";
201
+ export const sourLemon100 = "--cnvs-base-palette-sour-lemon-100";
202
+ export const sourLemon200 = "--cnvs-base-palette-sour-lemon-200";
203
+ export const sourLemon300 = "--cnvs-base-palette-sour-lemon-300";
204
+ export const sourLemon400 = "--cnvs-base-palette-sour-lemon-400";
205
+ export const sourLemon500 = "--cnvs-base-palette-sour-lemon-500";
206
+ export const sourLemon600 = "--cnvs-base-palette-sour-lemon-600";
207
+ export const juicyPear100 = "--cnvs-base-palette-juicy-pear-100";
208
+ export const juicyPear200 = "--cnvs-base-palette-juicy-pear-200";
209
+ export const juicyPear300 = "--cnvs-base-palette-juicy-pear-300";
210
+ export const juicyPear400 = "--cnvs-base-palette-juicy-pear-400";
211
+ export const juicyPear500 = "--cnvs-base-palette-juicy-pear-500";
212
+ export const juicyPear600 = "--cnvs-base-palette-juicy-pear-600";
213
+ export const kiwi100 = "--cnvs-base-palette-kiwi-100";
214
+ export const kiwi200 = "--cnvs-base-palette-kiwi-200";
215
+ export const kiwi300 = "--cnvs-base-palette-kiwi-300";
216
+ export const kiwi400 = "--cnvs-base-palette-kiwi-400";
217
+ export const kiwi500 = "--cnvs-base-palette-kiwi-500";
218
+ export const kiwi600 = "--cnvs-base-palette-kiwi-600";
219
+ export const greenApple100 = "--cnvs-base-palette-green-apple-100";
220
+ export const greenApple200 = "--cnvs-base-palette-green-apple-200";
221
+ export const greenApple300 = "--cnvs-base-palette-green-apple-300";
222
+ export const greenApple400 = "--cnvs-base-palette-green-apple-400";
223
+ export const greenApple500 = "--cnvs-base-palette-green-apple-500";
224
+ export const greenApple600 = "--cnvs-base-palette-green-apple-600";
225
+ export const watermelon100 = "--cnvs-base-palette-watermelon-100";
226
+ export const watermelon200 = "--cnvs-base-palette-watermelon-200";
227
+ export const watermelon300 = "--cnvs-base-palette-watermelon-300";
228
+ export const watermelon400 = "--cnvs-base-palette-watermelon-400";
229
+ export const watermelon500 = "--cnvs-base-palette-watermelon-500";
230
+ export const watermelon600 = "--cnvs-base-palette-watermelon-600";
231
+ export const jewel100 = "--cnvs-base-palette-jewel-100";
232
+ export const jewel200 = "--cnvs-base-palette-jewel-200";
233
+ export const jewel300 = "--cnvs-base-palette-jewel-300";
234
+ export const jewel400 = "--cnvs-base-palette-jewel-400";
235
+ export const jewel500 = "--cnvs-base-palette-jewel-500";
236
+ export const jewel600 = "--cnvs-base-palette-jewel-600";
237
+ export const toothpaste100 = "--cnvs-base-palette-toothpaste-100";
238
+ export const toothpaste200 = "--cnvs-base-palette-toothpaste-200";
239
+ export const toothpaste300 = "--cnvs-base-palette-toothpaste-300";
240
+ export const toothpaste400 = "--cnvs-base-palette-toothpaste-400";
241
+ export const toothpaste500 = "--cnvs-base-palette-toothpaste-500";
242
+ export const toothpaste600 = "--cnvs-base-palette-toothpaste-600";
243
+ export const blueberry100 = "--cnvs-base-palette-blueberry-100";
244
+ export const blueberry200 = "--cnvs-base-palette-blueberry-200";
245
+ export const blueberry300 = "--cnvs-base-palette-blueberry-300";
246
+ export const blueberry400 = "--cnvs-base-palette-blueberry-400";
247
+ export const blueberry500 = "--cnvs-base-palette-blueberry-500";
248
+ export const blueberry600 = "--cnvs-base-palette-blueberry-600";
249
+ export const plum100 = "--cnvs-base-palette-plum-100";
250
+ export const plum200 = "--cnvs-base-palette-plum-200";
251
+ export const plum300 = "--cnvs-base-palette-plum-300";
252
+ export const plum400 = "--cnvs-base-palette-plum-400";
253
+ export const plum500 = "--cnvs-base-palette-plum-500";
254
+ export const plum600 = "--cnvs-base-palette-plum-600";
255
+ export const berrySmoothie100 = "--cnvs-base-palette-berry-smoothie-100";
256
+ export const berrySmoothie200 = "--cnvs-base-palette-berry-smoothie-200";
257
+ export const berrySmoothie300 = "--cnvs-base-palette-berry-smoothie-300";
258
+ export const berrySmoothie400 = "--cnvs-base-palette-berry-smoothie-400";
259
+ export const berrySmoothie500 = "--cnvs-base-palette-berry-smoothie-500";
260
+ export const berrySmoothie600 = "--cnvs-base-palette-berry-smoothie-600";
261
+ export const blackberry100 = "--cnvs-base-palette-blackberry-100";
262
+ export const blackberry200 = "--cnvs-base-palette-blackberry-200";
263
+ export const blackberry300 = "--cnvs-base-palette-blackberry-300";
264
+ export const blackberry400 = "--cnvs-base-palette-blackberry-400";
265
+ export const blackberry500 = "--cnvs-base-palette-blackberry-500";
266
+ export const blackberry600 = "--cnvs-base-palette-blackberry-600";
267
+ export const islandPunch100 = "--cnvs-base-palette-island-punch-100";
268
+ export const islandPunch200 = "--cnvs-base-palette-island-punch-200";
269
+ export const islandPunch300 = "--cnvs-base-palette-island-punch-300";
270
+ export const islandPunch400 = "--cnvs-base-palette-island-punch-400";
271
+ export const islandPunch500 = "--cnvs-base-palette-island-punch-500";
272
+ export const islandPunch600 = "--cnvs-base-palette-island-punch-600";
273
+ export const grapeSoda100 = "--cnvs-base-palette-grape-soda-100";
274
+ export const grapeSoda200 = "--cnvs-base-palette-grape-soda-200";
275
+ export const grapeSoda300 = "--cnvs-base-palette-grape-soda-300";
276
+ export const grapeSoda400 = "--cnvs-base-palette-grape-soda-400";
277
+ export const grapeSoda500 = "--cnvs-base-palette-grape-soda-500";
278
+ export const grapeSoda600 = "--cnvs-base-palette-grape-soda-600";
279
+ export const pomegranate100 = "--cnvs-base-palette-pomegranate-100";
280
+ export const pomegranate200 = "--cnvs-base-palette-pomegranate-200";
281
+ export const pomegranate300 = "--cnvs-base-palette-pomegranate-300";
282
+ export const pomegranate400 = "--cnvs-base-palette-pomegranate-400";
283
+ export const pomegranate500 = "--cnvs-base-palette-pomegranate-500";
284
+ export const pomegranate600 = "--cnvs-base-palette-pomegranate-600";
285
+ export const fruitPunch100 = "--cnvs-base-palette-fruit-punch-100";
286
+ export const fruitPunch200 = "--cnvs-base-palette-fruit-punch-200";
287
+ export const fruitPunch300 = "--cnvs-base-palette-fruit-punch-300";
288
+ export const fruitPunch400 = "--cnvs-base-palette-fruit-punch-400";
289
+ export const fruitPunch500 = "--cnvs-base-palette-fruit-punch-500";
290
+ export const fruitPunch600 = "--cnvs-base-palette-fruit-punch-600";
291
+ export const rootBeer100 = "--cnvs-base-palette-root-beer-100";
292
+ export const rootBeer200 = "--cnvs-base-palette-root-beer-200";
293
+ export const rootBeer300 = "--cnvs-base-palette-root-beer-300";
294
+ export const rootBeer400 = "--cnvs-base-palette-root-beer-400";
295
+ export const rootBeer500 = "--cnvs-base-palette-root-beer-500";
296
+ export const rootBeer600 = "--cnvs-base-palette-root-beer-600";
297
+ export const toastedMarshmallow100 = "--cnvs-base-palette-toasted-marshmallow-100";
298
+ export const toastedMarshmallow200 = "--cnvs-base-palette-toasted-marshmallow-200";
299
+ export const toastedMarshmallow300 = "--cnvs-base-palette-toasted-marshmallow-300";
300
+ export const toastedMarshmallow400 = "--cnvs-base-palette-toasted-marshmallow-400";
301
+ export const toastedMarshmallow500 = "--cnvs-base-palette-toasted-marshmallow-500";
302
+ export const toastedMarshmallow600 = "--cnvs-base-palette-toasted-marshmallow-600";
303
+ export const licorice100 = "--cnvs-base-palette-licorice-100";
304
+ export const licorice200 = "--cnvs-base-palette-licorice-200";
305
+ export const licorice300 = "--cnvs-base-palette-licorice-300";
306
+ export const licorice400 = "--cnvs-base-palette-licorice-400";
307
+ export const licorice500 = "--cnvs-base-palette-licorice-500";
308
+ export const licorice600 = "--cnvs-base-palette-licorice-600";
309
+ export const soap100 = "--cnvs-base-palette-soap-100";
310
+ export const soap200 = "--cnvs-base-palette-soap-200";
311
+ export const soap300 = "--cnvs-base-palette-soap-300";
312
+ export const soap400 = "--cnvs-base-palette-soap-400";
313
+ export const soap500 = "--cnvs-base-palette-soap-500";
314
+ export const soap600 = "--cnvs-base-palette-soap-600";
315
+ export const frenchVanilla100 = "--cnvs-base-palette-french-vanilla-100";
316
+ export const frenchVanilla200 = "--cnvs-base-palette-french-vanilla-200";
317
+ export const frenchVanilla300 = "--cnvs-base-palette-french-vanilla-300";
318
+ export const frenchVanilla400 = "--cnvs-base-palette-french-vanilla-400";
319
+ export const frenchVanilla500 = "--cnvs-base-palette-french-vanilla-500";
320
+ export const frenchVanilla600 = "--cnvs-base-palette-french-vanilla-600";
321
+ export const dragonFruit100 = "--cnvs-base-palette-dragon-fruit-100";
322
+ export const dragonFruit200 = "--cnvs-base-palette-dragon-fruit-200";
323
+ export const dragonFruit300 = "--cnvs-base-palette-dragon-fruit-300";
324
+ export const dragonFruit400 = "--cnvs-base-palette-dragon-fruit-400";
325
+ export const dragonFruit500 = "--cnvs-base-palette-dragon-fruit-500";
326
+ export const dragonFruit600 = "--cnvs-base-palette-dragon-fruit-600";
327
+ export const blackPepper100 = "--cnvs-base-palette-black-pepper-100";
328
+ export const blackPepper200 = "--cnvs-base-palette-black-pepper-200";
329
+ export const blackPepper300 = "--cnvs-base-palette-black-pepper-300";
330
+ export const blackPepper400 = "--cnvs-base-palette-black-pepper-400";
331
+ export const blackPepper500 = "--cnvs-base-palette-black-pepper-500";
332
+ export const blackPepper600 = "--cnvs-base-palette-black-pepper-600";
333
+ export const coconut100 = "--cnvs-base-palette-coconut-100";
334
+ export const coconut200 = "--cnvs-base-palette-coconut-200";
335
+ export const coconut300 = "--cnvs-base-palette-coconut-300";
336
+ export const coconut400 = "--cnvs-base-palette-coconut-400";
337
+ export const coconut500 = "--cnvs-base-palette-coconut-500";
338
+ export const coconut600 = "--cnvs-base-palette-coconut-600";
339
+ export const cappuccino100 = "--cnvs-base-palette-cappuccino-100";
340
+ export const cappuccino200 = "--cnvs-base-palette-cappuccino-200";
341
+ export const cappuccino300 = "--cnvs-base-palette-cappuccino-300";
342
+ export const cappuccino400 = "--cnvs-base-palette-cappuccino-400";
343
+ export const cappuccino500 = "--cnvs-base-palette-cappuccino-500";
344
+ export const cappuccino600 = "--cnvs-base-palette-cappuccino-600";
177
345
  export const opacity0 = "--cnvs-base-opacity-0";
178
346
  export const opacity100 = "--cnvs-base-opacity-100";
179
347
  export const opacity200 = "--cnvs-base-opacity-200";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export const primary = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -544,7 +544,7 @@ export declare const color: {
544
544
  *
545
545
  * token: oklch({base.neutral.1000} / {base.opacity.200})
546
546
  *
547
- * Inverse Button Hover state
547
+ * Inverse Secondary Button Hover state
548
548
  */
549
549
  "strong": "--cnvs-sys-color-bg-transparent-strong",
550
550
  /**
@@ -552,7 +552,7 @@ export declare const color: {
552
552
  *
553
553
  * token: oklch({base.neutral.1000} / {base.opacity.250})
554
554
  *
555
- * Inverse Button Active state
555
+ * Inverse Secondary Button Active state
556
556
  */
557
557
  "stronger": "--cnvs-sys-color-bg-transparent-stronger",
558
558
  },
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ * Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ // Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
 
5
5
  @cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  @cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
@@ -173,6 +173,174 @@
173
173
  @cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
174
174
  @cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
175
175
  @cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
176
+ @cnvs-base-palette-cinnamon-100: #ffefee;
177
+ @cnvs-base-palette-cinnamon-200: #FCC9C5;
178
+ @cnvs-base-palette-cinnamon-300: #ff867d;
179
+ @cnvs-base-palette-cinnamon-400: #ff5347;
180
+ @cnvs-base-palette-cinnamon-500: #de2e21;
181
+ @cnvs-base-palette-cinnamon-600: #a31b12;
182
+ @cnvs-base-palette-peach-100: #fff3f0;
183
+ @cnvs-base-palette-peach-200: #ffc2b3;
184
+ @cnvs-base-palette-peach-300: #ff957a;
185
+ @cnvs-base-palette-peach-400: #ff643d;
186
+ @cnvs-base-palette-peach-500: #de4721;
187
+ @cnvs-base-palette-peach-600: #b53413;
188
+ @cnvs-base-palette-chili-mango-100: #ffe6d9;
189
+ @cnvs-base-palette-chili-mango-200: #ffc7ab;
190
+ @cnvs-base-palette-chili-mango-300: #ff9b69;
191
+ @cnvs-base-palette-chili-mango-400: #ff671b;
192
+ @cnvs-base-palette-chili-mango-500: #e04b00;
193
+ @cnvs-base-palette-chili-mango-600: #a33600;
194
+ @cnvs-base-palette-cantaloupe-100: #ffeed9;
195
+ @cnvs-base-palette-cantaloupe-200: #fcd49f;
196
+ @cnvs-base-palette-cantaloupe-300: #ffbc63;
197
+ @cnvs-base-palette-cantaloupe-400: #ffa126;
198
+ @cnvs-base-palette-cantaloupe-500: #f38b00;
199
+ @cnvs-base-palette-cantaloupe-600: #c06c00;
200
+ @cnvs-base-palette-sour-lemon-100: #fff9e6;
201
+ @cnvs-base-palette-sour-lemon-200: #ffecab;
202
+ @cnvs-base-palette-sour-lemon-300: #ffda61;
203
+ @cnvs-base-palette-sour-lemon-400: #ffc629;
204
+ @cnvs-base-palette-sour-lemon-500: #ebb400;
205
+ @cnvs-base-palette-sour-lemon-600: #bd9100;
206
+ @cnvs-base-palette-juicy-pear-100: #f7fae6;
207
+ @cnvs-base-palette-juicy-pear-200: #e2f391;
208
+ @cnvs-base-palette-juicy-pear-300: #c4de40;
209
+ @cnvs-base-palette-juicy-pear-400: #a8c224;
210
+ @cnvs-base-palette-juicy-pear-500: #8ea618;
211
+ @cnvs-base-palette-juicy-pear-600: #687818;
212
+ @cnvs-base-palette-kiwi-100: #ecfcd7;
213
+ @cnvs-base-palette-kiwi-200: #caf593;
214
+ @cnvs-base-palette-kiwi-300: #a7e05c;
215
+ @cnvs-base-palette-kiwi-400: #77bc1f;
216
+ @cnvs-base-palette-kiwi-500: #609915;
217
+ @cnvs-base-palette-kiwi-600: #537824;
218
+ @cnvs-base-palette-green-apple-100: #ebfff0;
219
+ @cnvs-base-palette-green-apple-200: #acf5be;
220
+ @cnvs-base-palette-green-apple-300: #5fe380;
221
+ @cnvs-base-palette-green-apple-400: #43c463;
222
+ @cnvs-base-palette-green-apple-500: #319c4c;
223
+ @cnvs-base-palette-green-apple-600: #217a37;
224
+ @cnvs-base-palette-watermelon-100: #ebfdf8;
225
+ @cnvs-base-palette-watermelon-200: #b7edde;
226
+ @cnvs-base-palette-watermelon-300: #65ccaf;
227
+ @cnvs-base-palette-watermelon-400: #12a67c;
228
+ @cnvs-base-palette-watermelon-500: #0c7a5b;
229
+ @cnvs-base-palette-watermelon-600: #00573e;
230
+ @cnvs-base-palette-jewel-100: #ebfdff;
231
+ @cnvs-base-palette-jewel-200: #acecf3;
232
+ @cnvs-base-palette-jewel-300: #44c8d7;
233
+ @cnvs-base-palette-jewel-400: #1ea4b3;
234
+ @cnvs-base-palette-jewel-500: #1a818c;
235
+ @cnvs-base-palette-jewel-600: #156973;
236
+ @cnvs-base-palette-toothpaste-100: #d7f1fc;
237
+ @cnvs-base-palette-toothpaste-200: #99e0ff;
238
+ @cnvs-base-palette-toothpaste-300: #40b4e5;
239
+ @cnvs-base-palette-toothpaste-400: #1894c9;
240
+ @cnvs-base-palette-toothpaste-500: #0271a1;
241
+ @cnvs-base-palette-toothpaste-600: #005B82;
242
+ @cnvs-base-palette-blueberry-100: #D7EAFC;
243
+ @cnvs-base-palette-blueberry-200: #A6D2FF;
244
+ @cnvs-base-palette-blueberry-300: #40A0FF;
245
+ @cnvs-base-palette-blueberry-400: #0875E1;
246
+ @cnvs-base-palette-blueberry-500: #005cb9;
247
+ @cnvs-base-palette-blueberry-600: #004387;
248
+ @cnvs-base-palette-plum-100: #e6f1ff;
249
+ @cnvs-base-palette-plum-200: #A6CDFF;
250
+ @cnvs-base-palette-plum-300: #529bfa;
251
+ @cnvs-base-palette-plum-400: #3881E1;
252
+ @cnvs-base-palette-plum-500: #3166ab;
253
+ @cnvs-base-palette-plum-600: #264a7a;
254
+ @cnvs-base-palette-berry-smoothie-100: #e8edff;
255
+ @cnvs-base-palette-berry-smoothie-200: #c2cfff;
256
+ @cnvs-base-palette-berry-smoothie-300: #7891FF;
257
+ @cnvs-base-palette-berry-smoothie-400: #5E77E6;
258
+ @cnvs-base-palette-berry-smoothie-500: #4b5eb3;
259
+ @cnvs-base-palette-berry-smoothie-600: #3b4987;
260
+ @cnvs-base-palette-blackberry-100: #f0f0ff;
261
+ @cnvs-base-palette-blackberry-200: #c3c2ff;
262
+ @cnvs-base-palette-blackberry-300: #8483e6;
263
+ @cnvs-base-palette-blackberry-400: #5c59e6;
264
+ @cnvs-base-palette-blackberry-500: #413fcc;
265
+ @cnvs-base-palette-blackberry-600: #2e2d91;
266
+ @cnvs-base-palette-island-punch-100: #f5f0ff;
267
+ @cnvs-base-palette-island-punch-200: #d2befa;
268
+ @cnvs-base-palette-island-punch-300: #a88ae6;
269
+ @cnvs-base-palette-island-punch-400: #8660d1;
270
+ @cnvs-base-palette-island-punch-500: #6345a1;
271
+ @cnvs-base-palette-island-punch-600: #503882;
272
+ @cnvs-base-palette-grape-soda-100: #feebff;
273
+ @cnvs-base-palette-grape-soda-200: #fac0ff;
274
+ @cnvs-base-palette-grape-soda-300: #de8ae6;
275
+ @cnvs-base-palette-grape-soda-400: #c860d1;
276
+ @cnvs-base-palette-grape-soda-500: #97499e;
277
+ @cnvs-base-palette-grape-soda-600: #7C3882;
278
+ @cnvs-base-palette-pomegranate-100: #ffebf3;
279
+ @cnvs-base-palette-pomegranate-200: #ffbdd6;
280
+ @cnvs-base-palette-pomegranate-300: #ff5c9a;
281
+ @cnvs-base-palette-pomegranate-400: #f31167;
282
+ @cnvs-base-palette-pomegranate-500: #c70550;
283
+ @cnvs-base-palette-pomegranate-600: #99003a;
284
+ @cnvs-base-palette-fruit-punch-100: #FFEEEE;
285
+ @cnvs-base-palette-fruit-punch-200: #ffbdbd;
286
+ @cnvs-base-palette-fruit-punch-300: #FF7E7E;
287
+ @cnvs-base-palette-fruit-punch-400: #ff4c4c;
288
+ @cnvs-base-palette-fruit-punch-500: #e12f2f;
289
+ @cnvs-base-palette-fruit-punch-600: #b82828;
290
+ @cnvs-base-palette-root-beer-100: #faf3f0;
291
+ @cnvs-base-palette-root-beer-200: #EBD7CF;
292
+ @cnvs-base-palette-root-beer-300: #dcbbad;
293
+ @cnvs-base-palette-root-beer-400: #ba9a8c;
294
+ @cnvs-base-palette-root-beer-500: #8C7266;
295
+ @cnvs-base-palette-root-beer-600: #664d42;
296
+ @cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;
297
+ @cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;
298
+ @cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;
299
+ @cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;
300
+ @cnvs-base-palette-toasted-marshmallow-500: #b37f10;
301
+ @cnvs-base-palette-toasted-marshmallow-600: #8C6000;
302
+ @cnvs-base-palette-licorice-100: #A1AAB3;
303
+ @cnvs-base-palette-licorice-200: #7b858f;
304
+ @cnvs-base-palette-licorice-300: #5E6A75;
305
+ @cnvs-base-palette-licorice-400: #4a5561;
306
+ @cnvs-base-palette-licorice-500: #333d47;
307
+ @cnvs-base-palette-licorice-600: #1f262e;
308
+ @cnvs-base-palette-soap-100: #f6f7f8;
309
+ @cnvs-base-palette-soap-200: #F0F1F2;
310
+ @cnvs-base-palette-soap-300: #e8ebed;
311
+ @cnvs-base-palette-soap-400: #DFE2E6;
312
+ @cnvs-base-palette-soap-500: #ced3d9;
313
+ @cnvs-base-palette-soap-600: #B9C0C7;
314
+ @cnvs-base-palette-french-vanilla-100: #ffffff;
315
+ @cnvs-base-palette-french-vanilla-200: #ebebeb;
316
+ @cnvs-base-palette-french-vanilla-300: #d4d4d4;
317
+ @cnvs-base-palette-french-vanilla-400: #bdbdbd;
318
+ @cnvs-base-palette-french-vanilla-500: #a6a6a6;
319
+ @cnvs-base-palette-french-vanilla-600: #8f8f8f;
320
+ @cnvs-base-palette-dragon-fruit-100: ;
321
+ @cnvs-base-palette-dragon-fruit-200: ;
322
+ @cnvs-base-palette-dragon-fruit-300: ;
323
+ @cnvs-base-palette-dragon-fruit-400: ;
324
+ @cnvs-base-palette-dragon-fruit-500: ;
325
+ @cnvs-base-palette-dragon-fruit-600: ;
326
+ @cnvs-base-palette-black-pepper-100: #787878;
327
+ @cnvs-base-palette-black-pepper-200: #616161;
328
+ @cnvs-base-palette-black-pepper-300: #494949;
329
+ @cnvs-base-palette-black-pepper-400: #333333;
330
+ @cnvs-base-palette-black-pepper-500: #1e1e1e;
331
+ @cnvs-base-palette-black-pepper-600: #000000;
332
+ @cnvs-base-palette-coconut-100: #F0EEEE;
333
+ @cnvs-base-palette-coconut-200: #e3dfdf;
334
+ @cnvs-base-palette-coconut-300: #d1cbcc;
335
+ @cnvs-base-palette-coconut-400: #b3acac;
336
+ @cnvs-base-palette-coconut-500: #9e9595;
337
+ @cnvs-base-palette-coconut-600: #8F8687;
338
+ @cnvs-base-palette-cappuccino-100: #7A7374;
339
+ @cnvs-base-palette-cappuccino-200: #706869;
340
+ @cnvs-base-palette-cappuccino-300: #5E5757;
341
+ @cnvs-base-palette-cappuccino-400: #4A4242;
342
+ @cnvs-base-palette-cappuccino-500: #352f2f;
343
+ @cnvs-base-palette-cappuccino-600: #231f20;
176
344
  @cnvs-base-opacity-0: 0;
177
345
  @cnvs-base-opacity-100: 0.08;
178
346
  @cnvs-base-opacity-200: 0.12;
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ // Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
 
5
5
  @cnvs-brand-common-alert-outer: @cnvs-base-palette-amber-500;
6
6
  @cnvs-brand-common-alert-inner: @cnvs-base-palette-amber-400;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ // Generated on Wed, 06 Aug 2025 21:32:18 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.
@@ -207,8 +207,8 @@
207
207
  @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-100; // Surface hover, Secondary surfaces
208
208
  @cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
209
209
  @cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
210
- @cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); // Inverse Button Active state
211
- @cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-200)); // Inverse Button Hover state
210
+ @cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); // Inverse Secondary Button Active state
211
+ @cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-200)); // Inverse Secondary Button Hover state
212
212
  @cnvs-sys-color-bg-transparent-default: transparent; // Transparent background
213
213
  @cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Main background color
214
214
  @cnvs-sys-font-weight-bold: @cnvs-base-font-weight-700;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "3.0.0-alpha.12",
3
+ "version": "3.0.0-alpha.13",
4
4
  "description": "Canvas design tokens for web",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "CC-BY-ND-4.0",
package/scss/base/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Aug 2025 00:24:24 GMT
3
+ // Generated on Wed, 06 Aug 2025 21:32:18 GMT
4
4
 
5
5
  $cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  $cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
@@ -173,6 +173,174 @@ $cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
173
173
  $cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
174
174
  $cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
175
175
  $cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
176
+ $cnvs-base-palette-cinnamon-100: #ffefee;
177
+ $cnvs-base-palette-cinnamon-200: #FCC9C5;
178
+ $cnvs-base-palette-cinnamon-300: #ff867d;
179
+ $cnvs-base-palette-cinnamon-400: #ff5347;
180
+ $cnvs-base-palette-cinnamon-500: #de2e21;
181
+ $cnvs-base-palette-cinnamon-600: #a31b12;
182
+ $cnvs-base-palette-peach-100: #fff3f0;
183
+ $cnvs-base-palette-peach-200: #ffc2b3;
184
+ $cnvs-base-palette-peach-300: #ff957a;
185
+ $cnvs-base-palette-peach-400: #ff643d;
186
+ $cnvs-base-palette-peach-500: #de4721;
187
+ $cnvs-base-palette-peach-600: #b53413;
188
+ $cnvs-base-palette-chili-mango-100: #ffe6d9;
189
+ $cnvs-base-palette-chili-mango-200: #ffc7ab;
190
+ $cnvs-base-palette-chili-mango-300: #ff9b69;
191
+ $cnvs-base-palette-chili-mango-400: #ff671b;
192
+ $cnvs-base-palette-chili-mango-500: #e04b00;
193
+ $cnvs-base-palette-chili-mango-600: #a33600;
194
+ $cnvs-base-palette-cantaloupe-100: #ffeed9;
195
+ $cnvs-base-palette-cantaloupe-200: #fcd49f;
196
+ $cnvs-base-palette-cantaloupe-300: #ffbc63;
197
+ $cnvs-base-palette-cantaloupe-400: #ffa126;
198
+ $cnvs-base-palette-cantaloupe-500: #f38b00;
199
+ $cnvs-base-palette-cantaloupe-600: #c06c00;
200
+ $cnvs-base-palette-sour-lemon-100: #fff9e6;
201
+ $cnvs-base-palette-sour-lemon-200: #ffecab;
202
+ $cnvs-base-palette-sour-lemon-300: #ffda61;
203
+ $cnvs-base-palette-sour-lemon-400: #ffc629;
204
+ $cnvs-base-palette-sour-lemon-500: #ebb400;
205
+ $cnvs-base-palette-sour-lemon-600: #bd9100;
206
+ $cnvs-base-palette-juicy-pear-100: #f7fae6;
207
+ $cnvs-base-palette-juicy-pear-200: #e2f391;
208
+ $cnvs-base-palette-juicy-pear-300: #c4de40;
209
+ $cnvs-base-palette-juicy-pear-400: #a8c224;
210
+ $cnvs-base-palette-juicy-pear-500: #8ea618;
211
+ $cnvs-base-palette-juicy-pear-600: #687818;
212
+ $cnvs-base-palette-kiwi-100: #ecfcd7;
213
+ $cnvs-base-palette-kiwi-200: #caf593;
214
+ $cnvs-base-palette-kiwi-300: #a7e05c;
215
+ $cnvs-base-palette-kiwi-400: #77bc1f;
216
+ $cnvs-base-palette-kiwi-500: #609915;
217
+ $cnvs-base-palette-kiwi-600: #537824;
218
+ $cnvs-base-palette-green-apple-100: #ebfff0;
219
+ $cnvs-base-palette-green-apple-200: #acf5be;
220
+ $cnvs-base-palette-green-apple-300: #5fe380;
221
+ $cnvs-base-palette-green-apple-400: #43c463;
222
+ $cnvs-base-palette-green-apple-500: #319c4c;
223
+ $cnvs-base-palette-green-apple-600: #217a37;
224
+ $cnvs-base-palette-watermelon-100: #ebfdf8;
225
+ $cnvs-base-palette-watermelon-200: #b7edde;
226
+ $cnvs-base-palette-watermelon-300: #65ccaf;
227
+ $cnvs-base-palette-watermelon-400: #12a67c;
228
+ $cnvs-base-palette-watermelon-500: #0c7a5b;
229
+ $cnvs-base-palette-watermelon-600: #00573e;
230
+ $cnvs-base-palette-jewel-100: #ebfdff;
231
+ $cnvs-base-palette-jewel-200: #acecf3;
232
+ $cnvs-base-palette-jewel-300: #44c8d7;
233
+ $cnvs-base-palette-jewel-400: #1ea4b3;
234
+ $cnvs-base-palette-jewel-500: #1a818c;
235
+ $cnvs-base-palette-jewel-600: #156973;
236
+ $cnvs-base-palette-toothpaste-100: #d7f1fc;
237
+ $cnvs-base-palette-toothpaste-200: #99e0ff;
238
+ $cnvs-base-palette-toothpaste-300: #40b4e5;
239
+ $cnvs-base-palette-toothpaste-400: #1894c9;
240
+ $cnvs-base-palette-toothpaste-500: #0271a1;
241
+ $cnvs-base-palette-toothpaste-600: #005B82;
242
+ $cnvs-base-palette-blueberry-100: #D7EAFC;
243
+ $cnvs-base-palette-blueberry-200: #A6D2FF;
244
+ $cnvs-base-palette-blueberry-300: #40A0FF;
245
+ $cnvs-base-palette-blueberry-400: #0875E1;
246
+ $cnvs-base-palette-blueberry-500: #005cb9;
247
+ $cnvs-base-palette-blueberry-600: #004387;
248
+ $cnvs-base-palette-plum-100: #e6f1ff;
249
+ $cnvs-base-palette-plum-200: #A6CDFF;
250
+ $cnvs-base-palette-plum-300: #529bfa;
251
+ $cnvs-base-palette-plum-400: #3881E1;
252
+ $cnvs-base-palette-plum-500: #3166ab;
253
+ $cnvs-base-palette-plum-600: #264a7a;
254
+ $cnvs-base-palette-berry-smoothie-100: #e8edff;
255
+ $cnvs-base-palette-berry-smoothie-200: #c2cfff;
256
+ $cnvs-base-palette-berry-smoothie-300: #7891FF;
257
+ $cnvs-base-palette-berry-smoothie-400: #5E77E6;
258
+ $cnvs-base-palette-berry-smoothie-500: #4b5eb3;
259
+ $cnvs-base-palette-berry-smoothie-600: #3b4987;
260
+ $cnvs-base-palette-blackberry-100: #f0f0ff;
261
+ $cnvs-base-palette-blackberry-200: #c3c2ff;
262
+ $cnvs-base-palette-blackberry-300: #8483e6;
263
+ $cnvs-base-palette-blackberry-400: #5c59e6;
264
+ $cnvs-base-palette-blackberry-500: #413fcc;
265
+ $cnvs-base-palette-blackberry-600: #2e2d91;
266
+ $cnvs-base-palette-island-punch-100: #f5f0ff;
267
+ $cnvs-base-palette-island-punch-200: #d2befa;
268
+ $cnvs-base-palette-island-punch-300: #a88ae6;
269
+ $cnvs-base-palette-island-punch-400: #8660d1;
270
+ $cnvs-base-palette-island-punch-500: #6345a1;
271
+ $cnvs-base-palette-island-punch-600: #503882;
272
+ $cnvs-base-palette-grape-soda-100: #feebff;
273
+ $cnvs-base-palette-grape-soda-200: #fac0ff;
274
+ $cnvs-base-palette-grape-soda-300: #de8ae6;
275
+ $cnvs-base-palette-grape-soda-400: #c860d1;
276
+ $cnvs-base-palette-grape-soda-500: #97499e;
277
+ $cnvs-base-palette-grape-soda-600: #7C3882;
278
+ $cnvs-base-palette-pomegranate-100: #ffebf3;
279
+ $cnvs-base-palette-pomegranate-200: #ffbdd6;
280
+ $cnvs-base-palette-pomegranate-300: #ff5c9a;
281
+ $cnvs-base-palette-pomegranate-400: #f31167;
282
+ $cnvs-base-palette-pomegranate-500: #c70550;
283
+ $cnvs-base-palette-pomegranate-600: #99003a;
284
+ $cnvs-base-palette-fruit-punch-100: #FFEEEE;
285
+ $cnvs-base-palette-fruit-punch-200: #ffbdbd;
286
+ $cnvs-base-palette-fruit-punch-300: #FF7E7E;
287
+ $cnvs-base-palette-fruit-punch-400: #ff4c4c;
288
+ $cnvs-base-palette-fruit-punch-500: #e12f2f;
289
+ $cnvs-base-palette-fruit-punch-600: #b82828;
290
+ $cnvs-base-palette-root-beer-100: #faf3f0;
291
+ $cnvs-base-palette-root-beer-200: #EBD7CF;
292
+ $cnvs-base-palette-root-beer-300: #dcbbad;
293
+ $cnvs-base-palette-root-beer-400: #ba9a8c;
294
+ $cnvs-base-palette-root-beer-500: #8C7266;
295
+ $cnvs-base-palette-root-beer-600: #664d42;
296
+ $cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;
297
+ $cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;
298
+ $cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;
299
+ $cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;
300
+ $cnvs-base-palette-toasted-marshmallow-500: #b37f10;
301
+ $cnvs-base-palette-toasted-marshmallow-600: #8C6000;
302
+ $cnvs-base-palette-licorice-100: #A1AAB3;
303
+ $cnvs-base-palette-licorice-200: #7b858f;
304
+ $cnvs-base-palette-licorice-300: #5E6A75;
305
+ $cnvs-base-palette-licorice-400: #4a5561;
306
+ $cnvs-base-palette-licorice-500: #333d47;
307
+ $cnvs-base-palette-licorice-600: #1f262e;
308
+ $cnvs-base-palette-soap-100: #f6f7f8;
309
+ $cnvs-base-palette-soap-200: #F0F1F2;
310
+ $cnvs-base-palette-soap-300: #e8ebed;
311
+ $cnvs-base-palette-soap-400: #DFE2E6;
312
+ $cnvs-base-palette-soap-500: #ced3d9;
313
+ $cnvs-base-palette-soap-600: #B9C0C7;
314
+ $cnvs-base-palette-french-vanilla-100: #ffffff;
315
+ $cnvs-base-palette-french-vanilla-200: #ebebeb;
316
+ $cnvs-base-palette-french-vanilla-300: #d4d4d4;
317
+ $cnvs-base-palette-french-vanilla-400: #bdbdbd;
318
+ $cnvs-base-palette-french-vanilla-500: #a6a6a6;
319
+ $cnvs-base-palette-french-vanilla-600: #8f8f8f;
320
+ $cnvs-base-palette-dragon-fruit-100: ;
321
+ $cnvs-base-palette-dragon-fruit-200: ;
322
+ $cnvs-base-palette-dragon-fruit-300: ;
323
+ $cnvs-base-palette-dragon-fruit-400: ;
324
+ $cnvs-base-palette-dragon-fruit-500: ;
325
+ $cnvs-base-palette-dragon-fruit-600: ;
326
+ $cnvs-base-palette-black-pepper-100: #787878;
327
+ $cnvs-base-palette-black-pepper-200: #616161;
328
+ $cnvs-base-palette-black-pepper-300: #494949;
329
+ $cnvs-base-palette-black-pepper-400: #333333;
330
+ $cnvs-base-palette-black-pepper-500: #1e1e1e;
331
+ $cnvs-base-palette-black-pepper-600: #000000;
332
+ $cnvs-base-palette-coconut-100: #F0EEEE;
333
+ $cnvs-base-palette-coconut-200: #e3dfdf;
334
+ $cnvs-base-palette-coconut-300: #d1cbcc;
335
+ $cnvs-base-palette-coconut-400: #b3acac;
336
+ $cnvs-base-palette-coconut-500: #9e9595;
337
+ $cnvs-base-palette-coconut-600: #8F8687;
338
+ $cnvs-base-palette-cappuccino-100: #7A7374;
339
+ $cnvs-base-palette-cappuccino-200: #706869;
340
+ $cnvs-base-palette-cappuccino-300: #5E5757;
341
+ $cnvs-base-palette-cappuccino-400: #4A4242;
342
+ $cnvs-base-palette-cappuccino-500: #352f2f;
343
+ $cnvs-base-palette-cappuccino-600: #231f20;
176
344
  $cnvs-base-opacity-0: 0;
177
345
  $cnvs-base-opacity-100: 0.08;
178
346
  $cnvs-base-opacity-200: 0.12;