@workday/canvas-tokens-web 3.0.0-alpha.2 → 3.0.0-alpha.20

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 +338 -128
  2. package/css/brand/_variables.css +24 -25
  3. package/css/system/_variables.css +140 -71
  4. package/dist/common-js/base/index.d.ts +457 -79
  5. package/dist/common-js/base/index.js +289 -79
  6. package/dist/common-js/brand/index.d.ts +96 -76
  7. package/dist/common-js/brand/index.js +37 -30
  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 +818 -232
  11. package/dist/common-js/system/index.js +118 -33
  12. package/dist/es6/base/index.d.ts +457 -79
  13. package/dist/es6/base/index.js +289 -79
  14. package/dist/es6/brand/index.d.ts +96 -76
  15. package/dist/es6/brand/index.js +37 -30
  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 +818 -232
  19. package/dist/es6/system/index.js +118 -33
  20. package/less/base/_variables.less +338 -128
  21. package/less/brand/_variables.less +24 -25
  22. package/less/system/_variables.less +140 -71
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +338 -128
  25. package/scss/base/_variables.scss +338 -128
  26. package/scss/brand/_variables.sass +24 -25
  27. package/scss/brand/_variables.scss +24 -25
  28. package/scss/system/_variables.sass +140 -71
  29. package/scss/system/_variables.scss +140 -71
