@navikt/ds-tokens 7.8.0 → 7.9.0

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 (16) hide show
  1. package/dist/darkside/dark-tokens.css +183 -182
  2. package/dist/darkside/light-tokens.css +182 -181
  3. package/dist/darkside/static/tokens-cjs.js +484 -0
  4. package/dist/darkside/static/tokens.d.ts +482 -0
  5. package/dist/darkside/static/tokens.js +482 -0
  6. package/dist/darkside/static/tokens.less +475 -0
  7. package/dist/darkside/static/tokens.scss +475 -0
  8. package/dist/darkside/tokens-cjs.js +188 -184
  9. package/dist/darkside/tokens.css +366 -363
  10. package/dist/darkside/tokens.d.ts +188 -184
  11. package/dist/darkside/tokens.js +188 -184
  12. package/dist/darkside/tokens.less +482 -0
  13. package/dist/darkside/tokens.scss +482 -0
  14. package/dist/tokens.css +1 -1
  15. package/package.json +31 -7
  16. package/types.ts +222 -0
package/dist/darkside/tokens.css CHANGED
@@ -1,74 +1,74 @@
1
1
  :root, :host, .light, .light-theme {
2
- --ax-data-two-400A: #d0dc00;
3
- --ax-data-two-300A: #cadf0094;
4
- --ax-data-two-200A: #c4df0056;
5
- --ax-data-two-100A: #c3de002e;
6
- --ax-data-two-1000: #2a2800;
7
- --ax-data-two-900: #515400;
8
- --ax-data-two-800: #5c6100;
9
- --ax-data-two-700: #646900;
10
- --ax-data-two-600: #757c00;
11
- --ax-data-two-500: #878f00;
12
- --ax-data-two-400: #d0dc00;
13
- --ax-data-two-300: #e0ec6b;
14
- --ax-data-two-200: #ebf4a9;
15
- --ax-data-two-100: #f4f9d1;
16
- --ax-data-one-400A: #2b006b30;
17
- --ax-data-one-300A: #2b00661e;
18
- --ax-data-one-200A: #2b006412;
19
- --ax-data-one-100A: #3300660a;
20
- --ax-data-one-1000: #331a4d;
21
- --ax-data-one-900: #5e467c;
22
- --ax-data-one-800: #6a5289;
23
- --ax-data-one-700: #725a91;
24
- --ax-data-one-600: #846ca4;
25
- --ax-data-one-500: #9580b1;
26
- --ax-data-one-400: #d7cfe3;
27
- --ax-data-one-300: #e6e1ed;
28
- --ax-data-one-200: #f0edf4;
29
- --ax-data-one-100: #f7f5f9;
30
- --ax-brand-three-400A: #005a923f;
31
- --ax-brand-three-300A: #0060a028;
32
- --ax-brand-three-200A: #006eb71c;
33
- --ax-brand-three-100A: #0078d211;
34
- --ax-brand-three-1000: #002942;
35
- --ax-brand-three-900: #00557d;
36
- --ax-brand-three-800: #156389;
37
- --ax-brand-three-700: #246b91;
38
- --ax-brand-three-600: #417da0;
39
- --ax-brand-three-500: #5a8fae;
40
- --ax-brand-three-400: #c0d6e4;
41
- --ax-brand-three-300: #d7e6f0;
42
- --ax-brand-three-200: #e3eff7;
43
- --ax-brand-three-100: #eef6fc;
44
- --ax-brand-two-400A: #e94c004e;
45
- --ax-brand-two-300A: #f0520032;
46
- --ax-brand-two-200A: #ef5b001f;
47
- --ax-brand-two-100A: #ff5a0011;
48
- --ax-brand-two-1000: #3c1f15;
49
- --ax-brand-two-900: #764332;
50
- --ax-brand-two-800: #874e3b;
51
- --ax-brand-two-700: #915541;
52
- --ax-brand-two-600: #a9654e;
53
- --ax-brand-two-500: #c0765d;
54
- --ax-brand-two-400: #f8c8b1;
55
- --ax-brand-two-300: #fcddcd;
56
- --ax-brand-two-200: #fdebe0;
57
- --ax-brand-two-100: #fff4ee;
58
- --ax-brand-one-400A: #a4003a35;
59
- --ax-brand-one-300A: #a5003c22;
60
- --ax-brand-one-200A: #aa003d15;
61
- --ax-brand-one-100A: #aa00400c;
62
- --ax-brand-one-1000: #52002b;
63
- --ax-brand-one-900: #98185d;
64
- --ax-brand-one-800: #a33069;
65
- --ax-brand-one-700: #a93d70;
66
- --ax-brand-one-600: #b65781;
67
- --ax-brand-one-500: #c26f92;
68
- --ax-brand-one-400: #eccad6;
69
- --ax-brand-one-300: #f3dde5;
70
- --ax-brand-one-200: #f8eaef;
71
- --ax-brand-one-100: #fbf3f6;
2
+ --ax-meta-lime-400A: #d0dc00;
3
+ --ax-meta-lime-300A: #cadf0094;
4
+ --ax-meta-lime-200A: #c4df0056;
5
+ --ax-meta-lime-100A: #c3de002e;
6
+ --ax-meta-lime-1000: #2a2800;
7
+ --ax-meta-lime-900: #515400;
8
+ --ax-meta-lime-800: #5c6100;
9
+ --ax-meta-lime-700: #646900;
10
+ --ax-meta-lime-600: #757c00;
11
+ --ax-meta-lime-500: #878f00;
12
+ --ax-meta-lime-400: #d0dc00;
13
+ --ax-meta-lime-300: #e0ec6b;
14
+ --ax-meta-lime-200: #ebf4a9;
15
+ --ax-meta-lime-100: #f4f9d1;
16
+ --ax-meta-purple-400A: #2b006b30;
17
+ --ax-meta-purple-300A: #2b00661e;
18
+ --ax-meta-purple-200A: #2b006412;
19
+ --ax-meta-purple-100A: #3300660a;
20
+ --ax-meta-purple-1000: #331a4d;
21
+ --ax-meta-purple-900: #5e467c;
22
+ --ax-meta-purple-800: #6a5289;
23
+ --ax-meta-purple-700: #725a91;
24
+ --ax-meta-purple-600: #846ca4;
25
+ --ax-meta-purple-500: #9580b1;
26
+ --ax-meta-purple-400: #d7cfe3;
27
+ --ax-meta-purple-300: #e6e1ed;
28
+ --ax-meta-purple-200: #f0edf4;
29
+ --ax-meta-purple-100: #f7f5f9;
30
+ --ax-brand-blue-400A: #005a923f;
31
+ --ax-brand-blue-300A: #0060a028;
32
+ --ax-brand-blue-200A: #006eb71c;
33
+ --ax-brand-blue-100A: #0078d211;
34
+ --ax-brand-blue-1000: #002942;
35
+ --ax-brand-blue-900: #00557d;
36
+ --ax-brand-blue-800: #156389;
37
+ --ax-brand-blue-700: #246b91;
38
+ --ax-brand-blue-600: #417da0;
39
+ --ax-brand-blue-500: #5a8fae;
40
+ --ax-brand-blue-400: #c0d6e4;
41
+ --ax-brand-blue-300: #d7e6f0;
42
+ --ax-brand-blue-200: #e3eff7;
43
+ --ax-brand-blue-100: #eef6fc;
44
+ --ax-brand-beige-400A: #e94c004e;
45
+ --ax-brand-beige-300A: #f0520032;
46
+ --ax-brand-beige-200A: #ef5b001f;
47
+ --ax-brand-beige-100A: #ff5a0011;
48
+ --ax-brand-beige-1000: #3c1f15;
49
+ --ax-brand-beige-900: #764332;
50
+ --ax-brand-beige-800: #874e3b;
51
+ --ax-brand-beige-700: #915541;
52
+ --ax-brand-beige-600: #a9654e;
53
+ --ax-brand-beige-500: #c0765d;
54
+ --ax-brand-beige-400: #f8c8b1;
55
+ --ax-brand-beige-300: #fcddcd;
56
+ --ax-brand-beige-200: #fdebe0;
57
+ --ax-brand-beige-100: #fff4ee;
58
+ --ax-brand-magenta-400A: #a4003a35;
59
+ --ax-brand-magenta-300A: #a5003c22;
60
+ --ax-brand-magenta-200A: #aa003d15;
61
+ --ax-brand-magenta-100A: #aa00400c;
62
+ --ax-brand-magenta-1000: #52002b;
63
+ --ax-brand-magenta-900: #98185d;
64
+ --ax-brand-magenta-800: #a33069;
65
+ --ax-brand-magenta-700: #a93d70;
66
+ --ax-brand-magenta-600: #b65781;
67
+ --ax-brand-magenta-500: #c26f92;
68
+ --ax-brand-magenta-400: #eccad6;
69
+ --ax-brand-magenta-300: #f3dde5;
70
+ --ax-brand-magenta-200: #f8eaef;
71
+ --ax-brand-magenta-100: #fbf3f6;
72
72
  --ax-info-400A: #005a923f;
73
73
  --ax-info-300A: #0060a028;
74
74
  --ax-info-200A: #006eb71c;
@@ -154,36 +154,37 @@
154
154
  --ax-neutral-300: #e1e3e7;
155
155
  --ax-neutral-200: #ecedef;
156
156
  --ax-neutral-100: #f5f6f7;
157
- --ax-shadow-dialog: 0px 0px 1px 0px #07090d05, 0px 2px 5px 0px #07090d1a, 0px 5px 12px 0px #07090d1f;
158
157
  --ax-text-logo: #c30000;
159
158
  --ax-bg-overlay: #0214317d;
160
159
  --ax-bg-input: #ffffffd9;
161
160
  --ax-bg-default: #fff;
161
+ --ax-opacity-disabled: .3;
162
+ --ax-shadow-dialog: 0px 0px 1px 0px #07090d05, 0px 2px 5px 0px #07090d1a, 0px 5px 12px 0px #07090d1f;
162
163
  --ax-border-focus: var(--ax-accent-700);
163
164
  --ax-border-strong: var(--ax-neutral-600);
164
165
  --ax-border-subtleA: var(--ax-neutral-400A);
165
166
  --ax-border-subtle: var(--ax-neutral-400);
166
167
  --ax-border-default: var(--ax-neutral-500);
167
- --ax-border-data-two-strong: var(--ax-data-two-600);
168
- --ax-border-data-two-subtleA: var(--ax-data-two-400A);
169
- --ax-border-data-two-subtle: var(--ax-data-two-400);
170
- --ax-border-data-two: var(--ax-data-two-500);
171
- --ax-border-data-one-strong: var(--ax-data-one-600);
172
- --ax-border-data-one-subtleA: var(--ax-data-one-400A);
173
- --ax-border-data-one-subtle: var(--ax-data-one-400);
174
- --ax-border-data-one: var(--ax-data-one-500);
175
- --ax-border-brand-three-strong: var(--ax-brand-three-600);
176
- --ax-border-brand-three-subtleA: var(--ax-brand-three-400A);
177
- --ax-border-brand-three-subtle: var(--ax-brand-three-400);
178
- --ax-border-brand-three: var(--ax-brand-three-500);
179
- --ax-border-brand-two-strong: var(--ax-brand-two-600);
180
- --ax-border-brand-two-subtleA: var(--ax-brand-two-400A);
181
- --ax-border-brand-two-subtle: var(--ax-brand-two-400);
182
- --ax-border-brand-two: var(--ax-brand-two-500);
183
- --ax-border-brand-one-strong: var(--ax-brand-one-600);
184
- --ax-border-brand-one-subtleA: var(--ax-brand-one-400A);
185
- --ax-border-brand-one-subtle: var(--ax-brand-one-400);
186
- --ax-border-brand-one: var(--ax-brand-one-500);
168
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-600);
169
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
170
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
171
+ --ax-border-meta-lime: var(--ax-meta-lime-500);
172
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-600);
173
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
174
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
175
+ --ax-border-meta-purple: var(--ax-meta-purple-500);
176
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-600);
177
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
178
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
179
+ --ax-border-brand-blue: var(--ax-brand-blue-500);
180
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-600);
181
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
182
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
183
+ --ax-border-brand-beige: var(--ax-brand-beige-500);
184
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-600);
185
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
186
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
187
+ --ax-border-brand-magenta: var(--ax-brand-magenta-500);
187
188
  --ax-border-info-strong: var(--ax-info-600);
