@workday/canvas-tokens-web 4.1.0 → 4.1.2
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 +157 -157
- package/css/brand/_variables.css +41 -41
- package/css/system/_variables.css +114 -114
- 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 +41 -41
- 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 +115 -115
- 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 +41 -41
- 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 +115 -115
- package/dist/es6/system/index.js +1 -1
- package/less/base/_variables.less +157 -157
- package/less/brand/_variables.less +41 -41
- package/less/system/_variables.less +114 -114
- package/package.json +1 -1
- package/scss/base/_variables.sass +157 -157
- package/scss/base/_variables.scss +157 -157
- package/scss/brand/_variables.sass +41 -41
- package/scss/brand/_variables.scss +41 -41
- package/scss/system/_variables.sass +114 -114
- package/scss/system/_variables.scss +114 -114
package/css/base/_variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 09 Feb 2026 21:04:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -301,156 +301,156 @@
|
|
|
301
301
|
--cnvs-base-palette-white-a900: oklch(1 0 0 / 0.83);
|
|
302
302
|
--cnvs-base-palette-white-a950: oklch(1 0 0 / 0.89);
|
|
303
303
|
--cnvs-base-palette-white-a975: oklch(1 0 0 / 0.95);
|
|
304
|
-
--cnvs-base-palette-cinnamon-100:
|
|
305
|
-
--cnvs-base-palette-cinnamon-200:
|
|
306
|
-
--cnvs-base-palette-cinnamon-300:
|
|
307
|
-
--cnvs-base-palette-cinnamon-400:
|
|
308
|
-
--cnvs-base-palette-cinnamon-500:
|
|
309
|
-
--cnvs-base-palette-cinnamon-600:
|
|
310
|
-
--cnvs-base-palette-peach-100:
|
|
311
|
-
--cnvs-base-palette-peach-200:
|
|
312
|
-
--cnvs-base-palette-peach-300:
|
|
313
|
-
--cnvs-base-palette-peach-400:
|
|
314
|
-
--cnvs-base-palette-peach-500:
|
|
315
|
-
--cnvs-base-palette-peach-600:
|
|
316
|
-
--cnvs-base-palette-chili-mango-100:
|
|
317
|
-
--cnvs-base-palette-chili-mango-200:
|
|
318
|
-
--cnvs-base-palette-chili-mango-300:
|
|
319
|
-
--cnvs-base-palette-chili-mango-400:
|
|
320
|
-
--cnvs-base-palette-chili-mango-500:
|
|
321
|
-
--cnvs-base-palette-chili-mango-600:
|
|
322
|
-
--cnvs-base-palette-cantaloupe-100:
|
|
323
|
-
--cnvs-base-palette-cantaloupe-200:
|
|
324
|
-
--cnvs-base-palette-cantaloupe-300:
|
|
325
|
-
--cnvs-base-palette-cantaloupe-400:
|
|
326
|
-
--cnvs-base-palette-cantaloupe-500:
|
|
327
|
-
--cnvs-base-palette-cantaloupe-600:
|
|
328
|
-
--cnvs-base-palette-sour-lemon-100:
|
|
329
|
-
--cnvs-base-palette-sour-lemon-200:
|
|
330
|
-
--cnvs-base-palette-sour-lemon-300:
|
|
331
|
-
--cnvs-base-palette-sour-lemon-400:
|
|
332
|
-
--cnvs-base-palette-sour-lemon-500:
|
|
333
|
-
--cnvs-base-palette-sour-lemon-600:
|
|
334
|
-
--cnvs-base-palette-juicy-pear-100:
|
|
335
|
-
--cnvs-base-palette-juicy-pear-200:
|
|
336
|
-
--cnvs-base-palette-juicy-pear-300:
|
|
337
|
-
--cnvs-base-palette-juicy-pear-400:
|
|
338
|
-
--cnvs-base-palette-juicy-pear-500:
|
|
339
|
-
--cnvs-base-palette-juicy-pear-600:
|
|
340
|
-
--cnvs-base-palette-kiwi-100:
|
|
341
|
-
--cnvs-base-palette-kiwi-200:
|
|
342
|
-
--cnvs-base-palette-kiwi-300:
|
|
343
|
-
--cnvs-base-palette-kiwi-400:
|
|
344
|
-
--cnvs-base-palette-kiwi-500:
|
|
345
|
-
--cnvs-base-palette-kiwi-600:
|
|
346
|
-
--cnvs-base-palette-green-apple-100:
|
|
347
|
-
--cnvs-base-palette-green-apple-200:
|
|
348
|
-
--cnvs-base-palette-green-apple-300:
|
|
349
|
-
--cnvs-base-palette-green-apple-400:
|
|
350
|
-
--cnvs-base-palette-green-apple-500:
|
|
351
|
-
--cnvs-base-palette-green-apple-600:
|
|
352
|
-
--cnvs-base-palette-watermelon-100:
|
|
353
|
-
--cnvs-base-palette-watermelon-200:
|
|
354
|
-
--cnvs-base-palette-watermelon-300:
|
|
355
|
-
--cnvs-base-palette-watermelon-400:
|
|
356
|
-
--cnvs-base-palette-watermelon-500:
|
|
357
|
-
--cnvs-base-palette-watermelon-600:
|
|
358
|
-
--cnvs-base-palette-jewel-100:
|
|
359
|
-
--cnvs-base-palette-jewel-200:
|
|
360
|
-
--cnvs-base-palette-jewel-300:
|
|
361
|
-
--cnvs-base-palette-jewel-400:
|
|
362
|
-
--cnvs-base-palette-jewel-500:
|
|
363
|
-
--cnvs-base-palette-jewel-600:
|
|
364
|
-
--cnvs-base-palette-toothpaste-100:
|
|
365
|
-
--cnvs-base-palette-toothpaste-200:
|
|
366
|
-
--cnvs-base-palette-toothpaste-300:
|
|
367
|
-
--cnvs-base-palette-toothpaste-400:
|
|
368
|
-
--cnvs-base-palette-toothpaste-500:
|
|
369
|
-
--cnvs-base-palette-toothpaste-600:
|
|
370
|
-
--cnvs-base-palette-blueberry-100:
|
|
371
|
-
--cnvs-base-palette-blueberry-200:
|
|
372
|
-
--cnvs-base-palette-blueberry-300:
|
|
373
|
-
--cnvs-base-palette-blueberry-400:
|
|
374
|
-
--cnvs-base-palette-blueberry-500:
|
|
375
|
-
--cnvs-base-palette-blueberry-600:
|
|
376
|
-
--cnvs-base-palette-plum-100:
|
|
377
|
-
--cnvs-base-palette-plum-200:
|
|
378
|
-
--cnvs-base-palette-plum-300:
|
|
379
|
-
--cnvs-base-palette-plum-400:
|
|
380
|
-
--cnvs-base-palette-plum-500:
|
|
381
|
-
--cnvs-base-palette-plum-600:
|
|
382
|
-
--cnvs-base-palette-berry-smoothie-100:
|
|
383
|
-
--cnvs-base-palette-berry-smoothie-200:
|
|
384
|
-
--cnvs-base-palette-berry-smoothie-300:
|
|
385
|
-
--cnvs-base-palette-berry-smoothie-400:
|
|
386
|
-
--cnvs-base-palette-berry-smoothie-500:
|
|
387
|
-
--cnvs-base-palette-berry-smoothie-600:
|
|
388
|
-
--cnvs-base-palette-blackberry-100:
|
|
389
|
-
--cnvs-base-palette-blackberry-200:
|
|
390
|
-
--cnvs-base-palette-blackberry-300:
|
|
391
|
-
--cnvs-base-palette-blackberry-400:
|
|
392
|
-
--cnvs-base-palette-blackberry-500:
|
|
393
|
-
--cnvs-base-palette-blackberry-600:
|
|
394
|
-
--cnvs-base-palette-island-punch-100:
|
|
395
|
-
--cnvs-base-palette-island-punch-200:
|
|
396
|
-
--cnvs-base-palette-island-punch-300:
|
|
397
|
-
--cnvs-base-palette-island-punch-400:
|
|
398
|
-
--cnvs-base-palette-island-punch-500:
|
|
399
|
-
--cnvs-base-palette-island-punch-600:
|
|
400
|
-
--cnvs-base-palette-grape-soda-100:
|
|
401
|
-
--cnvs-base-palette-grape-soda-200:
|
|
402
|
-
--cnvs-base-palette-grape-soda-300:
|
|
403
|
-
--cnvs-base-palette-grape-soda-400:
|
|
404
|
-
--cnvs-base-palette-grape-soda-500:
|
|
405
|
-
--cnvs-base-palette-grape-soda-600:
|
|
406
|
-
--cnvs-base-palette-pomegranate-100:
|
|
407
|
-
--cnvs-base-palette-pomegranate-200:
|
|
408
|
-
--cnvs-base-palette-pomegranate-300:
|
|
409
|
-
--cnvs-base-palette-pomegranate-400:
|
|
410
|
-
--cnvs-base-palette-pomegranate-500:
|
|
411
|
-
--cnvs-base-palette-pomegranate-600:
|
|
412
|
-
--cnvs-base-palette-fruit-punch-100:
|
|
413
|
-
--cnvs-base-palette-fruit-punch-200:
|
|
414
|
-
--cnvs-base-palette-fruit-punch-300:
|
|
415
|
-
--cnvs-base-palette-fruit-punch-400:
|
|
416
|
-
--cnvs-base-palette-fruit-punch-500:
|
|
417
|
-
--cnvs-base-palette-fruit-punch-600:
|
|
418
|
-
--cnvs-base-palette-root-beer-100:
|
|
419
|
-
--cnvs-base-palette-root-beer-200:
|
|
420
|
-
--cnvs-base-palette-root-beer-300:
|
|
421
|
-
--cnvs-base-palette-root-beer-400:
|
|
422
|
-
--cnvs-base-palette-root-beer-500:
|
|
423
|
-
--cnvs-base-palette-root-beer-600:
|
|
424
|
-
--cnvs-base-palette-toasted-marshmallow-100:
|
|
425
|
-
--cnvs-base-palette-toasted-marshmallow-200:
|
|
426
|
-
--cnvs-base-palette-toasted-marshmallow-300:
|
|
427
|
-
--cnvs-base-palette-toasted-marshmallow-400:
|
|
428
|
-
--cnvs-base-palette-toasted-marshmallow-500:
|
|
429
|
-
--cnvs-base-palette-toasted-marshmallow-600:
|
|
430
|
-
--cnvs-base-palette-licorice-100:
|
|
431
|
-
--cnvs-base-palette-licorice-200:
|
|
432
|
-
--cnvs-base-palette-licorice-300:
|
|
433
|
-
--cnvs-base-palette-licorice-400:
|
|
434
|
-
--cnvs-base-palette-licorice-500:
|
|
435
|
-
--cnvs-base-palette-licorice-600:
|
|
436
|
-
--cnvs-base-palette-soap-100:
|
|
437
|
-
--cnvs-base-palette-soap-200:
|
|
438
|
-
--cnvs-base-palette-soap-300:
|
|
439
|
-
--cnvs-base-palette-soap-400:
|
|
440
|
-
--cnvs-base-palette-soap-500:
|
|
441
|
-
--cnvs-base-palette-soap-600:
|
|
442
|
-
--cnvs-base-palette-french-vanilla-100:
|
|
443
|
-
--cnvs-base-palette-french-vanilla-200:
|
|
444
|
-
--cnvs-base-palette-french-vanilla-300:
|
|
445
|
-
--cnvs-base-palette-french-vanilla-400:
|
|
446
|
-
--cnvs-base-palette-french-vanilla-500:
|
|
447
|
-
--cnvs-base-palette-french-vanilla-600:
|
|
448
|
-
--cnvs-base-palette-black-pepper-100:
|
|
449
|
-
--cnvs-base-palette-black-pepper-200:
|
|
450
|
-
--cnvs-base-palette-black-pepper-300:
|
|
451
|
-
--cnvs-base-palette-black-pepper-400:
|
|
452
|
-
--cnvs-base-palette-black-pepper-500:
|
|
453
|
-
--cnvs-base-palette-black-pepper-600:
|
|
304
|
+
--cnvs-base-palette-cinnamon-100: #ffefee;
|
|
305
|
+
--cnvs-base-palette-cinnamon-200: #FCC9C5;
|
|
306
|
+
--cnvs-base-palette-cinnamon-300: #ff867d;
|
|
307
|
+
--cnvs-base-palette-cinnamon-400: #ff5347;
|
|
308
|
+
--cnvs-base-palette-cinnamon-500: #de2e21;
|
|
309
|
+
--cnvs-base-palette-cinnamon-600: #a31b12;
|
|
310
|
+
--cnvs-base-palette-peach-100: #fff3f0;
|
|
311
|
+
--cnvs-base-palette-peach-200: #ffc2b3;
|
|
312
|
+
--cnvs-base-palette-peach-300: #ff957a;
|
|
313
|
+
--cnvs-base-palette-peach-400: #ff643d;
|
|
314
|
+
--cnvs-base-palette-peach-500: #de4721;
|
|
315
|
+
--cnvs-base-palette-peach-600: #b53413;
|
|
316
|
+
--cnvs-base-palette-chili-mango-100: #ffe6d9;
|
|
317
|
+
--cnvs-base-palette-chili-mango-200: #ffc7ab;
|
|
318
|
+
--cnvs-base-palette-chili-mango-300: #ff9b69;
|
|
319
|
+
--cnvs-base-palette-chili-mango-400: #ff671b;
|
|
320
|
+
--cnvs-base-palette-chili-mango-500: #e04b00;
|
|
321
|
+
--cnvs-base-palette-chili-mango-600: #a33600;
|
|
322
|
+
--cnvs-base-palette-cantaloupe-100: #ffeed9;
|
|
323
|
+
--cnvs-base-palette-cantaloupe-200: #fcd49f;
|
|
324
|
+
--cnvs-base-palette-cantaloupe-300: #ffbc63;
|
|
325
|
+
--cnvs-base-palette-cantaloupe-400: #ffa126;
|
|
326
|
+
--cnvs-base-palette-cantaloupe-500: #f38b00;
|
|
327
|
+
--cnvs-base-palette-cantaloupe-600: #c06c00;
|
|
328
|
+
--cnvs-base-palette-sour-lemon-100: #fff9e6;
|
|
329
|
+
--cnvs-base-palette-sour-lemon-200: #ffecab;
|
|
330
|
+
--cnvs-base-palette-sour-lemon-300: #ffda61;
|
|
331
|
+
--cnvs-base-palette-sour-lemon-400: #ffc629;
|
|
332
|
+
--cnvs-base-palette-sour-lemon-500: #ebb400;
|
|
333
|
+
--cnvs-base-palette-sour-lemon-600: #bd9100;
|
|
334
|
+
--cnvs-base-palette-juicy-pear-100: #f7fae6;
|
|
335
|
+
--cnvs-base-palette-juicy-pear-200: #e2f391;
|
|
336
|
+
--cnvs-base-palette-juicy-pear-300: #c4de40;
|
|
337
|
+
--cnvs-base-palette-juicy-pear-400: #a8c224;
|
|
338
|
+
--cnvs-base-palette-juicy-pear-500: #8ea618;
|
|
339
|
+
--cnvs-base-palette-juicy-pear-600: #687818;
|
|
340
|
+
--cnvs-base-palette-kiwi-100: #ecfcd7;
|
|
341
|
+
--cnvs-base-palette-kiwi-200: #caf593;
|
|
342
|
+
--cnvs-base-palette-kiwi-300: #a7e05c;
|
|
343
|
+
--cnvs-base-palette-kiwi-400: #77bc1f;
|
|
344
|
+
--cnvs-base-palette-kiwi-500: #609915;
|
|
345
|
+
--cnvs-base-palette-kiwi-600: #537824;
|
|
346
|
+
--cnvs-base-palette-green-apple-100: #ebfff0;
|
|
347
|
+
--cnvs-base-palette-green-apple-200: #acf5be;
|
|
348
|
+
--cnvs-base-palette-green-apple-300: #5fe380;
|
|
349
|
+
--cnvs-base-palette-green-apple-400: #43c463;
|
|
350
|
+
--cnvs-base-palette-green-apple-500: #319c4c;
|
|
351
|
+
--cnvs-base-palette-green-apple-600: #217a37;
|
|
352
|
+
--cnvs-base-palette-watermelon-100: #ebfdf8;
|
|
353
|
+
--cnvs-base-palette-watermelon-200: #b7edde;
|
|
354
|
+
--cnvs-base-palette-watermelon-300: #65ccaf;
|
|
355
|
+
--cnvs-base-palette-watermelon-400: #12a67c;
|
|
356
|
+
--cnvs-base-palette-watermelon-500: #0c7a5b;
|
|
357
|
+
--cnvs-base-palette-watermelon-600: #00573e;
|
|
358
|
+
--cnvs-base-palette-jewel-100: #ebfdff;
|
|
359
|
+
--cnvs-base-palette-jewel-200: #acecf3;
|
|
360
|
+
--cnvs-base-palette-jewel-300: #44c8d7;
|
|
361
|
+
--cnvs-base-palette-jewel-400: #1ea4b3;
|
|
362
|
+
--cnvs-base-palette-jewel-500: #1a818c;
|
|
363
|
+
--cnvs-base-palette-jewel-600: #156973;
|
|
364
|
+
--cnvs-base-palette-toothpaste-100: #d7f1fc;
|
|
365
|
+
--cnvs-base-palette-toothpaste-200: #99e0ff;
|
|
366
|
+
--cnvs-base-palette-toothpaste-300: #40b4e5;
|
|
367
|
+
--cnvs-base-palette-toothpaste-400: #1894c9;
|
|
368
|
+
--cnvs-base-palette-toothpaste-500: #0271a1;
|
|
369
|
+
--cnvs-base-palette-toothpaste-600: #005B82;
|
|
370
|
+
--cnvs-base-palette-blueberry-100: #D7EAFC;
|
|
371
|
+
--cnvs-base-palette-blueberry-200: #A6D2FF;
|
|
372
|
+
--cnvs-base-palette-blueberry-300: #40A0FF;
|
|
373
|
+
--cnvs-base-palette-blueberry-400: #0875E1;
|
|
374
|
+
--cnvs-base-palette-blueberry-500: #005cb9;
|
|
375
|
+
--cnvs-base-palette-blueberry-600: #004387;
|
|
376
|
+
--cnvs-base-palette-plum-100: #e6f1ff;
|
|
377
|
+
--cnvs-base-palette-plum-200: #A6CDFF;
|
|
378
|
+
--cnvs-base-palette-plum-300: #529bfa;
|
|
379
|
+
--cnvs-base-palette-plum-400: #3881E1;
|
|
380
|
+
--cnvs-base-palette-plum-500: #3166ab;
|
|
381
|
+
--cnvs-base-palette-plum-600: #264a7a;
|
|
382
|
+
--cnvs-base-palette-berry-smoothie-100: #e8edff;
|
|
383
|
+
--cnvs-base-palette-berry-smoothie-200: #c2cfff;
|
|
384
|
+
--cnvs-base-palette-berry-smoothie-300: #7891FF;
|
|
385
|
+
--cnvs-base-palette-berry-smoothie-400: #5E77E6;
|
|
386
|
+
--cnvs-base-palette-berry-smoothie-500: #4b5eb3;
|
|
387
|
+
--cnvs-base-palette-berry-smoothie-600: #3b4987;
|
|
388
|
+
--cnvs-base-palette-blackberry-100: #f0f0ff;
|
|
389
|
+
--cnvs-base-palette-blackberry-200: #c3c2ff;
|
|
390
|
+
--cnvs-base-palette-blackberry-300: #8483e6;
|
|
391
|
+
--cnvs-base-palette-blackberry-400: #5c59e6;
|
|
392
|
+
--cnvs-base-palette-blackberry-500: #413fcc;
|
|
393
|
+
--cnvs-base-palette-blackberry-600: #2e2d91;
|
|
394
|
+
--cnvs-base-palette-island-punch-100: #f5f0ff;
|
|
395
|
+
--cnvs-base-palette-island-punch-200: #d2befa;
|
|
396
|
+
--cnvs-base-palette-island-punch-300: #a88ae6;
|
|
397
|
+
--cnvs-base-palette-island-punch-400: #8660d1;
|
|
398
|
+
--cnvs-base-palette-island-punch-500: #6345a1;
|
|
399
|
+
--cnvs-base-palette-island-punch-600: #503882;
|
|
400
|
+
--cnvs-base-palette-grape-soda-100: #feebff;
|
|
401
|
+
--cnvs-base-palette-grape-soda-200: #fac0ff;
|
|
402
|
+
--cnvs-base-palette-grape-soda-300: #de8ae6;
|
|
403
|
+
--cnvs-base-palette-grape-soda-400: #c860d1;
|
|
404
|
+
--cnvs-base-palette-grape-soda-500: #97499e;
|
|
405
|
+
--cnvs-base-palette-grape-soda-600: #7C3882;
|
|
406
|
+
--cnvs-base-palette-pomegranate-100: #ffebf3;
|
|
407
|
+
--cnvs-base-palette-pomegranate-200: #ffbdd6;
|
|
408
|
+
--cnvs-base-palette-pomegranate-300: #ff5c9a;
|
|
409
|
+
--cnvs-base-palette-pomegranate-400: #f31167;
|
|
410
|
+
--cnvs-base-palette-pomegranate-500: #c70550;
|
|
411
|
+
--cnvs-base-palette-pomegranate-600: #99003a;
|
|
412
|
+
--cnvs-base-palette-fruit-punch-100: #FFEEEE;
|
|
413
|
+
--cnvs-base-palette-fruit-punch-200: #ffbdbd;
|
|
414
|
+
--cnvs-base-palette-fruit-punch-300: #FF7E7E;
|
|
415
|
+
--cnvs-base-palette-fruit-punch-400: #ff4c4c;
|
|
416
|
+
--cnvs-base-palette-fruit-punch-500: #e12f2f;
|
|
417
|
+
--cnvs-base-palette-fruit-punch-600: #b82828;
|
|
418
|
+
--cnvs-base-palette-root-beer-100: #faf3f0;
|
|
419
|
+
--cnvs-base-palette-root-beer-200: #EBD7CF;
|
|
420
|
+
--cnvs-base-palette-root-beer-300: #dcbbad;
|
|
421
|
+
--cnvs-base-palette-root-beer-400: #ba9a8c;
|
|
422
|
+
--cnvs-base-palette-root-beer-500: #8C7266;
|
|
423
|
+
--cnvs-base-palette-root-beer-600: #664d42;
|
|
424
|
+
--cnvs-base-palette-toasted-marshmallow-100: #fdf6e6;
|
|
425
|
+
--cnvs-base-palette-toasted-marshmallow-200: #ebd6a9;
|
|
426
|
+
--cnvs-base-palette-toasted-marshmallow-300: #e6bf6c;
|
|
427
|
+
--cnvs-base-palette-toasted-marshmallow-400: #CC9E3B;
|
|
428
|
+
--cnvs-base-palette-toasted-marshmallow-500: #b37f10;
|
|
429
|
+
--cnvs-base-palette-toasted-marshmallow-600: #8C6000;
|
|
430
|
+
--cnvs-base-palette-licorice-100: #A1AAB3;
|
|
431
|
+
--cnvs-base-palette-licorice-200: #7b858f;
|
|
432
|
+
--cnvs-base-palette-licorice-300: #5E6A75;
|
|
433
|
+
--cnvs-base-palette-licorice-400: #4a5561;
|
|
434
|
+
--cnvs-base-palette-licorice-500: #333d47;
|
|
435
|
+
--cnvs-base-palette-licorice-600: #1f262e;
|
|
436
|
+
--cnvs-base-palette-soap-100: #f6f7f8;
|
|
437
|
+
--cnvs-base-palette-soap-200: #F0F1F2;
|
|
438
|
+
--cnvs-base-palette-soap-300: #e8ebed;
|
|
439
|
+
--cnvs-base-palette-soap-400: #DFE2E6;
|
|
440
|
+
--cnvs-base-palette-soap-500: #ced3d9;
|
|
441
|
+
--cnvs-base-palette-soap-600: #B9C0C7;
|
|
442
|
+
--cnvs-base-palette-french-vanilla-100: #ffffff;
|
|
443
|
+
--cnvs-base-palette-french-vanilla-200: #ebebeb;
|
|
444
|
+
--cnvs-base-palette-french-vanilla-300: #d4d4d4;
|
|
445
|
+
--cnvs-base-palette-french-vanilla-400: #bdbdbd;
|
|
446
|
+
--cnvs-base-palette-french-vanilla-500: #a6a6a6;
|
|
447
|
+
--cnvs-base-palette-french-vanilla-600: #8f8f8f;
|
|
448
|
+
--cnvs-base-palette-black-pepper-100: #787878;
|
|
449
|
+
--cnvs-base-palette-black-pepper-200: #616161;
|
|
450
|
+
--cnvs-base-palette-black-pepper-300: #494949;
|
|
451
|
+
--cnvs-base-palette-black-pepper-400: #333333;
|
|
452
|
+
--cnvs-base-palette-black-pepper-500: #1e1e1e;
|
|
453
|
+
--cnvs-base-palette-black-pepper-600: #000000;
|
|
454
454
|
--cnvs-base-palette-coconut-100: #F0EEEE;
|
|
455
455
|
--cnvs-base-palette-coconut-200: #e3dfdf;
|
|
456
456
|
--cnvs-base-palette-coconut-300: #d1cbcc;
|
|
@@ -500,12 +500,12 @@
|
|
|
500
500
|
--cnvs-base-letter-spacing-150: 0.015rem;
|
|
501
501
|
--cnvs-base-letter-spacing-200: 0.01rem;
|
|
502
502
|
--cnvs-base-unit: 0.25rem; /* The base unit used for the typographic grid system.; */
|
|
503
|
-
--cnvs-base-extended-palette-dragon-fruit-100:
|
|
504
|
-
--cnvs-base-extended-palette-dragon-fruit-200:
|
|
505
|
-
--cnvs-base-extended-palette-dragon-fruit-300:
|
|
506
|
-
--cnvs-base-extended-palette-dragon-fruit-400:
|
|
507
|
-
--cnvs-base-extended-palette-dragon-fruit-500:
|
|
508
|
-
--cnvs-base-extended-palette-dragon-fruit-600:
|
|
503
|
+
--cnvs-base-extended-palette-dragon-fruit-100: #fbf5ff;
|
|
504
|
+
--cnvs-base-extended-palette-dragon-fruit-200: #f1d5ff;
|
|
505
|
+
--cnvs-base-extended-palette-dragon-fruit-300: #736bff;
|
|
506
|
+
--cnvs-base-extended-palette-dragon-fruit-400: #5f4ae6;
|
|
507
|
+
--cnvs-base-extended-palette-dragon-fruit-500: #4e3ec2;
|
|
508
|
+
--cnvs-base-extended-palette-dragon-fruit-600: #272077;
|
|
509
509
|
--cnvs-base-font-size-25: 0.625rem;
|
|
510
510
|
--cnvs-base-font-size-50: 0.75rem;
|
|
511
511
|
--cnvs-base-font-size-75: 0.875rem;
|
package/css/brand/_variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 09 Feb 2026 21:04:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
--cnvs-brand-critical-100: var(--cnvs-base-palette-red-100);
|
|
56
56
|
--cnvs-brand-critical-50: var(--cnvs-base-palette-red-50);
|
|
57
57
|
--cnvs-brand-critical-25: var(--cnvs-base-palette-red-25);
|
|
58
|
+
--cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
|
|
59
|
+
--cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
|
|
60
|
+
--cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
|
|
61
|
+
--cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
|
|
58
62
|
--cnvs-brand-neutral-a975: var(--cnvs-base-palette-slate-a975);
|
|
59
63
|
--cnvs-brand-neutral-a950: var(--cnvs-base-palette-slate-a950);
|
|
60
64
|
--cnvs-brand-neutral-a900: var(--cnvs-base-palette-slate-a900);
|
|
@@ -68,8 +72,13 @@
|
|
|
68
72
|
--cnvs-brand-neutral-a100: var(--cnvs-base-palette-slate-a100);
|
|
69
73
|
--cnvs-brand-neutral-a50: var(--cnvs-base-palette-slate-a50);
|
|
70
74
|
--cnvs-brand-neutral-a25: var(--cnvs-base-palette-slate-a25);
|
|
71
|
-
--cnvs-brand-neutral-light: var(--cnvs-base-palette-
|
|
72
|
-
--cnvs-brand-neutral-lighter: var(--cnvs-base-palette-
|
|
75
|
+
--cnvs-brand-neutral-light: var(--cnvs-base-palette-neutral-200);
|
|
76
|
+
--cnvs-brand-neutral-lighter: var(--cnvs-base-palette-neutral-50);
|
|
77
|
+
--cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
|
|
78
|
+
--cnvs-brand-neutral-darkest: var(--cnvs-base-palette-neutral-800);
|
|
79
|
+
--cnvs-brand-neutral-dark: var(--cnvs-base-palette-neutral-700);
|
|
80
|
+
--cnvs-brand-neutral-base: var(--cnvs-base-palette-neutral-600);
|
|
81
|
+
--cnvs-brand-neutral-lightest: var(--cnvs-base-palette-neutral-25);
|
|
73
82
|
--cnvs-brand-neutral-975: var(--cnvs-base-palette-slate-975);
|
|
74
83
|
--cnvs-brand-neutral-950: var(--cnvs-base-palette-slate-950);
|
|
75
84
|
--cnvs-brand-neutral-900: var(--cnvs-base-palette-slate-900);
|
|
@@ -83,10 +92,38 @@
|
|
|
83
92
|
--cnvs-brand-neutral-100: var(--cnvs-base-palette-slate-100);
|
|
84
93
|
--cnvs-brand-neutral-50: var(--cnvs-base-palette-slate-50);
|
|
85
94
|
--cnvs-brand-neutral-25: var(--cnvs-base-palette-slate-25);
|
|
95
|
+
--cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
|
|
96
|
+
--cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
|
|
97
|
+
--cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
|
|
98
|
+
--cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
|
|
99
|
+
--cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
|
|
100
|
+
--cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
|
|
101
|
+
--cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
|
|
102
|
+
--cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
|
|
103
|
+
--cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
|
|
104
|
+
--cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
|
|
105
|
+
--cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
|
|
106
|
+
--cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
|
|
107
|
+
--cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
|
|
108
|
+
--cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
|
|
109
|
+
--cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
|
|
110
|
+
--cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
|
|
111
|
+
--cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
|
|
112
|
+
--cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
|
|
113
|
+
--cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
|
|
114
|
+
--cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
|
|
115
|
+
--cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
|
|
86
116
|
--cnvs-brand-primary-a200: var(--cnvs-base-palette-blue-a200);
|
|
87
117
|
--cnvs-brand-primary-a100: var(--cnvs-base-palette-blue-a100);
|
|
88
118
|
--cnvs-brand-primary-a50: var(--cnvs-base-palette-blue-a50);
|
|
89
119
|
--cnvs-brand-primary-a25: var(--cnvs-base-palette-blue-a25);
|
|
120
|
+
--cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
|
|
121
|
+
--cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
|
|
122
|
+
--cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
|
|
123
|
+
--cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
|
|
124
|
+
--cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
|
|
125
|
+
--cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
|
|
126
|
+
--cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
|
|
90
127
|
--cnvs-brand-primary-975: var(--cnvs-base-palette-blue-975);
|
|
91
128
|
--cnvs-brand-primary-950: var(--cnvs-base-palette-blue-950);
|
|
92
129
|
--cnvs-brand-primary-900: var(--cnvs-base-palette-blue-900);
|
|
@@ -100,48 +137,11 @@
|
|
|
100
137
|
--cnvs-brand-primary-100: var(--cnvs-base-palette-blue-100);
|
|
101
138
|
--cnvs-brand-primary-50: var(--cnvs-base-palette-blue-50);
|
|
102
139
|
--cnvs-brand-primary-25: var(--cnvs-base-palette-blue-25);
|
|
140
|
+
--cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
|
|
103
141
|
--cnvs-brand-common-caution-outer: var(--cnvs-brand-caution-500);
|
|
104
142
|
--cnvs-brand-common-caution-inner: var(--cnvs-brand-caution-400);
|
|
105
143
|
--cnvs-brand-common-critical: var(--cnvs-brand-critical-500);
|
|
106
144
|
--cnvs-brand-common-focus: var(--cnvs-brand-primary-500);
|
|
107
|
-
--cnvs-brand-neutral-accent: var(--cnvs-sys-color-fg-inverse);
|
|
108
|
-
--cnvs-brand-neutral-darkest: var(--cnvs-brand-neutral-800);
|
|
109
|
-
--cnvs-brand-neutral-dark: var(--cnvs-brand-neutral-700);
|
|
110
|
-
--cnvs-brand-neutral-base: var(--cnvs-brand-neutral-600);
|
|
111
|
-
--cnvs-brand-neutral-lightest: var(--cnvs-brand-neutral-25);
|
|
112
|
-
--cnvs-brand-success-light: var(--cnvs-brand-positive-200);
|
|
113
|
-
--cnvs-brand-success-accent: var(--cnvs-sys-color-fg-inverse);
|
|
114
|
-
--cnvs-brand-success-darkest: var(--cnvs-brand-positive-800);
|
|
115
|
-
--cnvs-brand-success-dark: var(--cnvs-brand-positive-700);
|
|
116
|
-
--cnvs-brand-success-lighter: var(--cnvs-brand-positive-50);
|
|
117
|
-
--cnvs-brand-success-lightest: var(--cnvs-brand-positive-25);
|
|
118
|
-
--cnvs-brand-success-base: var(--cnvs-brand-positive-600);
|
|
119
|
-
--cnvs-brand-alert-light: var(--cnvs-brand-caution-200);
|
|
120
|
-
--cnvs-brand-alert-accent: var(--cnvs-sys-color-fg-contrast-default);
|
|
121
|
-
--cnvs-brand-alert-darkest: var(--cnvs-brand-caution-600);
|
|
122
|
-
--cnvs-brand-alert-dark: var(--cnvs-brand-caution-500);
|
|
123
|
-
--cnvs-brand-alert-lightest: var(--cnvs-brand-caution-25);
|
|
124
|
-
--cnvs-brand-alert-lighter: var(--cnvs-brand-caution-50);
|
|
125
|
-
--cnvs-brand-alert-base: var(--cnvs-brand-caution-400);
|
|
126
|
-
--cnvs-brand-error-light: var(--cnvs-brand-critical-200);
|
|
127
|
-
--cnvs-brand-error-lighter: var(--cnvs-brand-critical-50);
|
|
128
|
-
--cnvs-brand-error-accent: var(--cnvs-sys-color-fg-inverse);
|
|
129
|
-
--cnvs-brand-error-darkest: var(--cnvs-brand-critical-800);
|
|
130
|
-
--cnvs-brand-error-dark: var(--cnvs-brand-critical-700);
|
|
131
|
-
--cnvs-brand-error-lightest: var(--cnvs-brand-critical-25);
|
|
132
|
-
--cnvs-brand-error-base: var(--cnvs-brand-critical-600);
|
|
133
|
-
--cnvs-brand-primary-light: var(--cnvs-brand-primary-200);
|
|
134
|
-
--cnvs-brand-primary-lighter: var(--cnvs-brand-primary-50);
|
|
135
|
-
--cnvs-brand-primary-accent: var(--cnvs-sys-color-fg-inverse);
|
|
136
|
-
--cnvs-brand-primary-dark: var(--cnvs-brand-primary-700);
|
|
137
|
-
--cnvs-brand-primary-darkest: var(--cnvs-brand-primary-800);
|
|
138
|
-
--cnvs-brand-primary-lightest: var(--cnvs-brand-primary-25);
|
|
139
|
-
--cnvs-brand-primary-base: var(--cnvs-brand-primary-600);
|
|
140
|
-
--cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
|
|
141
|
-
--cnvs-brand-common-alert-outer: var(--cnvs-brand-common-caution-outer);
|
|
142
|
-
--cnvs-brand-common-alert-inner: var(--cnvs-brand-common-caution-inner);
|
|
143
|
-
--cnvs-brand-common-error-inner: var(--cnvs-brand-common-critical);
|
|
144
|
-
--cnvs-brand-common-focus-outline: var(--cnvs-brand-common-focus);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
|