@navikt/ds-tokens 7.10.0 → 7.12.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 +199 -210
  2. package/dist/darkside/light-tokens.css +200 -211
  3. package/dist/darkside/tokens-cjs.js +194 -205
  4. package/dist/darkside/tokens.css +400 -422
  5. package/dist/darkside/tokens.d.ts +194 -205
  6. package/dist/darkside/tokens.js +194 -205
  7. package/dist/darkside/tokens.less +194 -205
  8. package/dist/darkside/tokens.scss +194 -205
  9. package/dist/tokens.css +1 -1
  10. package/package.json +2 -9
  11. package/types.ts +11 -36
  12. package/dist/darkside/static/tokens-cjs.js +0 -456
  13. package/dist/darkside/static/tokens.d.ts +0 -454
  14. package/dist/darkside/static/tokens.js +0 -454
  15. package/dist/darkside/static/tokens.less +0 -447
  16. package/dist/darkside/static/tokens.scss +0 -447
package/dist/darkside/tokens.css CHANGED
@@ -1,74 +1,74 @@
1
1
  :root, :host, .light, .light-theme {
2
- --ax-meta-2-400A: #d0dc00;
3
- --ax-meta-2-300A: #cadf0094;
4
- --ax-meta-2-200A: #c4df0056;
5
- --ax-meta-2-100A: #c3de002e;
6
- --ax-meta-2-1000: #2a2800;
7
- --ax-meta-2-900: #515400;
8
- --ax-meta-2-800: #5c6100;
9
- --ax-meta-2-700: #646900;
10
- --ax-meta-2-600: #757c00;
11
- --ax-meta-2-500: #878f00;
12
- --ax-meta-2-400: #d0dc00;
13
- --ax-meta-2-300: #e0ec6b;
14
- --ax-meta-2-200: #ebf4a9;
15
- --ax-meta-2-100: #f4f9d1;
16
- --ax-meta-1-400A: #2b006b30;
17
- --ax-meta-1-300A: #2b00661e;
18
- --ax-meta-1-200A: #2b006412;
19
- --ax-meta-1-100A: #3300660a;
20
- --ax-meta-1-1000: #331a4d;
21
- --ax-meta-1-900: #5e467c;
22
- --ax-meta-1-800: #6a5289;
23
- --ax-meta-1-700: #725a91;
24
- --ax-meta-1-600: #846ca4;
25
- --ax-meta-1-500: #9580b1;
26
- --ax-meta-1-400: #d7cfe3;
27
- --ax-meta-1-300: #e6e1ed;
28
- --ax-meta-1-200: #f0edf4;
29
- --ax-meta-1-100: #f7f5f9;
30
- --ax-brand-3-400A: #005a923f;
31
- --ax-brand-3-300A: #0060a028;
32
- --ax-brand-3-200A: #006eb71c;
33
- --ax-brand-3-100A: #0078d211;
34
- --ax-brand-3-1000: #002942;
35
- --ax-brand-3-900: #00557d;
36
- --ax-brand-3-800: #156389;
37
- --ax-brand-3-700: #246b91;
38
- --ax-brand-3-600: #417da0;
39
- --ax-brand-3-500: #5a8fae;
40
- --ax-brand-3-400: #c0d6e4;
41
- --ax-brand-3-300: #d7e6f0;
42
- --ax-brand-3-200: #e3eff7;
43
- --ax-brand-3-100: #eef6fc;
44
- --ax-brand-2-400A: #e94c004e;
45
- --ax-brand-2-300A: #f0520032;
46
- --ax-brand-2-200A: #ef5b001f;
47
- --ax-brand-2-100A: #ff5a0011;
48
- --ax-brand-2-1000: #3c1f15;
49
- --ax-brand-2-900: #764332;
50
- --ax-brand-2-800: #874e3b;
51
- --ax-brand-2-700: #915541;
52
- --ax-brand-2-600: #a9654e;
53
- --ax-brand-2-500: #c0765d;
54
- --ax-brand-2-400: #f8c8b1;
55
- --ax-brand-2-300: #fcddcd;
56
- --ax-brand-2-200: #fdebe0;
57
- --ax-brand-2-100: #fff4ee;
58
- --ax-brand-1-400A: #a4003a35;
59
- --ax-brand-1-300A: #a5003c22;
60
- --ax-brand-1-200A: #aa003d15;
61
- --ax-brand-1-100A: #aa00400c;
62
- --ax-brand-1-1000: #52002b;
63
- --ax-brand-1-900: #98185d;
64
- --ax-brand-1-800: #a33069;
65
- --ax-brand-1-700: #a93d70;
66
- --ax-brand-1-600: #b65781;
67
- --ax-brand-1-500: #c26f92;
68
- --ax-brand-1-400: #eccad6;
69
- --ax-brand-1-300: #f3dde5;
70
- --ax-brand-1-200: #f8eaef;
71
- --ax-brand-1-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;
@@ -159,32 +159,28 @@
159
159
  --ax-bg-input: #ffffffd9;
160
160
  --ax-bg-default: #fff;
161
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
+ --ax-shadow-dialog: 0px 4px 6px 0px #00000026, 0px 1px 3px -1px #00000026, 0px 1px 1px 0px #0000000f;
163
163
  --ax-border-focus: var(--ax-neutral-1000);
164
- --ax-border-strong: var(--ax-neutral-600);
165
- --ax-border-subtleA: var(--ax-neutral-400A);
166
- --ax-border-subtle: var(--ax-neutral-400);
167
- --ax-border-default: var(--ax-neutral-500);
168
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
169
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
170
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
171
- --ax-border-meta-2: var(--ax-meta-2-600);
172
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
173
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
174
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
175
- --ax-border-meta-1: var(--ax-meta-1-600);
176
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
177
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
178
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
179
- --ax-border-brand-3: var(--ax-brand-3-600);
180
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
181
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
182
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
183
- --ax-border-brand-2: var(--ax-brand-2-600);
184
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
185
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
186
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
187
- --ax-border-brand-1: var(--ax-brand-1-600);
164
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
165
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
166
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
167
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
168
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
169
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
170
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
171
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
172
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
173
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
174
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
175
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
176
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
177
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
178
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
179
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
180
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
181
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
182
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
183
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
188
184
  --ax-border-info-strong: var(--ax-info-700);
189
185
  --ax-border-info-subtleA: var(--ax-info-400A);
190
186
  --ax-border-info-subtle: var(--ax-info-400);
@@ -205,124 +201,111 @@
205
201
  --ax-border-accent-subtleA: var(--ax-accent-400A);
206
202
  --ax-border-accent-subtle: var(--ax-accent-400);
207
203
  --ax-border-accent: var(--ax-accent-600);
208
- --ax-text-contrast: var(--ax-neutral-000);
209
- --ax-text-icon: var(--ax-neutral-600);
210
- --ax-text-subtle: var(--ax-neutral-900);
211
- --ax-text-default: var(--ax-neutral-1000);
212
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
213
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
214
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
215
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
216
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
204
+ --ax-border-neutral-strong: var(--ax-neutral-700);
205
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
206
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
207
+ --ax-border-neutral: var(--ax-neutral-600);
208
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
209
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
210
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
211
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
212
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
217
213
  --ax-text-warning-contrast: var(--ax-neutral-000);
218
214
  --ax-text-success-contrast: var(--ax-neutral-000);
219
215
  --ax-text-info-contrast: var(--ax-neutral-000);
220
216
  --ax-text-danger-contrast: var(--ax-neutral-000);
221
217
  --ax-text-accent-contrast: var(--ax-neutral-000);
222
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
223
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
224
- --ax-text-meta-2: var(--ax-meta-2-800);
225
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
226
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
227
- --ax-text-meta-1: var(--ax-meta-1-800);
228
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
229
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
230
- --ax-text-brand-3: var(--ax-brand-3-800);
231
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
232
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
233
- --ax-text-brand-2: var(--ax-brand-2-800);
234
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
235
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
236
- --ax-text-brand-1: var(--ax-brand-1-800);
218
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
219
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
220
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
221
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
222
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
223
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
224
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
225
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
226
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
227
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
228
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
229
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
230
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
231
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
232
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
233
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
237
234
  --ax-text-info-icon: var(--ax-info-600);
238
- --ax-text-info-strong: var(--ax-info-1000);
239
- --ax-text-info: var(--ax-info-800);
235
+ --ax-text-info-subtle: var(--ax-info-800);
236
+ --ax-text-info: var(--ax-info-1000);
240
237
  --ax-text-danger-icon: var(--ax-danger-600);
241
- --ax-text-danger-strong: var(--ax-danger-1000);
242
- --ax-text-danger: var(--ax-danger-800);
238
+ --ax-text-danger-subtle: var(--ax-danger-800);
239
+ --ax-text-danger: var(--ax-danger-1000);
243
240
  --ax-text-warning-icon: var(--ax-warning-600);
244
- --ax-text-warning-strong: var(--ax-warning-1000);
245
- --ax-text-warning: var(--ax-warning-800);
241
+ --ax-text-warning-subtle: var(--ax-warning-800);
242
+ --ax-text-warning: var(--ax-warning-1000);
246
243
  --ax-text-success-icon: var(--ax-success-600);
247
- --ax-text-success-strong: var(--ax-success-1000);
248
- --ax-text-success: var(--ax-success-800);
244
+ --ax-text-success-subtle: var(--ax-success-800);
245
+ --ax-text-success: var(--ax-success-1000);
249
246
  --ax-text-accent-icon: var(--ax-accent-600);
250
- --ax-text-accent-strong: var(--ax-accent-1000);
251
- --ax-text-accent: var(--ax-accent-800);
252
- --ax-bg-strong-pressed: var(--ax-neutral-900);
253
- --ax-bg-strong-hover: var(--ax-neutral-800);
254
- --ax-bg-strong: var(--ax-neutral-700);
255
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
256
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
257
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
258
- --ax-bg-moderate-hover: var(--ax-neutral-300);
259
- --ax-bg-moderateA: var(--ax-neutral-200A);
260
- --ax-bg-moderate: var(--ax-neutral-200);
261
- --ax-bg-hoverA: var(--ax-neutral-200A);
262
- --ax-bg-hover: var(--ax-neutral-200);
263
- --ax-bg-soft: var(--ax-neutral-100);
247
+ --ax-text-accent-subtle: var(--ax-accent-800);
248
+ --ax-text-accent: var(--ax-accent-1000);
249
+ --ax-text-neutral-icon: var(--ax-neutral-600);
250
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
251
+ --ax-text-neutral: var(--ax-neutral-1000);
264
252
  --ax-bg-sunken: var(--ax-neutral-200);
265
253
  --ax-bg-raised: var(--ax-neutral-000);
266
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
267
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
268
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
269
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
270
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
271
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
272
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
273
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
274
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
275
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
276
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
277
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
278
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
279
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
280
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
281
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
282
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
283
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
284
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
285
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
286
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
287
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
288
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
289
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
290
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
291
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
292
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
293
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
294
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
295
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
296
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
297
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
298
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
299
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
300
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
301
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
302
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
303
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
304
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
305
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
306
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
307
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
308
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
309
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
310
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
311
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
312
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
313
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
314
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
315
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
316
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
317
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
318
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
319
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
320
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
321
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
322
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
323
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
324
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
325
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
254
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
255
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
256
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
257
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
258
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
259
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
260
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
261
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
262
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
263
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
264
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
265
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
266
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
267
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
268
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
269
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
270
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
271
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
272
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
273
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
274
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
275
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
276
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
277
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
278
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
279
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
280
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
281
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
282
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
283
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
284
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
285
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
286
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
287
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
288
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
289
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
290
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
291
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
292
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
293
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
294
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
295
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
296
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
297
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
298
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
299
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
300
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
301
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
302
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
303
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
304
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
305
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
306
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
307
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
308
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
326
309
  --ax-bg-info-strong-pressed: var(--ax-info-800);
327
310
  --ax-bg-info-strong-hover: var(--ax-info-700);
328
311
  --ax-bg-info-strong: var(--ax-info-600);
@@ -332,8 +315,7 @@
332
315
  --ax-bg-info-moderate-hover: var(--ax-info-300);
333
316
  --ax-bg-info-moderateA: var(--ax-info-200A);
334
317
  --ax-bg-info-moderate: var(--ax-info-200);
335
- --ax-bg-info-hoverA: var(--ax-info-200A);
336
- --ax-bg-info-hover: var(--ax-info-200);
318
+ --ax-bg-info-softA: var(--ax-info-100A);
337
319
  --ax-bg-info-soft: var(--ax-info-100);
338
320
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
339
321
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
@@ -344,8 +326,7 @@
344
326
  --ax-bg-danger-moderate-hover: var(--ax-danger-300);
345
327
  --ax-bg-danger-moderateA: var(--ax-danger-200A);
346
328
  --ax-bg-danger-moderate: var(--ax-danger-200);
347
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
348
- --ax-bg-danger-hover: var(--ax-danger-200);
329
+ --ax-bg-danger-softA: var(--ax-danger-100A);
349
330
  --ax-bg-danger-soft: var(--ax-danger-100);
350
331
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
351
332
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
@@ -356,8 +337,7 @@
356
337
  --ax-bg-warning-moderate-hover: var(--ax-warning-300);
357
338
  --ax-bg-warning-moderateA: var(--ax-warning-200A);
358
339
  --ax-bg-warning-moderate: var(--ax-warning-200);
359
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
360
- --ax-bg-warning-hover: var(--ax-warning-200);
340
+ --ax-bg-warning-softA: var(--ax-warning-100A);
361
341
  --ax-bg-warning-soft: var(--ax-warning-100);
362
342
  --ax-bg-success-strong-pressed: var(--ax-success-800);
363
343
  --ax-bg-success-strong-hover: var(--ax-success-700);
@@ -368,8 +348,7 @@
368
348
  --ax-bg-success-moderate-hover: var(--ax-success-300);
369
349
  --ax-bg-success-moderateA: var(--ax-success-200A);
370
350
  --ax-bg-success-moderate: var(--ax-success-200);
371
- --ax-bg-success-hoverA: var(--ax-success-200A);
372
- --ax-bg-success-hover: var(--ax-success-200);
351
+ --ax-bg-success-softA: var(--ax-success-100A);
373
352
  --ax-bg-success-soft: var(--ax-success-100);
374
353
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
375
354
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
@@ -380,82 +359,92 @@
380
359
  --ax-bg-accent-moderate-hover: var(--ax-accent-300);
381
360
  --ax-bg-accent-moderateA: var(--ax-accent-200A);
382
361
  --ax-bg-accent-moderate: var(--ax-accent-200);
383
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
384
- --ax-bg-accent-hover: var(--ax-accent-200);
362
+ --ax-bg-accent-softA: var(--ax-accent-100A);
385
363
  --ax-bg-accent-soft: var(--ax-accent-100);
364
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
365
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
366
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
367
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
368
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
369
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
370
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
371
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
372
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
373
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
374
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
386
375
  }
