@navikt/ds-tokens 7.2.1 → 7.3.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 (10) hide show
  1. package/dist/darkside/dark-tokens.css +410 -321
  2. package/dist/darkside/light-tokens.css +410 -321
  3. package/dist/darkside/root-tokens.css +65 -0
  4. package/dist/darkside/tokens-cjs.js +469 -321
  5. package/dist/darkside/tokens.css +879 -668
  6. package/dist/darkside/tokens.d.ts +469 -321
  7. package/dist/darkside/tokens.js +469 -321
  8. package/dist/tokens.css +1 -1
  9. package/package.json +3 -2
  10. package/dist/darkside/scale-tokens.css +0 -32
package/dist/darkside/dark-tokens.css CHANGED
@@ -3,325 +3,414 @@
3
3
  */
4
4
 
5
5
  .dark, .dark-theme {
6
- --a-data-two-1000: #c5d14c;
7
- --a-data-two-900: #a9b325;
8
- --a-data-two-800: #99a200;
9
- --a-data-two-700: #8f9800;
10
- --a-data-two-600: #7c8400;
11
- --a-data-two-500: #6a7200;
12
- --a-data-two-400: #343900;
13
- --a-data-two-300: #292d00;
14
- --a-data-two-200: #222500;
15
- --a-data-two-100: #1c1f00;
16
- --a-data-one-1000: #cdc5d9;
17
- --a-data-one-900: #b2a7c3;
18
- --a-data-one-800: #a495b7;
19
- --a-data-one-700: #9b8bb0;
20
- --a-data-one-600: #8876a1;
21
- --a-data-one-500: #776491;
22
- --a-data-one-400: #3a3245;
23
- --a-data-one-300: #2f273a;
24
- --a-data-one-200: #272032;
25
- --a-data-one-100: #221a2c;
26
- --a-brand-three-1000: #b7cbd7;
27
- --a-brand-three-900: #93afc0;
28
- --a-brand-three-800: #7f9fb3;
29
- --a-brand-three-700: #7396ab;
30
- --a-brand-three-600: #5a839b;
31
- --a-brand-three-500: #43718d;
32
- --a-brand-three-400: #273843;
33
- --a-brand-three-300: #1e2c35;
34
- --a-brand-three-200: #18242c;
35
- --a-brand-three-100: #131e26;
36
- --a-brand-two-1000: #e3c2b1;
37
- --a-brand-two-900: #d1a08c;
38
- --a-brand-two-800: #c78e79;
39
- --a-brand-two-700: #c0836e;
40
- --a-brand-two-600: #ab6f5b;
41
- --a-brand-two-500: #975e4a;
42
- --a-brand-two-400: #493027;
43
- --a-brand-two-300: #3d241c;
44
- --a-brand-two-200: #351d15;
45
- --a-brand-two-100: #2d160e;
46
- --a-brand-one-1000: #e1c0cc;
47
- --a-brand-one-900: #cf9eb1;
48
- --a-brand-one-800: #c58aa2;
49
- --a-brand-one-700: #be7f99;
50
- --a-brand-one-600: #b06886;
51
- --a-brand-one-500: #a35276;
52
- --a-brand-one-400: #4e2a39;
53
- --a-brand-one-300: #42202e;
54
- --a-brand-one-200: #3a1827;
55
- --a-brand-one-100: #321220;
56
- --a-info-1000: #b7cbd7;
57
- --a-info-900: #93afc0;
58
- --a-info-800: #7f9fb3;
59
- --a-info-700: #7396ab;
60
- --a-info-600: #5a839b;
61
- --a-info-500: #43718d;
62
- --a-info-400: #273843;
63
- --a-info-300: #1e2c35;
64
- --a-info-200: #18242c;
65
- --a-info-100: #131e26;
66
- --a-danger-1000: #f6b7cd;
67
- --a-danger-900: #f28ea2;
68
- --a-danger-800: #ee7685;
69
- --a-danger-700: #eb6772;
70
- --a-danger-600: #dd4a50;
71
- --a-danger-500: #c8343f;
72
- --a-danger-400: #5f2021;
73
- --a-danger-300: #521517;
74
- --a-danger-200: #490b10;
75
- --a-danger-100: #410409;
76
- --a-warning-1000: #f5bf6d;
77
- --a-warning-900: #ed974b;
78
- --a-warning-800: #e78040;
79
- --a-warning-700: #de753c;
80
- --a-warning-600: #c46233;
81
- --a-warning-500: #af5122;
82
- --a-warning-400: #542b18;
83
- --a-warning-300: #471f0c;
84
- --a-warning-200: #3e1704;
85
- --a-warning-100: #371100;
86
- --a-success-1000: #a4d4ad;
87
- --a-success-900: #78ba87;
88
- --a-success-800: #5eab72;
89
- --a-success-700: #4ca265;
90
- --a-success-600: #368e52;
91
- --a-success-500: #207c41;
92
- --a-success-400: #183d24;
93
- --a-success-300: #0b3118;
94
- --a-success-200: #032911;
95
- --a-success-100: #00230b;
96
- --a-accent-1000: #b0caf1;
97
- --a-accent-900: #84aee6;
98
- --a-accent-800: #6d9ddd;
99
- --a-accent-700: #5f94d8;
100
- --a-accent-600: #447fc9;
101
- --a-accent-500: #2e6db8;
102
- --a-accent-400: #23374f;
103
- --a-accent-300: #1a2c41;
104
- --a-accent-200: #152436;
105
- --a-accent-100: #101d2d;
106
- --a-neutral-000: black;
107
- --a-neutral-1000: #c4c9d0;
108
- --a-neutral-900: #a5acb6;
109
- --a-neutral-800: #949ba8;
110
- --a-neutral-700: #8a92a0;
111
- --a-neutral-600: #767e8c;
112
- --a-neutral-500: #656d7b;
113
- --a-neutral-400: #2e3641;
114
- --a-neutral-300: #242b37;
115
- --a-neutral-200: #1c232f;
116
- --a-neutral-100: #161d28;
117
- --a-bg-overlay: rgba(2, 20, 49, 0.49);
118
- --a-bg-sunken: #07090d;
119
- --a-bg-default: #0e151f;
120
- --a-border-focus: var(--a-accent-700);
121
- --a-border-strong: var(--a-neutral-600);
122
- --a-border-subtle: var(--a-neutral-400);
123
- --a-border-default: var(--a-neutral-500);
124
- --a-border-data-two-strong: var(--a-data-two-600);
125
- --a-border-data-two-subtle: var(--a-data-two-400);
126
- --a-border-data-two: var(--a-data-two-500);
127
- --a-border-data-one-strong: var(--a-data-one-600);
128
- --a-border-data-one-subtle: var(--a-data-one-400);
129
- --a-border-data-one: var(--a-data-one-500);
130
- --a-border-brand-three-strong: var(--a-brand-three-600);
131
- --a-border-brand-three-subtle: var(--a-brand-three-400);
132
- --a-border-brand-three: var(--a-brand-three-500);
133
- --a-border-brand-two-strong: var(--a-brand-two-600);
134
- --a-border-brand-two-subtle: var(--a-brand-two-400);
135
- --a-border-brand-two: var(--a-brand-two-500);
136
- --a-border-brand-one-strong: var(--a-brand-one-600);
137
- --a-border-brand-one-subtle: var(--a-brand-one-400);
138
- --a-border-brand-one: var(--a-brand-one-500);
139
- --a-border-info-strong: var(--a-info-600);
140
- --a-border-info-subtle: var(--a-info-400);
141
- --a-border-info: var(--a-info-500);
142
- --a-border-danger-strong: var(--a-danger-600);
143
- --a-border-danger-subtle: var(--a-danger-400);
144
- --a-border-danger: var(--a-danger-500);
145
- --a-border-warning-strong: var(--a-warning-600);
146
- --a-border-warning-subtle: var(--a-warning-400);
147
- --a-border-warning: var(--a-warning-500);
148
- --a-border-success-strong: var(--a-success-600);
149
- --a-border-success-subtle: var(--a-success-400);
150
- --a-border-success: var(--a-success-500);
151
- --a-border-accent-strong: var(--a-accent-600);
152
- --a-border-accent-subtle: var(--a-accent-400);
153
- --a-border-accent: var(--a-accent-500);
154
- --a-border-neutral-strong: var(--a-neutral-600);
155
- --a-border-neutral-subtle: var(--a-neutral-400);
156
- --a-border-neutral: var(--a-neutral-500);
157
- --a-text-icon: var(--a-neutral-600);
158
- --a-text-subtle: var(--a-neutral-900);
159
- --a-text-default: var(--a-neutral-1000);
160
- --a-text-data-two-contrast: var(--a-neutral-000);
161
- --a-text-data-one-contrast: var(--a-neutral-000);
162
- --a-text-brand-three-contrast: var(--a-neutral-000);
163
- --a-text-brand-two-contrast: var(--a-neutral-000);
164
- --a-text-brand-one-contrast: var(--a-neutral-000);
165
- --a-text-warning-contrast: var(--a-neutral-000);
166
- --a-text-success-contrast: var(--a-neutral-000);
167
- --a-text-info-contrast: var(--a-neutral-000);
168
- --a-text-danger-contrast: var(--a-neutral-000);
169
- --a-text-neutral-contrast: var(--a-neutral-000);
170
- --a-text-accent-contrast: var(--a-neutral-000);
171
- --a-text-data-two-icon: var(--a-data-two-600);
172
- --a-text-data-two-strong: var(--a-data-two-900);
173
- --a-text-data-two: var(--a-data-two-700);
174
- --a-text-data-one-icon: var(--a-data-one-600);
175
- --a-text-data-one-strong: var(--a-data-one-900);
176
- --a-text-data-one: var(--a-data-one-700);
177
- --a-text-brand-three-icon: var(--a-brand-three-600);
178
- --a-text-brand-three-strong: var(--a-brand-three-900);
179
- --a-text-brand-three: var(--a-brand-three-700);
180
- --a-text-brand-two-icon: var(--a-brand-two-600);
181
- --a-text-brand-two-strong: var(--a-brand-two-900);
182
- --a-text-brand-two: var(--a-brand-two-700);
183
- --a-text-brand-one-icon: var(--a-brand-one-600);
184
- --a-text-brand-one-strong: var(--a-brand-one-900);
185
- --a-text-brand-one: var(--a-brand-one-700);
186
- --a-text-info-icon: var(--a-info-600);
187
- --a-text-info-strong: var(--a-info-900);
188
- --a-text-info: var(--a-info-700);
189
- --a-text-danger-icon: var(--a-danger-600);
190
- --a-text-danger-strong: var(--a-danger-900);
191
- --a-text-danger: var(--a-danger-700);
192
- --a-text-warning-icon: var(--a-warning-600);
193
- --a-text-warning-strong: var(--a-warning-900);
194
- --a-text-warning: var(--a-warning-700);
195
- --a-text-success-icon: var(--a-success-600);
196
- --a-text-success-strong: var(--a-success-900);
197
- --a-text-success: var(--a-success-700);
198
- --a-text-accent-icon: var(--a-accent-600);
199
- --a-text-accent-strong: var(--a-accent-900);
200
- --a-text-accent: var(--a-accent-700);
201
- --a-text-neutral-icon: var(--a-neutral-600);
202
- --a-text-neutral-strong: var(--a-neutral-900);
203
- --a-text-neutral: var(--a-neutral-700);
204
- --a-bg-raised: var(--a-neutral-200);
205
- --a-bg-input: var(--a-neutral-000);
206
- --a-bg-data-two-raised-hover: var(--a-data-two-200);
207
- --a-bg-data-two-raised: var(--a-data-two-100);
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);
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
- --a-bg-data-two-moderate-hover: var(--a-data-two-300);
214
- --a-bg-data-two-moderate: var(--a-data-two-200);
215
- --a-bg-data-two-hover: var(--a-data-two-200);
216
- --a-bg-data-two: var(--a-data-two-100);
217
- --a-bg-data-one-raised-hover: var(--a-data-one-200);
218
- --a-bg-data-one-raised: var(--a-data-one-100);
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);
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
- --a-bg-data-one-moderate-hover: var(--a-data-one-300);
225
- --a-bg-data-one-moderate: var(--a-data-one-200);
226
- --a-bg-data-one-hover: var(--a-data-one-200);
227
- --a-bg-data-one: var(--a-data-one-100);
228
- --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
229
- --a-bg-brand-three-raised: var(--a-brand-three-100);
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);
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
- --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
236
- --a-bg-brand-three-moderate: var(--a-brand-three-200);
237
- --a-bg-brand-three-hover: var(--a-brand-three-200);
238
- --a-bg-brand-three: var(--a-brand-three-100);
239
- --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
240
- --a-bg-brand-two-raised: var(--a-brand-two-100);
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);
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
- --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
247
- --a-bg-brand-two-moderate: var(--a-brand-two-200);
248
- --a-bg-brand-two-hover: var(--a-brand-two-200);
249
- --a-bg-brand-two: var(--a-brand-two-100);
250
- --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
251
- --a-bg-brand-one-raised: var(--a-brand-one-100);
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);
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
- --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
258
- --a-bg-brand-one-moderate: var(--a-brand-one-200);
259
- --a-bg-brand-one-hover: var(--a-brand-one-200);
260
- --a-bg-brand-one: var(--a-brand-one-100);
261
- --a-bg-info-raised-hover: var(--a-info-200);
262
- --a-bg-info-raised: var(--a-info-100);
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);
266
- --a-bg-info-moderate-selected: var(--a-info-700);
267
- --a-bg-info-moderate-pressed: var(--a-info-400);
268
- --a-bg-info-moderate-hover: var(--a-info-300);
269
- --a-bg-info-moderate: var(--a-info-200);
270
- --a-bg-info-hover: var(--a-info-200);
271
- --a-bg-info: var(--a-info-100);
272
- --a-bg-danger-raised-hover: var(--a-danger-200);
273
- --a-bg-danger-raised: var(--a-danger-100);
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);
277
- --a-bg-danger-moderate-selected: var(--a-danger-700);
278
- --a-bg-danger-moderate-pressed: var(--a-danger-400);
279
- --a-bg-danger-moderate-hover: var(--a-danger-300);
280
- --a-bg-danger-moderate: var(--a-danger-200);
281
- --a-bg-danger-hover: var(--a-danger-200);
282
- --a-bg-danger: var(--a-danger-100);
283
- --a-bg-warning-raised-hover: var(--a-warning-200);
284
- --a-bg-warning-raised: var(--a-warning-100);
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);
288
- --a-bg-warning-moderate-selected: var(--a-warning-700);
289
- --a-bg-warning-moderate-pressed: var(--a-warning-400);
290
- --a-bg-warning-moderate-hover: var(--a-warning-300);
291
- --a-bg-warning-moderate: var(--a-warning-200);
292
- --a-bg-warning-hover: var(--a-warning-200);
293
- --a-bg-warning: var(--a-warning-100);
294
- --a-bg-success-raised-hover: var(--a-success-200);
295
- --a-bg-success-raised: var(--a-success-100);
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);
299
- --a-bg-success-moderate-selected: var(--a-success-700);
300
- --a-bg-success-moderate-pressed: var(--a-success-400);
301
- --a-bg-success-moderate-hover: var(--a-success-300);
302
- --a-bg-success-moderate: var(--a-success-200);
303
- --a-bg-success-hover: var(--a-success-200);
304
- --a-bg-success: var(--a-success-100);
305
- --a-bg-accent-raised-hover: var(--a-accent-200);
306
- --a-bg-accent-raised: var(--a-accent-100);
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);
310
- --a-bg-accent-moderate-selected: var(--a-accent-700);
311
- --a-bg-accent-moderate-pressed: var(--a-accent-400);
312
- --a-bg-accent-moderate-hover: var(--a-accent-300);
313
- --a-bg-accent-moderate: var(--a-accent-200);
314
- --a-bg-accent-hover: var(--a-accent-200);
315
- --a-bg-accent: var(--a-accent-100);
316
- --a-bg-neutral-raised-hover: var(--a-neutral-200);
317
- --a-bg-neutral-raised: var(--a-neutral-100);
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);
321
- --a-bg-neutral-moderate-selected: var(--a-neutral-700);
322
- --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
323
- --a-bg-neutral-moderate-hover: var(--a-neutral-300);
324
- --a-bg-neutral-moderate: var(--a-neutral-200);
325
- --a-bg-neutral-hover: var(--a-neutral-200);
326
- --a-bg-neutral: var(--a-neutral-100);
6
+ --ax-data-two-400A: #fbf50029;
7
+ --ax-data-two-300A: #fce9001d;
8
+ --ax-data-two-200A: #f6cf0016;
9
+ --ax-data-two-100A: #fcbf000f;
10
+ --ax-data-two-1000: #c5d14c;
11
+ --ax-data-two-900: #a9b325;
12
+ --ax-data-two-800: #99a200;
13
+ --ax-data-two-700: #8f9800;
14
+ --ax-data-two-600: #7c8400;
15
+ --ax-data-two-500: #6a7200;
16
+ --ax-data-two-400: #343900;
17
+ --ax-data-two-300: #292d00;
18
+ --ax-data-two-200: #222500;
19
+ --ax-data-two-100: #1c1f00;
20
+ --ax-data-one-400A: #fdb3ee2f;
21
+ --ax-data-one-300A: #ff99e423;
22
+ --ax-data-one-200A: #fa7dd31b;
23
+ --ax-data-one-100A: #f64fb616;
24
+ --ax-data-one-1000: #cdc5d9;
25
+ --ax-data-one-900: #b2a7c3;
26
+ --ax-data-one-800: #a495b7;
27
+ --ax-data-one-700: #9b8bb0;
28
+ --ax-data-one-600: #8876a1;
29
+ --ax-data-one-500: #776491;
30
+ --ax-data-one-400: #3a3245;
31
+ --ax-data-one-300: #2f273a;
32
+ --ax-data-one-200: #272032;
33
+ --ax-data-one-100: #221a2c;
34
+ --ax-brand-three-400A: #aaefff29;
35
+ --ax-brand-three-300A: #abf7f71a;
36
+ --ax-brand-three-200A: #a4f6e211;
37
+ --ax-brand-three-100A: #8efbd20a;
38
+ --ax-brand-three-1000: #b7cbd7;
39
+ --ax-brand-three-900: #93afc0;
40
+ --ax-brand-three-800: #7f9fb3;
41
+ --ax-brand-three-700: #7396ab;
42
+ --ax-brand-three-600: #5a839b;
43
+ --ax-brand-three-500: #43718d;
44
+ --ax-brand-three-400: #273843;
45
+ --ax-brand-three-300: #1e2c35;
46
+ --ax-brand-three-200: #18242c;
47
+ --ax-brand-three-100: #131e26;
48
+ --ax-brand-two-400A: #fc83403f;
49
+ --ax-brand-two-300A: #fe621032;
50
+ --ax-brand-two-200A: #fb45002a;
51
+ --ax-brand-two-100A: #fe1d0021;
52
+ --ax-brand-two-1000: #e3c2b1;
53
+ --ax-brand-two-900: #d1a08c;
54
+ --ax-brand-two-800: #c78e79;
55
+ --ax-brand-two-700: #c0836e;
56
+ --ax-brand-two-600: #ab6f5b;
57
+ --ax-brand-two-500: #975e4a;
58
+ --ax-brand-two-400: #493027;
59
+ --ax-brand-two-300: #3d241c;
60
+ --ax-brand-two-200: #351d15;
61
+ --ax-brand-two-100: #2d160e;
62
+ --ax-brand-one-400A: #fe648144;
63
+ --ax-brand-one-300A: #fb486438;
64
+ --ax-brand-one-200A: #fd264b2f;
65
+ --ax-brand-one-100A: #fa022627;
66
+ --ax-brand-one-1000: #e1c0cc;
67
+ --ax-brand-one-900: #cf9eb1;
68
+ --ax-brand-one-800: #c58aa2;
69
+ --ax-brand-one-700: #be7f99;
70
+ --ax-brand-one-600: #b06886;
71
+ --ax-brand-one-500: #a35276;
72
+ --ax-brand-one-400: #4e2a39;
73
+ --ax-brand-one-300: #42202e;
74
+ --ax-brand-one-200: #3a1827;
75
+ --ax-brand-one-100: #321220;
76
+ --ax-info-400A: #aaefff29;
77
+ --ax-info-300A: #abf7f71a;
78
+ --ax-info-200A: #a4f6e211;
79
+ --ax-info-100A: #8efbd20a;
80
+ --ax-info-1000: #b7cbd7;
81
+ --ax-info-900: #93afc0;
82
+ --ax-info-800: #7f9fb3;
83
+ --ax-info-700: #7396ab;
84
+ --ax-info-600: #5a839b;
85
+ --ax-info-500: #43718d;
86
+ --ax-info-400: #273843;
87
+ --ax-info-300: #1e2c35;
88
+ --ax-info-200: #18242c;
89
+ --ax-info-100: #131e26;
90
+ --ax-danger-400A: #ff362556;
91
+ --ax-danger-300A: #ff150348;
92
+ --ax-danger-200A: #fc00003f;
93
+ --ax-danger-100A: #ff000036;
94
+ --ax-danger-1000: #f6b7cd;
95
+ --ax-danger-900: #f28ea2;
96
+ --ax-danger-800: #ee7685;
97
+ --ax-danger-700: #eb6772;
98
+ --ax-danger-600: #dd4a50;
99
+ --ax-danger-500: #c8343f;
100
+ --ax-danger-400: #5f2021;
101
+ --ax-danger-300: #521517;
102
+ --ax-danger-200: #490b10;
103
+ --ax-danger-100: #410409;
104
+ --ax-warning-400A: #fd60084b;
105
+ --ax-warning-300A: #fc3f003d;
106
+ --ax-warning-200A: #fe1f0033;
107
+ --ax-warning-100A: #fc00002c;
108
+ --ax-warning-1000: #f5bf6d;
109
+ --ax-warning-900: #ed974b;
110
+ --ax-warning-800: #e78040;
111
+ --ax-warning-700: #de753c;
112
+ --ax-warning-600: #c46233;
113
+ --ax-warning-500: #af5122;
114
+ --ax-warning-400: #542b18;
115
+ --ax-warning-300: #471f0c;
116
+ --ax-warning-200: #3e1704;
117
+ --ax-warning-100: #371100;
118
+ --ax-success-400A: #48fd3c2c;
119
+ --ax-success-300A: #00fc001f;
120
+ --ax-success-200A: #00fd0016;
121
+ --ax-success-100A: #00f50010;
122
+ --ax-success-1000: #a4d4ad;
123
+ --ax-success-900: #78ba87;
124
+ --ax-success-800: #5eab72;
125
+ --ax-success-700: #4ca265;
126
+ --ax-success-600: #368e52;
127
+ --ax-success-500: #207c41;
128
+ --ax-success-400: #183d24;
129
+ --ax-success-300: #0b3118;
130
+ --ax-success-200: #032911;
131
+ --ax-success-100: #00230b;
132
+ --ax-accent-400A: #70b3fe37;
133
+ --ax-accent-300A: #5dacfe27;
134
+ --ax-accent-200A: #50a3f91b;
135
+ --ax-accent-100A: #2e95ff10;
136
+ --ax-accent-1000: #b0caf1;
137
+ --ax-accent-900: #84aee6;
138
+ --ax-accent-800: #6d9ddd;
139
+ --ax-accent-700: #5f94d8;
140
+ --ax-accent-600: #447fc9;
141
+ --ax-accent-500: #2e6db8;
142
+ --ax-accent-400: #23374f;
143
+ --ax-accent-300: #1a2c41;
144
+ --ax-accent-200: #152436;
145
+ --ax-accent-100: #101d2d;
146
+ --ax-neutral-400A: #e0edfe27;
147
+ --ax-neutral-300A: #d7defa1c;
148
+ --ax-neutral-200A: #cad1f613;
149
+ --ax-neutral-100A: #c8cff00b;
150
+ --ax-neutral-000: black;
151
+ --ax-neutral-1000: #c4c9d0;
152
+ --ax-neutral-900: #a5acb6;
153
+ --ax-neutral-800: #949ba8;
154
+ --ax-neutral-700: #8a92a0;
155
+ --ax-neutral-600: #767e8c;
156
+ --ax-neutral-500: #656d7b;
157
+ --ax-neutral-400: #2e3641;
158
+ --ax-neutral-300: #242b37;
159
+ --ax-neutral-200: #1c232f;
160
+ --ax-neutral-100: #161d28;
161
+ --ax-bg-overlay: rgba(2, 20, 49, 0.49);
162
+ --ax-bg-sunken: #07090d;
163
+ --ax-bg-input: rgba(14, 21, 31, 0.5);
164
+ --ax-bg-default: #0e151f;
165
+ --ax-border-focus: var(--ax-accent-700);
166
+ --ax-border-strong: var(--ax-neutral-600);
167
+ --ax-border-subtleA: var(--ax-neutral-400A);
168
+ --ax-border-subtle: var(--ax-neutral-400);
169
+ --ax-border-default: var(--ax-neutral-500);
170
+ --ax-border-data-two-strong: var(--ax-data-two-600);
171
+ --ax-border-data-two-subtleA: var(--ax-data-two-400A);
172
+ --ax-border-data-two-subtle: var(--ax-data-two-400);
173
+ --ax-border-data-two: var(--ax-data-two-500);
174
+ --ax-border-data-one-strong: var(--ax-data-one-600);
175
+ --ax-border-data-one-subtleA: var(--ax-data-one-400A);
176
+ --ax-border-data-one-subtle: var(--ax-data-one-400);
177
+ --ax-border-data-one: var(--ax-data-one-500);
178
+ --ax-border-brand-three-strong: var(--ax-brand-three-600);
179
+ --ax-border-brand-three-subtleA: var(--ax-brand-three-400A);
180
+ --ax-border-brand-three-subtle: var(--ax-brand-three-400);
181
+ --ax-border-brand-three: var(--ax-brand-three-500);
182
+ --ax-border-brand-two-strong: var(--ax-brand-two-600);
183
+ --ax-border-brand-two-subtleA: var(--ax-brand-two-400A);
184
+ --ax-border-brand-two-subtle: var(--ax-brand-two-400);
185
+ --ax-border-brand-two: var(--ax-brand-two-500);
186
+ --ax-border-brand-one-strong: var(--ax-brand-one-600);
187
+ --ax-border-brand-one-subtleA: var(--ax-brand-one-400A);
188
+ --ax-border-brand-one-subtle: var(--ax-brand-one-400);
189
+ --ax-border-brand-one: var(--ax-brand-one-500);
190
+ --ax-border-info-strong: var(--ax-info-600);
191
+ --ax-border-info-subtleA: var(--ax-info-400A);
192
+ --ax-border-info-subtle: var(--ax-info-400);
193
+ --ax-border-info: var(--ax-info-500);
194
+ --ax-border-danger-strong: var(--ax-danger-600);
195
+ --ax-border-danger-subtleA: var(--ax-danger-400A);
196
+ --ax-border-danger-subtle: var(--ax-danger-400);
197
+ --ax-border-danger: var(--ax-danger-500);
198
+ --ax-border-warning-strong: var(--ax-warning-600);
199
+ --ax-border-warning-subtleA: var(--ax-warning-400A);
200
+ --ax-border-warning-subtle: var(--ax-warning-400);
201
+ --ax-border-warning: var(--ax-warning-500);
202
+ --ax-border-success-strong: var(--ax-success-600);
203
+ --ax-border-success-subtleA: var(--ax-success-400A);
204
+ --ax-border-success-subtle: var(--ax-success-400);
205
+ --ax-border-success: var(--ax-success-500);
206
+ --ax-border-accent-strong: var(--ax-accent-600);
207
+ --ax-border-accent-subtleA: var(--ax-accent-400A);
208
+ --ax-border-accent-subtle: var(--ax-accent-400);
209
+ --ax-border-accent: var(--ax-accent-500);
210
+ --ax-border-neutral-strong: var(--ax-neutral-600);
211
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
212
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
213
+ --ax-border-neutral: var(--ax-neutral-500);
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-data-two-contrast: var(--ax-neutral-000);
218
+ --ax-text-data-one-contrast: var(--ax-neutral-000);
219
+ --ax-text-brand-three-contrast: var(--ax-neutral-000);
220
+ --ax-text-brand-two-contrast: var(--ax-neutral-000);
221
+ --ax-text-brand-one-contrast: var(--ax-neutral-000);
222
+ --ax-text-warning-contrast: var(--ax-neutral-000);
223
+ --ax-text-success-contrast: var(--ax-neutral-000);
224
+ --ax-text-info-contrast: var(--ax-neutral-000);
225
+ --ax-text-danger-contrast: var(--ax-neutral-000);
226
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
227
+ --ax-text-accent-contrast: var(--ax-neutral-000);
228
+ --ax-text-data-two-icon: var(--ax-data-two-600);
229
+ --ax-text-data-two-strong: var(--ax-data-two-900);
230
+ --ax-text-data-two: var(--ax-data-two-700);
231
+ --ax-text-data-one-icon: var(--ax-data-one-600);
232
+ --ax-text-data-one-strong: var(--ax-data-one-900);
233
+ --ax-text-data-one: var(--ax-data-one-700);
234
+ --ax-text-brand-three-icon: var(--ax-brand-three-600);
235
+ --ax-text-brand-three-strong: var(--ax-brand-three-900);
236
+ --ax-text-brand-three: var(--ax-brand-three-700);
237
+ --ax-text-brand-two-icon: var(--ax-brand-two-600);
238
+ --ax-text-brand-two-strong: var(--ax-brand-two-900);
239
+ --ax-text-brand-two: var(--ax-brand-two-700);
240
+ --ax-text-brand-one-icon: var(--ax-brand-one-600);
241
+ --ax-text-brand-one-strong: var(--ax-brand-one-900);
242
+ --ax-text-brand-one: var(--ax-brand-one-700);
243
+ --ax-text-info-icon: var(--ax-info-600);
244
+ --ax-text-info-strong: var(--ax-info-900);
245
+ --ax-text-info: var(--ax-info-700);
246
+ --ax-text-danger-icon: var(--ax-danger-600);
247
+ --ax-text-danger-strong: var(--ax-danger-900);
248
+ --ax-text-danger: var(--ax-danger-700);
249
+ --ax-text-warning-icon: var(--ax-warning-600);
250
+ --ax-text-warning-strong: var(--ax-warning-900);
251
+ --ax-text-warning: var(--ax-warning-700);
252
+ --ax-text-success-icon: var(--ax-success-600);
253
+ --ax-text-success-strong: var(--ax-success-900);
254
+ --ax-text-success: var(--ax-success-700);
255
+ --ax-text-accent-icon: var(--ax-accent-600);
256
+ --ax-text-accent-strong: var(--ax-accent-900);
257
+ --ax-text-accent: var(--ax-accent-700);
258
+ --ax-text-neutral-icon: var(--ax-neutral-600);
259
+ --ax-text-neutral-strong: var(--ax-neutral-900);
260
+ --ax-text-neutral: var(--ax-neutral-700);
261
+ --ax-bg-raised: var(--ax-neutral-200);
262
+ --ax-bg-data-two-raised-hover: var(--ax-data-two-300);
263
+ --ax-bg-data-two-raised: var(--ax-data-two-200);
264
+ --ax-bg-data-two-strong-pressed: var(--ax-data-two-800);
265
+ --ax-bg-data-two-strong-hover: var(--ax-data-two-700);
266
+ --ax-bg-data-two-strong: var(--ax-data-two-600);
267
+ --ax-bg-data-two-moderate-pressedA: var(--ax-data-two-400A);
268
+ --ax-bg-data-two-moderate-pressed: var(--ax-data-two-400);
269
+ --ax-bg-data-two-moderate-hoverA: var(--ax-data-two-300A);
270
+ --ax-bg-data-two-moderate-hover: var(--ax-data-two-300);
271
+ --ax-bg-data-two-moderateA: var(--ax-data-two-200A);
272
+ --ax-bg-data-two-moderate: var(--ax-data-two-200);
273
+ --ax-bg-data-two-hoverA: var(--ax-data-two-200A);
274
+ --ax-bg-data-two-hover: var(--ax-data-two-200);
275
+ --ax-bg-data-two: var(--ax-data-two-100);
276
+ --ax-bg-data-one-raised-hover: var(--ax-data-one-300);
277
+ --ax-bg-data-one-raised: var(--ax-data-one-200);
278
+ --ax-bg-data-one-strong-pressed: var(--ax-data-one-800);
279
+ --ax-bg-data-one-strong-hover: var(--ax-data-one-700);
280
+ --ax-bg-data-one-strong: var(--ax-data-one-600);
281
+ --ax-bg-data-one-moderate-pressedA: var(--ax-data-one-400A);
282
+ --ax-bg-data-one-moderate-pressed: var(--ax-data-one-400);
283
+ --ax-bg-data-one-moderate-hoverA: var(--ax-data-one-300A);
284
+ --ax-bg-data-one-moderate-hover: var(--ax-data-one-300);
285
+ --ax-bg-data-one-moderateA: var(--ax-data-one-200A);
286
+ --ax-bg-data-one-moderate: var(--ax-data-one-200);
287
+ --ax-bg-data-one-hoverA: var(--ax-data-one-200A);
288
+ --ax-bg-data-one-hover: var(--ax-data-one-200);
289
+ --ax-bg-data-one: var(--ax-data-one-100);
290
+ --ax-bg-brand-three-raised-hover: var(--ax-brand-three-300);
291
+ --ax-bg-brand-three-raised: var(--ax-brand-three-200);
292
+ --ax-bg-brand-three-strong-pressed: var(--ax-brand-three-800);
293
+ --ax-bg-brand-three-strong-hover: var(--ax-brand-three-700);
294
+ --ax-bg-brand-three-strong: var(--ax-brand-three-600);
295
+ --ax-bg-brand-three-moderate-pressedA: var(--ax-brand-three-400A);
296
+ --ax-bg-brand-three-moderate-pressed: var(--ax-brand-three-400);
297
+ --ax-bg-brand-three-moderate-hoverA: var(--ax-brand-three-300A);
298
+ --ax-bg-brand-three-moderate-hover: var(--ax-brand-three-300);
299
+ --ax-bg-brand-three-moderateA: var(--ax-brand-three-200A);
300
+ --ax-bg-brand-three-moderate: var(--ax-brand-three-200);
301
+ --ax-bg-brand-three-hoverA: var(--ax-brand-three-200A);
302
+ --ax-bg-brand-three-hover: var(--ax-brand-three-200);
303
+ --ax-bg-brand-three: var(--ax-brand-three-100);
304
+ --ax-bg-brand-two-raised-hover: var(--ax-brand-two-300);
305
+ --ax-bg-brand-two-raised: var(--ax-brand-two-200);
306
+ --ax-bg-brand-two-strong-pressed: var(--ax-brand-two-800);
307
+ --ax-bg-brand-two-strong-hover: var(--ax-brand-two-700);
308
+ --ax-bg-brand-two-strong: var(--ax-brand-two-600);
309
+ --ax-bg-brand-two-moderate-pressedA: var(--ax-brand-two-400A);
310
+ --ax-bg-brand-two-moderate-pressed: var(--ax-brand-two-400);
311
+ --ax-bg-brand-two-moderate-hoverA: var(--ax-brand-two-300A);
312
+ --ax-bg-brand-two-moderate-hover: var(--ax-brand-two-300);
313
+ --ax-bg-brand-two-moderateA: var(--ax-brand-two-200A);
314
+ --ax-bg-brand-two-moderate: var(--ax-brand-two-200);
315
+ --ax-bg-brand-two-hoverA: var(--ax-brand-two-200A);
316
+ --ax-bg-brand-two-hover: var(--ax-brand-two-200);
317
+ --ax-bg-brand-two: var(--ax-brand-two-100);
318
+ --ax-bg-brand-one-raised-hover: var(--ax-brand-one-300);
319
+ --ax-bg-brand-one-raised: var(--ax-brand-one-200);
320
+ --ax-bg-brand-one-strong-pressed: var(--ax-brand-one-800);
321
+ --ax-bg-brand-one-strong-hover: var(--ax-brand-one-700);
322
+ --ax-bg-brand-one-strong: var(--ax-brand-one-600);
323
+ --ax-bg-brand-one-moderate-pressedA: var(--ax-brand-one-400A);
324
+ --ax-bg-brand-one-moderate-pressed: var(--ax-brand-one-400);
325
+ --ax-bg-brand-one-moderate-hoverA: var(--ax-brand-one-300A);
326
+ --ax-bg-brand-one-moderate-hover: var(--ax-brand-one-300);
327
+ --ax-bg-brand-one-moderateA: var(--ax-brand-one-200A);
328
+ --ax-bg-brand-one-moderate: var(--ax-brand-one-200);
329
+ --ax-bg-brand-one-hoverA: var(--ax-brand-one-200A);
330
+ --ax-bg-brand-one-hover: var(--ax-brand-one-200);
331
+ --ax-bg-brand-one: var(--ax-brand-one-100);
332
+ --ax-bg-info-raised-hover: var(--ax-info-300);
333
+ --ax-bg-info-raised: var(--ax-info-200);
334
+ --ax-bg-info-strong-pressed: var(--ax-info-800);
335
+ --ax-bg-info-strong-hover: var(--ax-info-700);
336
+ --ax-bg-info-strong: var(--ax-info-600);
337
+ --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
338
+ --ax-bg-info-moderate-pressed: var(--ax-info-400);
339
+ --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
340
+ --ax-bg-info-moderate-hover: var(--ax-info-300);
341
+ --ax-bg-info-moderateA: var(--ax-info-200A);
342
+ --ax-bg-info-moderate: var(--ax-info-200);
343
+ --ax-bg-info-hoverA: var(--ax-info-200A);
344
+ --ax-bg-info-hover: var(--ax-info-200);
345
+ --ax-bg-info: var(--ax-info-100);
346
+ --ax-bg-danger-raised-hover: var(--ax-danger-300);
347
+ --ax-bg-danger-raised: var(--ax-danger-200);
348
+ --ax-bg-danger-strong-pressed: var(--ax-danger-800);
349
+ --ax-bg-danger-strong-hover: var(--ax-danger-700);
350
+ --ax-bg-danger-strong: var(--ax-danger-600);
351
+ --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
352
+ --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
353
+ --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
354
+ --ax-bg-danger-moderate-hover: var(--ax-danger-300);
355
+ --ax-bg-danger-moderateA: var(--ax-danger-200A);
356
+ --ax-bg-danger-moderate: var(--ax-danger-200);
357
+ --ax-bg-danger-hoverA: var(--ax-danger-200A);
358
+ --ax-bg-danger-hover: var(--ax-danger-200);
359
+ --ax-bg-danger: var(--ax-danger-100);
360
+ --ax-bg-warning-raised-hover: var(--ax-warning-300);
361
+ --ax-bg-warning-raised: var(--ax-warning-200);
362
+ --ax-bg-warning-strong-pressed: var(--ax-warning-800);
363
+ --ax-bg-warning-strong-hover: var(--ax-warning-700);
364
+ --ax-bg-warning-strong: var(--ax-warning-600);
365
+ --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
366
+ --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
367
+ --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
368
+ --ax-bg-warning-moderate-hover: var(--ax-warning-300);
369
+ --ax-bg-warning-moderateA: var(--ax-warning-200A);
370
+ --ax-bg-warning-moderate: var(--ax-warning-200);
371
+ --ax-bg-warning-hoverA: var(--ax-warning-200A);
372
+ --ax-bg-warning-hover: var(--ax-warning-200);
373
+ --ax-bg-warning: var(--ax-warning-100);
374
+ --ax-bg-success-raised-hover: var(--ax-success-300);
375
+ --ax-bg-success-raised: var(--ax-success-200);
376
+ --ax-bg-success-strong-pressed: var(--ax-success-800);
377
+ --ax-bg-success-strong-hover: var(--ax-success-700);
378
+ --ax-bg-success-strong: var(--ax-success-600);
379
+ --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
380
+ --ax-bg-success-moderate-pressed: var(--ax-success-400);
381
+ --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
382
+ --ax-bg-success-moderate-hover: var(--ax-success-300);
383
+ --ax-bg-success-moderateA: var(--ax-success-200A);
384
+ --ax-bg-success-moderate: var(--ax-success-200);
385
+ --ax-bg-success-hoverA: var(--ax-success-200A);
386
+ --ax-bg-success-hover: var(--ax-success-200);
387
+ --ax-bg-success: var(--ax-success-100);
388
+ --ax-bg-accent-raised-hover: var(--ax-accent-300);
389
+ --ax-bg-accent-raised: var(--ax-accent-200);
390
+ --ax-bg-accent-strong-pressed: var(--ax-accent-800);
391
+ --ax-bg-accent-strong-hover: var(--ax-accent-700);
392
+ --ax-bg-accent-strong: var(--ax-accent-600);
393
+ --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
394
+ --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
395
+ --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
396
+ --ax-bg-accent-moderate-hover: var(--ax-accent-300);
397
+ --ax-bg-accent-moderateA: var(--ax-accent-200A);
398
+ --ax-bg-accent-moderate: var(--ax-accent-200);
399
+ --ax-bg-accent-hoverA: var(--ax-accent-200A);
400
+ --ax-bg-accent-hover: var(--ax-accent-200);
401
+ --ax-bg-accent: var(--ax-accent-100);
402
+ --ax-bg-neutral-raised-hover: var(--ax-neutral-300);
403
+ --ax-bg-neutral-raised: var(--ax-neutral-200);
404
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-800);
405
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-700);
406
+ --ax-bg-neutral-strong: var(--ax-neutral-600);
407
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
408
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
409
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
410
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
411
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
412
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
413
+ --ax-bg-neutral-hoverA: var(--ax-neutral-200A);
414
+ --ax-bg-neutral-hover: var(--ax-neutral-200);
415
+ --ax-bg-neutral: var(--ax-neutral-100);
327
416
  }