188
189
  --ax-border-info-subtleA: var(--ax-info-400A);
189
190
  --ax-border-info-subtle: var(--ax-info-400);
@@ -211,32 +212,32 @@
211
212
  --ax-text-icon: var(--ax-neutral-600);
212
213
  --ax-text-subtle: var(--ax-neutral-900);
213
214
  --ax-text-default: var(--ax-neutral-1000);
214
- --ax-text-data-two-contrast: var(--ax-neutral-000);
215
- --ax-text-data-one-contrast: var(--ax-neutral-000);
216
- --ax-text-brand-three-contrast: var(--ax-neutral-000);
217
- --ax-text-brand-two-contrast: var(--ax-neutral-000);
218
- --ax-text-brand-one-contrast: var(--ax-neutral-000);
215
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
216
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
217
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
218
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
219
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
219
220
  --ax-text-warning-contrast: var(--ax-neutral-000);
220
221
  --ax-text-success-contrast: var(--ax-neutral-000);
221
222
  --ax-text-info-contrast: var(--ax-neutral-000);
222
223
  --ax-text-danger-contrast: var(--ax-neutral-000);
223
224
  --ax-text-neutral-contrast: var(--ax-neutral-000);
224
225
  --ax-text-accent-contrast: var(--ax-neutral-000);