387
376
 
388
377
  .dark, .dark-theme {
389
- --ax-meta-2-400A: #fbf50029;
390
- --ax-meta-2-300A: #fce9001d;
391
- --ax-meta-2-200A: #f6cf0016;
392
- --ax-meta-2-100A: #fcbf000f;
393
- --ax-meta-2-1000: #c5d14c;
394
- --ax-meta-2-900: #a9b325;
395
- --ax-meta-2-800: #99a200;
396
- --ax-meta-2-700: #8f9800;
397
- --ax-meta-2-600: #7c8400;
398
- --ax-meta-2-500: #6a7200;
399
- --ax-meta-2-400: #343900;
400
- --ax-meta-2-300: #292d00;
401
- --ax-meta-2-200: #222500;
402
- --ax-meta-2-100: #1c1f00;
403
- --ax-meta-1-400A: #fdb3ee2f;
404
- --ax-meta-1-300A: #ff99e423;
405
- --ax-meta-1-200A: #fa7dd31b;
406
- --ax-meta-1-100A: #f64fb616;
407
- --ax-meta-1-1000: #cdc5d9;
408
- --ax-meta-1-900: #b2a7c3;
409
- --ax-meta-1-800: #a495b7;
410
- --ax-meta-1-700: #9b8bb0;
411
- --ax-meta-1-600: #8876a1;
412
- --ax-meta-1-500: #776491;
413
- --ax-meta-1-400: #3a3245;
414
- --ax-meta-1-300: #2f273a;
415
- --ax-meta-1-200: #272032;
416
- --ax-meta-1-100: #221a2c;
417
- --ax-brand-3-400A: #44c6fc34;
418
- --ax-brand-3-300A: #2bbffb24;
419
- --ax-brand-3-200A: #04bfff18;
420
- --ax-brand-3-100A: #00a5ff10;
421
- --ax-brand-3-1000: #b7cbd7;
422
- --ax-brand-3-900: #93afc0;
423
- --ax-brand-3-800: #7f9fb3;
424
- --ax-brand-3-700: #7396ab;
425
- --ax-brand-3-600: #5a839b;
426
- --ax-brand-3-500: #43718d;
427
- --ax-brand-3-400: #19394c;
428
- --ax-brand-3-300: #122d3e;
429
- --ax-brand-3-200: #0d2534;
430
- --ax-brand-3-100: #071e2d;
431
- --ax-brand-2-400A: #fc83403f;
432
- --ax-brand-2-300A: #fe621032;
433
- --ax-brand-2-200A: #fb45002a;
434
- --ax-brand-2-100A: #fe1d0021;
435
- --ax-brand-2-1000: #e3c2b1;
436
- --ax-brand-2-900: #d1a08c;
437
- --ax-brand-2-800: #c78e79;
438
- --ax-brand-2-700: #c0836e;
439
- --ax-brand-2-600: #ab6f5b;
440
- --ax-brand-2-500: #975e4a;
441
- --ax-brand-2-400: #493027;
442
- --ax-brand-2-300: #3d241c;
443
- --ax-brand-2-200: #351d15;
444
- --ax-brand-2-100: #2d160e;
445
- --ax-brand-1-400A: #fe648144;
446
- --ax-brand-1-300A: #fb486438;
447
- --ax-brand-1-200A: #fd264b2f;
448
- --ax-brand-1-100A: #fa022627;
449
- --ax-brand-1-1000: #e1c0cc;
450
- --ax-brand-1-900: #cf9eb1;
451
- --ax-brand-1-800: #c58aa2;
452
- --ax-brand-1-700: #be7f99;
453
- --ax-brand-1-600: #b06886;
454
- --ax-brand-1-500: #a35276;
455
- --ax-brand-1-400: #4e2a39;
456
- --ax-brand-1-300: #42202e;
457
- --ax-brand-1-200: #3a1827;
458
- --ax-brand-1-100: #321220;
378
+ --ax-meta-lime-400A: #fbf50029;
379
+ --ax-meta-lime-300A: #fce9001d;
380
+ --ax-meta-lime-200A: #f6cf0016;
381
+ --ax-meta-lime-100A: #fcbf000f;
382
+ --ax-meta-lime-1000: #c5d14c;
383
+ --ax-meta-lime-900: #a9b325;
384
+ --ax-meta-lime-800: #99a200;
385
+ --ax-meta-lime-700: #8f9800;
386
+ --ax-meta-lime-600: #7c8400;
387
+ --ax-meta-lime-500: #6a7200;
388
+ --ax-meta-lime-400: #343900;
389
+ --ax-meta-lime-300: #292d00;
390
+ --ax-meta-lime-200: #222500;
391
+ --ax-meta-lime-100: #1c1f00;
392
+ --ax-meta-purple-400A: #fdb3ee2f;
393
+ --ax-meta-purple-300A: #ff99e423;
394
+ --ax-meta-purple-200A: #fa7dd31b;
395
+ --ax-meta-purple-100A: #f64fb616;
396
+ --ax-meta-purple-1000: #cdc5d9;
397
+ --ax-meta-purple-900: #b2a7c3;
398
+ --ax-meta-purple-800: #a495b7;
399
+ --ax-meta-purple-700: #9b8bb0;
400
+ --ax-meta-purple-600: #8876a1;
401
+ --ax-meta-purple-500: #776491;
402
+ --ax-meta-purple-400: #3a3245;
403
+ --ax-meta-purple-300: #2f273a;
404
+ --ax-meta-purple-200: #272032;
405
+ --ax-meta-purple-100: #221a2c;
406
+ --ax-brand-blue-400A: #44c6fc34;
407
+ --ax-brand-blue-300A: #2bbffb24;
408
+ --ax-brand-blue-200A: #04bfff18;
409
+ --ax-brand-blue-100A: #00a5ff10;
410
+ --ax-brand-blue-1000: #b7cbd7;
411
+ --ax-brand-blue-900: #93afc0;
412
+ --ax-brand-blue-800: #7f9fb3;
413
+ --ax-brand-blue-700: #7396ab;
414
+ --ax-brand-blue-600: #5a839b;
415
+ --ax-brand-blue-500: #43718d;
416
+ --ax-brand-blue-400: #19394c;
417
+ --ax-brand-blue-300: #122d3e;
418
+ --ax-brand-blue-200: #0d2534;
419
+ --ax-brand-blue-100: #071e2d;
420
+ --ax-brand-beige-400A: #fc83403f;
421
+ --ax-brand-beige-300A: #fe621032;
422
+ --ax-brand-beige-200A: #fb45002a;
423
+ --ax-brand-beige-100A: #fe1d0021;
424
+ --ax-brand-beige-1000: #e3c2b1;
425
+ --ax-brand-beige-900: #d1a08c;
426
+ --ax-brand-beige-800: #c78e79;
427
+ --ax-brand-beige-700: #c0836e;
428
+ --ax-brand-beige-600: #ab6f5b;
429
+ --ax-brand-beige-500: #975e4a;
430
+ --ax-brand-beige-400: #493027;
431
+ --ax-brand-beige-300: #3d241c;
432
+ --ax-brand-beige-200: #351d15;
433
+ --ax-brand-beige-100: #2d160e;
434
+ --ax-brand-magenta-400A: #fe648144;
435
+ --ax-brand-magenta-300A: #fb486438;
436
+ --ax-brand-magenta-200A: #fd264b2f;
437
+ --ax-brand-magenta-100A: #fa022627;
438
+ --ax-brand-magenta-1000: #e1c0cc;
439
+ --ax-brand-magenta-900: #cf9eb1;
440
+ --ax-brand-magenta-800: #c58aa2;
441
+ --ax-brand-magenta-700: #be7f99;
442
+ --ax-brand-magenta-600: #b06886;
443
+ --ax-brand-magenta-500: #a35276;
444
+ --ax-brand-magenta-400: #4e2a39;
445
+ --ax-brand-magenta-300: #42202e;
446
+ --ax-brand-magenta-200: #3a1827;
447
+ --ax-brand-magenta-100: #321220;
459
448
  --ax-info-400A: #44c6fc34;
460
449
  --ax-info-300A: #2bbffb24;
461
450
  --ax-info-200A: #04bfff18;
@@ -548,30 +537,26 @@
548
537
  --ax-opacity-disabled: .4;
549
538
  --ax-shadow-dialog: 0px 0px 1px 0px #07090d00, 0px 2px 5px 0px #07090d59, 0px 5px 12px 0px #07090d80;
550
539
  --ax-border-focus: var(--ax-neutral-1000);
551
- --ax-border-strong: var(--ax-neutral-600);
552
- --ax-border-subtleA: var(--ax-neutral-400A);
553
- --ax-border-subtle: var(--ax-neutral-400);
554
- --ax-border-default: var(--ax-neutral-500);
555
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
556
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
557
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
558
- --ax-border-meta-2: var(--ax-meta-2-600);
559
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
560
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
561
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
562
- --ax-border-meta-1: var(--ax-meta-1-600);
563
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
564
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
565
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
566
- --ax-border-brand-3: var(--ax-brand-3-600);
567
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
568
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
569
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
570
- --ax-border-brand-2: var(--ax-brand-2-600);
571
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
572
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
573
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
574
- --ax-border-brand-1: var(--ax-brand-1-600);
540
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
541
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
542
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
543
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
544
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
545
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
546
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
547
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
548
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
549
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
550
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
551
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
552
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
553
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
554
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
555
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
556
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
557
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
558
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
559
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
575
560
  --ax-border-info-strong: var(--ax-info-700);
576
561
  --ax-border-info-subtleA: var(--ax-info-400A);
577
562
  --ax-border-info-subtle: var(--ax-info-400);
@@ -592,124 +577,111 @@
592
577
  --ax-border-accent-subtleA: var(--ax-accent-400A);
593
578
  --ax-border-accent-subtle: var(--ax-accent-400);
594
579
  --ax-border-accent: var(--ax-accent-600);
595
- --ax-text-contrast: var(--ax-neutral-000);
580
+ --ax-border-neutral-strong: var(--ax-neutral-700);
581
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
582
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
583
+ --ax-border-neutral: var(--ax-neutral-600);
596
584
  --ax-text-logo: var(--ax-neutral-1000);
597
- --ax-text-icon: var(--ax-neutral-600);
598
- --ax-text-subtle: var(--ax-neutral-900);
599
- --ax-text-default: var(--ax-neutral-1000);
600
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
601
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
602
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
603
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
604
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
585
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
586
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
587
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
588
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
589
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
605
590
  --ax-text-warning-contrast: var(--ax-neutral-000);
606
591
  --ax-text-success-contrast: var(--ax-neutral-000);
607
592
  --ax-text-info-contrast: var(--ax-neutral-000);
608
593
  --ax-text-danger-contrast: var(--ax-neutral-000);
609
594
  --ax-text-accent-contrast: var(--ax-neutral-000);
610
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
611
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
612
- --ax-text-meta-2: var(--ax-meta-2-800);
613
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
614
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
615
- --ax-text-meta-1: var(--ax-meta-1-800);
616
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
617
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
618
- --ax-text-brand-3: var(--ax-brand-3-800);
619
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
620
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
621
- --ax-text-brand-2: var(--ax-brand-2-800);
622
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
623
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
624
- --ax-text-brand-1: var(--ax-brand-1-800);
595
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
596
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
597
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
598
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
599
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
600
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
601
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
602
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
603
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
604
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
605
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
606
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
607
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
608
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
609
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
610
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
625
611
  --ax-text-info-icon: var(--ax-info-600);
626
- --ax-text-info-strong: var(--ax-info-1000);
627
- --ax-text-info: var(--ax-info-800);
612
+ --ax-text-info-subtle: var(--ax-info-800);
613
+ --ax-text-info: var(--ax-info-1000);
628
614
  --ax-text-danger-icon: var(--ax-danger-600);
629
- --ax-text-danger-strong: var(--ax-danger-1000);
630
- --ax-text-danger: var(--ax-danger-800);
615
+ --ax-text-danger-subtle: var(--ax-danger-800);
616
+ --ax-text-danger: var(--ax-danger-1000);
631
617
  --ax-text-warning-icon: var(--ax-warning-600);
632
- --ax-text-warning-strong: var(--ax-warning-1000);
633
- --ax-text-warning: var(--ax-warning-800);
618
+ --ax-text-warning-subtle: var(--ax-warning-800);
619
+ --ax-text-warning: var(--ax-warning-1000);
634
620
  --ax-text-success-icon: var(--ax-success-600);
635
- --ax-text-success-strong: var(--ax-success-1000);
636
- --ax-text-success: var(--ax-success-800);
621
+ --ax-text-success-subtle: var(--ax-success-800);
622
+ --ax-text-success: var(--ax-success-1000);
637
623
  --ax-text-accent-icon: var(--ax-accent-600);
638
- --ax-text-accent-strong: var(--ax-accent-1000);
639
- --ax-text-accent: var(--ax-accent-800);
640
- --ax-bg-strong-pressed: var(--ax-neutral-900);
641
- --ax-bg-strong-hover: var(--ax-neutral-800);
642
- --ax-bg-strong: var(--ax-neutral-700);
643
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
644
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
645
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
646
- --ax-bg-moderate-hover: var(--ax-neutral-300);
647
- --ax-bg-moderateA: var(--ax-neutral-200A);
648
- --ax-bg-moderate: var(--ax-neutral-200);
649
- --ax-bg-hoverA: var(--ax-neutral-200A);
650
- --ax-bg-hover: var(--ax-neutral-200);
651
- --ax-bg-soft: var(--ax-neutral-100);
624
+ --ax-text-accent-subtle: var(--ax-accent-800);
625
+ --ax-text-accent: var(--ax-accent-1000);
626
+ --ax-text-neutral-icon: var(--ax-neutral-600);
627
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
628
+ --ax-text-neutral: var(--ax-neutral-1000);
652
629
  --ax-bg-raised: var(--ax-neutral-100);
653
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
654
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
655
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
656
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
657
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
658
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
659
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
660
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
661
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
662
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
663
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
664
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
665
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
666
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
667
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
668
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
669
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
670
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
671
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
672
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
673
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
674
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
675
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
676
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
677
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
678
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
679
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
680
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
681
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
682
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
683
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
684
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
685
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
686
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
687
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
688
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
689
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
690
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
691
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
692
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
693
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
694
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
695
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
696
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
697
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
698
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
699
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
700
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
701
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
702
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
703
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
704
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
705
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
706
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
707
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
708
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
709
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
710
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
711
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
712
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
630
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
631
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
632
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
633
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
634
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
635
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
636
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
637
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
638
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
639
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
640
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
641
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
642
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
643
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
644
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
645
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
646
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
647
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
648
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
649
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
650
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
651
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
652
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
653
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
654
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
655
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
656
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
657
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
658
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
659
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
660
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
661
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
662
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
663
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
664
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
665
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
666
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
667
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
668
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
669
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
670
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
671
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
672
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
673
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
674
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
675
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
676
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
677
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
678
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
679
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
680
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
681
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
682
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
683
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
684
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
713
685
  --ax-bg-info-strong-pressed: var(--ax-info-800);
714
686
  --ax-bg-info-strong-hover: var(--ax-info-700);
715
687
  --ax-bg-info-strong: var(--ax-info-600);
@@ -719,8 +691,7 @@
719
691
  --ax-bg-info-moderate-hover: var(--ax-info-300);
720
692
  --ax-bg-info-moderateA: var(--ax-info-200A);
721
693
  --ax-bg-info-moderate: var(--ax-info-200);
722
- --ax-bg-info-hoverA: var(--ax-info-200A);
723
- --ax-bg-info-hover: var(--ax-info-200);
694
+ --ax-bg-info-softA: var(--ax-info-100A);
724
695
  --ax-bg-info-soft: var(--ax-info-100);
725
696
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
726
697
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
@@ -731,8 +702,7 @@
731
702
  --ax-bg-danger-moderate-hover: var(--ax-danger-300);
732
703
  --ax-bg-danger-moderateA: var(--ax-danger-200A);
733
704
  --ax-bg-danger-moderate: var(--ax-danger-200);
734
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
735
- --ax-bg-danger-hover: var(--ax-danger-200);
705
+ --ax-bg-danger-softA: var(--ax-danger-100A);
736
706
  --ax-bg-danger-soft: var(--ax-danger-100);
737
707
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
738
708
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
@@ -743,8 +713,7 @@
743
713
  --ax-bg-warning-moderate-hover: var(--ax-warning-300);
744
714
  --ax-bg-warning-moderateA: var(--ax-warning-200A);
745
715
  --ax-bg-warning-moderate: var(--ax-warning-200);
746
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
747
- --ax-bg-warning-hover: var(--ax-warning-200);
716
+ --ax-bg-warning-softA: var(--ax-warning-100A);
748
717
  --ax-bg-warning-soft: var(--ax-warning-100);
749
718
  --ax-bg-success-strong-pressed: var(--ax-success-800);
750
719
  --ax-bg-success-strong-hover: var(--ax-success-700);
@@ -755,8 +724,7 @@
755
724
  --ax-bg-success-moderate-hover: var(--ax-success-300);
756
725
  --ax-bg-success-moderateA: var(--ax-success-200A);
757
726
  --ax-bg-success-moderate: var(--ax-success-200);
758
- --ax-bg-success-hoverA: var(--ax-success-200A);
759
- --ax-bg-success-hover: var(--ax-success-200);
727
+ --ax-bg-success-softA: var(--ax-success-100A);
760
728
  --ax-bg-success-soft: var(--ax-success-100);
761
729
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
762
730
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
@@ -767,13 +735,23 @@
767
735
  --ax-bg-accent-moderate-hover: var(--ax-accent-300);
768
736
  --ax-bg-accent-moderateA: var(--ax-accent-200A);
769
737
  --ax-bg-accent-moderate: var(--ax-accent-200);
770
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
771
- --ax-bg-accent-hover: var(--ax-accent-200);
738
+ --ax-bg-accent-softA: var(--ax-accent-100A);
772
739
  --ax-bg-accent-soft: var(--ax-accent-100);
740
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
741
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
742
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
743
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
744
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
745
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
746
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
747
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
748
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
749
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
750
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
773
751
  }
774
752
 
775
753
  :root, :host {
776
- --ax-version: "7.10.0";
754
+ --ax-version: "7.12.0";
777
755
  --ax-font-weight-regular: 400;
778
756
  --ax-font-weight-bold: 600;
779
757
  --ax-font-size-small: .875rem;