@navikt/ds-tokens 7.9.2 → 7.10.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.
@@ -15,8 +15,6 @@ $ax-bg-accent-moderate-pressed-a: #0064f145;
15
15
  $ax-bg-accent-strong: #2277d5;
16
16
  $ax-bg-accent-strong-hover: #0063c1;
17
17
  $ax-bg-accent-strong-pressed: #005bb6;
18
- $ax-bg-accent-raised: #f1f7ff;
19
- $ax-bg-accent-raised-hover: #e4eeff;
20
18
  $ax-bg-success-soft: #e2fde8;
21
19
  $ax-bg-success-hover: #d5f6db;
22
20
  $ax-bg-success-hover-a: #00c9252a;
@@ -29,8 +27,6 @@ $ax-bg-success-moderate-pressed-a: #00a22457;
29
27
  $ax-bg-success-strong: #00893c;
30
28
  $ax-bg-success-strong-hover: #007629;
31
29
  $ax-bg-success-strong-pressed: #006c1f;
32
- $ax-bg-success-raised: #e2fde8;
33
- $ax-bg-success-raised-hover: #d5f6db;
34
30
  $ax-bg-warning-soft: #fff5e4;
35
31
  $ax-bg-warning-hover: #ffebc7;
36
32
  $ax-bg-warning-hover-a: #ffa40038;
@@ -43,8 +39,6 @@ $ax-bg-warning-moderate-pressed-a: #ffa30090;
43
39
  $ax-bg-warning-strong: #c95100;
44
40
  $ax-bg-warning-strong-hover: #ac4400;
45
41
  $ax-bg-warning-strong-pressed: #a03e00;
46
- $ax-bg-warning-raised: #fff5e4;
47
- $ax-bg-warning-raised-hover: #ffebc7;
48
42
  $ax-bg-danger-soft: #fff2f7;
49
43
  $ax-bg-danger-hover: #ffe8f0;
50
44
  $ax-bg-danger-hover-a: #ff005917;
@@ -57,8 +51,6 @@ $ax-bg-danger-moderate-pressed-a: #ff00583d;
57
51
  $ax-bg-danger-strong: #e22a49;
58
52
  $ax-bg-danger-strong-hover: #cb0035;
59
53
  $ax-bg-danger-strong-pressed: #bc002a;
60
- $ax-bg-danger-raised: #fff2f7;
61
- $ax-bg-danger-raised-hover: #ffe8f0;
62
54
  $ax-bg-info-soft: #eef6fc;
63
55
  $ax-bg-info-hover: #e3eff7;
64
56
  $ax-bg-info-hover-a: #006eb71c;
@@ -71,8 +63,6 @@ $ax-bg-info-moderate-pressed-a: #005a923f;
71
63
  $ax-bg-info-strong: #417da0;
72
64
  $ax-bg-info-strong-hover: #246b91;
73
65
  $ax-bg-info-strong-pressed: #156389;
74
- $ax-bg-info-raised: #eef6fc;
75
- $ax-bg-info-raised-hover: #e3eff7;
76
66
  $ax-bg-brand-1-soft: #fbf3f6;
77
67
  $ax-bg-brand-1-hover: #f8eaef;
78
68
  $ax-bg-brand-1-hover-a: #aa003d15;
@@ -85,8 +75,6 @@ $ax-bg-brand-1-moderate-pressed-a: #a4003a35;
85
75
  $ax-bg-brand-1-strong: #b65781;
86
76
  $ax-bg-brand-1-strong-hover: #a93d70;
87
77
  $ax-bg-brand-1-strong-pressed: #a33069;
88
- $ax-bg-brand-1-raised: #fbf3f6;
89
- $ax-bg-brand-1-raised-hover: #f8eaef;
90
78
  $ax-bg-brand-2-soft: #fff4ee;
91
79
  $ax-bg-brand-2-hover: #fdebe0;
92
80
  $ax-bg-brand-2-hover-a: #ef5b001f;
@@ -99,8 +87,6 @@ $ax-bg-brand-2-moderate-pressed-a: #e94c004e;
99
87
  $ax-bg-brand-2-strong: #a9654e;
100
88
  $ax-bg-brand-2-strong-hover: #915541;
101
89
  $ax-bg-brand-2-strong-pressed: #874e3b;
102
- $ax-bg-brand-2-raised: #fff4ee;
103
- $ax-bg-brand-2-raised-hover: #fdebe0;
104
90
  $ax-bg-brand-3-soft: #eef6fc;
105
91
  $ax-bg-brand-3-hover: #e3eff7;
106
92
  $ax-bg-brand-3-hover-a: #006eb71c;
@@ -113,8 +99,6 @@ $ax-bg-brand-3-moderate-pressed-a: #005a923f;
113
99
  $ax-bg-brand-3-strong: #417da0;
114
100
  $ax-bg-brand-3-strong-hover: #246b91;
115
101
  $ax-bg-brand-3-strong-pressed: #156389;
116
- $ax-bg-brand-3-raised: #eef6fc;
117
- $ax-bg-brand-3-raised-hover: #e3eff7;
118
102
  $ax-bg-meta-1-soft: #f7f5f9;
119
103
  $ax-bg-meta-1-hover: #f0edf4;
120
104
  $ax-bg-meta-1-hover-a: #2b006412;
@@ -127,8 +111,6 @@ $ax-bg-meta-1-moderate-pressed-a: #2b006b30;
127
111
  $ax-bg-meta-1-strong: #846ca4;
128
112
  $ax-bg-meta-1-strong-hover: #725a91;
129
113
  $ax-bg-meta-1-strong-pressed: #6a5289;
130
- $ax-bg-meta-1-raised: #f7f5f9;
131
- $ax-bg-meta-1-raised-hover: #f0edf4;
132
114
  $ax-bg-meta-2-soft: #f4f9d1;
