@navikt/ds-tokens 7.1.0 → 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.
@@ -114,212 +114,212 @@
114
114
  --a-neutral-300: #e1e3e7;
115
115
  --a-neutral-200: #ecedef;
116
116
  --a-neutral-100: #f5f6f7;
117
- --a-contrast-data-two: #ffffff;
118
- --a-contrast-data-one: #ffffff;
119
- --a-contrast-brand-three: #ffffff;
120
- --a-contrast-brand-two: #ffffff;
121
- --a-contrast-brand-one: #ffffff;
122
- --a-contrast-warning: #ffffff;
123
- --a-contrast-success: #ffffff;
124
- --a-contrast-info: #ffffff;
125
- --a-contrast-danger: #ffffff;
126
- --a-contrast-neutral: #ffffff;
127
- --a-contrast-accent: #ffffff;
128
- --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);
129
129
  --a-border-focus: var(--a-accent-700);
130
- --a-border-strong: var(--a-neutral-700);
130
+ --a-border-strong: var(--a-neutral-600);
131
131
  --a-border-subtle: var(--a-neutral-400);
132
- --a-border-default: var(--a-neutral-600);
133
- --a-border-data-two-strong: var(--a-data-two-700);
132
+ --a-border-default: var(--a-neutral-500);
133
+ --a-border-data-two-strong: var(--a-data-two-600);
134
134
  --a-border-data-two-subtle: var(--a-data-two-400);
135
- --a-border-data-two: var(--a-data-two-600);
136
- --a-border-data-one-strong: var(--a-data-one-700);
135
+ --a-border-data-two: var(--a-data-two-500);
136
+ --a-border-data-one-strong: var(--a-data-one-600);
137
137
  --a-border-data-one-subtle: var(--a-data-one-400);
138
- --a-border-data-one: var(--a-data-one-600);
139
- --a-border-brand-three-strong: var(--a-brand-three-700);
138
+ --a-border-data-one: var(--a-data-one-500);
139
+ --a-border-brand-three-strong: var(--a-brand-three-600);
140
140
  --a-border-brand-three-subtle: var(--a-brand-three-400);
141
- --a-border-brand-three: var(--a-brand-three-600);
142
- --a-border-brand-two-strong: var(--a-brand-two-700);
141
+ --a-border-brand-three: var(--a-brand-three-500);
142
+ --a-border-brand-two-strong: var(--a-brand-two-600);
143
143
  --a-border-brand-two-subtle: var(--a-brand-two-400);
144
- --a-border-brand-two: var(--a-brand-two-600);
145
- --a-border-brand-one-strong: var(--a-brand-one-700);
144
+ --a-border-brand-two: var(--a-brand-two-500);
145
+ --a-border-brand-one-strong: var(--a-brand-one-600);
146
146
  --a-border-brand-one-subtle: var(--a-brand-one-400);
147
- --a-border-brand-one: var(--a-brand-one-600);
148
- --a-border-info-strong: var(--a-info-700);
147
+ --a-border-brand-one: var(--a-brand-one-500);
148
+ --a-border-info-strong: var(--a-info-600);
149
149
  --a-border-info-subtle: var(--a-info-400);
150
- --a-border-info: var(--a-info-600);
151
- --a-border-danger-strong: var(--a-danger-700);
150
+ --a-border-info: var(--a-info-500);
151
+ --a-border-danger-strong: var(--a-danger-600);
152
152
  --a-border-danger-subtle: var(--a-danger-400);
153
- --a-border-danger: var(--a-danger-600);
154
- --a-border-warning-strong: var(--a-warning-700);
153
+ --a-border-danger: var(--a-danger-500);
154
+ --a-border-warning-strong: var(--a-warning-600);
155
155
  --a-border-warning-subtle: var(--a-warning-400);
156
- --a-border-warning: var(--a-warning-600);
157
- --a-border-success-strong: var(--a-success-700);
156
+ --a-border-warning: var(--a-warning-500);
157
+ --a-border-success-strong: var(--a-success-600);
158
158
  --a-border-success-subtle: var(--a-success-400);
159
- --a-border-success: var(--a-success-600);
160
- --a-border-accent-strong: var(--a-accent-700);
159
+ --a-border-success: var(--a-success-500);
160
+ --a-border-accent-strong: var(--a-accent-600);
161
161
  --a-border-accent-subtle: var(--a-accent-400);
