@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/dark-tokens.css CHANGED
@@ -3,76 +3,76 @@
3
3
  */
4
4
 
5
5
  .dark, .dark-theme {
6
- --ax-meta-2-400A: #fbf50029;
7
- --ax-meta-2-300A: #fce9001d;
8
- --ax-meta-2-200A: #f6cf0016;
9
- --ax-meta-2-100A: #fcbf000f;
10
- --ax-meta-2-1000: #c5d14c;
11
- --ax-meta-2-900: #a9b325;
12
- --ax-meta-2-800: #99a200;
13
- --ax-meta-2-700: #8f9800;
14
- --ax-meta-2-600: #7c8400;
15
- --ax-meta-2-500: #6a7200;
16
- --ax-meta-2-400: #343900;
17
- --ax-meta-2-300: #292d00;
18
- --ax-meta-2-200: #222500;
19
- --ax-meta-2-100: #1c1f00;
20
- --ax-meta-1-400A: #fdb3ee2f;
21
- --ax-meta-1-300A: #ff99e423;
22
- --ax-meta-1-200A: #fa7dd31b;
23
- --ax-meta-1-100A: #f64fb616;
24
- --ax-meta-1-1000: #cdc5d9;
25
- --ax-meta-1-900: #b2a7c3;
26
- --ax-meta-1-800: #a495b7;
27
- --ax-meta-1-700: #9b8bb0;
28
- --ax-meta-1-600: #8876a1;
29
- --ax-meta-1-500: #776491;
30
- --ax-meta-1-400: #3a3245;
31
- --ax-meta-1-300: #2f273a;
32
- --ax-meta-1-200: #272032;
33
- --ax-meta-1-100: #221a2c;
34
- --ax-brand-3-400A: #44c6fc34;
35
- --ax-brand-3-300A: #2bbffb24;
36
- --ax-brand-3-200A: #04bfff18;
37
- --ax-brand-3-100A: #00a5ff10;
38
- --ax-brand-3-1000: #b7cbd7;
39
- --ax-brand-3-900: #93afc0;
40
- --ax-brand-3-800: #7f9fb3;
41
- --ax-brand-3-700: #7396ab;
42
- --ax-brand-3-600: #5a839b;
43
- --ax-brand-3-500: #43718d;
44
- --ax-brand-3-400: #19394c;
45
- --ax-brand-3-300: #122d3e;
46
- --ax-brand-3-200: #0d2534;
47
- --ax-brand-3-100: #071e2d;
48
- --ax-brand-2-400A: #fc83403f;
49
- --ax-brand-2-300A: #fe621032;
50
- --ax-brand-2-200A: #fb45002a;
51
- --ax-brand-2-100A: #fe1d0021;
52
- --ax-brand-2-1000: #e3c2b1;
53
- --ax-brand-2-900: #d1a08c;
54
- --ax-brand-2-800: #c78e79;
55
- --ax-brand-2-700: #c0836e;
56
- --ax-brand-2-600: #ab6f5b;
57
- --ax-brand-2-500: #975e4a;
58
- --ax-brand-2-400: #493027;
59
- --ax-brand-2-300: #3d241c;
60
- --ax-brand-2-200: #351d15;
61
- --ax-brand-2-100: #2d160e;
62
- --ax-brand-1-400A: #fe648144;
63
- --ax-brand-1-300A: #fb486438;
64
- --ax-brand-1-200A: #fd264b2f;
65
- --ax-brand-1-100A: #fa022627;
66
- --ax-brand-1-1000: #e1c0cc;
67
- --ax-brand-1-900: #cf9eb1;
68
- --ax-brand-1-800: #c58aa2;
69
- --ax-brand-1-700: #be7f99;
70
- --ax-brand-1-600: #b06886;
71
- --ax-brand-1-500: #a35276;
72
- --ax-brand-1-400: #4e2a39;
73
- --ax-brand-1-300: #42202e;
74
- --ax-brand-1-200: #3a1827;
75
- --ax-brand-1-100: #321220;
6
+ --ax-meta-lime-400A: #fbf50029;
7
+ --ax-meta-lime-300A: #fce9001d;
8
+ --ax-meta-lime-200A: #f6cf0016;
9
+ --ax-meta-lime-100A: #fcbf000f;
10
+ --ax-meta-lime-1000: #c5d14c;
11
+ --ax-meta-lime-900: #a9b325;
12
+ --ax-meta-lime-800: #99a200;
13
+ --ax-meta-lime-700: #8f9800;
14
+ --ax-meta-lime-600: #7c8400;
15
+ --ax-meta-lime-500: #6a7200;
16
+ --ax-meta-lime-400: #343900;
17
+ --ax-meta-lime-300: #292d00;
18
+ --ax-meta-lime-200: #222500;
19
+ --ax-meta-lime-100: #1c1f00;
20
+ --ax-meta-purple-400A: #fdb3ee2f;
21
+ --ax-meta-purple-300A: #ff99e423;
22
+ --ax-meta-purple-200A: #fa7dd31b;
23
+ --ax-meta-purple-100A: #f64fb616;
24
+ --ax-meta-purple-1000: #cdc5d9;
25
+ --ax-meta-purple-900: #b2a7c3;
26
+ --ax-meta-purple-800: #a495b7;
27
+ --ax-meta-purple-700: #9b8bb0;
28
+ --ax-meta-purple-600: #8876a1;
29
+ --ax-meta-purple-500: #776491;
30
+ --ax-meta-purple-400: #3a3245;
31
+ --ax-meta-purple-300: #2f273a;
32
+ --ax-meta-purple-200: #272032;
33
+ --ax-meta-purple-100: #221a2c;
34
+ --ax-brand-blue-400A: #44c6fc34;
35
+ --ax-brand-blue-300A: #2bbffb24;
36
+ --ax-brand-blue-200A: #04bfff18;
37
+ --ax-brand-blue-100A: #00a5ff10;
38
+ --ax-brand-blue-1000: #b7cbd7;
39
+ --ax-brand-blue-900: #93afc0;
40
+ --ax-brand-blue-800: #7f9fb3;
41
+ --ax-brand-blue-700: #7396ab;
42
+ --ax-brand-blue-600: #5a839b;
43
+ --ax-brand-blue-500: #43718d;
44
+ --ax-brand-blue-400: #19394c;
45
+ --ax-brand-blue-300: #122d3e;
46
+ --ax-brand-blue-200: #0d2534;
47
+ --ax-brand-blue-100: #071e2d;
48
+ --ax-brand-beige-400A: #fc83403f;
49
+ --ax-brand-beige-300A: #fe621032;
50
+ --ax-brand-beige-200A: #fb45002a;
51
+ --ax-brand-beige-100A: #fe1d0021;
52
+ --ax-brand-beige-1000: #e3c2b1;
53
+ --ax-brand-beige-900: #d1a08c;
54
+ --ax-brand-beige-800: #c78e79;
55
+ --ax-brand-beige-700: #c0836e;
56
+ --ax-brand-beige-600: #ab6f5b;
57
+ --ax-brand-beige-500: #975e4a;
58
+ --ax-brand-beige-400: #493027;
59
+ --ax-brand-beige-300: #3d241c;
60
+ --ax-brand-beige-200: #351d15;
61
+ --ax-brand-beige-100: #2d160e;
62
+ --ax-brand-magenta-400A: #fe648144;
63
+ --ax-brand-magenta-300A: #fb486438;
64
+ --ax-brand-magenta-200A: #fd264b2f;
65
+ --ax-brand-magenta-100A: #fa022627;
66
+ --ax-brand-magenta-1000: #e1c0cc;
67
+ --ax-brand-magenta-900: #cf9eb1;
68
+ --ax-brand-magenta-800: #c58aa2;
69
+ --ax-brand-magenta-700: #be7f99;
70
+ --ax-brand-magenta-600: #b06886;
71
+ --ax-brand-magenta-500: #a35276;
72
+ --ax-brand-magenta-400: #4e2a39;
73
+ --ax-brand-magenta-300: #42202e;
74
+ --ax-brand-magenta-200: #3a1827;
75
+ --ax-brand-magenta-100: #321220;
76
76
  --ax-info-400A: #44c6fc34;
77
77
  --ax-info-300A: #2bbffb24;
78
78
  --ax-info-200A: #04bfff18;
@@ -165,30 +165,26 @@
165
165
  --ax-opacity-disabled: 0.4; /* Used for setting opacity on disabled elements. */
166
166
  --ax-shadow-dialog: 0px 0px 1px 0px rgba(7 9 13 / 0.00), 0px 2px 5px 0px rgba(7 9 13 / 0.35), 0px 5px 12px 0px rgba(7 9 13 / 0.50); /* Used for dialog elements like modals and popovers. */
167
167
  --ax-border-focus: var(--ax-neutral-1000);
168
- --ax-border-strong: var(--ax-neutral-600);
169
- --ax-border-subtleA: var(--ax-neutral-400A);
170
- --ax-border-subtle: var(--ax-neutral-400);
171
- --ax-border-default: var(--ax-neutral-500);
172
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
173
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
174
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
175
- --ax-border-meta-2: var(--ax-meta-2-600);
176
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
177
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
178
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
179
- --ax-border-meta-1: var(--ax-meta-1-600);
180
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
181
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
182
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
183
- --ax-border-brand-3: var(--ax-brand-3-600);
184
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
185
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
186
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
187
- --ax-border-brand-2: var(--ax-brand-2-600);
188
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
189
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
190
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
191
- --ax-border-brand-1: var(--ax-brand-1-600);
168
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
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-600);
172
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
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-600);
176
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
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-600);
180
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
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-600);
184
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
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-600);
192
188
  --ax-border-info-strong: var(--ax-info-700);