133
115
  $ax-bg-meta-2-hover: #ebf4a9;
134
116
  $ax-bg-meta-2-hover-a: #c4df0056;
@@ -141,8 +123,6 @@ $ax-bg-meta-2-moderate-pressed-a: #d0dc00;
141
123
  $ax-bg-meta-2-strong: #757c00;
142
124
  $ax-bg-meta-2-strong-hover: #646900;
143
125
  $ax-bg-meta-2-strong-pressed: #5c6100;
144
- $ax-bg-meta-2-raised: #f4f9d1;
145
- $ax-bg-meta-2-raised-hover: #ebf4a9;
146
126
  $ax-bg-default: #ffffff;
147
127
  $ax-bg-input: rgba(255, 255, 255, 0.85);
148
128
  $ax-bg-raised: white;
@@ -157,9 +137,9 @@ $ax-bg-moderate-hover: #e1e3e7;
157
137
  $ax-bg-moderate-hover-a: #0011331e;
158
138
  $ax-bg-moderate-pressed: #cfd3d8;
159
139
  $ax-bg-moderate-pressed-a: #00163030;
160
- $ax-bg-strong: #6f7785;
161
- $ax-bg-strong-hover: #5d6573;
162
- $ax-bg-strong-pressed: #555d6a;
140
+ $ax-bg-strong: #5d6573;
141
+ $ax-bg-strong-hover: #555d6a;
142
+ $ax-bg-strong-pressed: #49515e;
163
143
  $ax-text-accent: #005bb6;
164
144
  $ax-text-accent-strong: #002459;
165
145
  $ax-text-accent-icon: #2277d5;
@@ -249,7 +229,7 @@ $ax-border-default: #818997;
249
229
  $ax-border-subtle: #cfd3d8;
250
230
  $ax-border-subtle-a: #00163030;
251
231
  $ax-border-strong: #6f7785;
252
- $ax-border-focus: #0063c1;
232
+ $ax-border-focus: #202733;
253
233
  $ax-neutral-100: #f5f6f7;
254
234
  $ax-neutral-200: #ecedef;
255
235
  $ax-neutral-300: #e1e3e7;
