@workday/canvas-tokens-web 4.4.0-beta.0 → 5.0.0-alpha.1

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 (57) hide show
  1. package/css/base/_variables.css +140 -99
  2. package/css/brand/_variables.css +35 -27
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +139 -97
  5. package/css/legacy/brand.css +58 -42
  6. package/css/legacy/component.css +5 -5
  7. package/css/legacy/system.css +128 -61
  8. package/css/system/_variables.css +123 -50
  9. package/dist/common-js/base/index.d.ts +181 -100
  10. package/dist/common-js/base/index.js +181 -100
  11. package/dist/common-js/brand/index.d.ts +149 -77
  12. package/dist/common-js/brand/index.js +68 -43
  13. package/dist/common-js/component/index.d.ts +5 -5
  14. package/dist/common-js/component/index.js +5 -5
  15. package/dist/common-js/index.d.ts +1 -1
  16. package/dist/common-js/index.js +1 -1
  17. package/dist/common-js/system/index.d.ts +693 -186
  18. package/dist/common-js/system/index.js +279 -146
  19. package/dist/es6/base/index.d.ts +181 -100
  20. package/dist/es6/base/index.js +181 -100
  21. package/dist/es6/brand/index.d.ts +149 -77
  22. package/dist/es6/brand/index.js +68 -43
  23. package/dist/es6/component/index.d.ts +5 -5
  24. package/dist/es6/component/index.js +5 -5
  25. package/dist/es6/index.d.ts +1 -1
  26. package/dist/es6/index.js +1 -1
  27. package/dist/es6/system/index.d.ts +693 -186
  28. package/dist/es6/system/index.js +279 -146
  29. package/less/base/_variables.less +140 -99
  30. package/less/brand/_variables.less +35 -27
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +123 -50
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +140 -99
  35. package/scss/base/_variables.scss +140 -99
  36. package/scss/brand/_variables.sass +35 -27
  37. package/scss/brand/_variables.scss +35 -27
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +123 -50
  41. package/scss/system/_variables.scss +123 -50
  42. package/css/sana/_variables.css +0 -362
  43. package/dist/common-js/base/sana.d.ts +0 -151
  44. package/dist/common-js/base/sana.js +0 -154
  45. package/dist/common-js/brand/sana.d.ts +0 -41
  46. package/dist/common-js/brand/sana.js +0 -44
  47. package/dist/common-js/system/sana.d.ts +0 -379
  48. package/dist/common-js/system/sana.js +0 -382
  49. package/dist/es6/base/sana.d.ts +0 -151
  50. package/dist/es6/base/sana.js +0 -151
  51. package/dist/es6/brand/sana.d.ts +0 -41
  52. package/dist/es6/brand/sana.js +0 -41
  53. package/dist/es6/system/sana.d.ts +0 -379
  54. package/dist/es6/system/sana.js +0 -379
  55. package/less/sana/_variables.less +0 -362
  56. package/scss/sana/_variables.sass +0 -362
  57. package/scss/sana/_variables.scss +0 -362