225
- --ax-text-data-two-icon: var(--ax-data-two-600);
226
- --ax-text-data-two-strong: var(--ax-data-two-900);
227
- --ax-text-data-two: var(--ax-data-two-700);
228
- --ax-text-data-one-icon: var(--ax-data-one-600);
229
- --ax-text-data-one-strong: var(--ax-data-one-900);
230
- --ax-text-data-one: var(--ax-data-one-700);
231
- --ax-text-brand-three-icon: var(--ax-brand-three-600);
232
- --ax-text-brand-three-strong: var(--ax-brand-three-900);
233
- --ax-text-brand-three: var(--ax-brand-three-700);
234
- --ax-text-brand-two-icon: var(--ax-brand-two-600);
235
- --ax-text-brand-two-strong: var(--ax-brand-two-900);
236
- --ax-text-brand-two: var(--ax-brand-two-700);
237
- --ax-text-brand-one-icon: var(--ax-brand-one-600);
238
- --ax-text-brand-one-strong: var(--ax-brand-one-900);
239
- --ax-text-brand-one: var(--ax-brand-one-700);
226
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
227
+ --ax-text-meta-lime-strong: var(--ax-meta-lime-900);
228
+ --ax-text-meta-lime: var(--ax-meta-lime-700);
229
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
230
+ --ax-text-meta-purple-strong: var(--ax-meta-purple-900);
231
+ --ax-text-meta-purple: var(--ax-meta-purple-700);
232
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
233
+ --ax-text-brand-blue-strong: var(--ax-brand-blue-900);
234
+ --ax-text-brand-blue: var(--ax-brand-blue-700);
235
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
236
+ --ax-text-brand-beige-strong: var(--ax-brand-beige-900);
237
+ --ax-text-brand-beige: var(--ax-brand-beige-700);
238
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
239
+ --ax-text-brand-magenta-strong: var(--ax-brand-magenta-900);
240
+ --ax-text-brand-magenta: var(--ax-brand-magenta-700);
240
241
  --ax-text-info-icon: var(--ax-info-600);
241
242
  --ax-text-info-strong: var(--ax-info-900);
242
243
  --ax-text-info: var(--ax-info-700);
@@ -257,76 +258,76 @@
257
258
  --ax-text-neutral: var(--ax-neutral-700);
258
259
  --ax-bg-sunken: var(--ax-neutral-200);
259
260
  --ax-bg-raised: var(--ax-neutral-000);