@@ -23,8 +23,6 @@ module.exports = {
23
23
  "BgAccentStrong": "var(--ax-bg-accent-strong)",
24
24
  "BgAccentStrongHover": "var(--ax-bg-accent-strong-hover)",
25
25
  "BgAccentStrongPressed": "var(--ax-bg-accent-strong-pressed)",
26
- "BgAccentRaised": "var(--ax-bg-accent-raised)",
27
- "BgAccentRaisedHover": "var(--ax-bg-accent-raised-hover)",
28
26
  "BgSuccessSoft": "var(--ax-bg-success-soft)",
29
27
  "BgSuccessHover": "var(--ax-bg-success-hover)",
30
28
  "BgSuccessHoverA": "var(--ax-bg-success-hoverA)",
@@ -37,8 +35,6 @@ module.exports = {
37
35
  "BgSuccessStrong": "var(--ax-bg-success-strong)",
38
36
  "BgSuccessStrongHover": "var(--ax-bg-success-strong-hover)",
39
37
  "BgSuccessStrongPressed": "var(--ax-bg-success-strong-pressed)",
40
- "BgSuccessRaised": "var(--ax-bg-success-raised)",
41
- "BgSuccessRaisedHover": "var(--ax-bg-success-raised-hover)",
42
38
  "BgWarningSoft": "var(--ax-bg-warning-soft)",
43
39
  "BgWarningHover": "var(--ax-bg-warning-hover)",
44
40
  "BgWarningHoverA": "var(--ax-bg-warning-hoverA)",
@@ -51,8 +47,6 @@ module.exports = {
51
47
  "BgWarningStrong": "var(--ax-bg-warning-strong)",
52
48
  "BgWarningStrongHover": "var(--ax-bg-warning-strong-hover)",
53
49
  "BgWarningStrongPressed": "var(--ax-bg-warning-strong-pressed)",
54
- "BgWarningRaised": "var(--ax-bg-warning-raised)",
55
- "BgWarningRaisedHover": "var(--ax-bg-warning-raised-hover)",
56
50
  "BgDangerSoft": "var(--ax-bg-danger-soft)",
57
51
  "BgDangerHover": "var(--ax-bg-danger-hover)",
58
52
  "BgDangerHoverA": "var(--ax-bg-danger-hoverA)",
@@ -65,8 +59,6 @@ module.exports = {
65
59
  "BgDangerStrong": "var(--ax-bg-danger-strong)",
66
60
  "BgDangerStrongHover": "var(--ax-bg-danger-strong-hover)",
67
61
  "BgDangerStrongPressed": "var(--ax-bg-danger-strong-pressed)",
68
- "BgDangerRaised": "var(--ax-bg-danger-raised)",
69
- "BgDangerRaisedHover": "var(--ax-bg-danger-raised-hover)",
70
62
  "BgInfoSoft": "var(--ax-bg-info-soft)",
71
63
  "BgInfoHover": "var(--ax-bg-info-hover)",
72
64
  "BgInfoHoverA": "var(--ax-bg-info-hoverA)",
@@ -79,8 +71,6 @@ module.exports = {
79
71
  "BgInfoStrong": "var(--ax-bg-info-strong)",
80
72
  "BgInfoStrongHover": "var(--ax-bg-info-strong-hover)",
81
73
  "BgInfoStrongPressed": "var(--ax-bg-info-strong-pressed)",
82
- "BgInfoRaised": "var(--ax-bg-info-raised)",
83
- "BgInfoRaisedHover": "var(--ax-bg-info-raised-hover)",
84
74
  "BgBrand1Soft": "var(--ax-bg-brand-1-soft)",
85
75
  "BgBrand1Hover": "var(--ax-bg-brand-1-hover)",
86
76
  "BgBrand1HoverA": "var(--ax-bg-brand-1-hoverA)",
@@ -93,8 +83,6 @@ module.exports = {
93
83
  "BgBrand1Strong": "var(--ax-bg-brand-1-strong)",
94
84
  "BgBrand1StrongHover": "var(--ax-bg-brand-1-strong-hover)",
95
85
  "BgBrand1StrongPressed": "var(--ax-bg-brand-1-strong-pressed)",
96
- "BgBrand1Raised": "var(--ax-bg-brand-1-raised)",
97
- "BgBrand1RaisedHover": "var(--ax-bg-brand-1-raised-hover)",
98
86
  "BgBrand2Soft": "var(--ax-bg-brand-2-soft)",
99
87
  "BgBrand2Hover": "var(--ax-bg-brand-2-hover)",
100
88
  "BgBrand2HoverA": "var(--ax-bg-brand-2-hoverA)",
@@ -107,8 +95,6 @@ module.exports = {
107
95
  "BgBrand2Strong": "var(--ax-bg-brand-2-strong)",
108
96
  "BgBrand2StrongHover": "var(--ax-bg-brand-2-strong-hover)",
109
97
  "BgBrand2StrongPressed": "var(--ax-bg-brand-2-strong-pressed)",
110
- "BgBrand2Raised": "var(--ax-bg-brand-2-raised)",
111
- "BgBrand2RaisedHover": "var(--ax-bg-brand-2-raised-hover)",
112
98
  "BgBrand3Soft": "var(--ax-bg-brand-3-soft)",
113
99
  "BgBrand3Hover": "var(--ax-bg-brand-3-hover)",
114
100
  "BgBrand3HoverA": "var(--ax-bg-brand-3-hoverA)",
@@ -121,8 +107,6 @@ module.exports = {
121
107
  "BgBrand3Strong": "var(--ax-bg-brand-3-strong)",
122
108
  "BgBrand3StrongHover": "var(--ax-bg-brand-3-strong-hover)",
123
109
  "BgBrand3StrongPressed": "var(--ax-bg-brand-3-strong-pressed)",
124
- "BgBrand3Raised": "var(--ax-bg-brand-3-raised)",
125
- "BgBrand3RaisedHover": "var(--ax-bg-brand-3-raised-hover)",
126
110
  "BgMeta1Soft": "var(--ax-bg-meta-1-soft)",
127
111
  "BgMeta1Hover": "var(--ax-bg-meta-1-hover)",
128
112
  "BgMeta1HoverA": "var(--ax-bg-meta-1-hoverA)",
@@ -135,8 +119,6 @@ module.exports = {
135
119
  "BgMeta1Strong": "var(--ax-bg-meta-1-strong)",
136
120
  "BgMeta1StrongHover": "var(--ax-bg-meta-1-strong-hover)",
137
121
  "BgMeta1StrongPressed": "var(--ax-bg-meta-1-strong-pressed)",
138
- "BgMeta1Raised": "var(--ax-bg-meta-1-raised)",
139
- "BgMeta1RaisedHover": "var(--ax-bg-meta-1-raised-hover)",
140
122
  "BgMeta2Soft": "var(--ax-bg-meta-2-soft)",
141
123
  "BgMeta2Hover": "var(--ax-bg-meta-2-hover)",
142
124
  "BgMeta2HoverA": "var(--ax-bg-meta-2-hoverA)",
@@ -149,8 +131,6 @@ module.exports = {
149
131
  "BgMeta2Strong": "var(--ax-bg-meta-2-strong)",
150
132
  "BgMeta2StrongHover": "var(--ax-bg-meta-2-strong-hover)",
151
133
  "BgMeta2StrongPressed": "var(--ax-bg-meta-2-strong-pressed)",
152
- "BgMeta2Raised": "var(--ax-bg-meta-2-raised)",
153
- "BgMeta2RaisedHover": "var(--ax-bg-meta-2-raised-hover)",
154
134
  "BgDefault": "var(--ax-bg-default)",
155
135
  "BgInput": "var(--ax-bg-input)",
156
136
  "BgRaised": "var(--ax-bg-raised)",
@@ -160,7 +160,7 @@
160
160
  --ax-bg-default: #fff;
161
161
  --ax-opacity-disabled: .3;
162
162
  --ax-shadow-dialog: 0px 0px 1px 0px #07090d05, 0px 2px 5px 0px #07090d1a, 0px 5px 12px 0px #07090d1f;
163
- --ax-border-focus: var(--ax-accent-700);
163
+ --ax-border-focus: var(--ax-neutral-1000);
164
164
  --ax-border-strong: var(--ax-neutral-600);
165
165
  --ax-border-subtleA: var(--ax-neutral-400A);
166
166
  --ax-border-subtle: var(--ax-neutral-400);
@@ -249,9 +249,9 @@
249
249
  --ax-text-accent-icon: var(--ax-accent-600);
250
250
  --ax-text-accent-strong: var(--ax-accent-1000);
251
251
  --ax-text-accent: var(--ax-accent-800);
252
- --ax-bg-strong-pressed: var(--ax-neutral-800);
253
- --ax-bg-strong-hover: var(--ax-neutral-700);
254
- --ax-bg-strong: var(--ax-neutral-600);
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
255
  --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
256
256
  --ax-bg-moderate-pressed: var(--ax-neutral-400);
257
257
  --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -263,8 +263,6 @@
263
263
  --ax-bg-soft: var(--ax-neutral-100);
264
264
  --ax-bg-sunken: var(--ax-neutral-200);
265
265
  --ax-bg-raised: var(--ax-neutral-000);
266
- --ax-bg-meta-2-raised-hover: var(--ax-meta-2-200);
267
- --ax-bg-meta-2-raised: var(--ax-meta-2-100);
268
266
  --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
269
267
  --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
270
268
  --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -277,8 +275,6 @@
277
275
  --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
278
276
  --ax-bg-meta-2-hover: var(--ax-meta-2-200);
279
277
  --ax-bg-meta-2-soft: var(--ax-meta-2-100);
280
- --ax-bg-meta-1-raised-hover: var(--ax-meta-1-200);
281
- --ax-bg-meta-1-raised: var(--ax-meta-1-100);
282
278
  --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
283
279
  --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
284
280
  --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -291,8 +287,6 @@
291
287
  --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
292
288
  --ax-bg-meta-1-hover: var(--ax-meta-1-200);
293
289
  --ax-bg-meta-1-soft: var(--ax-meta-1-100);
294
- --ax-bg-brand-3-raised-hover: var(--ax-brand-3-200);
295
- --ax-bg-brand-3-raised: var(--ax-brand-3-100);
296
290
  --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
297
291
  --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
298
292
  --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -305,8 +299,6 @@
305
299
  --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
306
300
  --ax-bg-brand-3-hover: var(--ax-brand-3-200);
307
301
  --ax-bg-brand-3-soft: var(--ax-brand-3-100);
308
- --ax-bg-brand-2-raised-hover: var(--ax-brand-2-200);
309
- --ax-bg-brand-2-raised: var(--ax-brand-2-100);
310
302
  --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
311
303
  --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
312
304
  --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -319,8 +311,6 @@
319
311
  --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
320
312
  --ax-bg-brand-2-hover: var(--ax-brand-2-200);
321
313
  --ax-bg-brand-2-soft: var(--ax-brand-2-100);
322
- --ax-bg-brand-1-raised-hover: var(--ax-brand-1-200);
323
- --ax-bg-brand-1-raised: var(--ax-brand-1-100);
324
314
  --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
325
315
  --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
326
316
  --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -333,8 +323,6 @@
333
323
  --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
334
324
  --ax-bg-brand-1-hover: var(--ax-brand-1-200);
335
325
  --ax-bg-brand-1-soft: var(--ax-brand-1-100);
336
- --ax-bg-info-raised-hover: var(--ax-info-200);
337
- --ax-bg-info-raised: var(--ax-info-100);
338
326
  --ax-bg-info-strong-pressed: var(--ax-info-800);
339
327
  --ax-bg-info-strong-hover: var(--ax-info-700);
340
328
  --ax-bg-info-strong: var(--ax-info-600);
@@ -347,8 +335,6 @@
347
335
  --ax-bg-info-hoverA: var(--ax-info-200A);
348
336
  --ax-bg-info-hover: var(--ax-info-200);
349
337
  --ax-bg-info-soft: var(--ax-info-100);
350
- --ax-bg-danger-raised-hover: var(--ax-danger-200);
351
- --ax-bg-danger-raised: var(--ax-danger-100);
352
338
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
353
339
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
354
340
  --ax-bg-danger-strong: var(--ax-danger-600);
@@ -361,8 +347,6 @@
361
347
  --ax-bg-danger-hoverA: var(--ax-danger-200A);
362
348
  --ax-bg-danger-hover: var(--ax-danger-200);
363
349
  --ax-bg-danger-soft: var(--ax-danger-100);
364
- --ax-bg-warning-raised-hover: var(--ax-warning-200);
365
- --ax-bg-warning-raised: var(--ax-warning-100);
366
350
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
367
351
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
368
352
  --ax-bg-warning-strong: var(--ax-warning-600);
@@ -375,8 +359,6 @@
375
359
  --ax-bg-warning-hoverA: var(--ax-warning-200A);
376
360
  --ax-bg-warning-hover: var(--ax-warning-200);
377
361
  --ax-bg-warning-soft: var(--ax-warning-100);
378
- --ax-bg-success-raised-hover: var(--ax-success-200);
379
- --ax-bg-success-raised: var(--ax-success-100);
380
362
  --ax-bg-success-strong-pressed: var(--ax-success-800);
381
363
  --ax-bg-success-strong-hover: var(--ax-success-700);
382
364
  --ax-bg-success-strong: var(--ax-success-600);
@@ -389,8 +371,6 @@
389
371
  --ax-bg-success-hoverA: var(--ax-success-200A);
390
372
  --ax-bg-success-hover: var(--ax-success-200);
391
373
  --ax-bg-success-soft: var(--ax-success-100);
392
- --ax-bg-accent-raised-hover: var(--ax-accent-200);
393
- --ax-bg-accent-raised: var(--ax-accent-100);
394
374
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
395
375
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
396
376
  --ax-bg-accent-strong: var(--ax-accent-600);
@@ -567,7 +547,7 @@
567
547
  --ax-bg-default: #0e151f;
568
548
  --ax-opacity-disabled: .4;
569
549
  --ax-shadow-dialog: 0px 0px 1px 0px #07090d00, 0px 2px 5px 0px #07090d59, 0px 5px 12px 0px #07090d80;
570
- --ax-border-focus: var(--ax-accent-700);
550
+ --ax-border-focus: var(--ax-neutral-1000);
571
551
  --ax-border-strong: var(--ax-neutral-600);
572
552
  --ax-border-subtleA: var(--ax-neutral-400A);
573
553
  --ax-border-subtle: var(--ax-neutral-400);
@@ -657,9 +637,9 @@
657
637
  --ax-text-accent-icon: var(--ax-accent-600);
658
638
  --ax-text-accent-strong: var(--ax-accent-1000);
659
639
  --ax-text-accent: var(--ax-accent-800);
660
- --ax-bg-strong-pressed: var(--ax-neutral-800);
661
- --ax-bg-strong-hover: var(--ax-neutral-700);
662
- --ax-bg-strong: var(--ax-neutral-600);
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);
663
643
  --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
664
644
  --ax-bg-moderate-pressed: var(--ax-neutral-400);
665
645
  --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -670,8 +650,6 @@
670
650
  --ax-bg-hover: var(--ax-neutral-200);
671
651
  --ax-bg-soft: var(--ax-neutral-100);
672
652
  --ax-bg-raised: var(--ax-neutral-100);
673
- --ax-bg-meta-2-raised-hover: var(--ax-meta-2-300);
674
- --ax-bg-meta-2-raised: var(--ax-meta-2-200);
675
653
  --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
676
654
  --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
677
655
  --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -684,8 +662,6 @@
684
662
  --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
685
663
  --ax-bg-meta-2-hover: var(--ax-meta-2-200);
686
664
  --ax-bg-meta-2-soft: var(--ax-meta-2-100);
687
- --ax-bg-meta-1-raised-hover: var(--ax-meta-1-300);
688
- --ax-bg-meta-1-raised: var(--ax-meta-1-200);
689
665
  --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
690
666
  --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
691
667
  --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -698,8 +674,6 @@
698
674
  --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
699
675
  --ax-bg-meta-1-hover: var(--ax-meta-1-200);
700
676
  --ax-bg-meta-1-soft: var(--ax-meta-1-100);
701
- --ax-bg-brand-3-raised-hover: var(--ax-brand-3-300);
702
- --ax-bg-brand-3-raised: var(--ax-brand-3-200);
703
677
  --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
704
678
  --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
705
679
  --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -712,8 +686,6 @@
712
686
  --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
713
687
  --ax-bg-brand-3-hover: var(--ax-brand-3-200);
714
688
  --ax-bg-brand-3-soft: var(--ax-brand-3-100);
715
- --ax-bg-brand-2-raised-hover: var(--ax-brand-2-300);
716
- --ax-bg-brand-2-raised: var(--ax-brand-2-200);
717
689
  --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
718
690
  --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
719
691
  --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -726,8 +698,6 @@
726
698
  --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
727
699
  --ax-bg-brand-2-hover: var(--ax-brand-2-200);
728
700
  --ax-bg-brand-2-soft: var(--ax-brand-2-100);
729
- --ax-bg-brand-1-raised-hover: var(--ax-brand-1-300);
730
- --ax-bg-brand-1-raised: var(--ax-brand-1-200);
731
701
  --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
732
702
  --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
733
703
  --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -740,8 +710,6 @@
740
710
  --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
741
711
  --ax-bg-brand-1-hover: var(--ax-brand-1-200);
742
712
  --ax-bg-brand-1-soft: var(--ax-brand-1-100);
743
- --ax-bg-info-raised-hover: var(--ax-info-300);
744
- --ax-bg-info-raised: var(--ax-info-200);
745
713
  --ax-bg-info-strong-pressed: var(--ax-info-800);
746
714
  --ax-bg-info-strong-hover: var(--ax-info-700);
747
715
  --ax-bg-info-strong: var(--ax-info-600);
@@ -754,8 +722,6 @@
754
722
  --ax-bg-info-hoverA: var(--ax-info-200A);
755
723
  --ax-bg-info-hover: var(--ax-info-200);
756
724
  --ax-bg-info-soft: var(--ax-info-100);
757
- --ax-bg-danger-raised-hover: var(--ax-danger-300);
758
- --ax-bg-danger-raised: var(--ax-danger-200);
759
725
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
760
726
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
761
727
  --ax-bg-danger-strong: var(--ax-danger-600);
@@ -768,8 +734,6 @@
768
734
  --ax-bg-danger-hoverA: var(--ax-danger-200A);
769
735
  --ax-bg-danger-hover: var(--ax-danger-200);
770
736
  --ax-bg-danger-soft: var(--ax-danger-100);
771
- --ax-bg-warning-raised-hover: var(--ax-warning-300);
772
- --ax-bg-warning-raised: var(--ax-warning-200);
773
737
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
774
738
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
775
739
  --ax-bg-warning-strong: var(--ax-warning-600);
@@ -782,8 +746,6 @@
782
746
  --ax-bg-warning-hoverA: var(--ax-warning-200A);
783
747
  --ax-bg-warning-hover: var(--ax-warning-200);
784
748
  --ax-bg-warning-soft: var(--ax-warning-100);
785
- --ax-bg-success-raised-hover: var(--ax-success-300);
786
- --ax-bg-success-raised: var(--ax-success-200);
787
749
  --ax-bg-success-strong-pressed: var(--ax-success-800);
788
750
  --ax-bg-success-strong-hover: var(--ax-success-700);
789
751
  --ax-bg-success-strong: var(--ax-success-600);
@@ -796,8 +758,6 @@
796
758
  --ax-bg-success-hoverA: var(--ax-success-200A);
797
759
  --ax-bg-success-hover: var(--ax-success-200);
798
760
  --ax-bg-success-soft: var(--ax-success-100);
799
- --ax-bg-accent-raised-hover: var(--ax-accent-300);
800
- --ax-bg-accent-raised: var(--ax-accent-200);
801
761
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
802
762
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
803
763
  --ax-bg-accent-strong: var(--ax-accent-600);
@@ -813,7 +773,7 @@
813
773
  }
814
774
 
815
775
  :root, :host {
816
- --ax-version: "7.9.2";
776
+ --ax-version: "7.10.0";
817
777
  --ax-font-weight-regular: 400;
818
778
  --ax-font-weight-bold: 600;
819
779
  --ax-font-size-small: .875rem;
@@ -22,8 +22,6 @@ export const BgAccentModeratePressedA = "var(--ax-bg-accent-moderate-pressedA)";
22
22
  export const BgAccentStrong = "var(--ax-bg-accent-strong)";
23
23
  export const BgAccentStrongHover = "var(--ax-bg-accent-strong-hover)";
24
24
  export const BgAccentStrongPressed = "var(--ax-bg-accent-strong-pressed)";
25
- export const BgAccentRaised = "var(--ax-bg-accent-raised)";
26
- export const BgAccentRaisedHover = "var(--ax-bg-accent-raised-hover)";
27
25
  export const BgSuccessSoft = "var(--ax-bg-success-soft)";
28
26
  export const BgSuccessHover = "var(--ax-bg-success-hover)";
29
27
  export const BgSuccessHoverA = "var(--ax-bg-success-hoverA)";
@@ -36,8 +34,6 @@ export const BgSuccessModeratePressedA = "var(--ax-bg-success-moderate-pressedA)
36
34
  export const BgSuccessStrong = "var(--ax-bg-success-strong)";
37
35
  export const BgSuccessStrongHover = "var(--ax-bg-success-strong-hover)";
38
36
  export const BgSuccessStrongPressed = "var(--ax-bg-success-strong-pressed)";
39
- export const BgSuccessRaised = "var(--ax-bg-success-raised)";
40
- export const BgSuccessRaisedHover = "var(--ax-bg-success-raised-hover)";
41
37
  export const BgWarningSoft = "var(--ax-bg-warning-soft)";
42
38
  export const BgWarningHover = "var(--ax-bg-warning-hover)";
43
39
  export const BgWarningHoverA = "var(--ax-bg-warning-hoverA)";
@@ -50,8 +46,6 @@ export const BgWarningModeratePressedA = "var(--ax-bg-warning-moderate-pressedA)
50
46
  export const BgWarningStrong = "var(--ax-bg-warning-strong)";
51
47
  export const BgWarningStrongHover = "var(--ax-bg-warning-strong-hover)";
52
48
  export const BgWarningStrongPressed = "var(--ax-bg-warning-strong-pressed)";
53
- export const BgWarningRaised = "var(--ax-bg-warning-raised)";
54
- export const BgWarningRaisedHover = "var(--ax-bg-warning-raised-hover)";
55
49
  export const BgDangerSoft = "var(--ax-bg-danger-soft)";
56
50
  export const BgDangerHover = "var(--ax-bg-danger-hover)";
57
51
  export const BgDangerHoverA = "var(--ax-bg-danger-hoverA)";
@@ -64,8 +58,6 @@ export const BgDangerModeratePressedA = "var(--ax-bg-danger-moderate-pressedA)";
64
58
  export const BgDangerStrong = "var(--ax-bg-danger-strong)";
65
59
  export const BgDangerStrongHover = "var(--ax-bg-danger-strong-hover)";
66
60
  export const BgDangerStrongPressed = "var(--ax-bg-danger-strong-pressed)";
67
- export const BgDangerRaised = "var(--ax-bg-danger-raised)";
68
- export const BgDangerRaisedHover = "var(--ax-bg-danger-raised-hover)";
69
61
  export const BgInfoSoft = "var(--ax-bg-info-soft)";
70
62
  export const BgInfoHover = "var(--ax-bg-info-hover)";
71
63
  export const BgInfoHoverA = "var(--ax-bg-info-hoverA)";
@@ -78,8 +70,6 @@ export const BgInfoModeratePressedA = "var(--ax-bg-info-moderate-pressedA)";
78
70
  export const BgInfoStrong = "var(--ax-bg-info-strong)";
79
71
  export const BgInfoStrongHover = "var(--ax-bg-info-strong-hover)";
80
72
  export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)";
81
- export const BgInfoRaised = "var(--ax-bg-info-raised)";
82
- export const BgInfoRaisedHover = "var(--ax-bg-info-raised-hover)";
83
73
  export const BgBrand1Soft = "var(--ax-bg-brand-1-soft)";
84
74
  export const BgBrand1Hover = "var(--ax-bg-brand-1-hover)";
85
75
  export const BgBrand1HoverA = "var(--ax-bg-brand-1-hoverA)";
@@ -92,8 +82,6 @@ export const BgBrand1ModeratePressedA = "var(--ax-bg-brand-1-moderate-pressedA)"
92
82
  export const BgBrand1Strong = "var(--ax-bg-brand-1-strong)";
93
83
  export const BgBrand1StrongHover = "var(--ax-bg-brand-1-strong-hover)";
94
84
  export const BgBrand1StrongPressed = "var(--ax-bg-brand-1-strong-pressed)";
95
- export const BgBrand1Raised = "var(--ax-bg-brand-1-raised)";
96
- export const BgBrand1RaisedHover = "var(--ax-bg-brand-1-raised-hover)";
97
85
  export const BgBrand2Soft = "var(--ax-bg-brand-2-soft)";
98
86
  export const BgBrand2Hover = "var(--ax-bg-brand-2-hover)";
99
87
  export const BgBrand2HoverA = "var(--ax-bg-brand-2-hoverA)";
@@ -106,8 +94,6 @@ export const BgBrand2ModeratePressedA = "var(--ax-bg-brand-2-moderate-pressedA)"
106
94
  export const BgBrand2Strong = "var(--ax-bg-brand-2-strong)";
107
95
  export const BgBrand2StrongHover = "var(--ax-bg-brand-2-strong-hover)";
108
96
  export const BgBrand2StrongPressed = "var(--ax-bg-brand-2-strong-pressed)";
109
- export const BgBrand2Raised = "var(--ax-bg-brand-2-raised)";
110
- export const BgBrand2RaisedHover = "var(--ax-bg-brand-2-raised-hover)";
111
97
  export const BgBrand3Soft = "var(--ax-bg-brand-3-soft)";
112
98
  export const BgBrand3Hover = "var(--ax-bg-brand-3-hover)";
113
99
  export const BgBrand3HoverA = "var(--ax-bg-brand-3-hoverA)";
@@ -120,8 +106,6 @@ export const BgBrand3ModeratePressedA = "var(--ax-bg-brand-3-moderate-pressedA)"
120
106
  export const BgBrand3Strong = "var(--ax-bg-brand-3-strong)";
121
107
  export const BgBrand3StrongHover = "var(--ax-bg-brand-3-strong-hover)";
122
108
  export const BgBrand3StrongPressed = "var(--ax-bg-brand-3-strong-pressed)";
123
- export const BgBrand3Raised = "var(--ax-bg-brand-3-raised)";
124
- export const BgBrand3RaisedHover = "var(--ax-bg-brand-3-raised-hover)";
125
109
  export const BgMeta1Soft = "var(--ax-bg-meta-1-soft)";
126
110
  export const BgMeta1Hover = "var(--ax-bg-meta-1-hover)";
127
111
  export const BgMeta1HoverA = "var(--ax-bg-meta-1-hoverA)";
@@ -134,8 +118,6 @@ export const BgMeta1ModeratePressedA = "var(--ax-bg-meta-1-moderate-pressedA)";
134
118
  export const BgMeta1Strong = "var(--ax-bg-meta-1-strong)";
135
119
  export const BgMeta1StrongHover = "var(--ax-bg-meta-1-strong-hover)";
136
120
  export const BgMeta1StrongPressed = "var(--ax-bg-meta-1-strong-pressed)";
137
- export const BgMeta1Raised = "var(--ax-bg-meta-1-raised)";
138
- export const BgMeta1RaisedHover = "var(--ax-bg-meta-1-raised-hover)";
139
121
  export const BgMeta2Soft = "var(--ax-bg-meta-2-soft)";
140
122
  export const BgMeta2Hover = "var(--ax-bg-meta-2-hover)";
141
123
  export const BgMeta2HoverA = "var(--ax-bg-meta-2-hoverA)";
@@ -148,8 +130,6 @@ export const BgMeta2ModeratePressedA = "var(--ax-bg-meta-2-moderate-pressedA)";
148
130
  export const BgMeta2Strong = "var(--ax-bg-meta-2-strong)";
149
131
  export const BgMeta2StrongHover = "var(--ax-bg-meta-2-strong-hover)";
150
132
  export const BgMeta2StrongPressed = "var(--ax-bg-meta-2-strong-pressed)";
151
- export const BgMeta2Raised = "var(--ax-bg-meta-2-raised)";
152
- export const BgMeta2RaisedHover = "var(--ax-bg-meta-2-raised-hover)";
153
133
  export const BgDefault = "var(--ax-bg-default)";
154
134
  export const BgInput = "var(--ax-bg-input)";
155
135
  export const BgRaised = "var(--ax-bg-raised)";
@@ -22,8 +22,6 @@ export const BgAccentModeratePressedA = "var(--ax-bg-accent-moderate-pressedA)";
22
22
  export const BgAccentStrong = "var(--ax-bg-accent-strong)";
23
23
  export const BgAccentStrongHover = "var(--ax-bg-accent-strong-hover)";
24
24
  export const BgAccentStrongPressed = "var(--ax-bg-accent-strong-pressed)";
25
- export const BgAccentRaised = "var(--ax-bg-accent-raised)";
26
- export const BgAccentRaisedHover = "var(--ax-bg-accent-raised-hover)";
27
25
  export const BgSuccessSoft = "var(--ax-bg-success-soft)";
28
26
  export const BgSuccessHover = "var(--ax-bg-success-hover)";
29
27
  export const BgSuccessHoverA = "var(--ax-bg-success-hoverA)";
@@ -36,8 +34,6 @@ export const BgSuccessModeratePressedA = "var(--ax-bg-success-moderate-pressedA)
36
34
  export const BgSuccessStrong = "var(--ax-bg-success-strong)";
37
35
  export const BgSuccessStrongHover = "var(--ax-bg-success-strong-hover)";
38
36
  export const BgSuccessStrongPressed = "var(--ax-bg-success-strong-pressed)";
39
- export const BgSuccessRaised = "var(--ax-bg-success-raised)";
40
- export const BgSuccessRaisedHover = "var(--ax-bg-success-raised-hover)";
41
37
  export const BgWarningSoft = "var(--ax-bg-warning-soft)";
42
38
  export const BgWarningHover = "var(--ax-bg-warning-hover)";
43
39
  export const BgWarningHoverA = "var(--ax-bg-warning-hoverA)";
@@ -50,8 +46,6 @@ export const BgWarningModeratePressedA = "var(--ax-bg-warning-moderate-pressedA)
50
46
  export const BgWarningStrong = "var(--ax-bg-warning-strong)";
51
47
  export const BgWarningStrongHover = "var(--ax-bg-warning-strong-hover)";
52
48
  export const BgWarningStrongPressed = "var(--ax-bg-warning-strong-pressed)";
53
- export const BgWarningRaised = "var(--ax-bg-warning-raised)";
54
- export const BgWarningRaisedHover = "var(--ax-bg-warning-raised-hover)";
55
49
  export const BgDangerSoft = "var(--ax-bg-danger-soft)";
56
50
  export const BgDangerHover = "var(--ax-bg-danger-hover)";
57
51
  export const BgDangerHoverA = "var(--ax-bg-danger-hoverA)";
@@ -64,8 +58,6 @@ export const BgDangerModeratePressedA = "var(--ax-bg-danger-moderate-pressedA)";
64
58
  export const BgDangerStrong = "var(--ax-bg-danger-strong)";
65
59
  export const BgDangerStrongHover = "var(--ax-bg-danger-strong-hover)";
66
60
  export const BgDangerStrongPressed = "var(--ax-bg-danger-strong-pressed)";
67
- export const BgDangerRaised = "var(--ax-bg-danger-raised)";
68
- export const BgDangerRaisedHover = "var(--ax-bg-danger-raised-hover)";
69
61
  export const BgInfoSoft = "var(--ax-bg-info-soft)";
70
62
  export const BgInfoHover = "var(--ax-bg-info-hover)";
71
63
  export const BgInfoHoverA = "var(--ax-bg-info-hoverA)";
@@ -78,8 +70,6 @@ export const BgInfoModeratePressedA = "var(--ax-bg-info-moderate-pressedA)";
78
70
  export const BgInfoStrong = "var(--ax-bg-info-strong)";
79
71
  export const BgInfoStrongHover = "var(--ax-bg-info-strong-hover)";
80
72
  export const BgInfoStrongPressed = "var(--ax-bg-info-strong-pressed)";
81
- export const BgInfoRaised = "var(--ax-bg-info-raised)";
82
- export const BgInfoRaisedHover = "var(--ax-bg-info-raised-hover)";
83
73
  export const BgBrand1Soft = "var(--ax-bg-brand-1-soft)";
84
74
  export const BgBrand1Hover = "var(--ax-bg-brand-1-hover)";
85
75
  export const BgBrand1HoverA = "var(--ax-bg-brand-1-hoverA)";
@@ -92,8 +82,6 @@ export const BgBrand1ModeratePressedA = "var(--ax-bg-brand-1-moderate-pressedA)"
92
82
  export const BgBrand1Strong = "var(--ax-bg-brand-1-strong)";
93
83
  export const BgBrand1StrongHover = "var(--ax-bg-brand-1-strong-hover)";
94
84
  export const BgBrand1StrongPressed = "var(--ax-bg-brand-1-strong-pressed)";
95
- export const BgBrand1Raised = "var(--ax-bg-brand-1-raised)";
96
- export const BgBrand1RaisedHover = "var(--ax-bg-brand-1-raised-hover)";
97
85
  export const BgBrand2Soft = "var(--ax-bg-brand-2-soft)";
98
86
  export const BgBrand2Hover = "var(--ax-bg-brand-2-hover)";
99
87
  export const BgBrand2HoverA = "var(--ax-bg-brand-2-hoverA)";
@@ -106,8 +94,6 @@ export const BgBrand2ModeratePressedA = "var(--ax-bg-brand-2-moderate-pressedA)"
106
94
  export const BgBrand2Strong = "var(--ax-bg-brand-2-strong)";
107
95
  export const BgBrand2StrongHover = "var(--ax-bg-brand-2-strong-hover)";
108
96
  export const BgBrand2StrongPressed = "var(--ax-bg-brand-2-strong-pressed)";
109
- export const BgBrand2Raised = "var(--ax-bg-brand-2-raised)";
110
- export const BgBrand2RaisedHover = "var(--ax-bg-brand-2-raised-hover)";
111
97
  export const BgBrand3Soft = "var(--ax-bg-brand-3-soft)";
112
98
  export const BgBrand3Hover = "var(--ax-bg-brand-3-hover)";
113
99
  export const BgBrand3HoverA = "var(--ax-bg-brand-3-hoverA)";
@@ -120,8 +106,6 @@ export const BgBrand3ModeratePressedA = "var(--ax-bg-brand-3-moderate-pressedA)"
120
106
  export const BgBrand3Strong = "var(--ax-bg-brand-3-strong)";
121
107
  export const BgBrand3StrongHover = "var(--ax-bg-brand-3-strong-hover)";
122
108
  export const BgBrand3StrongPressed = "var(--ax-bg-brand-3-strong-pressed)";
123
- export const BgBrand3Raised = "var(--ax-bg-brand-3-raised)";
124
- export const BgBrand3RaisedHover = "var(--ax-bg-brand-3-raised-hover)";
125
109
  export const BgMeta1Soft = "var(--ax-bg-meta-1-soft)";
126
110
  export const BgMeta1Hover = "var(--ax-bg-meta-1-hover)";
127
111
  export const BgMeta1HoverA = "var(--ax-bg-meta-1-hoverA)";
@@ -134,8 +118,6 @@ export const BgMeta1ModeratePressedA = "var(--ax-bg-meta-1-moderate-pressedA)";
134
118
  export const BgMeta1Strong = "var(--ax-bg-meta-1-strong)";
135
119
  export const BgMeta1StrongHover = "var(--ax-bg-meta-1-strong-hover)";
136
120
  export const BgMeta1StrongPressed = "var(--ax-bg-meta-1-strong-pressed)";
137
- export const BgMeta1Raised = "var(--ax-bg-meta-1-raised)";
138
- export const BgMeta1RaisedHover = "var(--ax-bg-meta-1-raised-hover)";
139
121
  export const BgMeta2Soft = "var(--ax-bg-meta-2-soft)";
140
122
  export const BgMeta2Hover = "var(--ax-bg-meta-2-hover)";
141
123
  export const BgMeta2HoverA = "var(--ax-bg-meta-2-hoverA)";
@@ -148,8 +130,6 @@ export const BgMeta2ModeratePressedA = "var(--ax-bg-meta-2-moderate-pressedA)";
148
130
  export const BgMeta2Strong = "var(--ax-bg-meta-2-strong)";
149
131
  export const BgMeta2StrongHover = "var(--ax-bg-meta-2-strong-hover)";
150
132
  export const BgMeta2StrongPressed = "var(--ax-bg-meta-2-strong-pressed)";
151
- export const BgMeta2Raised = "var(--ax-bg-meta-2-raised)";
152
- export const BgMeta2RaisedHover = "var(--ax-bg-meta-2-raised-hover)";
153
133
  export const BgDefault = "var(--ax-bg-default)";
154
134
  export const BgInput = "var(--ax-bg-input)";
155
135
  export const BgRaised = "var(--ax-bg-raised)";