@@ -1,362 +0,0 @@
1
- [data-theme="sana-canvas"] {
2
- $cnvs-base-palette-amber-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
3
- $cnvs-base-palette-amber-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
4
- $cnvs-base-palette-amber-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
5
- $cnvs-base-palette-amber-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
6
- $cnvs-base-palette-amber-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
7
- $cnvs-base-palette-azure-a25: oklch(0.7461 0.1557 233.78 / 0.0588);
8
- $cnvs-base-palette-azure-a50: oklch(0.7349 0.1588 236.29 / 0.1373);
9
- $cnvs-base-palette-azure-a300: oklch(0.6542 0.1794 248.76 / 0.5255);
10
- $cnvs-base-palette-blue-a25: oklch(0.6141 0.2114 256.22 / 0.0706);
11
- $cnvs-base-palette-blue-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
12
- $cnvs-base-palette-blue-a100: oklch(0.6077 0.215 256.92 / 0.1608);
13
- $cnvs-base-palette-blue-a300: oklch(0.5987 0.22 257.83 / 0.4667);
14
- $cnvs-base-palette-coral-a25: oklch(0.6672 0.2239 36.87 / 0.0392);
15
- $cnvs-base-palette-coral-a50: oklch(0.6482 0.2393 32.96 / 0.0745);
16
- $cnvs-base-palette-coral-a100: oklch(0.6492 0.2384 33.16 / 0.1451);
17
- $cnvs-base-palette-coral-a200: oklch(0.6524 0.2357 33.8 / 0.3529);
18
- $cnvs-base-palette-coral-a300: oklch(0.654 0.2344 34.12 / 0.5686);
19
- $cnvs-base-palette-green-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
20
- $cnvs-base-palette-green-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
21
- $cnvs-base-palette-green-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
22
- $cnvs-base-palette-green-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
23
- $cnvs-base-palette-green-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
24
- $cnvs-base-palette-indigo-a25: oklch(0.452 0.3132 264.06 / 0.0431);
25
- $cnvs-base-palette-indigo-a50: oklch(0.4624 0.3062 264.19 / 0.0784);
26
- $cnvs-base-palette-indigo-a100: oklch(0.4576 0.3094 264.14 / 0.1216);
27
- $cnvs-base-palette-indigo-a200: oklch(0.4602 0.3077 264.17 / 0.2314);
28
- $cnvs-base-palette-indigo-a300: oklch(0.4556 0.3108 264.11 / 0.3569);
29
- $cnvs-base-palette-magenta-a50: oklch(0.7017 0.3225 328.36 / 0.0745);
30
- $cnvs-base-palette-magenta-a100: oklch(0.687 0.3067 334.22 / 0.1529);
31
- $cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
32
- $cnvs-base-palette-magenta-a300: oklch(0.6773 0.2957 338.89 / 0.4196);
33
- $cnvs-base-palette-neutral-150: oklch(0.906 0 89.88 / 1);
34
- $cnvs-base-palette-neutral-300: oklch(0.8047 0 89.88 / 1);
35
- $cnvs-base-palette-neutral-400: oklch(0.7219 0 89.88 / 1);
36
- $cnvs-base-palette-neutral-700: oklch(0.4386 0 89.88 / 1);
37
- $cnvs-base-palette-neutral-800: oklch(0.3171 0 89.88 / 1);
38
- $cnvs-base-palette-neutral-850: oklch(0.2645 0 89.88 / 1);
39
- $cnvs-base-palette-neutral-900: oklch(0.2478 0 89.88 / 1);
40
- $cnvs-base-palette-neutral-950: oklch(0.228 0 89.88 / 1);
41
- $cnvs-base-palette-neutral-975: oklch(0.196 0 89.88 / 1);
42
- $cnvs-base-palette-neutral-a25: oklch(0 0 0 / 0.0196);
43
- $cnvs-base-palette-neutral-a50: oklch(0 0 0 / 0.0392);
44
- $cnvs-base-palette-neutral-a100: oklch(0 0 0 / 0.0745);
45
- $cnvs-base-palette-neutral-a200: oklch(0 0 0 / 0.1686);
46
- $cnvs-base-palette-neutral-a300: oklch(0 0 0 / 0.251);
47
- $cnvs-base-palette-neutral-a400: oklch(0 0 0 / 0.3529);
48
- $cnvs-base-palette-neutral-a500: oklch(0 0 0 / 0.4706);
49
- $cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
50
- $cnvs-base-palette-neutral-a700: oklch(0 0 0 / 0.6784);
51
- $cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.8039);
52
- $cnvs-base-palette-neutral-a900: oklch(0 0 0 / 0.8706);
53
- $cnvs-base-palette-neutral-a950: oklch(0 0 0 / 0.8902);
54
- $cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.9176);
55
- $cnvs-base-palette-neutral-a150: oklch(0 0 0 / 0.1216);
56
- $cnvs-base-palette-neutral-a850: oklch(0 0 0 / 0.8549);
57
- $cnvs-base-palette-orange-a25: oklch(0.7093 0.1802 52.88 / 0.098);
58
- $cnvs-base-palette-orange-a50: oklch(0.75 0.1792 58.11 / 0.1647);
59
- $cnvs-base-palette-orange-a100: oklch(0.7342 0.1848 53.62 / 0.2471);
60
- $cnvs-base-palette-orange-a200: oklch(0.7295 0.1867 52.32 / 0.4588);
61
- $cnvs-base-palette-orange-a300: oklch(0.7426 0.1817 56.01 / 0.8);
62
- $cnvs-base-palette-purple-a25: oklch(0.5597 0.2956 301.91 / 0.0392);
63
- $cnvs-base-palette-purple-a50: oklch(0.5569 0.2953 301.2 / 0.0863);
64
- $cnvs-base-palette-purple-a100: oklch(0.5812 0.2986 307.02 / 0.1647);
65
- $cnvs-base-palette-purple-a200: oklch(0.6012 0.302 311.32 / 0.2431);
66
- $cnvs-base-palette-purple-a300: oklch(0.5935 0.3006 309.71 / 0.3569);
67
- $cnvs-base-palette-red-a25: oklch(0.6329 0.253 30.1 / 0.0431);
68
- $cnvs-base-palette-red-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
69
- $cnvs-base-palette-red-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
70
- $cnvs-base-palette-red-a200: oklch(0.6361 0.25 30.68 / 0.3451);
71
- $cnvs-base-palette-red-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
72
- $cnvs-base-palette-slate-25: oklch(0.9849 0.0029 264.51 / 1);
73
- $cnvs-base-palette-slate-50: oklch(0.9695 0.0046 258.42 / 1);
74
- $cnvs-base-palette-slate-100: oklch(0.9442 0.007 248.08 / 1);
75
- $cnvs-base-palette-slate-150: oklch(0.908 0.011 256.7 / 1);
76
- $cnvs-base-palette-slate-200: oklch(0.8706 0.0158 257.2 / 1);
77
- $cnvs-base-palette-slate-300: oklch(0.804 0.0214 254.94 / 1);
78
- $cnvs-base-palette-slate-400: oklch(0.721 0.024 254.4 / 1);
79
- $cnvs-base-palette-slate-500: oklch(0.6225 0.0248 254.47 / 1);
80
- $cnvs-base-palette-slate-600: oklch(0.5099 0.0241 255.01 / 1);
81
- $cnvs-base-palette-slate-700: oklch(0.44 0.023 255.6 / 1);
82
- $cnvs-base-palette-slate-800: oklch(0.3147 0.0128 253 / 1);
83
- $cnvs-base-palette-slate-850: oklch(0.2667 0.011 254.03 / 1);
84
- $cnvs-base-palette-slate-900: oklch(0.2458 0.0112 254.05 / 1);
85
- $cnvs-base-palette-slate-950: oklch(0.2202 0.0115 254.08 / 1);
86
- $cnvs-base-palette-slate-975: oklch(0.1933 0.0102 248.36 / 1);
87
- $cnvs-base-palette-slate-a25: oklch(0.3276 0.1499 261.85 / 0.0235);
88
- $cnvs-base-palette-slate-a50: oklch(0.3064 0.1202 259.24 / 0.0471);
89
- $cnvs-base-palette-slate-a100: oklch(0.3039 0.0952 253.5 / 0.0863);
90
- $cnvs-base-palette-slate-a200: oklch(0.2751 0.1026 258.16 / 0.1922);
91
- $cnvs-base-palette-slate-a300: oklch(0.2639 0.0924 256.67 / 0.2863);
92
- $cnvs-base-palette-slate-a400: oklch(0.2307 0.0767 255.27 / 0.3922);
93
- $cnvs-base-palette-slate-a500: oklch(0.1993 0.0626 253.59 / 0.5098);
94
- $cnvs-base-palette-slate-a600: oklch(0.1704 0.05 251.35 / 0.6353);
95
- $cnvs-base-palette-slate-a700: oklch(0.1549 0.0434 249.61 / 0.7098);
96
- $cnvs-base-palette-slate-a800: oklch(0.1165 0.026 238.48 / 0.8235);
97
- $cnvs-base-palette-slate-a900: oklch(0.1055 0.0236 238.48 / 0.8863);
98
- $cnvs-base-palette-slate-a950: oklch(0.1046 0.0233 238.41 / 0.9098);
99
- $cnvs-base-palette-slate-a975: oklch(0.1028 0.0214 233.55 / 0.9333);
100
- $cnvs-base-palette-slate-a150: oklch(0.2742 0.101 257.89 / 0.1373);
101
- $cnvs-base-palette-slate-a850: oklch(0.1063 0.0237 238.42 / 0.8667);
102
- $cnvs-base-palette-teal-a25: oklch(0.8768 0.1491 201.26 / 0.0824);
103
- $cnvs-base-palette-teal-a50: oklch(0.838 0.1438 207.32 / 0.1804);
104
- $cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
105
- $cnvs-base-palette-teal-a200: oklch(0.7093 0.1219 208.01 / 0.3686);
106
- $cnvs-base-palette-teal-a300: oklch(0.644 0.1109 208.68 / 0.5647);
107
- $cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
108
- $cnvs-base-palette-white-a25: oklch(1 0 89.88 / 0.023);
109
- $cnvs-base-palette-white-a50: oklch(1 0 89.88 / 0.045);
110
- $cnvs-base-palette-white-a100: oklch(1 0 89.88 / 0.118);
111
- $cnvs-base-palette-white-a200: oklch(1 0 89.88 / 0.25);
112
- $cnvs-base-palette-white-a300: oklch(1 0 89.88 / 0.374);
113
- $cnvs-base-palette-white-a400: oklch(1 0 89.88 / 0.489);
114
- $cnvs-base-palette-white-a500: oklch(1 0 89.88 / 0.591);
115
- $cnvs-base-palette-white-a600: oklch(1 0 89.88 / 0.698);
116
- $cnvs-base-palette-white-a700: oklch(1 0 89.88 / 0.788);
117
- $cnvs-base-palette-white-a800: oklch(1 0 89.88 / 0.861);
118
- $cnvs-base-palette-white-a900: oklch(1 0 89.88 / 0.921);
119
- $cnvs-base-palette-white-a950: oklch(1 0 89.88 / 0.947);
120
- $cnvs-base-palette-white-a975: oklch(1 0 89.88 / 0.974);
121
- $cnvs-base-palette-white-a150: oklch(1 0 89.88 / 0.1841);
122
- $cnvs-base-palette-white-a850: oklch(1 0 89.88 / 0.8909);
123
- $cnvs-base-size-1600: calc($cnvs-base-baseline * 16.00);
124
- $cnvs-base-size-1800: calc($cnvs-base-baseline * 18.00);
125
- $cnvs-base-size-2000: calc($cnvs-base-baseline * 20.00);
126
- $cnvs-base-size-2400: calc($cnvs-base-baseline * 24.00);
127
- $cnvs-base-size-2800: calc($cnvs-base-baseline * 28.00);
128
- $cnvs-base-size-3200: calc($cnvs-base-baseline * 32.00);
129
- $cnvs-base-font-family-0: -apple-system, BlinkMacSystemFont, "Sana Serif", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
130
- $cnvs-base-font-family-50: "Sana Sans LCG 05 VF";
131
- $cnvs-base-font-family-100: "IBM Plex Mono";
132
- $cnvs-base-font-family-200: "Noto Sans";
133
- $cnvs-base-font-weight-600: 600;
134
- $cnvs-base-letter-spacing-1: 0.008125rem;
135
- $cnvs-base-letter-spacing-2: 0.0075rem;
136
- $cnvs-base-letter-spacing-3: 0.006875rem;
137
- $cnvs-base-letter-spacing-4: 0.00625rem;
138
- $cnvs-base-letter-spacing-5: 0rem;
139
- $cnvs-base-letter-spacing-6: -0.00625rem;
140
- $cnvs-base-letter-spacing-7: -0.01875rem;
141
- $cnvs-base-letter-spacing-8: -0.02125rem;
142
- $cnvs-base-letter-spacing-9: -0.02375rem;
143
- $cnvs-base-letter-spacing-10: -0.02875rem;
144
- $cnvs-base-letter-spacing-11: -0.03375rem;
145
- $cnvs-base-letter-spacing-12: -0.03875rem;
146
- $cnvs-brand-primary-a300: $cnvs-base-palette-blue-a300;
147
- $cnvs-brand-neutral-25: $cnvs-base-palette-neutral-25;
148
- $cnvs-brand-neutral-50: $cnvs-base-palette-neutral-50;
149
- $cnvs-brand-neutral-100: $cnvs-base-palette-neutral-100;
150
- $cnvs-brand-neutral-150: $cnvs-base-palette-neutral-150;
151
- $cnvs-brand-neutral-200: $cnvs-base-palette-neutral-200;
152
- $cnvs-brand-neutral-300: $cnvs-base-palette-neutral-300;
153
- $cnvs-brand-neutral-400: $cnvs-base-palette-neutral-400;
154
- $cnvs-brand-neutral-500: $cnvs-base-palette-neutral-500;
155
- $cnvs-brand-neutral-600: $cnvs-base-palette-neutral-600;
156
- $cnvs-brand-neutral-700: $cnvs-base-palette-neutral-700;
157
- $cnvs-brand-neutral-800: $cnvs-base-palette-neutral-800;
158
- $cnvs-brand-neutral-850: $cnvs-base-palette-neutral-850;
159
- $cnvs-brand-neutral-900: $cnvs-base-palette-neutral-900;
160
- $cnvs-brand-neutral-950: $cnvs-base-palette-neutral-950;
161
- $cnvs-brand-neutral-975: $cnvs-base-palette-neutral-975;
162
- $cnvs-brand-neutral-a25: $cnvs-base-palette-neutral-a25;
163
- $cnvs-brand-neutral-a50: $cnvs-base-palette-neutral-a50;
164
- $cnvs-brand-neutral-a100: $cnvs-base-palette-neutral-a100;
165
- $cnvs-brand-neutral-a200: $cnvs-base-palette-neutral-a200;
166
- $cnvs-brand-neutral-a300: $cnvs-base-palette-neutral-a300;
167
- $cnvs-brand-neutral-a400: $cnvs-base-palette-neutral-a400;
168
- $cnvs-brand-neutral-a500: $cnvs-base-palette-neutral-a500;
169
- $cnvs-brand-neutral-a600: $cnvs-base-palette-neutral-a600;
170
- $cnvs-brand-neutral-a700: $cnvs-base-palette-neutral-a700;
171
- $cnvs-brand-neutral-a800: $cnvs-base-palette-neutral-a800;
172
- $cnvs-brand-neutral-a900: $cnvs-base-palette-neutral-a900;
173
- $cnvs-brand-neutral-a950: $cnvs-base-palette-neutral-a950;
174
- $cnvs-brand-neutral-a975: $cnvs-base-palette-neutral-a975;
175
- $cnvs-brand-neutral-a150: $cnvs-base-palette-neutral-a150;
176
- $cnvs-brand-neutral-a850: $cnvs-base-palette-neutral-a850;
177
- $cnvs-brand-critical-a300: $cnvs-base-palette-red-a300;
178
- $cnvs-brand-caution-a300: $cnvs-base-palette-amber-a300;
179
- $cnvs-brand-positive-a300: $cnvs-base-palette-green-a300;
180
- $cnvs-sys-breakpoints-xxl: calc($cnvs-base-baseline * 272.5);
181
- $cnvs-sys-shape-sm: $cnvs-base-size-75;
182
- $cnvs-sys-shape-xxl: $cnvs-base-size-250;
183
- $cnvs-sys-shape-xxxl: $cnvs-base-size-350;
184
- $cnvs-sys-shape-xs: $cnvs-base-size-50;
185
- $cnvs-sys-line-height-body-md: $cnvs-base-size-300;
186
- $cnvs-sys-color-bg-alt-default: $cnvs-brand-neutral-50;
187
- $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0;
188
- $cnvs-sys-color-fg-muted-default: $cnvs-brand-neutral-a600;
189
- $cnvs-sys-color-fg-muted-strong: $cnvs-brand-neutral-a700;
190
- $cnvs-sys-color-fg-info-default: $cnvs-base-palette-blue-600;
191
- $cnvs-sys-color-fg-info-strong: $cnvs-base-palette-blue-700;
192
- $cnvs-sys-color-fg-default: $cnvs-brand-neutral-a800;
193
- $cnvs-sys-color-fg-strong: $cnvs-brand-neutral-a900;
194
- $cnvs-sys-color-fg-stronger: $cnvs-brand-neutral-a950;
195
- $cnvs-sys-color-fg-disabled: $cnvs-brand-neutral-a400;
196
- $cnvs-sys-color-fg-inverse: $cnvs-base-palette-neutral-0;
197
- $cnvs-sys-color-fg-danger-default: $cnvs-brand-critical-600;
198
- $cnvs-sys-color-fg-danger-strong: $cnvs-brand-critical-700;
199
- $cnvs-sys-color-fg-warning-default: $cnvs-brand-caution-600;
200
- $cnvs-sys-color-fg-warning-strong: $cnvs-brand-caution-700;
201
- $cnvs-sys-color-fg-success-default: $cnvs-brand-positive-600;
202
- $cnvs-sys-color-fg-success-strong: $cnvs-brand-positive-700;
203
- $cnvs-sys-color-fg-ai: $cnvs-base-palette-blue-950;
204
- $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-a900;
205
- $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-a950;
206
- $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950;
207
- $cnvs-sys-color-border-input-default: $cnvs-brand-neutral-a500;
208
- $cnvs-sys-color-border-input-hover: $cnvs-brand-neutral-a700;
209
- $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-neutral-a900;
210
- $cnvs-sys-color-border-default: $cnvs-brand-neutral-a100;
211
- $cnvs-sys-color-border-strong: $cnvs-brand-neutral-a200;
212
- $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500;
213
- $cnvs-sys-color-border-danger: $cnvs-brand-critical-500;
214
- $cnvs-sys-color-border-warning: $cnvs-brand-caution-500;
215
- $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-neutral-0;
216
- $cnvs-sys-color-border-inverse-strong: $cnvs-base-palette-white-a700;
217
- $cnvs-sys-color-border-transparent: $cnvs-base-palette-white-a0;
218
- $cnvs-sys-color-surface-default: $cnvs-base-palette-neutral-0;
219
- $cnvs-sys-color-surface-navigation: $cnvs-brand-neutral-50;
220
- $cnvs-sys-color-surface-popover: $cnvs-base-palette-neutral-0;
221
- $cnvs-sys-color-surface-modal: $cnvs-base-palette-neutral-0;
222
- $cnvs-sys-color-surface-raised: $cnvs-brand-neutral-a25;
223
- $cnvs-sys-color-surface-alt-default: $cnvs-brand-neutral-a50;
224
- $cnvs-sys-color-surface-alt-strong: $cnvs-brand-neutral-a100;
225
- $cnvs-sys-color-surface-loading: $cnvs-brand-neutral-a50;
226
- $cnvs-sys-color-surface-info-default: $cnvs-base-palette-blue-a25;
227
- $cnvs-sys-color-surface-info-strong: $cnvs-base-palette-blue-a50;
228
- $cnvs-sys-color-surface-danger-default: $cnvs-brand-critical-a25;
229
- $cnvs-sys-color-surface-danger-strong: $cnvs-brand-critical-a50;
230
- $cnvs-sys-color-surface-warning-default: $cnvs-brand-caution-a25;
231
- $cnvs-sys-color-surface-warning-strong: $cnvs-brand-caution-a50;
232
- $cnvs-sys-color-surface-success-default: $cnvs-brand-positive-a25;
233
- $cnvs-sys-color-surface-success-strong: $cnvs-brand-positive-a50;
234
- $cnvs-sys-color-surface-ai-default: $cnvs-base-palette-blue-a100;
235
- $cnvs-sys-color-surface-ai-hover: $cnvs-base-palette-blue-a200;
236
- $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-400;
237
- $cnvs-sys-color-surface-transparent: $cnvs-base-palette-white-a0;
238
- $cnvs-sys-color-surface-inverse: $cnvs-base-palette-neutral-0;
239
- $cnvs-sys-color-surface-contrast-default: $cnvs-brand-neutral-a900;
240
- $cnvs-sys-color-surface-contrast-strong: $cnvs-brand-neutral-a950;
241
- $cnvs-sys-color-surface-overlay-hover-default: $cnvs-brand-neutral-a50;
242
- $cnvs-sys-color-surface-overlay-hover-inverse: $cnvs-base-palette-white-a200;
243
- $cnvs-sys-color-surface-overlay-mixin: $cnvs-base-palette-neutral-1000;
244
- $cnvs-sys-color-surface-overlay-pressed-default: $cnvs-brand-neutral-a100;
245
- $cnvs-sys-color-surface-overlay-pressed-inverse: $cnvs-base-palette-white-a300;
246
- $cnvs-sys-color-surface-overlay-scrim: $cnvs-brand-neutral-a400;
247
- $cnvs-sys-color-surface-overlay-raised: $cnvs-base-palette-white-a400;
248
- $cnvs-sys-color-accent-ai: $cnvs-base-palette-blue-950;
249
- $cnvs-sys-color-accent-info: $cnvs-base-palette-blue-600;
250
- $cnvs-sys-color-accent-danger: $cnvs-brand-critical-600;
251
- $cnvs-sys-color-accent-warning: $cnvs-brand-caution-400;
252
- $cnvs-sys-color-accent-success: $cnvs-brand-positive-600;
253
- $cnvs-sys-color-accent-contrast: $cnvs-brand-neutral-a900;
254
- $cnvs-sys-color-accent-muted-default: $cnvs-brand-neutral-600;
255
- $cnvs-sys-color-accent-muted-soft: $cnvs-brand-neutral-400;
256
- $cnvs-sys-color-accent-overlay-hover: $cnvs-base-palette-white-a100;
257
- $cnvs-sys-color-accent-overlay-pressed: $cnvs-base-palette-white-a200;
258
- $cnvs-sys-color-accent-overlay-mixin: $cnvs-base-palette-neutral-1000;
259
- $cnvs-sys-color-brand-focus-primary: $cnvs-base-palette-blue-500;
260
- $cnvs-sys-color-brand-focus-critical: $cnvs-brand-critical-500;
261
- $cnvs-sys-color-brand-focus-caution-outer: $cnvs-brand-caution-500;
262
- $cnvs-sys-color-brand-focus-caution-inner: $cnvs-brand-caution-400;
263
- $cnvs-sys-color-brand-surface-primary-default: $cnvs-brand-neutral-a25;
264
- $cnvs-sys-color-brand-surface-primary-strong: $cnvs-brand-neutral-a50;
265
- $cnvs-sys-color-brand-surface-critical-default: $cnvs-brand-critical-a25;
266
- $cnvs-sys-color-brand-surface-critical-strong: $cnvs-brand-critical-a50;
267
- $cnvs-sys-color-brand-surface-caution-default: $cnvs-brand-caution-a25;
268
- $cnvs-sys-color-brand-surface-caution-strong: $cnvs-brand-caution-a50;
269
- $cnvs-sys-color-brand-surface-positive-default: $cnvs-brand-positive-a25;
270
- $cnvs-sys-color-brand-surface-positive-strong: $cnvs-brand-positive-a50;
271
- $cnvs-sys-color-brand-surface-selected: $cnvs-brand-neutral-a100;
272
- $cnvs-sys-color-brand-accent-primary: $cnvs-brand-neutral-975;
273
- $cnvs-sys-color-brand-accent-critical: $cnvs-brand-critical-600;
274
- $cnvs-sys-color-brand-accent-caution: $cnvs-brand-caution-400;
275
- $cnvs-sys-color-brand-accent-positive: $cnvs-brand-positive-600;
276
- $cnvs-sys-color-brand-accent-action: $cnvs-brand-neutral-975;
277
- $cnvs-sys-color-brand-fg-primary-default: $cnvs-brand-neutral-a900;
278
- $cnvs-sys-color-brand-fg-primary-strong: $cnvs-brand-neutral-a950;
279
- $cnvs-sys-color-brand-fg-critical-default: $cnvs-brand-critical-600;
280
- $cnvs-sys-color-brand-fg-critical-strong: $cnvs-brand-critical-700;
281
- $cnvs-sys-color-brand-fg-caution-default: $cnvs-brand-caution-600;
282
- $cnvs-sys-color-brand-fg-caution-strong: $cnvs-brand-caution-700;
283
- $cnvs-sys-color-brand-fg-positive-default: $cnvs-brand-positive-600;
284
- $cnvs-sys-color-brand-fg-positive-strong: $cnvs-brand-positive-700;
285
- $cnvs-sys-color-brand-fg-selected: $cnvs-brand-neutral-a900;
286
- $cnvs-sys-color-brand-border-primary: $cnvs-base-palette-blue-500;
287
- $cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
288
- $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
289
- $cnvs-sys-color-focus-inverse: $cnvs-base-palette-neutral-0;
290
- $cnvs-sys-color-focus-contrast: $cnvs-brand-neutral-a900;
291
- $cnvs-sys-color-chart-diverging-azure-coral-1: $cnvs-base-palette-azure-900;
292
- $cnvs-sys-color-chart-diverging-azure-coral-2: $cnvs-base-palette-azure-800;
293
- $cnvs-sys-color-chart-diverging-azure-coral-3: $cnvs-base-palette-azure-700;
294
- $cnvs-sys-color-chart-diverging-azure-coral-4: $cnvs-base-palette-azure-600;
295
- $cnvs-sys-color-chart-diverging-azure-coral-5: $cnvs-base-palette-azure-500;
296
- $cnvs-sys-color-chart-diverging-azure-coral-6: $cnvs-base-palette-azure-400;
297
- $cnvs-sys-color-chart-diverging-azure-coral-7: $cnvs-base-palette-azure-300;
298
- $cnvs-sys-color-chart-diverging-azure-coral-8: $cnvs-base-palette-azure-200;
299
- $cnvs-sys-color-chart-diverging-azure-coral-9: $cnvs-base-palette-azure-100;
300
- $cnvs-sys-color-chart-diverging-azure-coral-10: $cnvs-base-palette-azure-50;
301
- $cnvs-sys-color-chart-diverging-azure-coral-11: $cnvs-base-palette-azure-25;
302
- $cnvs-sys-color-chart-diverging-azure-coral-12: $cnvs-base-palette-neutral-0;
303
- $cnvs-sys-color-chart-diverging-azure-coral-13: $cnvs-base-palette-coral-25;
304
- $cnvs-sys-color-chart-diverging-azure-coral-14: $cnvs-base-palette-coral-50;
305
- $cnvs-sys-color-chart-diverging-azure-coral-15: $cnvs-base-palette-coral-100;
306
- $cnvs-sys-color-chart-diverging-azure-coral-16: $cnvs-base-palette-coral-200;
307
- $cnvs-sys-color-chart-diverging-azure-coral-17: $cnvs-base-palette-coral-300;
308
- $cnvs-sys-color-chart-diverging-azure-coral-18: $cnvs-base-palette-coral-400;
309
- $cnvs-sys-color-chart-diverging-azure-coral-19: $cnvs-base-palette-coral-500;
310
- $cnvs-sys-color-chart-diverging-azure-coral-20: $cnvs-base-palette-coral-600;
311
- $cnvs-sys-color-chart-diverging-azure-coral-21: $cnvs-base-palette-coral-700;
312
- $cnvs-sys-color-chart-diverging-azure-coral-22: $cnvs-base-palette-coral-800;
313
- $cnvs-sys-color-chart-diverging-azure-coral-23: $cnvs-base-palette-coral-900;
314
- $cnvs-sys-color-chart-categorical-1: $cnvs-base-palette-teal-500;
315
- $cnvs-sys-color-chart-categorical-2: $cnvs-base-palette-blue-800;
316
- $cnvs-sys-color-chart-categorical-3: $cnvs-base-palette-orange-500;
317
- $cnvs-sys-color-chart-categorical-4: $cnvs-base-palette-azure-500;
318
- $cnvs-sys-color-chart-categorical-5: $cnvs-base-palette-magenta-600;
319
- $cnvs-sys-color-chart-categorical-6: $cnvs-brand-positive-600;
320
- $cnvs-sys-color-chart-categorical-7: $cnvs-base-palette-purple-500;
321
- $cnvs-sys-color-chart-categorical-8: $cnvs-brand-caution-500;
322
- $cnvs-sys-color-chart-categorical-9: $cnvs-base-palette-teal-700;
323
- $cnvs-sys-color-chart-categorical-10: $cnvs-base-palette-indigo-600;
324
- $cnvs-sys-color-chart-categorical-11: $cnvs-base-palette-orange-700;
325
- $cnvs-sys-color-chart-categorical-12: $cnvs-base-palette-azure-700;
326
- $cnvs-sys-color-chart-categorical-13: $cnvs-base-palette-purple-700;
327
- $cnvs-sys-color-chart-categorical-14: $cnvs-base-palette-coral-600;
328
- $cnvs-sys-color-chart-categorical-15: $cnvs-brand-positive-800;
329
- $cnvs-sys-color-chart-categorical-16: $cnvs-brand-caution-700;
330
- $cnvs-sys-color-chart-sequential-1: $cnvs-base-palette-teal-25;
331
- $cnvs-sys-color-chart-sequential-2: $cnvs-base-palette-teal-50;
332
- $cnvs-sys-color-chart-sequential-3: $cnvs-base-palette-teal-100;
333
- $cnvs-sys-color-chart-sequential-4: $cnvs-base-palette-teal-200;
334
- $cnvs-sys-color-chart-sequential-5: $cnvs-base-palette-teal-300;
335
- $cnvs-sys-color-chart-sequential-6: $cnvs-base-palette-teal-400;
336
- $cnvs-sys-color-chart-sequential-7: $cnvs-base-palette-teal-500;
337
- $cnvs-sys-color-chart-sequential-8: $cnvs-base-palette-teal-600;
338
- $cnvs-sys-color-chart-sequential-9: $cnvs-base-palette-teal-700;
339
- $cnvs-sys-color-chart-sequential-10: $cnvs-base-palette-teal-800;
340
- $cnvs-sys-color-chart-sequential-11: $cnvs-base-palette-teal-900;
341
- $cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(0 0 0 / 0.0196), 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0392);
342
- $cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0196), 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392);
343
- $cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(0 0 0 / 0.0196), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0392);
344
- $cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.0392);
345
- $cnvs-sys-depth-5: 0 0.3125rem 1.25rem -0.25 oklch(0 0 0 / 0.1216), 0 0.625rem 2.5rem -0.1875 oklch(0 0 0 / 0.1216);
346
- $cnvs-sys-depth-6: 0 0.375rem 1.5rem -0.25 oklch(0 0 0 / 0.251), 0 0.75rem 3rem -0.75 oklch(0 0 0 / 0.251);
347
- $cnvs-sys-font-family-fallback: $cnvs-base-font-family-0;
348
- $cnvs-sys-letter-spacing-subtext-sm: $cnvs-base-letter-spacing-1;
349
- $cnvs-sys-letter-spacing-subtext-md: $cnvs-base-letter-spacing-2;
350
- $cnvs-sys-letter-spacing-subtext-lg: $cnvs-base-letter-spacing-3;
351
- $cnvs-sys-letter-spacing-body-sm: $cnvs-base-letter-spacing-4;
352
- $cnvs-sys-letter-spacing-body-md: $cnvs-base-letter-spacing-5;
353
- $cnvs-sys-letter-spacing-body-lg: $cnvs-base-letter-spacing-6;
354
- $cnvs-sys-letter-spacing-heading-sm: $cnvs-base-letter-spacing-7;
355
- $cnvs-sys-letter-spacing-heading-md: $cnvs-base-letter-spacing-8;
356
- $cnvs-sys-letter-spacing-heading-lg: $cnvs-base-letter-spacing-9;
357
- $cnvs-sys-letter-spacing-title-sm: $cnvs-base-letter-spacing-10;
358
- $cnvs-sys-letter-spacing-title-md: $cnvs-base-letter-spacing-11;
359
- $cnvs-sys-letter-spacing-title-lg: $cnvs-base-letter-spacing-12;
360
- $cnvs-sys-font-weight-regular: $cnvs-base-font-weight-400;
361
- $cnvs-sys-font-weight-semibold: $cnvs-base-font-weight-600;
362
- }