260
- --ax-bg-data-two-raised-hover: var(--ax-data-two-200);
261
- --ax-bg-data-two-raised: var(--ax-data-two-100);
262
- --ax-bg-data-two-strong-pressed: var(--ax-data-two-800);
263
- --ax-bg-data-two-strong-hover: var(--ax-data-two-700);
264
- --ax-bg-data-two-strong: var(--ax-data-two-600);
265
- --ax-bg-data-two-moderate-pressedA: var(--ax-data-two-400A);
266
- --ax-bg-data-two-moderate-pressed: var(--ax-data-two-400);
267
- --ax-bg-data-two-moderate-hoverA: var(--ax-data-two-300A);
268
- --ax-bg-data-two-moderate-hover: var(--ax-data-two-300);
269
- --ax-bg-data-two-moderateA: var(--ax-data-two-200A);
270
- --ax-bg-data-two-moderate: var(--ax-data-two-200);
271
- --ax-bg-data-two-hoverA: var(--ax-data-two-200A);
272
- --ax-bg-data-two-hover: var(--ax-data-two-200);
273
- --ax-bg-data-two: var(--ax-data-two-100);
274
- --ax-bg-data-one-raised-hover: var(--ax-data-one-200);
275
- --ax-bg-data-one-raised: var(--ax-data-one-100);
276
- --ax-bg-data-one-strong-pressed: var(--ax-data-one-800);
277
- --ax-bg-data-one-strong-hover: var(--ax-data-one-700);
278
- --ax-bg-data-one-strong: var(--ax-data-one-600);
279
- --ax-bg-data-one-moderate-pressedA: var(--ax-data-one-400A);
280
- --ax-bg-data-one-moderate-pressed: var(--ax-data-one-400);
281
- --ax-bg-data-one-moderate-hoverA: var(--ax-data-one-300A);
282
- --ax-bg-data-one-moderate-hover: var(--ax-data-one-300);
283
- --ax-bg-data-one-moderateA: var(--ax-data-one-200A);
284
- --ax-bg-data-one-moderate: var(--ax-data-one-200);
285
- --ax-bg-data-one-hoverA: var(--ax-data-one-200A);
286
- --ax-bg-data-one-hover: var(--ax-data-one-200);
287
- --ax-bg-data-one: var(--ax-data-one-100);
288
- --ax-bg-brand-three-raised-hover: var(--ax-brand-three-200);
289
- --ax-bg-brand-three-raised: var(--ax-brand-three-100);
290
- --ax-bg-brand-three-strong-pressed: var(--ax-brand-three-800);
291
- --ax-bg-brand-three-strong-hover: var(--ax-brand-three-700);
292
- --ax-bg-brand-three-strong: var(--ax-brand-three-600);
293
- --ax-bg-brand-three-moderate-pressedA: var(--ax-brand-three-400A);
294
- --ax-bg-brand-three-moderate-pressed: var(--ax-brand-three-400);
295
- --ax-bg-brand-three-moderate-hoverA: var(--ax-brand-three-300A);
296
- --ax-bg-brand-three-moderate-hover: var(--ax-brand-three-300);
297
- --ax-bg-brand-three-moderateA: var(--ax-brand-three-200A);
298
- --ax-bg-brand-three-moderate: var(--ax-brand-three-200);
299
- --ax-bg-brand-three-hoverA: var(--ax-brand-three-200A);
300
- --ax-bg-brand-three-hover: var(--ax-brand-three-200);
301
- --ax-bg-brand-three: var(--ax-brand-three-100);
302
- --ax-bg-brand-two-raised-hover: var(--ax-brand-two-200);
303
- --ax-bg-brand-two-raised: var(--ax-brand-two-100);
304
- --ax-bg-brand-two-strong-pressed: var(--ax-brand-two-800);
305
- --ax-bg-brand-two-strong-hover: var(--ax-brand-two-700);
306
- --ax-bg-brand-two-strong: var(--ax-brand-two-600);
307
- --ax-bg-brand-two-moderate-pressedA: var(--ax-brand-two-400A);
308
- --ax-bg-brand-two-moderate-pressed: var(--ax-brand-two-400);
309
- --ax-bg-brand-two-moderate-hoverA: var(--ax-brand-two-300A);
310
- --ax-bg-brand-two-moderate-hover: var(--ax-brand-two-300);
311
- --ax-bg-brand-two-moderateA: var(--ax-brand-two-200A);
312
- --ax-bg-brand-two-moderate: var(--ax-brand-two-200);
313
- --ax-bg-brand-two-hoverA: var(--ax-brand-two-200A);
314
- --ax-bg-brand-two-hover: var(--ax-brand-two-200);
315
- --ax-bg-brand-two: var(--ax-brand-two-100);
316
- --ax-bg-brand-one-raised-hover: var(--ax-brand-one-200);
317
- --ax-bg-brand-one-raised: var(--ax-brand-one-100);
318
- --ax-bg-brand-one-strong-pressed: var(--ax-brand-one-800);
319
- --ax-bg-brand-one-strong-hover: var(--ax-brand-one-700);
320
- --ax-bg-brand-one-strong: var(--ax-brand-one-600);
321
- --ax-bg-brand-one-moderate-pressedA: var(--ax-brand-one-400A);
322
- --ax-bg-brand-one-moderate-pressed: var(--ax-brand-one-400);
323
- --ax-bg-brand-one-moderate-hoverA: var(--ax-brand-one-300A);
324
- --ax-bg-brand-one-moderate-hover: var(--ax-brand-one-300);
325
- --ax-bg-brand-one-moderateA: var(--ax-brand-one-200A);
326
- --ax-bg-brand-one-moderate: var(--ax-brand-one-200);
327
- --ax-bg-brand-one-hoverA: var(--ax-brand-one-200A);
328
- --ax-bg-brand-one-hover: var(--ax-brand-one-200);
329
- --ax-bg-brand-one: var(--ax-brand-one-100);
261
+ --ax-bg-meta-lime-raised-hover: var(--ax-meta-lime-200);
262
+ --ax-bg-meta-lime-raised: var(--ax-meta-lime-100);
263
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
264
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
265
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
266
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
267
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
268
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
269
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
270
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
271
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
272
+ --ax-bg-meta-lime-hoverA: var(--ax-meta-lime-200A);
273
+ --ax-bg-meta-lime-hover: var(--ax-meta-lime-200);
274
+ --ax-bg-meta-lime: var(--ax-meta-lime-100);
275
+ --ax-bg-meta-purple-raised-hover: var(--ax-meta-purple-200);
276
+ --ax-bg-meta-purple-raised: var(--ax-meta-purple-100);
277
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
278
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
279
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
280
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
281
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
282
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
283
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
284
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
285
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
286
+ --ax-bg-meta-purple-hoverA: var(--ax-meta-purple-200A);
287
+ --ax-bg-meta-purple-hover: var(--ax-meta-purple-200);
288
+ --ax-bg-meta-purple: var(--ax-meta-purple-100);
289
+ --ax-bg-brand-blue-raised-hover: var(--ax-brand-blue-200);
290
+ --ax-bg-brand-blue-raised: var(--ax-brand-blue-100);
291
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
292
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
293
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
294
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
295
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
296
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
297
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
298
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
299
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
300
+ --ax-bg-brand-blue-hoverA: var(--ax-brand-blue-200A);
301
+ --ax-bg-brand-blue-hover: var(--ax-brand-blue-200);
302
+ --ax-bg-brand-blue: var(--ax-brand-blue-100);
303
+ --ax-bg-brand-beige-raised-hover: var(--ax-brand-beige-200);
304
+ --ax-bg-brand-beige-raised: var(--ax-brand-beige-100);
305
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
306
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
307
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
308
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
309
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
310
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
311
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
312
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
313
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
314
+ --ax-bg-brand-beige-hoverA: var(--ax-brand-beige-200A);
315
+ --ax-bg-brand-beige-hover: var(--ax-brand-beige-200);
316
+ --ax-bg-brand-beige: var(--ax-brand-beige-100);
317
+ --ax-bg-brand-magenta-raised-hover: var(--ax-brand-magenta-200);
318
+ --ax-bg-brand-magenta-raised: var(--ax-brand-magenta-100);
319
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
320
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
321
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
322
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
323
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
324
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
325
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
326
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
327
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
328
+ --ax-bg-brand-magenta-hoverA: var(--ax-brand-magenta-200A);
329
+ --ax-bg-brand-magenta-hover: var(--ax-brand-magenta-200);
330
+ --ax-bg-brand-magenta: var(--ax-brand-magenta-100);
330
331
  --ax-bg-info-raised-hover: var(--ax-info-200);