package/css/base/_variables.css CHANGED
@@ -1,142 +1,346 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 18:01:43 GMT
3
+ * Generated on Mon, 08 Sep 2025 16:10:09 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
8
+ --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
9
+ --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
10
+ --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
11
+ --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
12
+ --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
13
+ --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
14
+ --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
15
+ --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
16
+ --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
17
+ --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
18
+ --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
19
+ --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
20
+ --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
21
+ --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
22
+ --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
23
+ --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
24
+ --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
25
+ --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
26
+ --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
27
+ --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
28
+ --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
29
+ --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
30
+ --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
31
+ --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
32
+ --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
33
+ --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
34
+ --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
35
+ --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
36
+ --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
37
+ --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
38
+ --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
39
+ --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
40
+ --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
41
+ --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
42
+ --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
43
+ --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
44
+ --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
45
+ --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
46
+ --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
47
+ --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
48
+ --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
49
+ --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
50
+ --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
51
+ --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
52
+ --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
53
+ --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
54
+ --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
55
+ --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
56
+ --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
57
+ --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
58
+ --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
59
+ --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
60
+ --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
61
+ --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
62
+ --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
63
+ --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
64
+ --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
65
+ --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
66
+ --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
67
+ --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
68
+ --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
69
+ --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
70
+ --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
71
+ --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
72
+ --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
73
+ --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
74
+ --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
75
+ --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
76
+ --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
77
+ --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
78
+ --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
79
+ --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
80
+ --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
81
+ --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
82
+ --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
83
+ --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
84
+ --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
7
85
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
8
- --cnvs-base-palette-neutral-25: oklch(0.985 0 0 / 1);
9
- --cnvs-base-palette-neutral-50: oklch(0.969 0 0 / 1);
10
- --cnvs-base-palette-neutral-100: oklch(0.944 0 0 / 1);
11
- --cnvs-base-palette-neutral-150: oklch(0.908 0 0 / 1);
12
- --cnvs-base-palette-neutral-200: oklch(0.871 0 0 / 1);
13
- --cnvs-base-palette-neutral-250: oklch(0.835 0 0 / 1);
14
- --cnvs-base-palette-neutral-300: oklch(0.803 0 0 / 1);
86
+ --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
87
+ --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
88
+ --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
89
+ --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
90
+ --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
15
91
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
16
- --cnvs-base-palette-neutral-500: oklch(0.63 0 0 / 1);
17
- --cnvs-base-palette-neutral-600: oklch(0.51 0 0 / 1);
18
- --cnvs-base-palette-neutral-700: oklch(0.45 0 0 / 1);
19
- --cnvs-base-palette-neutral-800: oklch(0.351 0 0 / 1);
20
- --cnvs-base-palette-neutral-850: oklch(0.29 0 0 / 1);
21
- --cnvs-base-palette-neutral-900: oklch(0.21 0 0 / 1);
22
- --cnvs-base-palette-neutral-950: oklch(0.15 0 0 / 1);
23
- --cnvs-base-palette-neutral-975: oklch(0.11 0 0 / 1);
92
+ --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
93
+ --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
94
+ --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
95
+ --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
96
+ --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
97
+ --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
98
+ --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
24
99
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
25
- --cnvs-base-palette-red-25: oklch(0.9759 0.0173 51.968 / 1); /* 4.5:1 pair: 600 (contrast: 5.39) | 3:1 pair: 500 (contrast: 3.17) | Passes on: black */
26
- --cnvs-base-palette-red-50: oklch(0.9519 0.0325 41.292 / 1); /* 4.5:1 pair: 600 (contrast: 5.00) | 3:1 pair: 600 (contrast: 5.00) | Passes on: black */
27
- --cnvs-base-palette-red-100: oklch(0.9297 0.047 34.89 / 1); /* 4.5:1 pair: 600 (contrast: 4.65) | 3:1 pair: 600 (contrast: 4.65) | Passes on: black */
28
- --cnvs-base-palette-red-200: oklch(0.864 0.094 31.01 / 1); /* 4.5:1 pair: 700 (contrast: 5.10) | 3:1 pair: 600 (contrast: 3.72) | Passes on: black */
29
- --cnvs-base-palette-red-300: oklch(0.795 0.149 28.619 / 1); /* 4.5:1 pair: 800 (contrast: 5.56) | 3:1 pair: 700 (contrast: 3.95) | Passes on: black */
30
- --cnvs-base-palette-red-400: oklch(0.729 0.213 29.281 / 1); /* 4.5:1 pair: 900 (contrast: 5.36) | 3:1 pair: 800 (contrast: 4.26) | Passes on: black */
31
- --cnvs-base-palette-red-500: oklch(0.664 0.234 28.5 / 1); /* 3:1 pair: 900 (contrast: 4.13) | Passes on: black */
32
- --cnvs-base-palette-red-600: oklch(0.535 0.221 26.8 / 1); /* Passes on: white */
33
- --cnvs-base-palette-red-700: oklch(0.458 0.191 26 / 1); /* Passes on: white */
34
- --cnvs-base-palette-red-800: oklch(0.372 0.158 25.5 / 1); /* Passes on: white */
35
- --cnvs-base-palette-red-900: oklch(0.304 0.112 25 / 1); /* Passes on: white */
36
- --cnvs-base-palette-red-950: oklch(0.251 0.073 25.5 / 1); /* Passes on: white */
37
- --cnvs-base-palette-orange-25: oklch(0.977 0.033 88.018 / 1); /* 4.5:1 pair: 600 (contrast: 5.21) | 3:1 pair: 600 (contrast: 5.21) | Passes on: black */
38
- --cnvs-base-palette-orange-50: oklch(0.9549 0.0549 82.559 / 1); /* 4.5:1 pair: 600 (contrast: 4.88) | 3:1 pair: 600 (contrast: 4.88) | Passes on: black */
39
- --cnvs-base-palette-orange-100: oklch(0.9297 0.0771 77.91 / 1); /* 4.5:1 pair: 600 (contrast: 4.50) | 3:1 pair: 600 (contrast: 4.50) | Passes on: black */
40
- --cnvs-base-palette-orange-200: oklch(0.884 0.116 72.291 / 1); /* 4.5:1 pair: 700 (contrast: 4.74) | 3:1 pair: 600 (contrast: 3.87) | Passes on: black */
41
- --cnvs-base-palette-orange-300: oklch(0.815 0.174 65.612 / 1); /* 4.5:1 pair: 800 (contrast: 5.42) | 3:1 pair: 700 (contrast: 3.70) | Passes on: black */
42
- --cnvs-base-palette-orange-400: oklch(0.726 0.185 52.588 / 1); /* 4.5:1 pair: 900 (contrast: 4.73) | 3:1 pair: 800 (contrast: 3.88) | Passes on: black */
43
- --cnvs-base-palette-orange-500: oklch(0.678 0.21 40.37 / 1); /* 3:1 pair: 900 (contrast: 3.85) | Passes on: black */
44
- --cnvs-base-palette-orange-600: oklch(0.538 0.188 39.18 / 1); /* Passes on: white */
45
- --cnvs-base-palette-orange-700: oklch(0.488 0.16 38.07 / 1); /* Passes on: white */
46
- --cnvs-base-palette-orange-800: oklch(0.394 0.121 37.21 / 1); /* Passes on: white */
47
- --cnvs-base-palette-orange-900: oklch(0.341 0.093 36.41 / 1); /* Passes on: white */
48
- --cnvs-base-palette-orange-950: oklch(0.283 0.061 36.2 / 1); /* Passes on: white */
49
- --cnvs-base-palette-amber-25: oklch(0.978 0.025 95.3 / 1); /* 4.5:1 pair: 600 (contrast: 5.11) | 3:1 pair: 500 (contrast: 3.01) | Passes on: black */
50
- --cnvs-base-palette-amber-50: oklch(0.957 0.095 100.2 / 1); /* 4.5:1 pair: 600 (contrast: 4.83) | 3:1 pair: 600 (contrast: 4.83) | Passes on: black */
51
- --cnvs-base-palette-amber-100: oklch(0.9341 0.1327 99.571 / 1); /* 4.5:1 pair: 600 (contrast: 4.51) | 3:1 pair: 600 (contrast: 4.51) | Passes on: black */
52
- --cnvs-base-palette-amber-200: oklch(0.919 0.155 99.7 / 1); /* 4.5:1 pair: 700 (contrast: 5.42) | 3:1 pair: 600 (contrast: 4.31) | Passes on: black */
53
- --cnvs-base-palette-amber-300: oklch(0.843 0.175 85.2 / 1); /* 4.5:1 pair: 800 (contrast: 5.19) | 3:1 pair: 700 (contrast: 4.18) | Passes on: black */
54
- --cnvs-base-palette-amber-400: oklch(0.762 0.182 70.69 / 1); /* 4.5:1 pair: 900 (contrast: 5.13) | 3:1 pair: 800 (contrast: 3.85) | Passes on: black */
55
- --cnvs-base-palette-amber-500: oklch(0.6682 0.1876 55.52 / 1); /* 3:1 pair: 900 (contrast: 3.54) | Passes on: black */
56
- --cnvs-base-palette-amber-600: oklch(0.5381 0.1616 50.073 / 1); /* Passes on: white */
57
- --cnvs-base-palette-amber-700: oklch(0.483 0.142 48.997 / 1); /* Passes on: white */
58
- --cnvs-base-palette-amber-800: oklch(0.432 0.129 46.202 / 1); /* Passes on: white */
59
- --cnvs-base-palette-amber-900: oklch(0.358 0.093 48.903 / 1); /* Passes on: white */
60
- --cnvs-base-palette-amber-950: oklch(0.305 0.061 49.636 / 1); /* Passes on: white */
61
- --cnvs-base-palette-green-25: oklch(0.985 0.025 145.2 / 1); /* 4.5:1 pair: 600 (contrast: 5.20) | 3:1 pair: 500 (contrast: 3.03) | Passes on: black */
62
- --cnvs-base-palette-green-50: oklch(0.963 0.056 145.655 / 1); /* 4.5:1 pair: 600 (contrast: 4.93) | 3:1 pair: 600 (contrast: 4.93) | Passes on: black */
63
- --cnvs-base-palette-green-100: oklch(0.931 0.088 146.109 / 1); /* 4.5:1 pair: 600 (contrast: 4.53) | 3:1 pair: 600 (contrast: 4.53) | Passes on: black */
64
- --cnvs-base-palette-green-200: oklch(0.87 0.135 146.564 / 1); /* 4.5:1 pair: 700 (contrast: 5.05) | 3:1 pair: 600 (contrast: 3.81) | Passes on: black */
65
- --cnvs-base-palette-green-300: oklch(0.792 0.158 147.018 / 1); /* 4.5:1 pair: 800 (contrast: 5.41) | 3:1 pair: 700 (contrast: 3.94) | Passes on: black */
66
- --cnvs-base-palette-green-400: oklch(0.725 0.178 147.473 / 1); /* 4.5:1 pair: 900 (contrast: 5.53) | 3:1 pair: 800 (contrast: 4.31) | Passes on: black */
67
- --cnvs-base-palette-green-500: oklch(0.638 0.192 147.927 / 1); /* 3:1 pair: 900 (contrast: 4.01) | Passes on: black */
68
- --cnvs-base-palette-green-600: oklch(0.507 0.175 148.382 / 1); /* Passes on: white */
69
- --cnvs-base-palette-green-700: oklch(0.443 0.156 148.836 / 1); /* Passes on: white */
70
- --cnvs-base-palette-green-800: oklch(0.372 0.125 149.291 / 1); /* Passes on: white */
71
- --cnvs-base-palette-green-900: oklch(0.312 0.095 149.745 / 1); /* Passes on: white */
72
- --cnvs-base-palette-green-950: oklch(0.247 0.066 150.2 / 1); /* Passes on: white */
73
- --cnvs-base-palette-teal-25: oklch(0.9717 0.0389 199.269 / 1); /* 4.5:1 pair: 600 (contrast: 5.17) | 3:1 pair: 500 (contrast: 3.43) | Passes on: black */
74
- --cnvs-base-palette-teal-50: oklch(0.961 0.044 203.92 / 1); /* 4.5:1 pair: 600 (contrast: 5.01) | 3:1 pair: 500 (contrast: 3.33) | Passes on: black */
75
- --cnvs-base-palette-teal-100: oklch(0.928 0.058 204.1 / 1); /* 4.5:1 pair: 600 (contrast: 4.56) | 3:1 pair: 500 (contrast: 3.03) | Passes on: black */
76
- --cnvs-base-palette-teal-200: oklch(0.858 0.075 204.3 / 1); /* 4.5:1 pair: 700 (contrast: 4.95) | 3:1 pair: 600 (contrast: 3.69) | Passes on: black */
77
- --cnvs-base-palette-teal-300: oklch(0.784 0.087 204.89 / 1); /* 4.5:1 pair: 800 (contrast: 5.16) | 3:1 pair: 700 (contrast: 3.89) | Passes on: black */
78
- --cnvs-base-palette-teal-400: oklch(0.718 0.102 205.12 / 1); /* 4.5:1 pair: 900 (contrast: 5.20) | 3:1 pair: 800 (contrast: 4.10) | Passes on: black */
79
- --cnvs-base-palette-teal-500: oklch(0.606 0.115 205.31 / 1); /* 3:1 pair: 900 (contrast: 3.40) | Passes on: black */
80
- --cnvs-base-palette-teal-600: oklch(0.508 0.107 206.42 / 1); /* Passes on: white */
81
- --cnvs-base-palette-teal-700: oklch(0.441 0.093 207.51 / 1); /* Passes on: white */
82
- --cnvs-base-palette-teal-800: oklch(0.376 0.079 208.44 / 1); /* Passes on: white */
83
- --cnvs-base-palette-teal-900: oklch(0.318 0.062 209.18 / 1); /* Passes on: white */
84
- --cnvs-base-palette-teal-950: oklch(0.253 0.041 210.53 / 1); /* Passes on: white */
85
- --cnvs-base-palette-blue-25: oklch(0.981 0.014 218.951 / 1); /* 4.5:1 pair: 600 (contrast: 5.38) | 3:1 pair: 500 (contrast: 3.49) | Passes on: black */
86
- --cnvs-base-palette-blue-50: oklch(0.959 0.026 231.237 / 1); /* 4.5:1 pair: 600 (contrast: 5.06) | 3:1 pair: 500 (contrast: 3.27) | Passes on: black */
87
- --cnvs-base-palette-blue-100: oklch(0.931 0.04 240.111 / 1); /* 4.5:1 pair: 600 (contrast: 4.65) | 3:1 pair: 500 (contrast: 3.01) | Passes on: black */
88
- --cnvs-base-palette-blue-200: oklch(0.8619 0.0786 247.216 / 1); /* 4.5:1 pair: 700 (contrast: 4.67) | 3:1 pair: 600 (contrast: 3.75) | Passes on: black */
89
- --cnvs-base-palette-blue-300: oklch(0.7908 0.1195 250.418 / 1); /* 4.5:1 pair: 800 (contrast: 4.78) | 3:1 pair: 700 (contrast: 3.68) | Passes on: black */
90
- --cnvs-base-palette-blue-400: oklch(0.714 0.166 252.066 / 1); /* 4.5:1 pair: 900 (contrast: 5.17) | 3:1 pair: 800 (contrast: 3.61) | Passes on: black */
91
- --cnvs-base-palette-blue-500: oklch(0.622 0.196 255.3 / 1); /* 3:1 pair: 900 (contrast: 3.57) | Passes on: black */
92
- --cnvs-base-palette-blue-600: oklch(0.518 0.181 255.4 / 1); /* Passes on: white */
93
- --cnvs-base-palette-blue-700: oklch(0.466 0.156 255.5 / 1); /* Passes on: white */
94
- --cnvs-base-palette-blue-800: oklch(0.404 0.123 257.4 / 1); /* Passes on: white */
95
- --cnvs-base-palette-blue-900: oklch(0.315 0.105 261.1 / 1); /* Passes on: white */
96
- --cnvs-base-palette-blue-950: oklch(0.245 0.075 254.5 / 1); /* Passes on: white */
97
- --cnvs-base-palette-purple-25: oklch(0.976 0.018 315.668 / 1); /* 4.5:1 pair: 600 (contrast: 5.32) | 3:1 pair: 500 (contrast: 3.54) | Passes on: black */
98
- --cnvs-base-palette-purple-50: oklch(0.959 0.032 316.515 / 1); /* 4.5:1 pair: 600 (contrast: 5.04) | 3:1 pair: 500 (contrast: 3.35) | Passes on: black */
99
- --cnvs-base-palette-purple-100: oklch(0.929 0.058 317.538 / 1); /* 4.5:1 pair: 600 (contrast: 4.57) | 3:1 pair: 500 (contrast: 3.04) | Passes on: black */
100
- --cnvs-base-palette-purple-200: oklch(0.868 0.1 312.379 / 1); /* 4.5:1 pair: 700 (contrast: 5.06) | 3:1 pair: 600 (contrast: 3.72) | Passes on: black */
101
- --cnvs-base-palette-purple-300: oklch(0.808 0.131 311.7 / 1); /* 4.5:1 pair: 800 (contrast: 5.43) | 3:1 pair: 700 (contrast: 4.09) | Passes on: black */
102
- --cnvs-base-palette-purple-400: oklch(0.724 0.152 312.5 / 1); /* 4.5:1 pair: 900 (contrast: 5.15) | 3:1 pair: 800 (contrast: 3.98) | Passes on: black */
103
- --cnvs-base-palette-purple-500: oklch(0.628 0.168 312.7 / 1); /* 3:1 pair: 900 (contrast: 3.51) | Passes on: black */
104
- --cnvs-base-palette-purple-600: oklch(0.529 0.157 312.4 / 1); /* Passes on: white */
105
- --cnvs-base-palette-purple-700: oklch(0.455 0.135 312.5 / 1); /* Passes on: white */
106
- --cnvs-base-palette-purple-800: oklch(0.385 0.112 312.4 / 1); /* Passes on: white */
107
- --cnvs-base-palette-purple-900: oklch(0.315 0.086 311.1 / 1); /* Passes on: white */
108
- --cnvs-base-palette-purple-950: oklch(0.255 0.065 312.5 / 1); /* Passes on: white */
109
- --cnvs-base-palette-pink-25: oklch(0.974 0.028 329.217 / 1); /* 4.5:1 pair: 600 (contrast: 5.36) | 3:1 pair: 500 (contrast: 3.37) | Passes on: black */
110
- --cnvs-base-palette-pink-50: oklch(0.9577 0.047 329.385 / 1); /* 4.5:1 pair: 600 (contrast: 5.07) | 3:1 pair: 500 (contrast: 3.19) | Passes on: black */
111
- --cnvs-base-palette-pink-100: oklch(0.94 0.067 329.515 / 1); /* 4.5:1 pair: 600 (contrast: 4.78) | 3:1 pair: 500 (contrast: 3.01) | Passes on: black */
112
- --cnvs-base-palette-pink-200: oklch(0.887 0.103 327.5 / 1); /* 4.5:1 pair: 700 (contrast: 5.15) | 3:1 pair: 600 (contrast: 4.00) | Passes on: black */
113
- --cnvs-base-palette-pink-300: oklch(0.808 0.124 333.7 / 1); /* 4.5:1 pair: 800 (contrast: 5.68) | 3:1 pair: 700 (contrast: 3.92) | Passes on: black */
114
- --cnvs-base-palette-pink-400: oklch(0.726 0.145 338.9 / 1); /* 4.5:1 pair: 900 (contrast: 5.13) | 3:1 pair: 800 (contrast: 4.19) | Passes on: black */
115
- --cnvs-base-palette-pink-500: oklch(0.637 0.148 338.9 / 1); /* 3:1 pair: 900 (contrast: 3.63) | Passes on: black */
116
- --cnvs-base-palette-pink-600: oklch(0.525 0.141 345.2 / 1); /* Passes on: white */
117
- --cnvs-base-palette-pink-700: oklch(0.464 0.124 348.5 / 1); /* Passes on: white */
118
- --cnvs-base-palette-pink-800: oklch(0.373 0.103 350 / 1); /* Passes on: white */
119
- --cnvs-base-palette-pink-900: oklch(0.317 0.082 350.5 / 1); /* Passes on: white */
120
- --cnvs-base-palette-pink-950: oklch(0.267 0.052 350.1 / 1); /* Passes on: white */
121
- --cnvs-base-palette-slate-25: oklch(0.985 0.003 255.5 / 1); /* 4.5:1 pair: 600 (contrast: 5.50) | 3:1 pair: 500 (contrast: 3.35) | Passes on: black */
122
- --cnvs-base-palette-slate-50: oklch(0.969 0.005 255.5 / 1); /* 4.5:1 pair: 600 (contrast: 5.25) | 3:1 pair: 500 (contrast: 3.19) | Passes on: black */
123
- --cnvs-base-palette-slate-100: oklch(0.944 0.008 255.5 / 1); /* 4.5:1 pair: 600 (contrast: 4.87) | 3:1 pair: 600 (contrast: 4.87) | Passes on: black */
124
- --cnvs-base-palette-slate-150: oklch(0.908 0.012 255.5 / 1); /* Passes on: black */
125
- --cnvs-base-palette-slate-200: oklch(0.871 0.015 255.5 / 1); /* 4.5:1 pair: 700 (contrast: 5.03) | 3:1 pair: 600 (contrast: 3.89) | Passes on: black */
126
- --cnvs-base-palette-slate-250: oklch(0.835 0.018 255.5 / 1); /* Passes on: black */
127
- --cnvs-base-palette-slate-300: oklch(0.803 0.022 255.5 / 1); /* 4.5:1 pair: 800 (contrast: 6.09) | 3:1 pair: 700 (contrast: 4.02) | Passes on: black */
128
- --cnvs-base-palette-slate-400: oklch(0.72 0.025 255.5 / 1); /* 4.5:1 pair: 900 (contrast: 7.15) | 3:1 pair: 800 (contrast: 4.54) | Passes on: black */
129
- --cnvs-base-palette-slate-500: oklch(0.63 0.028 255.5 / 1); /* 3:1 pair: 900 (contrast: 5.07) | Passes on: black */
130
- --cnvs-base-palette-slate-600: oklch(0.51 0.025 255.5 / 1); /* Passes on: white */
131
- --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.5 / 1); /* Passes on: white */
132
- --cnvs-base-palette-slate-800: oklch(0.351 0.018 255.5 / 1); /* Passes on: white */
133
- --cnvs-base-palette-slate-850: oklch(0.29 0.015 255.5 / 1); /* Passes on: white */
134
- --cnvs-base-palette-slate-900: oklch(0.21 0.012 255.5 / 1); /* Passes on: white */
135
- --cnvs-base-palette-slate-950: oklch(0.15 0.008 255.5 / 1); /* Passes on: white */
136
- --cnvs-base-palette-slate-975: oklch(0.11 0.006 255.5 / 1); /* Passes on: white */
100
+ --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
101
+ --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
102
+ --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
103
+ --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
104
+ --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
105
+ --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
106
+ --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
107
+ --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
108
+ --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
109
+ --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
110
+ --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
111
+ --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
112
+ --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
113
+ --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
114
+ --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
115
+ --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
116
+ --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
117
+ --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
118
+ --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
119
+ --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
120
+ --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
121
+ --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
122
+ --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
123
+ --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
124
+ --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
125
+ --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
126
+ --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
127
+ --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
128
+ --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
129
+ --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
130
+ --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
131
+ --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
132
+ --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
133
+ --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
134
+ --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
135
+ --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
136
+ --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
137
+ --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
138
+ --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
139
+ --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
140
+ --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
141
+ --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
142
+ --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
143
+ --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
144
+ --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
145
+ --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
146
+ --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
147
+ --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
148
+ --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
149
+ --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
150
+ --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
151
+ --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
152
+ --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
153
+ --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
154
+ --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
155
+ --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
156
+ --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
157
+ --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
158
+ --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
159
+ --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
160
+ --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
161
+ --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
162
+ --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
163
+ --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
164
+ --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
165
+ --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
166
+ --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
167
+ --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
168
+ --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
169
+ --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
170
+ --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
171
+ --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
172
+ --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
173
+ --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
174
+ --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
175
+ --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
176
+ --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
177
+ --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
178
+ --cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-50);
179
+ --cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
180
+ --cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
181
+ --cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
182
+ --cnvs-base-palette-cinnamon-500: var(--cnvs-base-palette-red-600);
183
+ --cnvs-base-palette-cinnamon-600: var(--cnvs-base-palette-red-700);
184
+ --cnvs-base-palette-peach-100: var(--cnvs-base-palette-coral-50);
185
+ --cnvs-base-palette-peach-200: var(--cnvs-base-palette-coral-200);
186
+ --cnvs-base-palette-peach-300: var(--cnvs-base-palette-coral-300);
187
+ --cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
188
+ --cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
189
+ --cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
190
+ --cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
191
+ --cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
192
+ --cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-coral-300);
193
+ --cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
194
+ --cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
195
+ --cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
196
+ --cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
197
+ --cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
198
+ --cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
199
+ --cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
200
+ --cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
201
+ --cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
202
+ --cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
203
+ --cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
204
+ --cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
205
+ --cnvs-base-palette-sour-lemon-400: var(--cnvs-base-palette-amber-300);
206
+ --cnvs-base-palette-sour-lemon-500: var(--cnvs-base-palette-amber-300);
207
+ --cnvs-base-palette-sour-lemon-600: var(--cnvs-base-palette-amber-500);
208
+ --cnvs-base-palette-juicy-pear-100: var(--cnvs-base-palette-amber-25);
209
+ --cnvs-base-palette-juicy-pear-200: var(--cnvs-base-palette-amber-100);
210
+ --cnvs-base-palette-juicy-pear-300: var(--cnvs-base-palette-amber-200);
211
+ --cnvs-base-palette-juicy-pear-400: var(--cnvs-base-palette-amber-200);
212
+ --cnvs-base-palette-juicy-pear-500: var(--cnvs-base-palette-green-500);
213
+ --cnvs-base-palette-juicy-pear-600: var(--cnvs-base-palette-green-700);
214
+ --cnvs-base-palette-kiwi-100: var(--cnvs-base-palette-green-50);
215
+ --cnvs-base-palette-kiwi-200: var(--cnvs-base-palette-green-100);
216
+ --cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-200);
217
+ --cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
218
+ --cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
219
+ --cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
220
+ --cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
221
+ --cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
222
+ --cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
223
+ --cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
224
+ --cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
225
+ --cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
226
+ --cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
227
+ --cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
228
+ --cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
229
+ --cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
230
+ --cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
231
+ --cnvs-base-palette-watermelon-600: var(--cnvs-base-palette-green-800);
232
+ --cnvs-base-palette-jewel-100: var(--cnvs-base-palette-teal-25);
233
+ --cnvs-base-palette-jewel-200: var(--cnvs-base-palette-teal-200);
234
+ --cnvs-base-palette-jewel-300: var(--cnvs-base-palette-teal-400);
235
+ --cnvs-base-palette-jewel-400: var(--cnvs-base-palette-teal-500);
236
+ --cnvs-base-palette-jewel-500: var(--cnvs-base-palette-teal-600);
237
+ --cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
238
+ --cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
239
+ --cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
240
+ --cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
241
+ --cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
242
+ --cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
243
+ --cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
244
+ --cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
245
+ --cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
246
+ --cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
247
+ --cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
248
+ --cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
249
+ --cnvs-base-palette-blueberry-600: var(--cnvs-base-palette-blue-800);
250
+ --cnvs-base-palette-plum-100: var(--cnvs-base-palette-blue-100);
251
+ --cnvs-base-palette-plum-200: var(--cnvs-base-palette-blue-200);
252
+ --cnvs-base-palette-plum-300: var(--cnvs-base-palette-blue-400);
253
+ --cnvs-base-palette-plum-400: var(--cnvs-base-palette-blue-600);
254
+ --cnvs-base-palette-plum-500: var(--cnvs-base-palette-blue-700);
255
+ --cnvs-base-palette-plum-600: var(--cnvs-base-palette-blue-800);
256
+ --cnvs-base-palette-berry-smoothie-100: var(--cnvs-base-palette-indigo-50);
257
+ --cnvs-base-palette-berry-smoothie-200: var(--cnvs-base-palette-indigo-200);
258
+ --cnvs-base-palette-berry-smoothie-300: var(--cnvs-base-palette-indigo-400);
259
+ --cnvs-base-palette-berry-smoothie-400: var(--cnvs-base-palette-blue-500);
260
+ --cnvs-base-palette-berry-smoothie-500: var(--cnvs-base-palette-blue-700);
261
+ --cnvs-base-palette-berry-smoothie-600: var(--cnvs-base-palette-blue-800);
262
+ --cnvs-base-palette-blackberry-100: var(--cnvs-base-palette-indigo-25);
263
+ --cnvs-base-palette-blackberry-200: var(--cnvs-base-palette-indigo-200);
264
+ --cnvs-base-palette-blackberry-300: var(--cnvs-base-palette-indigo-400);
265
+ --cnvs-base-palette-blackberry-400: var(--cnvs-base-palette-indigo-500);
266
+ --cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-indigo-700);
267
+ --cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
268
+ --cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
269
+ --cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
270
+ --cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
271
+ --cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
272
+ --cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
273
+ --cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
274
+ --cnvs-base-palette-grape-soda-100: var(--cnvs-base-palette-magenta-50);
275
+ --cnvs-base-palette-grape-soda-200: var(--cnvs-base-palette-magenta-200);
276
+ --cnvs-base-palette-grape-soda-300: var(--cnvs-base-palette-purple-400);
277
+ --cnvs-base-palette-grape-soda-400: var(--cnvs-base-palette-purple-500);
278
+ --cnvs-base-palette-grape-soda-500: var(--cnvs-base-palette-purple-600);
279
+ --cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-purple-800);
280
+ --cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
281
+ --cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
282
+ --cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
283
+ --cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
284
+ --cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
285
+ --cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
286
+ --cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
287
+ --cnvs-base-palette-fruit-punch-200: var(--cnvs-base-palette-red-200);
288
+ --cnvs-base-palette-fruit-punch-300: var(--cnvs-base-palette-red-300);
289
+ --cnvs-base-palette-fruit-punch-400: var(--cnvs-base-palette-red-400);
290
+ --cnvs-base-palette-fruit-punch-500: var(--cnvs-base-palette-red-400);
291
+ --cnvs-base-palette-fruit-punch-600: var(--cnvs-base-palette-red-700);
292
+ --cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-coral-25);
293
+ --cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
294
+ --cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
295
+ --cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
296
+ --cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
297
+ --cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
298
+ --cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
299
+ --cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
300
+ --cnvs-base-palette-toasted-marshmallow-300: var(--cnvs-base-palette-orange-200);
301
+ --cnvs-base-palette-toasted-marshmallow-400: var(--cnvs-base-palette-orange-300);
302
+ --cnvs-base-palette-toasted-marshmallow-500: var(--cnvs-base-palette-amber-500);
303
+ --cnvs-base-palette-toasted-marshmallow-600: var(--cnvs-base-palette-amber-600);
304
+ --cnvs-base-palette-licorice-100: var(--cnvs-base-palette-slate-400);
305
+ --cnvs-base-palette-licorice-200: var(--cnvs-base-palette-slate-500);
306
+ --cnvs-base-palette-licorice-300: var(--cnvs-base-palette-slate-600);
307
+ --cnvs-base-palette-licorice-400: var(--cnvs-base-palette-slate-700);
308
+ --cnvs-base-palette-licorice-500: var(--cnvs-base-palette-slate-800);
309
+ --cnvs-base-palette-licorice-600: var(--cnvs-base-palette-slate-900);
310
+ --cnvs-base-palette-soap-100: var(--cnvs-base-palette-slate-25);
311
+ --cnvs-base-palette-soap-200: var(--cnvs-base-palette-slate-50);
312
+ --cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
313
+ --cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
314
+ --cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
315
+ --cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
316
+ --cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
317
+ --cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
318
+ --cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
319
+ --cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
320
+ --cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
321
+ --cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
322
+ --cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
323
+ --cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
324
+ --cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-900);
325
+ --cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-950);
326
+ --cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-975);
327
+ --cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
328
+ --cnvs-base-palette-coconut-100: #F0EEEE;
329
+ --cnvs-base-palette-coconut-200: #e3dfdf;
330
+ --cnvs-base-palette-coconut-300: #d1cbcc;
331
+ --cnvs-base-palette-coconut-400: #b3acac;
332
+ --cnvs-base-palette-coconut-500: #9e9595;
333
+ --cnvs-base-palette-coconut-600: #8F8687;
334
+ --cnvs-base-palette-cappuccino-100: #7A7374;
335
+ --cnvs-base-palette-cappuccino-200: #706869;
336
+ --cnvs-base-palette-cappuccino-300: #5E5757;
337
+ --cnvs-base-palette-cappuccino-400: #4A4242;
338
+ --cnvs-base-palette-cappuccino-500: #352f2f;
339
+ --cnvs-base-palette-cappuccino-600: #231f20;
137
340
  --cnvs-base-opacity-0: 0;
