@navikt/ds-tokens 7.0.1 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/darkside/dark-tokens.css +320 -120
  2. package/dist/darkside/light-tokens.css +153 -181
  3. package/dist/darkside/tokens-cjs.js +34 -62
  4. package/dist/darkside/tokens.css +473 -301
  5. package/dist/darkside/tokens.d.ts +33 -61
  6. package/dist/darkside/tokens.js +33 -61
  7. package/dist/tokens.css +1 -1
  8. package/package.json +4 -2
package/dist/darkside/light-tokens.css CHANGED
@@ -3,147 +3,133 @@
3
3
  */
4
4
 
5
5
  :root, :host, .light, .light-theme {
6
- --a-data-three-1000: #3c2000;
7
- --a-data-three-900: #6e5300;
8
- --a-data-three-800: #7d6300;
9
- --a-data-three-700: #896e00;
10
- --a-data-three-600: #947900;
11
- --a-data-three-500: #a28700;
12
- --a-data-three-400: #edd247;
13
- --a-data-three-300: #fee35b;
14
- --a-data-three-200: #ffefa2;
15
- --a-data-three-100: #fff6c9;
16
6
  --a-data-two-1000: #2a2800;
17
- --a-data-two-900: #575b00;
18
- --a-data-two-800: #656b00;
19
- --a-data-two-700: #707600;
20
- --a-data-two-600: #7a8100;
7
+ --a-data-two-900: #515400;
8
+ --a-data-two-800: #5c6100;
9
+ --a-data-two-700: #646900;
10
+ --a-data-two-600: #757c00;
21
11
  --a-data-two-500: #878f00;
22
12
  --a-data-two-400: #d0dc00;
23
13
  --a-data-two-300: #e0ec6b;
24
14
  --a-data-two-200: #ebf4a9;
25
15
  --a-data-two-100: #f4f9d1;
26
16
  --a-data-one-1000: #331a4d;
27
- --a-data-one-900: #654c83;
28
- --a-data-one-800: #735b93;
29
- --a-data-one-700: #7e669e;
30
- --a-data-one-600: #8972a8;
17
+ --a-data-one-900: #5e467c;
18
+ --a-data-one-800: #6a5289;
19
+ --a-data-one-700: #725a91;
20
+ --a-data-one-600: #846ca4;
31
21
  --a-data-one-500: #9580b1;
32
22
  --a-data-one-400: #d7cfe3;
33
23
  --a-data-one-300: #e6e1ed;
34
24
  --a-data-one-200: #f0edf4;
35
25
  --a-data-one-100: #f7f5f9;
36
26
  --a-brand-three-1000: #002942;
37
- --a-brand-three-900: #065d84;
38
- --a-brand-three-800: #276c92;
39
- --a-brand-three-700: #38779b;
40
- --a-brand-three-600: #4982a4;
27
+ --a-brand-three-900: #00557d;
28
+ --a-brand-three-800: #156389;
29
+ --a-brand-three-700: #246b91;
30
+ --a-brand-three-600: #417da0;
41
31
  --a-brand-three-500: #5a8fae;
42
32
  --a-brand-three-400: #c0d6e4;
43
33
  --a-brand-three-300: #d7e6f0;
44
34
  --a-brand-three-200: #e3eff7;
45
35
  --a-brand-three-100: #eef6fc;
46
- --a-brand-two-1000: #401c17;
47
- --a-brand-two-900: #86443b;
48
- --a-brand-two-800: #9a5147;
49
- --a-brand-two-700: #a95b4f;
50
- --a-brand-two-600: #b76558;
51
- --a-brand-two-500: #c87163;
52
- --a-brand-two-400: #fac8b3;
53
- --a-brand-two-300: #fcdccd;
54
- --a-brand-two-200: #fdeae0;
55
- --a-brand-two-100: #fff3ed;
36
+ --a-brand-two-1000: #3c1f15;
37
+ --a-brand-two-900: #764332;
38
+ --a-brand-two-800: #874e3b;
39
+ --a-brand-two-700: #915541;
40
+ --a-brand-two-600: #a9654e;
41
+ --a-brand-two-500: #c0765d;
42
+ --a-brand-two-400: #f8c8b1;
43
+ --a-brand-two-300: #fcddcd;
44
+ --a-brand-two-200: #fdebe0;
45
+ --a-brand-two-100: #fff4ee;
56
46
  --a-brand-one-1000: #52002b;
57
- --a-brand-one-900: #9e2664;
58
- --a-brand-one-800: #a93f71;
59
- --a-brand-one-700: #b24f7c;
60
- --a-brand-one-600: #b95e86;
47
+ --a-brand-one-900: #98185d;
48
+ --a-brand-one-800: #a33069;
49
+ --a-brand-one-700: #a93d70;
50
+ --a-brand-one-600: #b65781;
61
51
  --a-brand-one-500: #c26f92;
62
52
  --a-brand-one-400: #eccad6;
63
53
  --a-brand-one-300: #f3dde5;
64
54
  --a-brand-one-200: #f8eaef;
65
55
  --a-brand-one-100: #fbf3f6;
66
- --a-info-1000: #002b35;
67
- --a-info-900: #225e6c;
68
- --a-info-800: #2b6e7e;
69
- --a-info-700: #327a8c;
70
- --a-info-600: #3a8599;
71
- --a-info-500: #4293a9;
72
- --a-info-400: #97ddf1;
73
- --a-info-300: #bcebf6;
74
- --a-info-200: #d1f3fa;
75
- --a-info-100: #e6fafe;
56
+ --a-info-1000: #002942;
57
+ --a-info-900: #00557d;
58
+ --a-info-800: #156389;
59
+ --a-info-700: #246b91;
60
+ --a-info-600: #417da0;
61
+ --a-info-500: #5a8fae;
62
+ --a-info-400: #c0d6e4;
63
+ --a-info-300: #d7e6f0;
64
+ --a-info-200: #e3eff7;
65
+ --a-info-100: #eef6fc;
76
66
  --a-danger-1000: #560000;
77
- --a-danger-900: #b2001d;
78
- --a-danger-800: #cd0033;
79
- --a-danger-700: #db1e3e;
80
- --a-danger-600: #e93148;
81
- --a-danger-500: #f94356;
67
+ --a-danger-900: #a60000;
68
+ --a-danger-800: #bd0015;
69
+ --a-danger-700: #cc0023;
70
+ --a-danger-600: #e81c3b;
71
+ --a-danger-500: #fa4256;
82
72
  --a-danger-400: #ffc2d7;
83
73
  --a-danger-300: #ffdae6;
84
74
  --a-danger-200: #ffe9f0;
85
75
  --a-danger-100: #fff3f7;
86
- --a-warning-1000: #3d1f00;
87
- --a-warning-900: #824900;
88
- --a-warning-800: #975600;
89
- --a-warning-700: #a65f00;
90
- --a-warning-600: #b66900;
91
- --a-warning-500: #c97400;
92
- --a-warning-400: #ffcb63;
93
- --a-warning-300: #ffdfa2;
94
- --a-warning-200: #ffeccb;
95
- --a-warning-100: #fff5e6;
96
- --a-success-1000: #002e0f;
97
- --a-success-900: #00643f;
98
- --a-success-800: #00754e;
99
- --a-success-700: #008159;
100
- --a-success-600: #008d65;
101
- --a-success-500: #159b72;
102
- --a-success-400: #abdebd;
103
- --a-success-300: #c6edd1;
104
- --a-success-200: #d6f6dd;
105
- --a-success-100: #e3fde8;
106
- --a-accent-1000: #001280;
107
- --a-accent-900: #0051bc;
108
- --a-accent-800: #0063ce;
109
- --a-accent-700: #006fdb;
110
- --a-accent-600: #007be8;
111
- --a-accent-500: #008af9;
112
- --a-accent-400: #b0d7ff;
113
- --a-accent-300: #cee6ff;
114
- --a-accent-200: #e1f0ff;
115
- --a-accent-100: #edf6ff;
76
+ --a-warning-1000: #481700;
77
+ --a-warning-900: #8c3500;
78
+ --a-warning-800: #a03e00;
79
+ --a-warning-700: #ac4400;
80
+ --a-warning-600: #c95100;
81
+ --a-warning-500: #e75e01;
82
+ --a-warning-400: #ffcb6f;
83
+ --a-warning-300: #ffdea5;
84
+ --a-warning-200: #ffebc7;
85
+ --a-warning-100: #fff5e4;
86
+ --a-success-1000: #002e00;
87
+ --a-success-900: #005e0f;
88
+ --a-success-800: #006c1f;
89
+ --a-success-700: #007629;
90
+ --a-success-600: #00893c;
91
+ --a-success-500: #199d4f;
92
+ --a-success-400: #a8dfb4;
93
+ --a-success-300: #c4edcd;
94
+ --a-success-200: #d5f6db;
95
+ --a-success-100: #e2fde8;
96
+ --a-accent-1000: #002459;
97
+ --a-accent-900: #004ea3;
98
+ --a-accent-800: #005bb6;
99
+ --a-accent-700: #0063c1;
100
+ --a-accent-600: #2277d5;
101
+ --a-accent-500: #428ae3;
102
+ --a-accent-400: #bad5fb;
103
+ --a-accent-300: #d4e5fd;
104
+ --a-accent-200: #e4eeff;
105
+ --a-accent-100: #f1f7ff;
116
106
  --a-neutral-000: white;
117
107
  --a-neutral-1000: #202733;
118
- --a-neutral-900: #4f5864;
119
- --a-neutral-800: #5e6674;
120
- --a-neutral-700: #69717f;
121
- --a-neutral-600: #747c8a;
108
+ --a-neutral-900: #49515e;
109
+ --a-neutral-800: #555d6a;
110
+ --a-neutral-700: #5d6573;
111
+ --a-neutral-600: #6f7785;
122
112
  --a-neutral-500: #818997;
123
113
  --a-neutral-400: #cfd3d8;
124
114
  --a-neutral-300: #e1e3e7;
125
115
  --a-neutral-200: #ecedef;
126
116
  --a-neutral-100: #f5f6f7;
127
- --a-contrast-data-two: #ffffff;
128
- --a-contrast-data-three: #ffffff;
129
- --a-contrast-data-one: #ffffff;
130
- --a-contrast-brand-three: #ffffff;
131
- --a-contrast-brand-two: #ffffff;
132
- --a-contrast-brand-one: #ffffff;
133
- --a-contrast-warning: #ffffff;
134
- --a-contrast-success: #ffffff;
135
- --a-contrast-info: #ffffff;
136
- --a-contrast-danger: #ffffff;
137
- --a-contrast-neutral: #ffffff;
138
- --a-contrast-accent: #ffffff;
139
- --a-bg-overlay: #021431;
117
+ --a-bg-overlay: rgba(2, 20, 49, 0.49);
118
+ --a-contrast-data-two: var(--a-neutral-000);
119
+ --a-contrast-data-one: var(--a-neutral-000);
120
+ --a-contrast-brand-three: var(--a-neutral-000);
121
+ --a-contrast-brand-two: var(--a-neutral-000);
122
+ --a-contrast-brand-one: var(--a-neutral-000);
123
+ --a-contrast-warning: var(--a-neutral-000);
124
+ --a-contrast-success: var(--a-neutral-000);
125
+ --a-contrast-info: var(--a-neutral-000);
126
+ --a-contrast-danger: var(--a-neutral-000);
127
+ --a-contrast-neutral: var(--a-neutral-000);
128
+ --a-contrast-accent: var(--a-neutral-000);
140
129
  --a-border-focus: var(--a-accent-700);
141
130
  --a-border-strong: var(--a-neutral-600);
142
131
  --a-border-subtle: var(--a-neutral-400);
143
132
  --a-border-default: var(--a-neutral-500);
144
- --a-border-data-three-strong: var(--a-data-three-600);
145
- --a-border-data-three-subtle: var(--a-data-three-400);
146
- --a-border-data-three: var(--a-data-three-500);
147
133
  --a-border-data-two-strong: var(--a-data-two-600);
148
134
  --a-border-data-two-subtle: var(--a-data-two-400);
149
135
  --a-border-data-two: var(--a-data-two-500);
@@ -180,174 +166,160 @@
180
166
  --a-text-icon: var(--a-neutral-600);
181
167
  --a-text-subtle: var(--a-neutral-900);
182
168
  --a-text-default: var(--a-neutral-1000);
183
- --a-text-data-three-icon: var(--a-data-three-600);
184
- --a-text-data-three-subtle: var(--a-data-three-900);
185
- --a-text-data-three: var(--a-data-three-1000);
186
169
  --a-text-data-two-icon: var(--a-data-two-600);
187
- --a-text-data-two-subtle: var(--a-data-two-900);
188
- --a-text-data-two: var(--a-data-two-1000);
170
+ --a-text-data-two-strong: var(--a-data-two-900);
171
+ --a-text-data-two: var(--a-data-two-700);
189
172
  --a-text-data-one-icon: var(--a-data-one-600);
190
- --a-text-data-one-subtle: var(--a-data-one-900);
191
- --a-text-data-one: var(--a-data-one-1000);
173
+ --a-text-data-one-strong: var(--a-data-one-900);
174
+ --a-text-data-one: var(--a-data-one-700);
192
175
  --a-text-brand-three-icon: var(--a-brand-three-600);
193
- --a-text-brand-three-subtle: var(--a-brand-three-900);
194
- --a-text-brand-three: var(--a-brand-three-1000);
176
+ --a-text-brand-three-strong: var(--a-brand-three-900);
177
+ --a-text-brand-three: var(--a-brand-three-700);
195
178
  --a-text-brand-two-icon: var(--a-brand-two-600);
196
- --a-text-brand-two-subtle: var(--a-brand-two-900);
197
- --a-text-brand-two: var(--a-brand-two-1000);
179
+ --a-text-brand-two-strong: var(--a-brand-two-900);
180
+ --a-text-brand-two: var(--a-brand-two-700);
198
181
  --a-text-brand-one-icon: var(--a-brand-one-600);
199
- --a-text-brand-one-subtle: var(--a-brand-one-900);
200
- --a-text-brand-one: var(--a-brand-one-1000);
182
+ --a-text-brand-one-strong: var(--a-brand-one-900);
183
+ --a-text-brand-one: var(--a-brand-one-700);
201
184
  --a-text-info-icon: var(--a-info-600);
202
- --a-text-info-subtle: var(--a-info-900);
203
- --a-text-info: var(--a-info-1000);
185
+ --a-text-info-strong: var(--a-info-900);
186
+ --a-text-info: var(--a-info-700);
204
187
  --a-text-danger-icon: var(--a-danger-600);
205
- --a-text-danger-subtle: var(--a-danger-900);
206
- --a-text-danger: var(--a-danger-1000);
188
+ --a-text-danger-strong: var(--a-danger-900);
189
+ --a-text-danger: var(--a-danger-700);
207
190
  --a-text-warning-icon: var(--a-warning-600);
208
- --a-text-warning-subtle: var(--a-warning-900);
209
- --a-text-warning: var(--a-warning-1000);
191
+ --a-text-warning-strong: var(--a-warning-900);
192
+ --a-text-warning: var(--a-warning-700);
210
193
  --a-text-success-icon: var(--a-success-600);
211
- --a-text-success-subtle: var(--a-success-900);
212
- --a-text-success: var(--a-success-1000);
194
+ --a-text-success-strong: var(--a-success-900);
195
+ --a-text-success: var(--a-success-700);
213
196
  --a-text-accent-icon: var(--a-accent-600);
214
- --a-text-accent-subtle: var(--a-accent-900);
215
- --a-text-accent: var(--a-accent-1000);
197
+ --a-text-accent-strong: var(--a-accent-900);
198
+ --a-text-accent: var(--a-accent-700);
216
199
  --a-text-neutral-icon: var(--a-neutral-600);
217
- --a-text-neutral-subtle: var(--a-neutral-900);
218
- --a-text-neutral: var(--a-neutral-1000);
200
+ --a-text-neutral-strong: var(--a-neutral-900);
201
+ --a-text-neutral: var(--a-neutral-700);
219
202
  --a-bg-sunken: var(--a-neutral-200);
220
203
  --a-bg-raised: var(--a-neutral-000);
221
204
  --a-bg-input: var(--a-neutral-000);
222
205
  --a-bg-default: var(--a-neutral-000);
223
- --a-bg-data-three-raised-hover: var(--a-data-three-200);
224
- --a-bg-data-three-raised: var(--a-data-three-100);
225
- --a-bg-data-three-strong-active: var(--a-data-three-900);
226
- --a-bg-data-three-strong-hover: var(--a-data-three-800);
227
- --a-bg-data-three-strong: var(--a-data-three-700);
228
- --a-bg-data-three-moderate-selected: var(--a-data-three-700);
229
- --a-bg-data-three-moderate-active: var(--a-data-three-400);
230
- --a-bg-data-three-moderate-hover: var(--a-data-three-300);
231
- --a-bg-data-three-moderate: var(--a-data-three-200);
232
- --a-bg-data-three-hover: var(--a-data-three-200);
233
- --a-bg-data-three: var(--a-data-three-100);
234
206
  --a-bg-data-two-raised-hover: var(--a-data-two-200);
235
207
  --a-bg-data-two-raised: var(--a-data-two-100);
236
- --a-bg-data-two-strong-active: var(--a-data-two-900);
237
- --a-bg-data-two-strong-hover: var(--a-data-two-800);
238
- --a-bg-data-two-strong: var(--a-data-two-700);
208
+ --a-bg-data-two-strong-pressed: var(--a-data-two-800);
209
+ --a-bg-data-two-strong-hover: var(--a-data-two-700);
210
+ --a-bg-data-two-strong: var(--a-data-two-600);
239
211
  --a-bg-data-two-moderate-selected: var(--a-data-two-700);
240
- --a-bg-data-two-moderate-active: var(--a-data-two-400);
212
+ --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
241
213
  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
242
214
  --a-bg-data-two-moderate: var(--a-data-two-200);
243
215
  --a-bg-data-two-hover: var(--a-data-two-200);
244
216
  --a-bg-data-two: var(--a-data-two-100);
245
217
  --a-bg-data-one-raised-hover: var(--a-data-one-200);
246
218
  --a-bg-data-one-raised: var(--a-data-one-100);
247
- --a-bg-data-one-strong-active: var(--a-data-one-900);
248
- --a-bg-data-one-strong-hover: var(--a-data-one-800);
249
- --a-bg-data-one-strong: var(--a-data-one-700);
219
+ --a-bg-data-one-strong-pressed: var(--a-data-one-800);
220
+ --a-bg-data-one-strong-hover: var(--a-data-one-700);
221
+ --a-bg-data-one-strong: var(--a-data-one-600);
250
222
  --a-bg-data-one-moderate-selected: var(--a-data-one-700);
251
- --a-bg-data-one-moderate-active: var(--a-data-one-400);
223
+ --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
252
224
  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
253
225
  --a-bg-data-one-moderate: var(--a-data-one-200);
254
226
  --a-bg-data-one-hover: var(--a-data-one-200);
255
227
  --a-bg-data-one: var(--a-data-one-100);
256
228
  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
257
229
  --a-bg-brand-three-raised: var(--a-brand-three-100);
258
- --a-bg-brand-three-strong-active: var(--a-brand-three-900);
259
- --a-bg-brand-three-strong-hover: var(--a-brand-three-800);
260
- --a-bg-brand-three-strong: var(--a-brand-three-700);
230
+ --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
231
+ --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
232
+ --a-bg-brand-three-strong: var(--a-brand-three-600);
261
233
  --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
262
- --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
234
+ --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
263
235
  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
264
236
  --a-bg-brand-three-moderate: var(--a-brand-three-200);
265
237
  --a-bg-brand-three-hover: var(--a-brand-three-200);
266
238
  --a-bg-brand-three: var(--a-brand-three-100);
267
239
  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
268
240
  --a-bg-brand-two-raised: var(--a-brand-two-100);
269
- --a-bg-brand-two-strong-active: var(--a-brand-two-900);
270
- --a-bg-brand-two-strong-hover: var(--a-brand-two-800);
271
- --a-bg-brand-two-strong: var(--a-brand-two-700);
241
+ --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
242
+ --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
243
+ --a-bg-brand-two-strong: var(--a-brand-two-600);
272
244
  --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
273
- --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
245
+ --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
274
246
  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
275
247
  --a-bg-brand-two-moderate: var(--a-brand-two-200);
276
248
  --a-bg-brand-two-hover: var(--a-brand-two-200);
277
249
  --a-bg-brand-two: var(--a-brand-two-100);
278
250
  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
279
251
  --a-bg-brand-one-raised: var(--a-brand-one-100);
280
- --a-bg-brand-one-strong-active: var(--a-brand-one-900);
281
- --a-bg-brand-one-strong-hover: var(--a-brand-one-800);
282
- --a-bg-brand-one-strong: var(--a-brand-one-700);
252
+ --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
253
+ --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
254
+ --a-bg-brand-one-strong: var(--a-brand-one-600);
283
255
  --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
284
- --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
256
+ --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
285
257
  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
286
258
  --a-bg-brand-one-moderate: var(--a-brand-one-200);
287
259
  --a-bg-brand-one-hover: var(--a-brand-one-200);
288
260
  --a-bg-brand-one: var(--a-brand-one-100);
289
261
  --a-bg-info-raised-hover: var(--a-info-200);
290
262
  --a-bg-info-raised: var(--a-info-100);
291
- --a-bg-info-strong-active: var(--a-info-900);
292
- --a-bg-info-strong-hover: var(--a-info-800);
293
- --a-bg-info-strong: var(--a-info-700);
263
+ --a-bg-info-strong-pressed: var(--a-info-800);
264
+ --a-bg-info-strong-hover: var(--a-info-700);
265
+ --a-bg-info-strong: var(--a-info-600);
294
266
  --a-bg-info-moderate-selected: var(--a-info-700);
295
- --a-bg-info-moderate-active: var(--a-info-400);
267
+ --a-bg-info-moderate-pressed: var(--a-info-400);
296
268
  --a-bg-info-moderate-hover: var(--a-info-300);
297
269
  --a-bg-info-moderate: var(--a-info-200);
298
270
  --a-bg-info-hover: var(--a-info-200);
299
271
  --a-bg-info: var(--a-info-100);
300
272
  --a-bg-danger-raised-hover: var(--a-danger-200);
301
273
  --a-bg-danger-raised: var(--a-danger-100);
302
- --a-bg-danger-strong-active: var(--a-danger-900);
303
- --a-bg-danger-strong-hover: var(--a-danger-800);
304
- --a-bg-danger-strong: var(--a-danger-700);
274
+ --a-bg-danger-strong-pressed: var(--a-danger-800);
275
+ --a-bg-danger-strong-hover: var(--a-danger-700);
276
+ --a-bg-danger-strong: var(--a-danger-600);
305
277
  --a-bg-danger-moderate-selected: var(--a-danger-700);
306
- --a-bg-danger-moderate-active: var(--a-danger-400);
278
+ --a-bg-danger-moderate-pressed: var(--a-danger-400);
307
279
  --a-bg-danger-moderate-hover: var(--a-danger-300);
308
280
  --a-bg-danger-moderate: var(--a-danger-200);
309
281
  --a-bg-danger-hover: var(--a-danger-200);
310
282
  --a-bg-danger: var(--a-danger-100);
311
283
  --a-bg-warning-raised-hover: var(--a-warning-200);
312
284
  --a-bg-warning-raised: var(--a-warning-100);
313
- --a-bg-warning-strong-active: var(--a-warning-900);
314
- --a-bg-warning-strong-hover: var(--a-warning-800);
315
- --a-bg-warning-strong: var(--a-warning-700);
285
+ --a-bg-warning-strong-pressed: var(--a-warning-800);
286
+ --a-bg-warning-strong-hover: var(--a-warning-700);
287
+ --a-bg-warning-strong: var(--a-warning-600);
316
288
  --a-bg-warning-moderate-selected: var(--a-warning-700);
317
- --a-bg-warning-moderate-active: var(--a-warning-400);
289
+ --a-bg-warning-moderate-pressed: var(--a-warning-400);
318
290
  --a-bg-warning-moderate-hover: var(--a-warning-300);
319
291
  --a-bg-warning-moderate: var(--a-warning-200);
320
292
  --a-bg-warning-hover: var(--a-warning-200);
321
293
  --a-bg-warning: var(--a-warning-100);
322
294
  --a-bg-success-raised-hover: var(--a-success-200);
323
295
  --a-bg-success-raised: var(--a-success-100);
324
- --a-bg-success-strong-active: var(--a-success-900);
325
- --a-bg-success-strong-hover: var(--a-success-800);
326
- --a-bg-success-strong: var(--a-success-700);
296
+ --a-bg-success-strong-pressed: var(--a-success-800);
297
+ --a-bg-success-strong-hover: var(--a-success-700);
298
+ --a-bg-success-strong: var(--a-success-600);
327
299
  --a-bg-success-moderate-selected: var(--a-success-700);
328
- --a-bg-success-moderate-active: var(--a-success-400);
300
+ --a-bg-success-moderate-pressed: var(--a-success-400);
329
301
  --a-bg-success-moderate-hover: var(--a-success-300);
330
302
  --a-bg-success-moderate: var(--a-success-200);
331
303
  --a-bg-success-hover: var(--a-success-200);
332
304
  --a-bg-success: var(--a-success-100);
333
305
  --a-bg-accent-raised-hover: var(--a-accent-200);
334
306
  --a-bg-accent-raised: var(--a-accent-100);
335
- --a-bg-accent-strong-active: var(--a-accent-900);
336
- --a-bg-accent-strong-hover: var(--a-accent-800);
337
- --a-bg-accent-strong: var(--a-accent-700);
307
+ --a-bg-accent-strong-pressed: var(--a-accent-800);
308
+ --a-bg-accent-strong-hover: var(--a-accent-700);
309
+ --a-bg-accent-strong: var(--a-accent-600);
338
310
  --a-bg-accent-moderate-selected: var(--a-accent-700);
339
- --a-bg-accent-moderate-active: var(--a-accent-400);
311
+ --a-bg-accent-moderate-pressed: var(--a-accent-400);
340
312
  --a-bg-accent-moderate-hover: var(--a-accent-300);
341
313
  --a-bg-accent-moderate: var(--a-accent-200);
342
314
  --a-bg-accent-hover: var(--a-accent-200);
343
315
  --a-bg-accent: var(--a-accent-100);
344
316
  --a-bg-neutral-raised-hover: var(--a-neutral-200);
345
317
  --a-bg-neutral-raised: var(--a-neutral-100);
346
- --a-bg-neutral-strong-active: var(--a-neutral-900);
347
- --a-bg-neutral-strong-hover: var(--a-neutral-800);
348
- --a-bg-neutral-strong: var(--a-neutral-700);
318
+ --a-bg-neutral-strong-pressed: var(--a-neutral-800);
319
+ --a-bg-neutral-strong-hover: var(--a-neutral-700);
320
+ --a-bg-neutral-strong: var(--a-neutral-600);
349
321
  --a-bg-neutral-moderate-selected: var(--a-neutral-700);
350
- --a-bg-neutral-moderate-active: var(--a-neutral-400);
322
+ --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
351
323
  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
352
324
  --a-bg-neutral-moderate: var(--a-neutral-200);
353
325
  --a-bg-neutral-hover: var(--a-neutral-200);