331
332
  --ax-bg-info-raised: var(--ax-info-100);
332
333
  --ax-bg-info-strong-pressed: var(--ax-info-800);
@@ -414,76 +415,76 @@
414
415
  }
415
416
 
416
417
  .dark, .dark-theme {
417
- --ax-data-two-400A: #fbf50029;
418
- --ax-data-two-300A: #fce9001d;
419
- --ax-data-two-200A: #f6cf0016;
420
- --ax-data-two-100A: #fcbf000f;
421
- --ax-data-two-1000: #c5d14c;
422
- --ax-data-two-900: #a9b325;
423
- --ax-data-two-800: #99a200;
424
- --ax-data-two-700: #8f9800;
425
- --ax-data-two-600: #7c8400;
426
- --ax-data-two-500: #6a7200;
427
- --ax-data-two-400: #343900;
428
- --ax-data-two-300: #292d00;
429
- --ax-data-two-200: #222500;
430
- --ax-data-two-100: #1c1f00;
431
- --ax-data-one-400A: #fdb3ee2f;
432
- --ax-data-one-300A: #ff99e423;
433
- --ax-data-one-200A: #fa7dd31b;
434
- --ax-data-one-100A: #f64fb616;
435
- --ax-data-one-1000: #cdc5d9;
436
- --ax-data-one-900: #b2a7c3;
437
- --ax-data-one-800: #a495b7;
438
- --ax-data-one-700: #9b8bb0;
439
- --ax-data-one-600: #8876a1;
440
- --ax-data-one-500: #776491;
441
- --ax-data-one-400: #3a3245;
442
- --ax-data-one-300: #2f273a;
443
- --ax-data-one-200: #272032;
444
- --ax-data-one-100: #221a2c;
445
- --ax-brand-three-400A: #44c6fc34;
446
- --ax-brand-three-300A: #2bbffb24;
447
- --ax-brand-three-200A: #04bfff18;
448
- --ax-brand-three-100A: #00a5ff10;
449
- --ax-brand-three-1000: #b7cbd7;
450
- --ax-brand-three-900: #93afc0;
451
- --ax-brand-three-800: #7f9fb3;
452
- --ax-brand-three-700: #7396ab;
453
- --ax-brand-three-600: #5a839b;
454
- --ax-brand-three-500: #43718d;
455
- --ax-brand-three-400: #19394c;
456
- --ax-brand-three-300: #122d3e;
457
- --ax-brand-three-200: #0d2534;
458
- --ax-brand-three-100: #071e2d;
459
- --ax-brand-two-400A: #fc83403f;
460
- --ax-brand-two-300A: #fe621032;
461
- --ax-brand-two-200A: #fb45002a;
462
- --ax-brand-two-100A: #fe1d0021;
463
- --ax-brand-two-1000: #e3c2b1;
464
- --ax-brand-two-900: #d1a08c;
465
- --ax-brand-two-800: #c78e79;
466
- --ax-brand-two-700: #c0836e;
467
- --ax-brand-two-600: #ab6f5b;
468
- --ax-brand-two-500: #975e4a;
469
- --ax-brand-two-400: #493027;
470
- --ax-brand-two-300: #3d241c;
471
- --ax-brand-two-200: #351d15;
472
- --ax-brand-two-100: #2d160e;
473
- --ax-brand-one-400A: #fe648144;
474
- --ax-brand-one-300A: #fb486438;
475
- --ax-brand-one-200A: #fd264b2f;
476
- --ax-brand-one-100A: #fa022627;
477
- --ax-brand-one-1000: #e1c0cc;
478
- --ax-brand-one-900: #cf9eb1;
479
- --ax-brand-one-800: #c58aa2;
480
- --ax-brand-one-700: #be7f99;
481
- --ax-brand-one-600: #b06886;
482
- --ax-brand-one-500: #a35276;
483
- --ax-brand-one-400: #4e2a39;
484
- --ax-brand-one-300: #42202e;
485
- --ax-brand-one-200: #3a1827;
486
- --ax-brand-one-100: #321220;
418
+ --ax-meta-lime-400A: #fbf50029;
419
+ --ax-meta-lime-300A: #fce9001d;
420
+ --ax-meta-lime-200A: #f6cf0016;
421
+ --ax-meta-lime-100A: #fcbf000f;
422
+ --ax-meta-lime-1000: #c5d14c;
423
+ --ax-meta-lime-900: #a9b325;
424
+ --ax-meta-lime-800: #99a200;
425
+ --ax-meta-lime-700: #8f9800;
426
+ --ax-meta-lime-600: #7c8400;
427
+ --ax-meta-lime-500: #6a7200;
428
+ --ax-meta-lime-400: #343900;
429
+ --ax-meta-lime-300: #292d00;
430
+ --ax-meta-lime-200: #222500;
431
+ --ax-meta-lime-100: #1c1f00;
432
+ --ax-meta-purple-400A: #fdb3ee2f;
433
+ --ax-meta-purple-300A: #ff99e423;
434
+ --ax-meta-purple-200A: #fa7dd31b;
435
+ --ax-meta-purple-100A: #f64fb616;
436
+ --ax-meta-purple-1000: #cdc5d9;
437
+ --ax-meta-purple-900: #b2a7c3;
438
+ --ax-meta-purple-800: #a495b7;
439
+ --ax-meta-purple-700: #9b8bb0;
440
+ --ax-meta-purple-600: #8876a1;
441
+ --ax-meta-purple-500: #776491;
442
+ --ax-meta-purple-400: #3a3245;
443
+ --ax-meta-purple-300: #2f273a;
444
+ --ax-meta-purple-200: #272032;
445
+ --ax-meta-purple-100: #221a2c;
446
+ --ax-brand-blue-400A: #44c6fc34;
447
+ --ax-brand-blue-300A: #2bbffb24;
448
+ --ax-brand-blue-200A: #04bfff18;
449
+ --ax-brand-blue-100A: #00a5ff10;
450
+ --ax-brand-blue-1000: #b7cbd7;
451
+ --ax-brand-blue-900: #93afc0;
452
+ --ax-brand-blue-800: #7f9fb3;
453
+ --ax-brand-blue-700: #7396ab;
454
+ --ax-brand-blue-600: #5a839b;
455
+ --ax-brand-blue-500: #43718d;
456
+ --ax-brand-blue-400: #19394c;
457
+ --ax-brand-blue-300: #122d3e;
458
+ --ax-brand-blue-200: #0d2534;
459
+ --ax-brand-blue-100: #071e2d;
460
+ --ax-brand-beige-400A: #fc83403f;
461
+ --ax-brand-beige-300A: #fe621032;
462
+ --ax-brand-beige-200A: #fb45002a;
463
+ --ax-brand-beige-100A: #fe1d0021;
464
+ --ax-brand-beige-1000: #e3c2b1;
465
+ --ax-brand-beige-900: #d1a08c;
466
+ --ax-brand-beige-800: #c78e79;
467
+ --ax-brand-beige-700: #c0836e;
468
+ --ax-brand-beige-600: #ab6f5b;
469
+ --ax-brand-beige-500: #975e4a;
470
+ --ax-brand-beige-400: #493027;
471
+ --ax-brand-beige-300: #3d241c;
472
+ --ax-brand-beige-200: #351d15;
473
+ --ax-brand-beige-100: #2d160e;
474
+ --ax-brand-magenta-400A: #fe648144;
475
+ --ax-brand-magenta-300A: #fb486438;
476
+ --ax-brand-magenta-200A: #fd264b2f;
477
+ --ax-brand-magenta-100A: #fa022627;
478
+ --ax-brand-magenta-1000: #e1c0cc;
479
+ --ax-brand-magenta-900: #cf9eb1;
480
+ --ax-brand-magenta-800: #c58aa2;
481
+ --ax-brand-magenta-700: #be7f99;
482
+ --ax-brand-magenta-600: #b06886;
483
+ --ax-brand-magenta-500: #a35276;
484
+ --ax-brand-magenta-400: #4e2a39;
485
+ --ax-brand-magenta-300: #42202e;
486
+ --ax-brand-magenta-200: #3a1827;
487
+ --ax-brand-magenta-100: #321220;
487
488
  --ax-info-400A: #44c6fc34;
488
489
  --ax-info-300A: #2bbffb24;
489
490
  --ax-info-200A: #04bfff18;
@@ -569,36 +570,37 @@
569
570
  --ax-neutral-300: #242b37;
570
571
  --ax-neutral-200: #1c232f;
571
572
  --ax-neutral-100: #161d28;
572
- --ax-shadow-dialog: 0px 0px 1px 0px #07090d00, 0px 2px 5px 0px #07090d59, 0px 5px 12px 0px #07090d80;
573
573
  --ax-bg-overlay: #0214317d;
574
574
  --ax-bg-sunken: #07090d;
575
- --ax-bg-input: #0e151f80;
575
+ --ax-bg-input: #07090d80;
576
576
  --ax-bg-default: #0e151f;
577
+ --ax-opacity-disabled: .4;
578
+ --ax-shadow-dialog: 0px 0px 1px 0px #07090d00, 0px 2px 5px 0px #07090d59, 0px 5px 12px 0px #07090d80;
577
579
  --ax-border-focus: var(--ax-accent-700);
578
580
  --ax-border-strong: var(--ax-neutral-600);
579
581
  --ax-border-subtleA: var(--ax-neutral-400A);
580
582
  --ax-border-subtle: var(--ax-neutral-400);
581
583
  --ax-border-default: var(--ax-neutral-500);
582
- --ax-border-data-two-strong: var(--ax-data-two-600);
583
- --ax-border-data-two-subtleA: var(--ax-data-two-400A);
584
- --ax-border-data-two-subtle: var(--ax-data-two-400);
585
- --ax-border-data-two: var(--ax-data-two-500);
586
- --ax-border-data-one-strong: var(--ax-data-one-600);
587
- --ax-border-data-one-subtleA: var(--ax-data-one-400A);
588
- --ax-border-data-one-subtle: var(--ax-data-one-400);
589
- --ax-border-data-one: var(--ax-data-one-500);
590
- --ax-border-brand-three-strong: var(--ax-brand-three-600);
591
- --ax-border-brand-three-subtleA: var(--ax-brand-three-400A);
592
- --ax-border-brand-three-subtle: var(--ax-brand-three-400);
593
- --ax-border-brand-three: var(--ax-brand-three-500);
594
- --ax-border-brand-two-strong: var(--ax-brand-two-600);
595
- --ax-border-brand-two-subtleA: var(--ax-brand-two-400A);
596
- --ax-border-brand-two-subtle: var(--ax-brand-two-400);
597
- --ax-border-brand-two: var(--ax-brand-two-500);
598
- --ax-border-brand-one-strong: var(--ax-brand-one-600);
599
- --ax-border-brand-one-subtleA: var(--ax-brand-one-400A);
600
- --ax-border-brand-one-subtle: var(--ax-brand-one-400);
601
- --ax-border-brand-one: var(--ax-brand-one-500);
584
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-600);
585
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
586
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
587
+ --ax-border-meta-lime: var(--ax-meta-lime-500);
588
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-600);
589
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
590
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
591
+ --ax-border-meta-purple: var(--ax-meta-purple-500);
592
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-600);
593
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
594
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
595
+ --ax-border-brand-blue: var(--ax-brand-blue-500);
596
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-600);
597
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
598
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
599
+ --ax-border-brand-beige: var(--ax-brand-beige-500);
600
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-600);
601
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
602
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
603
+ --ax-border-brand-magenta: var(--ax-brand-magenta-500);
602
604
  --ax-border-info-strong: var(--ax-info-600);
