@workday/canvas-tokens-web 3.0.0-alpha.7 → 3.0.0-alpha.8

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 +170 -296
  2. package/css/brand/_variables.css +21 -18
  3. package/css/system/_variables.css +132 -63
  4. package/dist/common-js/base/index.d.ts +121 -409
  5. package/dist/common-js/base/index.js +121 -247
  6. package/dist/common-js/brand/index.d.ts +94 -83
  7. package/dist/common-js/brand/index.js +35 -33
  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 +762 -208
  11. package/dist/common-js/system/index.js +114 -31
  12. package/dist/es6/base/index.d.ts +121 -409
  13. package/dist/es6/base/index.js +121 -247
  14. package/dist/es6/brand/index.d.ts +94 -83
  15. package/dist/es6/brand/index.js +35 -33
  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 +762 -208
  19. package/dist/es6/system/index.js +114 -31
  20. package/less/base/_variables.less +170 -296
  21. package/less/brand/_variables.less +21 -18
  22. package/less/system/_variables.less +132 -63
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +170 -296
  25. package/scss/base/_variables.scss +170 -296
  26. package/scss/brand/_variables.sass +21 -18
  27. package/scss/brand/_variables.scss +21 -18
  28. package/scss/system/_variables.sass +132 -63
  29. package/scss/system/_variables.scss +132 -63