162
- --a-border-accent: var(--a-accent-600);
163
- --a-border-neutral-strong: var(--a-neutral-700);
162
+ --a-border-accent: var(--a-accent-500);
163
+ --a-border-neutral-strong: var(--a-neutral-600);
164
164
  --a-border-neutral-subtle: var(--a-neutral-400);
165
- --a-border-neutral: var(--a-neutral-600);
165
+ --a-border-neutral: var(--a-neutral-500);
166
166
  --a-text-icon: var(--a-neutral-600);
167
167
  --a-text-subtle: var(--a-neutral-900);
168
168
  --a-text-default: var(--a-neutral-1000);
169
169
  --a-text-data-two-icon: var(--a-data-two-600);
170
- --a-text-data-two-subtle: var(--a-data-two-700);
171
- --a-text-data-two: var(--a-data-two-900);
170
+ --a-text-data-two-strong: var(--a-data-two-900);
171
+ --a-text-data-two: var(--a-data-two-700);
172
172
  --a-text-data-one-icon: var(--a-data-one-600);
173
- --a-text-data-one-subtle: var(--a-data-one-700);
174
- --a-text-data-one: var(--a-data-one-900);
173
+ --a-text-data-one-strong: var(--a-data-one-900);
174
+ --a-text-data-one: var(--a-data-one-700);
175
175
  --a-text-brand-three-icon: var(--a-brand-three-600);
176
- --a-text-brand-three-subtle: var(--a-brand-three-700);
177
- --a-text-brand-three: var(--a-brand-three-900);
176
+ --a-text-brand-three-strong: var(--a-brand-three-900);
177
+ --a-text-brand-three: var(--a-brand-three-700);
178
178
  --a-text-brand-two-icon: var(--a-brand-two-600);
179
- --a-text-brand-two-subtle: var(--a-brand-two-700);
180
- --a-text-brand-two: var(--a-brand-two-900);
179
+ --a-text-brand-two-strong: var(--a-brand-two-900);
180
+ --a-text-brand-two: var(--a-brand-two-700);
181
181
  --a-text-brand-one-icon: var(--a-brand-one-600);
182
- --a-text-brand-one-subtle: var(--a-brand-one-700);
183
- --a-text-brand-one: var(--a-brand-one-900);
182
+ --a-text-brand-one-strong: var(--a-brand-one-900);
183
+ --a-text-brand-one: var(--a-brand-one-700);
184
184
  --a-text-info-icon: var(--a-info-600);
185
- --a-text-info-subtle: var(--a-info-700);
186
- --a-text-info: var(--a-info-900);
185
+ --a-text-info-strong: var(--a-info-900);
186
+ --a-text-info: var(--a-info-700);
187
187
  --a-text-danger-icon: var(--a-danger-600);
188
- --a-text-danger-subtle: var(--a-danger-700);
189
- --a-text-danger: var(--a-danger-900);
188
+ --a-text-danger-strong: var(--a-danger-900);
189
+ --a-text-danger: var(--a-danger-700);
190
190
  --a-text-warning-icon: var(--a-warning-600);
191
- --a-text-warning-subtle: var(--a-warning-700);
192
- --a-text-warning: var(--a-warning-900);
191
+ --a-text-warning-strong: var(--a-warning-900);
192
+ --a-text-warning: var(--a-warning-700);
193
193
  --a-text-success-icon: var(--a-success-600);
194
- --a-text-success-subtle: var(--a-success-700);
195
- --a-text-success: var(--a-success-900);
194
+ --a-text-success-strong: var(--a-success-900);
195
+ --a-text-success: var(--a-success-700);
196
196
  --a-text-accent-icon: var(--a-accent-600);
197
- --a-text-accent-subtle: var(--a-accent-700);
198
- --a-text-accent: var(--a-accent-900);
197
+ --a-text-accent-strong: var(--a-accent-900);
198
+ --a-text-accent: var(--a-accent-700);
199
199
  --a-text-neutral-icon: var(--a-neutral-600);
200
- --a-text-neutral-subtle: var(--a-neutral-700);
201
- --a-text-neutral: var(--a-neutral-900);
200
+ --a-text-neutral-strong: var(--a-neutral-900);
201
+ --a-text-neutral: var(--a-neutral-700);
202
202
  --a-bg-sunken: var(--a-neutral-200);
203
203
  --a-bg-raised: var(--a-neutral-000);
204
204
  --a-bg-input: var(--a-neutral-000);
205
205
  --a-bg-default: var(--a-neutral-000);
206
206
  --a-bg-data-two-raised-hover: var(--a-data-two-200);