603
605
  --ax-border-info-subtleA: var(--ax-info-400A);
604
606
  --ax-border-info-subtle: var(--ax-info-400);
@@ -627,32 +629,32 @@
627
629
  --ax-text-icon: var(--ax-neutral-600);
628
630
  --ax-text-subtle: var(--ax-neutral-900);
629
631
  --ax-text-default: var(--ax-neutral-1000);
630
- --ax-text-data-two-contrast: var(--ax-neutral-000);
631
- --ax-text-data-one-contrast: var(--ax-neutral-000);
632
- --ax-text-brand-three-contrast: var(--ax-neutral-000);
633
- --ax-text-brand-two-contrast: var(--ax-neutral-000);
634
- --ax-text-brand-one-contrast: var(--ax-neutral-000);
632
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
633
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
634
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
635
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
636
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
635
637
  --ax-text-warning-contrast: var(--ax-neutral-000);
636
638
  --ax-text-success-contrast: var(--ax-neutral-000);
637
639
  --ax-text-info-contrast: var(--ax-neutral-000);
638
640
  --ax-text-danger-contrast: var(--ax-neutral-000);
639
641
  --ax-text-neutral-contrast: var(--ax-neutral-000);
640
642
  --ax-text-accent-contrast: var(--ax-neutral-000);