package/css/base/_variables.css CHANGED
@@ -1,304 +1,184 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 21 Jul 2025 21:31:48 GMT
3
+ * Generated on Wed, 23 Jul 2025 16:54:20 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 */
137
- --cnvs-base-palette-cinnamon-100: var(--cnvs-base-palette-red-25);
138
- --cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
139
- --cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
140
- --cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
141
- --cnvs-base-palette-cinnamon-500: var(--cnvs-base-palette-red-500);
142
- --cnvs-base-palette-cinnamon-600: var(--cnvs-base-palette-red-700);
143
- --cnvs-base-palette-peach-100: var(--cnvs-base-palette-red-25);
144
- --cnvs-base-palette-peach-200: var(--cnvs-base-palette-red-200);
145
- --cnvs-base-palette-peach-300: var(--cnvs-base-palette-red-300);
146
- --cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
147
- --cnvs-base-palette-peach-500: var(--cnvs-base-palette-red-500);
148
- --cnvs-base-palette-peach-600: var(--cnvs-base-palette-orange-600);
149
- --cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
150
- --cnvs-base-palette-fruit-punch-200: var(--cnvs-base-palette-red-200);
151
- --cnvs-base-palette-fruit-punch-300: var(--cnvs-base-palette-red-300);
152
- --cnvs-base-palette-fruit-punch-400: var(--cnvs-base-palette-red-400);
153
- --cnvs-base-palette-fruit-punch-500: var(--cnvs-base-palette-red-500);
154
- --cnvs-base-palette-fruit-punch-600: var(--cnvs-base-palette-red-700);
155
- --cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-pink-25);
156
- --cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-pink-200);
157
- --cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-pink-400);
158
- --cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-pink-600);
159
- --cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-pink-700);
160
- --cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-pink-800);
161
- --cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-red-50);
162
- --cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-red-200);
163
- --cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-red-300);
164
- --cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
165
- --cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
166
- --cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
167
- --cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-red-50);
168
- --cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-orange-100);
169
- --cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-orange-200);
170
- --cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-orange-300);
171
- --cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-400);
172
- --cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
173
- --cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
174
- --cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-50);
175
- --cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
176
- --cnvs-base-palette-sour-lemon-400: var(--cnvs-base-palette-orange-300);
177
- --cnvs-base-palette-sour-lemon-500: var(--cnvs-base-palette-amber-300);
178
- --cnvs-base-palette-sour-lemon-600: var(--cnvs-base-palette-amber-500);
179
- --cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
180
- --cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-amber-100);
181
- --cnvs-base-palette-toasted-marshmallow-300: var(--cnvs-base-palette-amber-200);
182
- --cnvs-base-palette-toasted-marshmallow-400: var(--cnvs-base-palette-amber-400);
183
- --cnvs-base-palette-toasted-marshmallow-500: var(--cnvs-base-palette-amber-600);
184
- --cnvs-base-palette-toasted-marshmallow-600: var(--cnvs-base-palette-amber-700);
185
- --cnvs-base-palette-juicy-pear-100: var(--cnvs-base-palette-green-25);
186
- --cnvs-base-palette-juicy-pear-200: var(--cnvs-base-palette-green-200);
187
- --cnvs-base-palette-juicy-pear-300: var(--cnvs-base-palette-green-400);
188
- --cnvs-base-palette-juicy-pear-400: var(--cnvs-base-palette-green-500);
189
- --cnvs-base-palette-juicy-pear-500: var(--cnvs-base-palette-green-600);
190
- --cnvs-base-palette-juicy-pear-600: var(--cnvs-base-palette-green-700);
191
- --cnvs-base-palette-kiwi-100: var(--cnvs-base-palette-green-100);
192
- --cnvs-base-palette-kiwi-200: var(--cnvs-base-palette-green-200);
193
- --cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-300);
194
- --cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
195
- --cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-600);
196
- --cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
197
- --cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-25);
198
- --cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-200);
199
- --cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-400);
200
- --cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-500);
201
- --cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-600);
202
- --cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-700);
203
- --cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-green-50);
204
- --cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-green-50);
205
- --cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
206
- --cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-300);
207
- --cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
208
- --cnvs-base-palette-watermelon-600: var(--cnvs-base-palette-green-900);
209
- --cnvs-base-palette-jewel-100: var(--cnvs-base-palette-teal-25);
210
- --cnvs-base-palette-jewel-200: var(--cnvs-base-palette-teal-200);
211
- --cnvs-base-palette-jewel-300: var(--cnvs-base-palette-teal-400);
212
- --cnvs-base-palette-jewel-400: var(--cnvs-base-palette-teal-500);
213
- --cnvs-base-palette-jewel-500: var(--cnvs-base-palette-teal-600);
214
- --cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
215
- --cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-blue-100);
216
- --cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-blue-200);
217
- --cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-blue-400);
218
- --cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-blue-500);
219
- --cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-blue-600);
220
- --cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-blue-700);
221
- --cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
222
- --cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-200);
223
- --cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
224
- --cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-500);
225
- --cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-600);
226
- --cnvs-base-palette-blueberry-600: var(--cnvs-base-palette-blue-700);
227
- --cnvs-base-palette-plum-100: var(--cnvs-base-palette-blue-50);
228
- --cnvs-base-palette-plum-200: var(--cnvs-base-palette-blue-200);
229
- --cnvs-base-palette-plum-300: var(--cnvs-base-palette-blue-400);
230
- --cnvs-base-palette-plum-400: var(--cnvs-base-palette-blue-500);
231
- --cnvs-base-palette-plum-500: var(--cnvs-base-palette-blue-600);
232
- --cnvs-base-palette-plum-600: var(--cnvs-base-palette-blue-700);
233
- --cnvs-base-palette-berry-smoothie-100: var(--cnvs-base-palette-purple-100);
234
- --cnvs-base-palette-berry-smoothie-200: var(--cnvs-base-palette-purple-200);
235
- --cnvs-base-palette-berry-smoothie-300: var(--cnvs-base-palette-purple-400);
236
- --cnvs-base-palette-berry-smoothie-400: var(--cnvs-base-palette-purple-500);
237
- --cnvs-base-palette-berry-smoothie-500: var(--cnvs-base-palette-purple-600);
238
- --cnvs-base-palette-berry-smoothie-600: var(--cnvs-base-palette-purple-700);
239
- --cnvs-base-palette-blackberry-100: var(--cnvs-base-palette-purple-50);
240
- --cnvs-base-palette-blackberry-200: var(--cnvs-base-palette-purple-200);
241
- --cnvs-base-palette-blackberry-300: var(--cnvs-base-palette-purple-400);
242
- --cnvs-base-palette-blackberry-400: var(--cnvs-base-palette-purple-500);
243
- --cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-purple-600);
244
- --cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-purple-700);
245
- --cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-50);
246
- --cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
247
- --cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-300);
248
- --cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-400);
249
- --cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-600);
250
- --cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-700);
251
- --cnvs-base-palette-grape-soda-100: var(--cnvs-base-palette-pink-100);
252
- --cnvs-base-palette-grape-soda-200: var(--cnvs-base-palette-pink-200);
253
- --cnvs-base-palette-grape-soda-300: var(--cnvs-base-palette-pink-300);
254
- --cnvs-base-palette-grape-soda-400: var(--cnvs-base-palette-pink-400);
255
- --cnvs-base-palette-grape-soda-500: var(--cnvs-base-palette-pink-600);
256
- --cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-pink-700);
257
- --cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-neutral-25);
258
- --cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-neutral-100);
259
- --cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-neutral-200);
260
- --cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-neutral-300);
261
- --cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-neutral-500);
262
- --cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-neutral-600);
263
- --cnvs-base-palette-coconut-100: var(--cnvs-base-palette-neutral-100);
264
- --cnvs-base-palette-coconut-200: var(--cnvs-base-palette-neutral-200);
265
- --cnvs-base-palette-coconut-300: var(--cnvs-base-palette-neutral-300);
266
- --cnvs-base-palette-coconut-400: var(--cnvs-base-palette-neutral-400);
267
- --cnvs-base-palette-coconut-500: var(--cnvs-base-palette-neutral-500);
268
- --cnvs-base-palette-coconut-600: var(--cnvs-base-palette-neutral-600);
269
- --cnvs-base-palette-soap-100: var(--cnvs-base-palette-neutral-50);
270
- --cnvs-base-palette-soap-200: var(--cnvs-base-palette-neutral-100);
271
- --cnvs-base-palette-soap-300: var(--cnvs-base-palette-neutral-200);
272
- --cnvs-base-palette-soap-400: var(--cnvs-base-palette-neutral-250);
273
- --cnvs-base-palette-soap-500: var(--cnvs-base-palette-neutral-300);
274
- --cnvs-base-palette-soap-600: var(--cnvs-base-palette-neutral-400);
275
- --cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
276
- --cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-200);
277
- --cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-300);
278
- --cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-400);
279
- --cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-500);
280
- --cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-600);
281
- --cnvs-base-palette-cappuccino-100: var(--cnvs-base-palette-neutral-600);
282
- --cnvs-base-palette-cappuccino-200: var(--cnvs-base-palette-slate-600);
283
- --cnvs-base-palette-cappuccino-300: var(--cnvs-base-palette-slate-700);
284
- --cnvs-base-palette-cappuccino-400: var(--cnvs-base-palette-slate-800);
285
- --cnvs-base-palette-cappuccino-500: var(--cnvs-base-palette-slate-900);
286
- --cnvs-base-palette-cappuccino-600: var(--cnvs-base-palette-slate-950);
287
- --cnvs-base-palette-licorice-100: var(--cnvs-base-palette-slate-400);
288
- --cnvs-base-palette-licorice-200: var(--cnvs-base-palette-slate-500);
289
- --cnvs-base-palette-licorice-300: var(--cnvs-base-palette-slate-600);
290
- --cnvs-base-palette-licorice-400: var(--cnvs-base-palette-slate-700);
291
- --cnvs-base-palette-licorice-500: var(--cnvs-base-palette-slate-800);
292
- --cnvs-base-palette-licorice-600: var(--cnvs-base-palette-slate-900);
293
- --cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-600);
294
- --cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
295
- --cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
296
- --cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-850);
297
- --cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-900);
298
- --cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
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);
299
178
  --cnvs-base-opacity-0: 0;