207
207
  --a-bg-data-two-raised: var(--a-data-two-100);
208
- --a-bg-data-two-strong-active: var(--a-data-two-800);
208
+ --a-bg-data-two-strong-pressed: var(--a-data-two-800);
209
209
  --a-bg-data-two-strong-hover: var(--a-data-two-700);
210
210
  --a-bg-data-two-strong: var(--a-data-two-600);
211
- --a-bg-data-two-moderate-selected: var(--a-data-two-600);
212
- --a-bg-data-two-moderate-active: var(--a-data-two-400);
211
+ --a-bg-data-two-moderate-selected: var(--a-data-two-700);
212
+ --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
213
213
  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
214
214
  --a-bg-data-two-moderate: var(--a-data-two-200);
215
215
  --a-bg-data-two-hover: var(--a-data-two-200);
216
216
  --a-bg-data-two: var(--a-data-two-100);
217
217
  --a-bg-data-one-raised-hover: var(--a-data-one-200);
218
218
  --a-bg-data-one-raised: var(--a-data-one-100);
219
- --a-bg-data-one-strong-active: var(--a-data-one-800);
219
+ --a-bg-data-one-strong-pressed: var(--a-data-one-800);
220
220
  --a-bg-data-one-strong-hover: var(--a-data-one-700);
221
221
  --a-bg-data-one-strong: var(--a-data-one-600);
222
- --a-bg-data-one-moderate-selected: var(--a-data-one-600);
223
- --a-bg-data-one-moderate-active: var(--a-data-one-400);
222
+ --a-bg-data-one-moderate-selected: var(--a-data-one-700);
223
+ --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
224
224
  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
225
225
  --a-bg-data-one-moderate: var(--a-data-one-200);
226
226
  --a-bg-data-one-hover: var(--a-data-one-200);
227
227
  --a-bg-data-one: var(--a-data-one-100);
228
228
  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
229
229
  --a-bg-brand-three-raised: var(--a-brand-three-100);
230
- --a-bg-brand-three-strong-active: var(--a-brand-three-800);
230
+ --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
231
231
  --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
232
232
  --a-bg-brand-three-strong: var(--a-brand-three-600);
233
- --a-bg-brand-three-moderate-selected: var(--a-brand-three-600);
234
- --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
233
+ --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
234
+ --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
235
235
  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
236
236
  --a-bg-brand-three-moderate: var(--a-brand-three-200);
237
237
  --a-bg-brand-three-hover: var(--a-brand-three-200);
238
238
  --a-bg-brand-three: var(--a-brand-three-100);
239
239
  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
240
240
  --a-bg-brand-two-raised: var(--a-brand-two-100);
241
- --a-bg-brand-two-strong-active: var(--a-brand-two-800);
241
+ --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
242
242
  --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
243
243
  --a-bg-brand-two-strong: var(--a-brand-two-600);
244
- --a-bg-brand-two-moderate-selected: var(--a-brand-two-600);
245
- --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
244
+ --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
245
+ --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
246
246
  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
247
247
  --a-bg-brand-two-moderate: var(--a-brand-two-200);
248
248
  --a-bg-brand-two-hover: var(--a-brand-two-200);
249
249
  --a-bg-brand-two: var(--a-brand-two-100);
250
250
  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
251
251
  --a-bg-brand-one-raised: var(--a-brand-one-100);
252
- --a-bg-brand-one-strong-active: var(--a-brand-one-800);
252
+ --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
253
253
  --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
254
254
  --a-bg-brand-one-strong: var(--a-brand-one-600);
255
- --a-bg-brand-one-moderate-selected: var(--a-brand-one-600);
256
- --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
255
+ --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
256
+ --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
257
257
  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
258
258
  --a-bg-brand-one-moderate: var(--a-brand-one-200);
259
259
  --a-bg-brand-one-hover: var(--a-brand-one-200);
260
260
  --a-bg-brand-one: var(--a-brand-one-100);
261
261
  --a-bg-info-raised-hover: var(--a-info-200);
262
262
  --a-bg-info-raised: var(--a-info-100);
263
- --a-bg-info-strong-active: var(--a-info-800);
263
+ --a-bg-info-strong-pressed: var(--a-info-800);
264
264
  --a-bg-info-strong-hover: var(--a-info-700);
265
265
  --a-bg-info-strong: var(--a-info-600);