641
- --ax-text-data-two-icon: var(--ax-data-two-600);
642
- --ax-text-data-two-strong: var(--ax-data-two-900);
643
- --ax-text-data-two: var(--ax-data-two-700);
644
- --ax-text-data-one-icon: var(--ax-data-one-600);
645
- --ax-text-data-one-strong: var(--ax-data-one-900);
646
- --ax-text-data-one: var(--ax-data-one-700);
647
- --ax-text-brand-three-icon: var(--ax-brand-three-600);
648
- --ax-text-brand-three-strong: var(--ax-brand-three-900);
649
- --ax-text-brand-three: var(--ax-brand-three-700);
650
- --ax-text-brand-two-icon: var(--ax-brand-two-600);
651
- --ax-text-brand-two-strong: var(--ax-brand-two-900);
652
- --ax-text-brand-two: var(--ax-brand-two-700);
653
- --ax-text-brand-one-icon: var(--ax-brand-one-600);
654
- --ax-text-brand-one-strong: var(--ax-brand-one-900);
655
- --ax-text-brand-one: var(--ax-brand-one-700);
643
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
644
+ --ax-text-meta-lime-strong: var(--ax-meta-lime-900);
645
+ --ax-text-meta-lime: var(--ax-meta-lime-700);
646
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
647
+ --ax-text-meta-purple-strong: var(--ax-meta-purple-900);
648
+ --ax-text-meta-purple: var(--ax-meta-purple-700);
649
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
650
+ --ax-text-brand-blue-strong: var(--ax-brand-blue-900);
651
+ --ax-text-brand-blue: var(--ax-brand-blue-700);
652
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
653
+ --ax-text-brand-beige-strong: var(--ax-brand-beige-900);
654
+ --ax-text-brand-beige: var(--ax-brand-beige-700);
655
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
656
+ --ax-text-brand-magenta-strong: var(--ax-brand-magenta-900);
657
+ --ax-text-brand-magenta: var(--ax-brand-magenta-700);
656
658
  --ax-text-info-icon: var(--ax-info-600);
657
659
  --ax-text-info-strong: var(--ax-info-900);
658
660
  --ax-text-info: var(--ax-info-700);
@@ -672,76 +674,76 @@
672
674
  --ax-text-neutral-strong: var(--ax-neutral-900);
673
675
  --ax-text-neutral: var(--ax-neutral-700);
674
676
  --ax-bg-raised: var(--ax-neutral-200);