193
189
  --ax-border-info-subtleA: var(--ax-info-400A);
194
190
  --ax-border-info-subtle: var(--ax-info-400);
@@ -209,124 +205,111 @@
209
205
  --ax-border-accent-subtleA: var(--ax-accent-400A);
210
206
  --ax-border-accent-subtle: var(--ax-accent-400);
211
207
  --ax-border-accent: var(--ax-accent-600);
212
- --ax-text-contrast: var(--ax-neutral-000);
208
+ --ax-border-neutral-strong: var(--ax-neutral-700);
209
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
210
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
211
+ --ax-border-neutral: var(--ax-neutral-600);
213
212
  --ax-text-logo: var(--ax-neutral-1000);
214
- --ax-text-icon: var(--ax-neutral-600);
215
- --ax-text-subtle: var(--ax-neutral-900);
216
- --ax-text-default: var(--ax-neutral-1000);
217
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
218
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
219
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
220
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
221
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
213
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
214
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
215
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
216
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
217
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
222
218
  --ax-text-warning-contrast: var(--ax-neutral-000);
223
219
  --ax-text-success-contrast: var(--ax-neutral-000);
224
220
  --ax-text-info-contrast: var(--ax-neutral-000);
225
221
  --ax-text-danger-contrast: var(--ax-neutral-000);