266
- --a-bg-info-moderate-selected: var(--a-info-600);
267
- --a-bg-info-moderate-active: var(--a-info-400);
266
+ --a-bg-info-moderate-selected: var(--a-info-700);
267
+ --a-bg-info-moderate-pressed: var(--a-info-400);
268
268
  --a-bg-info-moderate-hover: var(--a-info-300);
269
269
  --a-bg-info-moderate: var(--a-info-200);
270
270
  --a-bg-info-hover: var(--a-info-200);
271
271
  --a-bg-info: var(--a-info-100);
272
272
  --a-bg-danger-raised-hover: var(--a-danger-200);
273
273
  --a-bg-danger-raised: var(--a-danger-100);
274
- --a-bg-danger-strong-active: var(--a-danger-800);
274
+ --a-bg-danger-strong-pressed: var(--a-danger-800);
275
275
  --a-bg-danger-strong-hover: var(--a-danger-700);
276
276
  --a-bg-danger-strong: var(--a-danger-600);
277
- --a-bg-danger-moderate-selected: var(--a-danger-600);
278
- --a-bg-danger-moderate-active: var(--a-danger-400);
277
+ --a-bg-danger-moderate-selected: var(--a-danger-700);
278
+ --a-bg-danger-moderate-pressed: var(--a-danger-400);
279
279
  --a-bg-danger-moderate-hover: var(--a-danger-300);
280
280
  --a-bg-danger-moderate: var(--a-danger-200);
281
281
  --a-bg-danger-hover: var(--a-danger-200);
282
282
  --a-bg-danger: var(--a-danger-100);
283
283
  --a-bg-warning-raised-hover: var(--a-warning-200);
284
284
  --a-bg-warning-raised: var(--a-warning-100);
285
- --a-bg-warning-strong-active: var(--a-warning-800);
285
+ --a-bg-warning-strong-pressed: var(--a-warning-800);
286
286
  --a-bg-warning-strong-hover: var(--a-warning-700);
287
287
  --a-bg-warning-strong: var(--a-warning-600);
288
- --a-bg-warning-moderate-selected: var(--a-warning-600);
289
- --a-bg-warning-moderate-active: var(--a-warning-400);
288
+ --a-bg-warning-moderate-selected: var(--a-warning-700);
289
+ --a-bg-warning-moderate-pressed: var(--a-warning-400);
290
290
  --a-bg-warning-moderate-hover: var(--a-warning-300);
291
291
  --a-bg-warning-moderate: var(--a-warning-200);
292
292
  --a-bg-warning-hover: var(--a-warning-200);
293
293
  --a-bg-warning: var(--a-warning-100);
294
294
  --a-bg-success-raised-hover: var(--a-success-200);
295
295
  --a-bg-success-raised: var(--a-success-100);
296
- --a-bg-success-strong-active: var(--a-success-800);
296
+ --a-bg-success-strong-pressed: var(--a-success-800);
297
297
  --a-bg-success-strong-hover: var(--a-success-700);
298
298
  --a-bg-success-strong: var(--a-success-600);
299
- --a-bg-success-moderate-selected: var(--a-success-600);
300
- --a-bg-success-moderate-active: var(--a-success-400);
299
+ --a-bg-success-moderate-selected: var(--a-success-700);
300
+ --a-bg-success-moderate-pressed: var(--a-success-400);
301
301
  --a-bg-success-moderate-hover: var(--a-success-300);
302
302
  --a-bg-success-moderate: var(--a-success-200);
303
303
  --a-bg-success-hover: var(--a-success-200);
304
304
  --a-bg-success: var(--a-success-100);
305
305
  --a-bg-accent-raised-hover: var(--a-accent-200);
306
306
  --a-bg-accent-raised: var(--a-accent-100);
307
- --a-bg-accent-strong-active: var(--a-accent-800);
307
+ --a-bg-accent-strong-pressed: var(--a-accent-800);
308
308
  --a-bg-accent-strong-hover: var(--a-accent-700);
309
309
  --a-bg-accent-strong: var(--a-accent-600);
310
- --a-bg-accent-moderate-selected: var(--a-accent-600);
311
- --a-bg-accent-moderate-active: var(--a-accent-400);
310
+ --a-bg-accent-moderate-selected: var(--a-accent-700);
311
+ --a-bg-accent-moderate-pressed: var(--a-accent-400);
312
312
  --a-bg-accent-moderate-hover: var(--a-accent-300);
313
313
  --a-bg-accent-moderate: var(--a-accent-200);
314
314
  --a-bg-accent-hover: var(--a-accent-200);