675
- --ax-bg-data-two-raised-hover: var(--ax-data-two-300);
676
- --ax-bg-data-two-raised: var(--ax-data-two-200);
677
- --ax-bg-data-two-strong-pressed: var(--ax-data-two-800);
678
- --ax-bg-data-two-strong-hover: var(--ax-data-two-700);
679
- --ax-bg-data-two-strong: var(--ax-data-two-600);
680
- --ax-bg-data-two-moderate-pressedA: var(--ax-data-two-400A);
681
- --ax-bg-data-two-moderate-pressed: var(--ax-data-two-400);
682
- --ax-bg-data-two-moderate-hoverA: var(--ax-data-two-300A);
683
- --ax-bg-data-two-moderate-hover: var(--ax-data-two-300);
684
- --ax-bg-data-two-moderateA: var(--ax-data-two-200A);
685
- --ax-bg-data-two-moderate: var(--ax-data-two-200);
686
- --ax-bg-data-two-hoverA: var(--ax-data-two-200A);
687
- --ax-bg-data-two-hover: var(--ax-data-two-200);
688
- --ax-bg-data-two: var(--ax-data-two-100);
689
- --ax-bg-data-one-raised-hover: var(--ax-data-one-300);
690
- --ax-bg-data-one-raised: var(--ax-data-one-200);
691
- --ax-bg-data-one-strong-pressed: var(--ax-data-one-800);
692
- --ax-bg-data-one-strong-hover: var(--ax-data-one-700);
693
- --ax-bg-data-one-strong: var(--ax-data-one-600);
694
- --ax-bg-data-one-moderate-pressedA: var(--ax-data-one-400A);
695
- --ax-bg-data-one-moderate-pressed: var(--ax-data-one-400);
696
- --ax-bg-data-one-moderate-hoverA: var(--ax-data-one-300A);
697
- --ax-bg-data-one-moderate-hover: var(--ax-data-one-300);
698
- --ax-bg-data-one-moderateA: var(--ax-data-one-200A);
699
- --ax-bg-data-one-moderate: var(--ax-data-one-200);
700
- --ax-bg-data-one-hoverA: var(--ax-data-one-200A);
701
- --ax-bg-data-one-hover: var(--ax-data-one-200);
702
- --ax-bg-data-one: var(--ax-data-one-100);
703
- --ax-bg-brand-three-raised-hover: var(--ax-brand-three-300);
704
- --ax-bg-brand-three-raised: var(--ax-brand-three-200);
705
- --ax-bg-brand-three-strong-pressed: var(--ax-brand-three-800);
706
- --ax-bg-brand-three-strong-hover: var(--ax-brand-three-700);
707
- --ax-bg-brand-three-strong: var(--ax-brand-three-600);
708
- --ax-bg-brand-three-moderate-pressedA: var(--ax-brand-three-400A);
709
- --ax-bg-brand-three-moderate-pressed: var(--ax-brand-three-400);
710
- --ax-bg-brand-three-moderate-hoverA: var(--ax-brand-three-300A);
711
- --ax-bg-brand-three-moderate-hover: var(--ax-brand-three-300);
712
- --ax-bg-brand-three-moderateA: var(--ax-brand-three-200A);
713
- --ax-bg-brand-three-moderate: var(--ax-brand-three-200);
714
- --ax-bg-brand-three-hoverA: var(--ax-brand-three-200A);
715
- --ax-bg-brand-three-hover: var(--ax-brand-three-200);
716
- --ax-bg-brand-three: var(--ax-brand-three-100);
717
- --ax-bg-brand-two-raised-hover: var(--ax-brand-two-300);
718
- --ax-bg-brand-two-raised: var(--ax-brand-two-200);
719
- --ax-bg-brand-two-strong-pressed: var(--ax-brand-two-800);
720
- --ax-bg-brand-two-strong-hover: var(--ax-brand-two-700);
721
- --ax-bg-brand-two-strong: var(--ax-brand-two-600);
722
- --ax-bg-brand-two-moderate-pressedA: var(--ax-brand-two-400A);
723
- --ax-bg-brand-two-moderate-pressed: var(--ax-brand-two-400);
724
- --ax-bg-brand-two-moderate-hoverA: var(--ax-brand-two-300A);
725
- --ax-bg-brand-two-moderate-hover: var(--ax-brand-two-300);
726
- --ax-bg-brand-two-moderateA: var(--ax-brand-two-200A);
727
- --ax-bg-brand-two-moderate: var(--ax-brand-two-200);
728
- --ax-bg-brand-two-hoverA: var(--ax-brand-two-200A);
729
- --ax-bg-brand-two-hover: var(--ax-brand-two-200);
730
- --ax-bg-brand-two: var(--ax-brand-two-100);
731
- --ax-bg-brand-one-raised-hover: var(--ax-brand-one-300);
732
- --ax-bg-brand-one-raised: var(--ax-brand-one-200);
733
- --ax-bg-brand-one-strong-pressed: var(--ax-brand-one-800);
734
- --ax-bg-brand-one-strong-hover: var(--ax-brand-one-700);
735
- --ax-bg-brand-one-strong: var(--ax-brand-one-600);
736
- --ax-bg-brand-one-moderate-pressedA: var(--ax-brand-one-400A);
737
- --ax-bg-brand-one-moderate-pressed: var(--ax-brand-one-400);
738
- --ax-bg-brand-one-moderate-hoverA: var(--ax-brand-one-300A);
739
- --ax-bg-brand-one-moderate-hover: var(--ax-brand-one-300);
740
- --ax-bg-brand-one-moderateA: var(--ax-brand-one-200A);
741
- --ax-bg-brand-one-moderate: var(--ax-brand-one-200);
742
- --ax-bg-brand-one-hoverA: var(--ax-brand-one-200A);
743
- --ax-bg-brand-one-hover: var(--ax-brand-one-200);
744
- --ax-bg-brand-one: var(--ax-brand-one-100);
677
+ --ax-bg-meta-lime-raised-hover: var(--ax-meta-lime-300);
678
+ --ax-bg-meta-lime-raised: var(--ax-meta-lime-200);
679
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
680
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
681
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
682
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
683
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
684
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
685
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
686
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
687
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
688
+ --ax-bg-meta-lime-hoverA: var(--ax-meta-lime-200A);
689
+ --ax-bg-meta-lime-hover: var(--ax-meta-lime-200);
690
+ --ax-bg-meta-lime: var(--ax-meta-lime-100);
691
+ --ax-bg-meta-purple-raised-hover: var(--ax-meta-purple-300);
692
+ --ax-bg-meta-purple-raised: var(--ax-meta-purple-200);
693
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
694
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
695
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
696
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
697
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
698
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
699
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
700
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
701
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
702
+ --ax-bg-meta-purple-hoverA: var(--ax-meta-purple-200A);
703
+ --ax-bg-meta-purple-hover: var(--ax-meta-purple-200);
704
+ --ax-bg-meta-purple: var(--ax-meta-purple-100);
705
+ --ax-bg-brand-blue-raised-hover: var(--ax-brand-blue-300);
706
+ --ax-bg-brand-blue-raised: var(--ax-brand-blue-200);
707
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
708
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
709
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
710
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
711
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
712
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
713
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
714
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
715
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
716
+ --ax-bg-brand-blue-hoverA: var(--ax-brand-blue-200A);
717
+ --ax-bg-brand-blue-hover: var(--ax-brand-blue-200);
718
+ --ax-bg-brand-blue: var(--ax-brand-blue-100);
719
+ --ax-bg-brand-beige-raised-hover: var(--ax-brand-beige-300);
720
+ --ax-bg-brand-beige-raised: var(--ax-brand-beige-200);
721
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
722
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
723
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
724
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
725
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
726
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
727
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
728
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
729
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
730
+ --ax-bg-brand-beige-hoverA: var(--ax-brand-beige-200A);
731
+ --ax-bg-brand-beige-hover: var(--ax-brand-beige-200);
732
+ --ax-bg-brand-beige: var(--ax-brand-beige-100);
733
+ --ax-bg-brand-magenta-raised-hover: var(--ax-brand-magenta-300);
734
+ --ax-bg-brand-magenta-raised: var(--ax-brand-magenta-200);
735
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
736
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
737
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
738
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
739
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
740
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
741
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
742
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
743
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
744
+ --ax-bg-brand-magenta-hoverA: var(--ax-brand-magenta-200A);
745
+ --ax-bg-brand-magenta-hover: var(--ax-brand-magenta-200);
746
+ --ax-bg-brand-magenta: var(--ax-brand-magenta-100);
745
747
  --ax-bg-info-raised-hover: var(--ax-info-300);
746
748
  --ax-bg-info-raised: var(--ax-info-200);
747
749
  --ax-bg-info-strong-pressed: var(--ax-info-800);
@@ -829,6 +831,7 @@
829
831
  }
830
832
 
831
833
  :root, :host {
834
+ --ax-version: "7.9.0";
832
835
  --ax-font-weight-regular: 400;
833
836
  --ax-font-weight-bold: 600;
834
837
  --ax-font-size-small: .875rem;