226
222
  --ax-text-accent-contrast: var(--ax-neutral-000);
227
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
228
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
229
- --ax-text-meta-2: var(--ax-meta-2-800);
230
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
231
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
232
- --ax-text-meta-1: var(--ax-meta-1-800);
233
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
234
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
235
- --ax-text-brand-3: var(--ax-brand-3-800);
236
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
237
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
238
- --ax-text-brand-2: var(--ax-brand-2-800);
239
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
240
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
241
- --ax-text-brand-1: var(--ax-brand-1-800);
223
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
224
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
225
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
226
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
227
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
228
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
229
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
230
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
231
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
232
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
233
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
234
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
235
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
236
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
237
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
238
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
242
239
  --ax-text-info-icon: var(--ax-info-600);
243
- --ax-text-info-strong: var(--ax-info-1000);
244
- --ax-text-info: var(--ax-info-800);
240
+ --ax-text-info-subtle: var(--ax-info-800);
241
+ --ax-text-info: var(--ax-info-1000);
245
242
  --ax-text-danger-icon: var(--ax-danger-600);
246
- --ax-text-danger-strong: var(--ax-danger-1000);
247
- --ax-text-danger: var(--ax-danger-800);
243
+ --ax-text-danger-subtle: var(--ax-danger-800);
244
+ --ax-text-danger: var(--ax-danger-1000);
248
245
  --ax-text-warning-icon: var(--ax-warning-600);
249
- --ax-text-warning-strong: var(--ax-warning-1000);
250
- --ax-text-warning: var(--ax-warning-800);
246
+ --ax-text-warning-subtle: var(--ax-warning-800);
247
+ --ax-text-warning: var(--ax-warning-1000);
251
248
  --ax-text-success-icon: var(--ax-success-600);
252
- --ax-text-success-strong: var(--ax-success-1000);
253
- --ax-text-success: var(--ax-success-800);
249
+ --ax-text-success-subtle: var(--ax-success-800);
250
+ --ax-text-success: var(--ax-success-1000);
254
251
  --ax-text-accent-icon: var(--ax-accent-600);
255
- --ax-text-accent-strong: var(--ax-accent-1000);
256
- --ax-text-accent: var(--ax-accent-800);
257
- --ax-bg-strong-pressed: var(--ax-neutral-900);
258
- --ax-bg-strong-hover: var(--ax-neutral-800);
259
- --ax-bg-strong: var(--ax-neutral-700);
260
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
261
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
262
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
263
- --ax-bg-moderate-hover: var(--ax-neutral-300);
264
- --ax-bg-moderateA: var(--ax-neutral-200A);
265
- --ax-bg-moderate: var(--ax-neutral-200);
266
- --ax-bg-hoverA: var(--ax-neutral-200A);
267
- --ax-bg-hover: var(--ax-neutral-200);
268
- --ax-bg-soft: var(--ax-neutral-100);
252
+ --ax-text-accent-subtle: var(--ax-accent-800);
253
+ --ax-text-accent: var(--ax-accent-1000);
254
+ --ax-text-neutral-icon: var(--ax-neutral-600);
255
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
256
+ --ax-text-neutral: var(--ax-neutral-1000);
269
257
  --ax-bg-raised: var(--ax-neutral-100);
