@workday/canvas-tokens-web 3.0.0-alpha.1 → 3.0.0-alpha.10

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 -128
  2. package/css/brand/_variables.css +24 -25
  3. package/css/system/_variables.css +141 -72
  4. package/dist/common-js/base/index.d.ts +121 -79
  5. package/dist/common-js/base/index.js +121 -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 +811 -233
  11. package/dist/common-js/system/index.js +115 -32
  12. package/dist/es6/base/index.d.ts +121 -79
  13. package/dist/es6/base/index.js +121 -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 +811 -233
  19. package/dist/es6/system/index.js +115 -32
  20. package/less/base/_variables.less +170 -128
  21. package/less/brand/_variables.less +24 -25
  22. package/less/system/_variables.less +141 -72
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +170 -128
  25. package/scss/base/_variables.scss +170 -128
  26. package/scss/brand/_variables.sass +24 -25
  27. package/scss/brand/_variables.scss +24 -25
  28. package/scss/system/_variables.sass +141 -72
  29. package/scss/system/_variables.scss +141 -72
package/css/base/_variables.css CHANGED
@@ -1,142 +1,184 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Jun 2025 23:04:33 GMT
3
+ * Generated on Mon, 28 Jul 2025 17:55:05 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);
137
178
  --cnvs-base-opacity-0: 0;
138
179
  --cnvs-base-opacity-100: 0.08;
139
180
  --cnvs-base-opacity-200: 0.12;
181
+ --cnvs-base-opacity-250: 0.2;
140
182
  --cnvs-base-opacity-300: 0.4;
141
183
  --cnvs-base-opacity-400: 0.64;
142
184
  --cnvs-base-opacity-500: 0.84;
package/css/brand/_variables.css CHANGED
@@ -1,49 +1,48 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 Jun 2025 23:04:33 GMT
3
+ * Generated on Mon, 28 Jul 2025 17:55:05 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