138
341
  --cnvs-base-opacity-100: 0.08;
139
342
  --cnvs-base-opacity-200: 0.12;
343
+ --cnvs-base-opacity-250: 0.2;
140
344
  --cnvs-base-opacity-300: 0.4;
141
345
  --cnvs-base-opacity-400: 0.64;
142
346
  --cnvs-base-opacity-500: 0.84;
@@ -180,4 +384,10 @@
180
384
  --cnvs-base-letter-spacing-150: 0.015rem;
181
385
  --cnvs-base-letter-spacing-200: 0.01rem;
182
386
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.; */
387
+ --cnvs-base-extended-palette-dragon-fruit-100: ;
388
+ --cnvs-base-extended-palette-dragon-fruit-200: ;
389
+ --cnvs-base-extended-palette-dragon-fruit-300: ;
390
+ --cnvs-base-extended-palette-dragon-fruit-400: ;
391
+ --cnvs-base-extended-palette-dragon-fruit-500: ;
392
+ --cnvs-base-extended-palette-dragon-fruit-600: ;
183
393
  }
package/css/brand/_variables.css CHANGED
@@ -1,49 +1,48 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 26 Jun 2025 18:01:43 GMT
3
+ * Generated on Mon, 08 Sep 2025 16:10:09 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
7
8
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
8
9
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
9
10
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
10
- --cnvs-brand-action-accent: var(--cnvs-base-palette-neutral-0); /* Foreground color in actions */
11
- --cnvs-brand-action-darkest: var(--cnvs-base-palette-blue-800); /* Darkest action color */
12
- --cnvs-brand-action-dark: var(--cnvs-base-palette-blue-700); /* Dark action color */
13
- --cnvs-brand-action-base: var(--cnvs-base-palette-blue-600); /* Base action color */
14
- --cnvs-brand-action-light: var(--cnvs-base-palette-blue-300); /* Light action color */
15
- --cnvs-brand-action-lighter: var(--cnvs-base-palette-blue-200); /* Lighter action color */
16
- --cnvs-brand-action-lightest: var(--cnvs-base-palette-blue-100); /* Lightest action color */
11
+ --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
12
+ --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
17
13
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
18
14
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
19
15
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
20
16
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
21
- --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
22
- --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-100);
17
+ --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
18
+ --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
23
19
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
24
20
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
25
21
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
22
+ --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
23
+ --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
26
24
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
27
- --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
28
- --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-100);
25
+ --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
26
+ --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
27
+ --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
28
+ --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
29
+ --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
30
+ --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
31
+ --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
32
+ --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
33
+ --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
29
34
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
30
35
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
31
- --cnvs-brand-error-dark: var(--cnvs-base-palette-red-600);
32
- --cnvs-brand-error-base: var(--cnvs-base-palette-red-700);
33
- --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
34
- --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-100);
35
- --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-900);
36
- --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-800);
37
- --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-600);
38
- --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
39
- --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-100);
40
- --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-50);
36
+ --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
37
+ --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
38
+ --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
39
+ --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
40
+ --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
41
41
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
42
- --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
43
42
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
43
+ --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
44
+ --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
44
45
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
45
- --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
46
- --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-100);
47
46
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
48
47
  }
49
48