315
315
  --a-bg-accent: var(--a-accent-100);
316
316
  --a-bg-neutral-raised-hover: var(--a-neutral-200);
317
317
  --a-bg-neutral-raised: var(--a-neutral-100);
318
- --a-bg-neutral-strong-active: var(--a-neutral-800);
318
+ --a-bg-neutral-strong-pressed: var(--a-neutral-800);
319
319
  --a-bg-neutral-strong-hover: var(--a-neutral-700);
320
320
  --a-bg-neutral-strong: var(--a-neutral-600);
321
- --a-bg-neutral-moderate-selected: var(--a-neutral-600);
322
- --a-bg-neutral-moderate-active: var(--a-neutral-400);
321
+ --a-bg-neutral-moderate-selected: var(--a-neutral-700);
322
+ --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
323
323
  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
324
324
  --a-bg-neutral-moderate: var(--a-neutral-200);
325
325
  --a-bg-neutral-hover: var(--a-neutral-200);
@@ -7,121 +7,121 @@ module.exports = {
7
7
  "BgNeutralHover": "var(--a-bg-neutral-hover)",
8
8
  "BgNeutralModerate": "var(--a-bg-neutral-moderate)",
9
9
  "BgNeutralModerateHover": "var(--a-bg-neutral-moderate-hover)",
10
- "BgNeutralModerateActive": "var(--a-bg-neutral-moderate-active)",
10
+ "BgNeutralModeratePressed": "var(--a-bg-neutral-moderate-pressed)",
11
11
  "BgNeutralModerateSelected": "var(--a-bg-neutral-moderate-selected)",
12
12
  "BgNeutralStrong": "var(--a-bg-neutral-strong)",
13
13
  "BgNeutralStrongHover": "var(--a-bg-neutral-strong-hover)",
14
- "BgNeutralStrongActive": "var(--a-bg-neutral-strong-active)",
14
+ "BgNeutralStrongPressed": "var(--a-bg-neutral-strong-pressed)",
15
15
  "BgNeutralRaised": "var(--a-bg-neutral-raised)",
16
16
  "BgNeutralRaisedHover": "var(--a-bg-neutral-raised-hover)",
17
17
  "BgAccent": "var(--a-bg-accent)",
18
18
  "BgAccentHover": "var(--a-bg-accent-hover)",
19
19
  "BgAccentModerate": "var(--a-bg-accent-moderate)",
20
20
  "BgAccentModerateHover": "var(--a-bg-accent-moderate-hover)",
21
- "BgAccentModerateActive": "var(--a-bg-accent-moderate-active)",
21
+ "BgAccentModeratePressed": "var(--a-bg-accent-moderate-pressed)",
22
22
  "BgAccentModerateSelected": "var(--a-bg-accent-moderate-selected)",
23
23
  "BgAccentStrong": "var(--a-bg-accent-strong)",
24
24
  "BgAccentStrongHover": "var(--a-bg-accent-strong-hover)",
25
- "BgAccentStrongActive": "var(--a-bg-accent-strong-active)",
25
+ "BgAccentStrongPressed": "var(--a-bg-accent-strong-pressed)",
26
26
  "BgAccentRaised": "var(--a-bg-accent-raised)",
27
27
  "BgAccentRaisedHover": "var(--a-bg-accent-raised-hover)",
28
28
  "BgSuccess": "var(--a-bg-success)",
29
29
  "BgSuccessHover": "var(--a-bg-success-hover)",
30
30
  "BgSuccessModerate": "var(--a-bg-success-moderate)",
31
31
  "BgSuccessModerateHover": "var(--a-bg-success-moderate-hover)",
32
- "BgSuccessModerateActive": "var(--a-bg-success-moderate-active)",
32
+ "BgSuccessModeratePressed": "var(--a-bg-success-moderate-pressed)",
33
33
  "BgSuccessModerateSelected": "var(--a-bg-success-moderate-selected)",
34
34
  "BgSuccessStrong": "var(--a-bg-success-strong)",
35
35
  "BgSuccessStrongHover": "var(--a-bg-success-strong-hover)",
36
- "BgSuccessStrongActive": "var(--a-bg-success-strong-active)",
36
+ "BgSuccessStrongPressed": "var(--a-bg-success-strong-pressed)",
37
37
  "BgSuccessRaised": "var(--a-bg-success-raised)",
38
38
  "BgSuccessRaisedHover": "var(--a-bg-success-raised-hover)",
39
39
  "BgWarning": "var(--a-bg-warning)",
40
40
  "BgWarningHover": "var(--a-bg-warning-hover)",
41
41
  "BgWarningModerate": "var(--a-bg-warning-moderate)",
42
42
  "BgWarningModerateHover": "var(--a-bg-warning-moderate-hover)",
43
- "BgWarningModerateActive": "var(--a-bg-warning-moderate-active)",
43
+ "BgWarningModeratePressed": "var(--a-bg-warning-moderate-pressed)",
44
44
  "BgWarningModerateSelected": "var(--a-bg-warning-moderate-selected)",
45
45
  "BgWarningStrong": "var(--a-bg-warning-strong)",
46
46
  "BgWarningStrongHover": "var(--a-bg-warning-strong-hover)",
47
- "BgWarningStrongActive": "var(--a-bg-warning-strong-active)",
47
+ "BgWarningStrongPressed": "var(--a-bg-warning-strong-pressed)",
48
48
  "BgWarningRaised": "var(--a-bg-warning-raised)",
49
49
  "BgWarningRaisedHover": "var(--a-bg-warning-raised-hover)",
50
50
  "BgDanger": "var(--a-bg-danger)",
51
51
  "BgDangerHover": "var(--a-bg-danger-hover)",
52
52
  "BgDangerModerate": "var(--a-bg-danger-moderate)",
53
53
  "BgDangerModerateHover": "var(--a-bg-danger-moderate-hover)",
54
- "BgDangerModerateActive": "var(--a-bg-danger-moderate-active)",
54
+ "BgDangerModeratePressed": "var(--a-bg-danger-moderate-pressed)",
55
55
  "BgDangerModerateSelected": "var(--a-bg-danger-moderate-selected)",
56
56
  "BgDangerStrong": "var(--a-bg-danger-strong)",
57
57
  "BgDangerStrongHover": "var(--a-bg-danger-strong-hover)",
58
- "BgDangerStrongActive": "var(--a-bg-danger-strong-active)",
58
+ "BgDangerStrongPressed": "var(--a-bg-danger-strong-pressed)",
59
59
  "BgDangerRaised": "var(--a-bg-danger-raised)",
60
60
  "BgDangerRaisedHover": "var(--a-bg-danger-raised-hover)",
61
61
  "BgInfo": "var(--a-bg-info)",
62
62
  "BgInfoHover": "var(--a-bg-info-hover)",
63
63
  "BgInfoModerate": "var(--a-bg-info-moderate)",
64
64
  "BgInfoModerateHover": "var(--a-bg-info-moderate-hover)",
65
- "BgInfoModerateActive": "var(--a-bg-info-moderate-active)",
65
+ "BgInfoModeratePressed": "var(--a-bg-info-moderate-pressed)",
66
66
  "BgInfoModerateSelected": "var(--a-bg-info-moderate-selected)",
67
67
  "BgInfoStrong": "var(--a-bg-info-strong)",
68
68
  "BgInfoStrongHover": "var(--a-bg-info-strong-hover)",
69
- "BgInfoStrongActive": "var(--a-bg-info-strong-active)",
69
+ "BgInfoStrongPressed": "var(--a-bg-info-strong-pressed)",
70
70
  "BgInfoRaised": "var(--a-bg-info-raised)",
71
71
  "BgInfoRaisedHover": "var(--a-bg-info-raised-hover)",
72
72
  "BgBrandOne": "var(--a-bg-brand-one)",
73
73
  "BgBrandOneHover": "var(--a-bg-brand-one-hover)",
74
74
  "BgBrandOneModerate": "var(--a-bg-brand-one-moderate)",
75
75
  "BgBrandOneModerateHover": "var(--a-bg-brand-one-moderate-hover)",
76
- "BgBrandOneModerateActive": "var(--a-bg-brand-one-moderate-active)",
76
+ "BgBrandOneModeratePressed": "var(--a-bg-brand-one-moderate-pressed)",
77
77
  "BgBrandOneModerateSelected": "var(--a-bg-brand-one-moderate-selected)",
78
78
  "BgBrandOneStrong": "var(--a-bg-brand-one-strong)",
79
79
  "BgBrandOneStrongHover": "var(--a-bg-brand-one-strong-hover)",
80
- "BgBrandOneStrongActive": "var(--a-bg-brand-one-strong-active)",
80
+ "BgBrandOneStrongPressed": "var(--a-bg-brand-one-strong-pressed)",
81
81
  "BgBrandOneRaised": "var(--a-bg-brand-one-raised)",
82
82
  "BgBrandOneRaisedHover": "var(--a-bg-brand-one-raised-hover)",
83
83
  "BgBrandTwo": "var(--a-bg-brand-two)",
84
84
  "BgBrandTwoHover": "var(--a-bg-brand-two-hover)",
85
85
  "BgBrandTwoModerate": "var(--a-bg-brand-two-moderate)",
86
86
  "BgBrandTwoModerateHover": "var(--a-bg-brand-two-moderate-hover)",
87
- "BgBrandTwoModerateActive": "var(--a-bg-brand-two-moderate-active)",
87
+ "BgBrandTwoModeratePressed": "var(--a-bg-brand-two-moderate-pressed)",
88
88
  "BgBrandTwoModerateSelected": "var(--a-bg-brand-two-moderate-selected)",
89
89
  "BgBrandTwoStrong": "var(--a-bg-brand-two-strong)",
90
90
  "BgBrandTwoStrongHover": "var(--a-bg-brand-two-strong-hover)",
91
- "BgBrandTwoStrongActive": "var(--a-bg-brand-two-strong-active)",
91
+ "BgBrandTwoStrongPressed": "var(--a-bg-brand-two-strong-pressed)",
92
92
  "BgBrandTwoRaised": "var(--a-bg-brand-two-raised)",
93
93
  "BgBrandTwoRaisedHover": "var(--a-bg-brand-two-raised-hover)",
94
94
  "BgBrandThree": "var(--a-bg-brand-three)",
95
95
  "BgBrandThreeHover": "var(--a-bg-brand-three-hover)",
96
96
  "BgBrandThreeModerate": "var(--a-bg-brand-three-moderate)",
97
97
  "BgBrandThreeModerateHover": "var(--a-bg-brand-three-moderate-hover)",
98
- "BgBrandThreeModerateActive": "var(--a-bg-brand-three-moderate-active)",
98
+ "BgBrandThreeModeratePressed": "var(--a-bg-brand-three-moderate-pressed)",
99
99
  "BgBrandThreeModerateSelected": "var(--a-bg-brand-three-moderate-selected)",
100
100
  "BgBrandThreeStrong": "var(--a-bg-brand-three-strong)",
101
101
  "BgBrandThreeStrongHover": "var(--a-bg-brand-three-strong-hover)",
102
- "BgBrandThreeStrongActive": "var(--a-bg-brand-three-strong-active)",
102
+ "BgBrandThreeStrongPressed": "var(--a-bg-brand-three-strong-pressed)",
103
103
  "BgBrandThreeRaised": "var(--a-bg-brand-three-raised)",
104
104
  "BgBrandThreeRaisedHover": "var(--a-bg-brand-three-raised-hover)",
105
105
  "BgDataOne": "var(--a-bg-data-one)",
106
106
  "BgDataOneHover": "var(--a-bg-data-one-hover)",
107
107
  "BgDataOneModerate": "var(--a-bg-data-one-moderate)",
108
108
  "BgDataOneModerateHover": "var(--a-bg-data-one-moderate-hover)",
109
- "BgDataOneModerateActive": "var(--a-bg-data-one-moderate-active)",
109
+ "BgDataOneModeratePressed": "var(--a-bg-data-one-moderate-pressed)",
110
110
  "BgDataOneModerateSelected": "var(--a-bg-data-one-moderate-selected)",
111
111
  "BgDataOneStrong": "var(--a-bg-data-one-strong)",
112
112
  "BgDataOneStrongHover": "var(--a-bg-data-one-strong-hover)",
113
- "BgDataOneStrongActive": "var(--a-bg-data-one-strong-active)",
113
+ "BgDataOneStrongPressed": "var(--a-bg-data-one-strong-pressed)",
114
114
  "BgDataOneRaised": "var(--a-bg-data-one-raised)",
115
115
  "BgDataOneRaisedHover": "var(--a-bg-data-one-raised-hover)",
116
116
  "BgDataTwo": "var(--a-bg-data-two)",
117
117
  "BgDataTwoHover": "var(--a-bg-data-two-hover)",
118
118
  "BgDataTwoModerate": "var(--a-bg-data-two-moderate)",
119
119
  "BgDataTwoModerateHover": "var(--a-bg-data-two-moderate-hover)",
120
- "BgDataTwoModerateActive": "var(--a-bg-data-two-moderate-active)",
120
+ "BgDataTwoModeratePressed": "var(--a-bg-data-two-moderate-pressed)",
121
121
  "BgDataTwoModerateSelected": "var(--a-bg-data-two-moderate-selected)",
122
122
  "BgDataTwoStrong": "var(--a-bg-data-two-strong)",
123
123
  "BgDataTwoStrongHover": "var(--a-bg-data-two-strong-hover)",
124
- "BgDataTwoStrongActive": "var(--a-bg-data-two-strong-active)",
124
+ "BgDataTwoStrongPressed": "var(--a-bg-data-two-strong-pressed)",
125
125
  "BgDataTwoRaised": "var(--a-bg-data-two-raised)",
126
126
  "BgDataTwoRaisedHover": "var(--a-bg-data-two-raised-hover)",
127
127
  "BgDefault": "var(--a-bg-default)",
@@ -130,37 +130,37 @@ module.exports = {
130
130
  "BgSunken": "var(--a-bg-sunken)",
131
131
  "BgOverlay": "var(--a-bg-overlay)",
132
132
  "TextNeutral": "var(--a-text-neutral)",
133
- "TextNeutralSubtle": "var(--a-text-neutral-subtle)",
133
+ "TextNeutralStrong": "var(--a-text-neutral-strong)",
134
134
  "TextNeutralIcon": "var(--a-text-neutral-icon)",
135
135
  "TextAccent": "var(--a-text-accent)",
136
- "TextAccentSubtle": "var(--a-text-accent-subtle)",
136
+ "TextAccentStrong": "var(--a-text-accent-strong)",
137
137
  "TextAccentIcon": "var(--a-text-accent-icon)",
138
138
  "TextSuccess": "var(--a-text-success)",
139
- "TextSuccessSubtle": "var(--a-text-success-subtle)",
139
+ "TextSuccessStrong": "var(--a-text-success-strong)",
140
140
  "TextSuccessIcon": "var(--a-text-success-icon)",
141
141
  "TextWarning": "var(--a-text-warning)",
142
- "TextWarningSubtle": "var(--a-text-warning-subtle)",
142
+ "TextWarningStrong": "var(--a-text-warning-strong)",
143
143
  "TextWarningIcon": "var(--a-text-warning-icon)",
144
144
  "TextDanger": "var(--a-text-danger)",
145
- "TextDangerSubtle": "var(--a-text-danger-subtle)",
145
+ "TextDangerStrong": "var(--a-text-danger-strong)",
146
146
  "TextDangerIcon": "var(--a-text-danger-icon)",
147
147
  "TextInfo": "var(--a-text-info)",
148
- "TextInfoSubtle": "var(--a-text-info-subtle)",
148
+ "TextInfoStrong": "var(--a-text-info-strong)",
149
149
  "TextInfoIcon": "var(--a-text-info-icon)",
150
150
  "TextBrandOne": "var(--a-text-brand-one)",
151
- "TextBrandOneSubtle": "var(--a-text-brand-one-subtle)",
151
+ "TextBrandOneStrong": "var(--a-text-brand-one-strong)",
152
152
  "TextBrandOneIcon": "var(--a-text-brand-one-icon)",
153
153
  "TextBrandTwo": "var(--a-text-brand-two)",
154
- "TextBrandTwoSubtle": "var(--a-text-brand-two-subtle)",
154
+ "TextBrandTwoStrong": "var(--a-text-brand-two-strong)",
155
155
  "TextBrandTwoIcon": "var(--a-text-brand-two-icon)",
156
156
  "TextBrandThree": "var(--a-text-brand-three)",
157
- "TextBrandThreeSubtle": "var(--a-text-brand-three-subtle)",
157
+ "TextBrandThreeStrong": "var(--a-text-brand-three-strong)",
158
158
  "TextBrandThreeIcon": "var(--a-text-brand-three-icon)",
159
159
  "TextDataOne": "var(--a-text-data-one)",
160
- "TextDataOneSubtle": "var(--a-text-data-one-subtle)",
160
+ "TextDataOneStrong": "var(--a-text-data-one-strong)",
161
161
  "TextDataOneIcon": "var(--a-text-data-one-icon)",
162
162
  "TextDataTwo": "var(--a-text-data-two)",
163
- "TextDataTwoSubtle": "var(--a-text-data-two-subtle)",
163
+ "TextDataTwoStrong": "var(--a-text-data-two-strong)",
164
164
  "TextDataTwoIcon": "var(--a-text-data-two-icon)",
165
165
  "TextDefault": "var(--a-text-default)",
166
166
  "TextSubtle": "var(--a-text-subtle)",