270
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
271
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
272
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
273
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
274
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
275
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
276
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
277
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
278
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
279
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
280
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
281
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
282
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
283
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
284
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
285
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
286
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
287
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
288
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
289
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
290
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
291
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
292
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
293
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
294
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
295
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
296
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
297
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
298
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
299
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
300
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
301
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
302
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
303
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
304
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
305
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
306
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
307
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
308
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
309
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
310
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
311
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
312
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
313
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
314
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
315
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
316
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
317
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
318
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
319
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
320
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
321
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
322
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
323
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
324
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
325
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
326
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
327
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
328
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
329
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
258
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
259
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
260
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
261
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
262
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
263
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
264
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
265
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
266
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
267
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
268
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
269
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
270
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
271
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
272
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
273
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
274
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
275
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
276
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
277
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
278
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
279
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
280
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
281
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
282
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
283
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
284
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
285
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
286
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
287
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
288
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
289
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
290
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
291
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
292
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
293
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
294
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
295
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
296
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
297
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
298
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
299
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
300
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
301
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
302
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
303
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
304
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
305
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
306
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
307
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
308
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
309
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
310
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
311
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
312
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
330
313
  --ax-bg-info-strong-pressed: var(--ax-info-800);
331
314
  --ax-bg-info-strong-hover: var(--ax-info-700);
332
315
  --ax-bg-info-strong: var(--ax-info-600);
@@ -336,8 +319,7 @@
336
319
  --ax-bg-info-moderate-hover: var(--ax-info-300);
337
320
  --ax-bg-info-moderateA: var(--ax-info-200A);
338
321
  --ax-bg-info-moderate: var(--ax-info-200);
339
- --ax-bg-info-hoverA: var(--ax-info-200A);
340
- --ax-bg-info-hover: var(--ax-info-200);
322
+ --ax-bg-info-softA: var(--ax-info-100A);
341
323
  --ax-bg-info-soft: var(--ax-info-100);
342
324
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
343
325
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
@@ -348,8 +330,7 @@
348
330
  --ax-bg-danger-moderate-hover: var(--ax-danger-300);
349
331
  --ax-bg-danger-moderateA: var(--ax-danger-200A);
350
332
  --ax-bg-danger-moderate: var(--ax-danger-200);
351
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
352
- --ax-bg-danger-hover: var(--ax-danger-200);
333
+ --ax-bg-danger-softA: var(--ax-danger-100A);
353
334
  --ax-bg-danger-soft: var(--ax-danger-100);
354
335
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
355
336
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
@@ -360,8 +341,7 @@
360
341
  --ax-bg-warning-moderate-hover: var(--ax-warning-300);
361
342
  --ax-bg-warning-moderateA: var(--ax-warning-200A);
362
343
  --ax-bg-warning-moderate: var(--ax-warning-200);
363
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
364
- --ax-bg-warning-hover: var(--ax-warning-200);
344
+ --ax-bg-warning-softA: var(--ax-warning-100A);
365
345
  --ax-bg-warning-soft: var(--ax-warning-100);
366
346
  --ax-bg-success-strong-pressed: var(--ax-success-800);
367
347
  --ax-bg-success-strong-hover: var(--ax-success-700);
@@ -372,8 +352,7 @@
372
352
  --ax-bg-success-moderate-hover: var(--ax-success-300);
373
353
  --ax-bg-success-moderateA: var(--ax-success-200A);
374
354
  --ax-bg-success-moderate: var(--ax-success-200);
375
- --ax-bg-success-hoverA: var(--ax-success-200A);
376
- --ax-bg-success-hover: var(--ax-success-200);
355
+ --ax-bg-success-softA: var(--ax-success-100A);
377
356
  --ax-bg-success-soft: var(--ax-success-100);
378
357
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
379
358
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
@@ -384,7 +363,17 @@
384
363
  --ax-bg-accent-moderate-hover: var(--ax-accent-300);
385
364
  --ax-bg-accent-moderateA: var(--ax-accent-200A);
386
365
  --ax-bg-accent-moderate: var(--ax-accent-200);
387
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
388
- --ax-bg-accent-hover: var(--ax-accent-200);
366
+ --ax-bg-accent-softA: var(--ax-accent-100A);
389
367
  --ax-bg-accent-soft: var(--ax-accent-100);
368
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
369
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
370
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
371
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
372
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
373
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
374
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
375
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
376
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
377
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
378
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
390
379
  }