300
179
  --cnvs-base-opacity-100: 0.08;
301
180
  --cnvs-base-opacity-200: 0.12;
181
+ --cnvs-base-opacity-250: 0.2;
302
182
  --cnvs-base-opacity-300: 0.4;
303
183
  --cnvs-base-opacity-400: 0.64;
304
184
  --cnvs-base-opacity-500: 0.84;
@@ -341,11 +221,5 @@
341
221
  --cnvs-base-letter-spacing-100: 0.02rem;
342
222
  --cnvs-base-letter-spacing-150: 0.015rem;
343
223
  --cnvs-base-letter-spacing-200: 0.01rem;
344
- --cnvs-base-extended-palette-dragon-fruit-100: #FBF1FF;
345
- --cnvs-base-extended-palette-dragon-fruit-200: #EFD3FF;
346
- --cnvs-base-extended-palette-dragon-fruit-300: #BE61F6;
347
- --cnvs-base-extended-palette-dragon-fruit-400: #8C17D2;
348
- --cnvs-base-extended-palette-dragon-fruit-500: #6B11A3;
349
- --cnvs-base-extended-palette-dragon-fruit-600: #4A0D71;
350
224
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.; */
351
225
  }
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 21 Jul 2025 21:31:48 GMT
3
+ * Generated on Wed, 23 Jul 2025 16:54:20 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -8,38 +8,41 @@
8
8
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
9
9
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
10
10
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
11
+ --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
12
+ --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
11
13
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
12
14
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
13
15
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
14
16
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
15
- --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-150);
16
- --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-50);
17
+ --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
18
+ --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
17
19
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
18
20
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
19
21
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
20
- --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
21
- --cnvs-brand-success-light: var(--cnvs-base-palette-green-100);
22
+ --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
22
23
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
24
+ --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
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);
23
34
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
24
35
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
25
36
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
26
- --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
27
- --cnvs-brand-error-light: var(--cnvs-base-palette-red-100);
28
37
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
29
- --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-900);
30
- --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
31
- --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
32
- --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
33
- --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-50);
34
- --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-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);
35
41
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
36
- --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
37
42
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
38
- --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
39
- --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
40
- --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-100);
43
+ --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
41
44
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
42
- --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
45
+ --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
43
46
  }
44
47
 
45
48