@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/tokens.css CHANGED
@@ -1,145 +1,131 @@
1
1
  :root, :host, .light, .light-theme {
2
- --a-data-three-1000: #3c2000;
3
- --a-data-three-900: #6e5300;
4
- --a-data-three-800: #7d6300;
5
- --a-data-three-700: #896e00;
6
- --a-data-three-600: #947900;
7
- --a-data-three-500: #a28700;
8
- --a-data-three-400: #edd247;
9
- --a-data-three-300: #fee35b;
10
- --a-data-three-200: #ffefa2;
11
- --a-data-three-100: #fff6c9;
12
2
  --a-data-two-1000: #2a2800;
13
- --a-data-two-900: #575b00;
14
- --a-data-two-800: #656b00;
15
- --a-data-two-700: #707600;
16
- --a-data-two-600: #7a8100;
3
+ --a-data-two-900: #515400;
4
+ --a-data-two-800: #5c6100;
5
+ --a-data-two-700: #646900;
6
+ --a-data-two-600: #757c00;
17
7
  --a-data-two-500: #878f00;
18
8
  --a-data-two-400: #d0dc00;
19
9
  --a-data-two-300: #e0ec6b;
20
10
  --a-data-two-200: #ebf4a9;
21
11
  --a-data-two-100: #f4f9d1;
22
12
  --a-data-one-1000: #331a4d;
23
- --a-data-one-900: #654c83;
24
- --a-data-one-800: #735b93;
25
- --a-data-one-700: #7e669e;
26
- --a-data-one-600: #8972a8;
13
+ --a-data-one-900: #5e467c;
14
+ --a-data-one-800: #6a5289;
15
+ --a-data-one-700: #725a91;
16
+ --a-data-one-600: #846ca4;
27
17
  --a-data-one-500: #9580b1;
28
18
  --a-data-one-400: #d7cfe3;
29
19
  --a-data-one-300: #e6e1ed;
30
20
  --a-data-one-200: #f0edf4;
31
21
  --a-data-one-100: #f7f5f9;
32
22
  --a-brand-three-1000: #002942;
33
- --a-brand-three-900: #065d84;
34
- --a-brand-three-800: #276c92;
35
- --a-brand-three-700: #38779b;
36
- --a-brand-three-600: #4982a4;
23
+ --a-brand-three-900: #00557d;
24
+ --a-brand-three-800: #156389;
25
+ --a-brand-three-700: #246b91;
26
+ --a-brand-three-600: #417da0;
37
27
  --a-brand-three-500: #5a8fae;
38
28
  --a-brand-three-400: #c0d6e4;
39
29
  --a-brand-three-300: #d7e6f0;
40
30
  --a-brand-three-200: #e3eff7;
41
31
  --a-brand-three-100: #eef6fc;
42
- --a-brand-two-1000: #401c17;
43
- --a-brand-two-900: #86443b;
44
- --a-brand-two-800: #9a5147;
45
- --a-brand-two-700: #a95b4f;
46
- --a-brand-two-600: #b76558;
47
- --a-brand-two-500: #c87163;
48
- --a-brand-two-400: #fac8b3;
49
- --a-brand-two-300: #fcdccd;
50
- --a-brand-two-200: #fdeae0;
51
- --a-brand-two-100: #fff3ed;
32
+ --a-brand-two-1000: #3c1f15;
33
+ --a-brand-two-900: #764332;
34
+ --a-brand-two-800: #874e3b;
35
+ --a-brand-two-700: #915541;
36
+ --a-brand-two-600: #a9654e;
37
+ --a-brand-two-500: #c0765d;
38
+ --a-brand-two-400: #f8c8b1;
39
+ --a-brand-two-300: #fcddcd;
40
+ --a-brand-two-200: #fdebe0;
41
+ --a-brand-two-100: #fff4ee;
52
42
  --a-brand-one-1000: #52002b;
53
- --a-brand-one-900: #9e2664;
54
- --a-brand-one-800: #a93f71;
55
- --a-brand-one-700: #b24f7c;
56
- --a-brand-one-600: #b95e86;
43
+ --a-brand-one-900: #98185d;
44
+ --a-brand-one-800: #a33069;
45
+ --a-brand-one-700: #a93d70;
46
+ --a-brand-one-600: #b65781;
57
47
  --a-brand-one-500: #c26f92;
58
48
  --a-brand-one-400: #eccad6;
59
49
  --a-brand-one-300: #f3dde5;
60
50
  --a-brand-one-200: #f8eaef;
61
51
  --a-brand-one-100: #fbf3f6;
62
- --a-info-1000: #002b35;
63
- --a-info-900: #225e6c;
64
- --a-info-800: #2b6e7e;
65
- --a-info-700: #327a8c;
66
- --a-info-600: #3a8599;
67
- --a-info-500: #4293a9;
68
- --a-info-400: #97ddf1;
69
- --a-info-300: #bcebf6;
70
- --a-info-200: #d1f3fa;
71
- --a-info-100: #e6fafe;
52
+ --a-info-1000: #002942;
53
+ --a-info-900: #00557d;
54
+ --a-info-800: #156389;
55
+ --a-info-700: #246b91;
56
+ --a-info-600: #417da0;
57
+ --a-info-500: #5a8fae;
58
+ --a-info-400: #c0d6e4;
59
+ --a-info-300: #d7e6f0;
60
+ --a-info-200: #e3eff7;
61
+ --a-info-100: #eef6fc;
72
62
  --a-danger-1000: #560000;
73
- --a-danger-900: #b2001d;
74
- --a-danger-800: #cd0033;
75
- --a-danger-700: #db1e3e;
76
- --a-danger-600: #e93148;
77
- --a-danger-500: #f94356;
63
+ --a-danger-900: #a60000;
64
+ --a-danger-800: #bd0015;
65
+ --a-danger-700: #cc0023;
66
+ --a-danger-600: #e81c3b;
67
+ --a-danger-500: #fa4256;
78
68
  --a-danger-400: #ffc2d7;
79
69
  --a-danger-300: #ffdae6;
80
70
  --a-danger-200: #ffe9f0;
81
71
  --a-danger-100: #fff3f7;
82
- --a-warning-1000: #3d1f00;
83
- --a-warning-900: #824900;
84
- --a-warning-800: #975600;
85
- --a-warning-700: #a65f00;
86
- --a-warning-600: #b66900;
87
- --a-warning-500: #c97400;
88
- --a-warning-400: #ffcb63;
89
- --a-warning-300: #ffdfa2;
90
- --a-warning-200: #ffeccb;
91
- --a-warning-100: #fff5e6;
92
- --a-success-1000: #002e0f;
93
- --a-success-900: #00643f;
94
- --a-success-800: #00754e;
95
- --a-success-700: #008159;
96
- --a-success-600: #008d65;
97
- --a-success-500: #159b72;
98
- --a-success-400: #abdebd;
99
- --a-success-300: #c6edd1;
100
- --a-success-200: #d6f6dd;
101
- --a-success-100: #e3fde8;
102
- --a-accent-1000: #001280;
103
- --a-accent-900: #0051bc;
104
- --a-accent-800: #0063ce;
105
- --a-accent-700: #006fdb;
106
- --a-accent-600: #007be8;
107
- --a-accent-500: #008af9;
108
- --a-accent-400: #b0d7ff;
109
- --a-accent-300: #cee6ff;
110
- --a-accent-200: #e1f0ff;
111
- --a-accent-100: #edf6ff;
72
+ --a-warning-1000: #481700;
73
+ --a-warning-900: #8c3500;
74
+ --a-warning-800: #a03e00;
75
+ --a-warning-700: #ac4400;
76
+ --a-warning-600: #c95100;
77
+ --a-warning-500: #e75e01;
78
+ --a-warning-400: #ffcb6f;
79
+ --a-warning-300: #ffdea5;
80
+ --a-warning-200: #ffebc7;
81
+ --a-warning-100: #fff5e4;
82
+ --a-success-1000: #002e00;
83
+ --a-success-900: #005e0f;
84
+ --a-success-800: #006c1f;
85
+ --a-success-700: #007629;
86
+ --a-success-600: #00893c;
87
+ --a-success-500: #199d4f;
88
+ --a-success-400: #a8dfb4;
89
+ --a-success-300: #c4edcd;
90
+ --a-success-200: #d5f6db;
91
+ --a-success-100: #e2fde8;
92
+ --a-accent-1000: #002459;
93
+ --a-accent-900: #004ea3;
94
+ --a-accent-800: #005bb6;
95
+ --a-accent-700: #0063c1;
96
+ --a-accent-600: #2277d5;
97
+ --a-accent-500: #428ae3;
98
+ --a-accent-400: #bad5fb;
99
+ --a-accent-300: #d4e5fd;
100
+ --a-accent-200: #e4eeff;
101
+ --a-accent-100: #f1f7ff;
112
102
  --a-neutral-000: white;
113
103
  --a-neutral-1000: #202733;
114
- --a-neutral-900: #4f5864;
115
- --a-neutral-800: #5e6674;
116
- --a-neutral-700: #69717f;
117
- --a-neutral-600: #747c8a;
104
+ --a-neutral-900: #49515e;
105
+ --a-neutral-800: #555d6a;
106
+ --a-neutral-700: #5d6573;
107
+ --a-neutral-600: #6f7785;
118
108
  --a-neutral-500: #818997;
119
109
  --a-neutral-400: #cfd3d8;
120
110
  --a-neutral-300: #e1e3e7;
121
111
  --a-neutral-200: #ecedef;
122
112
  --a-neutral-100: #f5f6f7;
123
- --a-contrast-data-two: #fff;
124
- --a-contrast-data-three: #fff;
125
- --a-contrast-data-one: #fff;
126
- --a-contrast-brand-three: #fff;
127
- --a-contrast-brand-two: #fff;
128
- --a-contrast-brand-one: #fff;
129
- --a-contrast-warning: #fff;
130
- --a-contrast-success: #fff;
131
- --a-contrast-info: #fff;
132
- --a-contrast-danger: #fff;
133
- --a-contrast-neutral: #fff;
134
- --a-contrast-accent: #fff;
135
- --a-bg-overlay: #021431;
113
+ --a-bg-overlay: #0214317d;
114
+ --a-contrast-data-two: var(--a-neutral-000);
115
+ --a-contrast-data-one: var(--a-neutral-000);
116
+ --a-contrast-brand-three: var(--a-neutral-000);
117
+ --a-contrast-brand-two: var(--a-neutral-000);
118
+ --a-contrast-brand-one: var(--a-neutral-000);
119
+ --a-contrast-warning: var(--a-neutral-000);
120
+ --a-contrast-success: var(--a-neutral-000);
121
+ --a-contrast-info: var(--a-neutral-000);
122
+ --a-contrast-danger: var(--a-neutral-000);
123
+ --a-contrast-neutral: var(--a-neutral-000);
124
+ --a-contrast-accent: var(--a-neutral-000);
136
125
  --a-border-focus: var(--a-accent-700);
137
126
  --a-border-strong: var(--a-neutral-600);
138
127
  --a-border-subtle: var(--a-neutral-400);
139
128
  --a-border-default: var(--a-neutral-500);
140
- --a-border-data-three-strong: var(--a-data-three-600);
141
- --a-border-data-three-subtle: var(--a-data-three-400);
142
- --a-border-data-three: var(--a-data-three-500);
143
129
  --a-border-data-two-strong: var(--a-data-two-600);
144
130
  --a-border-data-two-subtle: var(--a-data-two-400);
145
131
  --a-border-data-two: var(--a-data-two-500);
@@ -176,174 +162,160 @@
176
162
  --a-text-icon: var(--a-neutral-600);
177
163
  --a-text-subtle: var(--a-neutral-900);
178
164
  --a-text-default: var(--a-neutral-1000);
179
- --a-text-data-three-icon: var(--a-data-three-600);
180
- --a-text-data-three-subtle: var(--a-data-three-900);
181
- --a-text-data-three: var(--a-data-three-1000);
182
165
  --a-text-data-two-icon: var(--a-data-two-600);
183
- --a-text-data-two-subtle: var(--a-data-two-900);
184
- --a-text-data-two: var(--a-data-two-1000);
166
+ --a-text-data-two-strong: var(--a-data-two-900);
167
+ --a-text-data-two: var(--a-data-two-700);
185
168
  --a-text-data-one-icon: var(--a-data-one-600);
186
- --a-text-data-one-subtle: var(--a-data-one-900);
187
- --a-text-data-one: var(--a-data-one-1000);
169
+ --a-text-data-one-strong: var(--a-data-one-900);
170
+ --a-text-data-one: var(--a-data-one-700);
188
171
  --a-text-brand-three-icon: var(--a-brand-three-600);
189
- --a-text-brand-three-subtle: var(--a-brand-three-900);
190
- --a-text-brand-three: var(--a-brand-three-1000);
172
+ --a-text-brand-three-strong: var(--a-brand-three-900);
173
+ --a-text-brand-three: var(--a-brand-three-700);
191
174
  --a-text-brand-two-icon: var(--a-brand-two-600);
192
- --a-text-brand-two-subtle: var(--a-brand-two-900);
193
- --a-text-brand-two: var(--a-brand-two-1000);
175
+ --a-text-brand-two-strong: var(--a-brand-two-900);
176
+ --a-text-brand-two: var(--a-brand-two-700);
194
177
  --a-text-brand-one-icon: var(--a-brand-one-600);
195
- --a-text-brand-one-subtle: var(--a-brand-one-900);
196
- --a-text-brand-one: var(--a-brand-one-1000);
178
+ --a-text-brand-one-strong: var(--a-brand-one-900);
179
+ --a-text-brand-one: var(--a-brand-one-700);
197
180
  --a-text-info-icon: var(--a-info-600);
198
- --a-text-info-subtle: var(--a-info-900);
199
- --a-text-info: var(--a-info-1000);
181
+ --a-text-info-strong: var(--a-info-900);
182
+ --a-text-info: var(--a-info-700);
200
183
  --a-text-danger-icon: var(--a-danger-600);
201
- --a-text-danger-subtle: var(--a-danger-900);
202
- --a-text-danger: var(--a-danger-1000);
184
+ --a-text-danger-strong: var(--a-danger-900);
185
+ --a-text-danger: var(--a-danger-700);
203
186
  --a-text-warning-icon: var(--a-warning-600);
204
- --a-text-warning-subtle: var(--a-warning-900);
205
- --a-text-warning: var(--a-warning-1000);
187
+ --a-text-warning-strong: var(--a-warning-900);
188
+ --a-text-warning: var(--a-warning-700);
206
189
  --a-text-success-icon: var(--a-success-600);
207
- --a-text-success-subtle: var(--a-success-900);
208
- --a-text-success: var(--a-success-1000);
190
+ --a-text-success-strong: var(--a-success-900);
191
+ --a-text-success: var(--a-success-700);
209
192
  --a-text-accent-icon: var(--a-accent-600);
210
- --a-text-accent-subtle: var(--a-accent-900);
211
- --a-text-accent: var(--a-accent-1000);
193
+ --a-text-accent-strong: var(--a-accent-900);
194
+ --a-text-accent: var(--a-accent-700);
212
195
  --a-text-neutral-icon: var(--a-neutral-600);
213
- --a-text-neutral-subtle: var(--a-neutral-900);
214
- --a-text-neutral: var(--a-neutral-1000);
196
+ --a-text-neutral-strong: var(--a-neutral-900);
197
+ --a-text-neutral: var(--a-neutral-700);
215
198
  --a-bg-sunken: var(--a-neutral-200);
216
199
  --a-bg-raised: var(--a-neutral-000);
217
200
  --a-bg-input: var(--a-neutral-000);
218
201
  --a-bg-default: var(--a-neutral-000);
219
- --a-bg-data-three-raised-hover: var(--a-data-three-200);
220
- --a-bg-data-three-raised: var(--a-data-three-100);
221
- --a-bg-data-three-strong-active: var(--a-data-three-900);
222
- --a-bg-data-three-strong-hover: var(--a-data-three-800);
223
- --a-bg-data-three-strong: var(--a-data-three-700);
224
- --a-bg-data-three-moderate-selected: var(--a-data-three-700);
225
- --a-bg-data-three-moderate-active: var(--a-data-three-400);
226
- --a-bg-data-three-moderate-hover: var(--a-data-three-300);
227
- --a-bg-data-three-moderate: var(--a-data-three-200);
228
- --a-bg-data-three-hover: var(--a-data-three-200);
229
- --a-bg-data-three: var(--a-data-three-100);
230
202
  --a-bg-data-two-raised-hover: var(--a-data-two-200);
231
203
  --a-bg-data-two-raised: var(--a-data-two-100);
232
- --a-bg-data-two-strong-active: var(--a-data-two-900);
233
- --a-bg-data-two-strong-hover: var(--a-data-two-800);
234
- --a-bg-data-two-strong: var(--a-data-two-700);
204
+ --a-bg-data-two-strong-pressed: var(--a-data-two-800);
205
+ --a-bg-data-two-strong-hover: var(--a-data-two-700);
206
+ --a-bg-data-two-strong: var(--a-data-two-600);
235
207
  --a-bg-data-two-moderate-selected: var(--a-data-two-700);
236
- --a-bg-data-two-moderate-active: var(--a-data-two-400);
208
+ --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
237
209
  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
238
210
  --a-bg-data-two-moderate: var(--a-data-two-200);
239
211
  --a-bg-data-two-hover: var(--a-data-two-200);
240
212
  --a-bg-data-two: var(--a-data-two-100);
241
213
  --a-bg-data-one-raised-hover: var(--a-data-one-200);
242
214
  --a-bg-data-one-raised: var(--a-data-one-100);
243
- --a-bg-data-one-strong-active: var(--a-data-one-900);
244
- --a-bg-data-one-strong-hover: var(--a-data-one-800);
245
- --a-bg-data-one-strong: var(--a-data-one-700);
215
+ --a-bg-data-one-strong-pressed: var(--a-data-one-800);
216
+ --a-bg-data-one-strong-hover: var(--a-data-one-700);
217
+ --a-bg-data-one-strong: var(--a-data-one-600);
246
218
  --a-bg-data-one-moderate-selected: var(--a-data-one-700);
247
- --a-bg-data-one-moderate-active: var(--a-data-one-400);
219
+ --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
248
220
  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
249
221
  --a-bg-data-one-moderate: var(--a-data-one-200);
250
222
  --a-bg-data-one-hover: var(--a-data-one-200);
251
223
  --a-bg-data-one: var(--a-data-one-100);
252
224
  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
253
225
  --a-bg-brand-three-raised: var(--a-brand-three-100);
254
- --a-bg-brand-three-strong-active: var(--a-brand-three-900);
255
- --a-bg-brand-three-strong-hover: var(--a-brand-three-800);
256
- --a-bg-brand-three-strong: var(--a-brand-three-700);
226
+ --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
227
+ --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
228
+ --a-bg-brand-three-strong: var(--a-brand-three-600);
257
229
  --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
258
- --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
230
+ --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
259
231
  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
260
232
  --a-bg-brand-three-moderate: var(--a-brand-three-200);
261
233
  --a-bg-brand-three-hover: var(--a-brand-three-200);
262
234
  --a-bg-brand-three: var(--a-brand-three-100);
263
235
  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
264
236
  --a-bg-brand-two-raised: var(--a-brand-two-100);
265
- --a-bg-brand-two-strong-active: var(--a-brand-two-900);
266
- --a-bg-brand-two-strong-hover: var(--a-brand-two-800);
267
- --a-bg-brand-two-strong: var(--a-brand-two-700);
237
+ --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
238
+ --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
239
+ --a-bg-brand-two-strong: var(--a-brand-two-600);
268
240
  --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
269
- --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
241
+ --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
270
242
  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
271
243
  --a-bg-brand-two-moderate: var(--a-brand-two-200);
272
244
  --a-bg-brand-two-hover: var(--a-brand-two-200);
273
245
  --a-bg-brand-two: var(--a-brand-two-100);
274
246
  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
275
247
  --a-bg-brand-one-raised: var(--a-brand-one-100);
276
- --a-bg-brand-one-strong-active: var(--a-brand-one-900);
277
- --a-bg-brand-one-strong-hover: var(--a-brand-one-800);
278
- --a-bg-brand-one-strong: var(--a-brand-one-700);
248
+ --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
249
+ --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
250
+ --a-bg-brand-one-strong: var(--a-brand-one-600);
279
251
  --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
280
- --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
252
+ --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
281
253
  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
282
254
  --a-bg-brand-one-moderate: var(--a-brand-one-200);
283
255
  --a-bg-brand-one-hover: var(--a-brand-one-200);
284
256
  --a-bg-brand-one: var(--a-brand-one-100);
285
257
  --a-bg-info-raised-hover: var(--a-info-200);
286
258
  --a-bg-info-raised: var(--a-info-100);
287
- --a-bg-info-strong-active: var(--a-info-900);
288
- --a-bg-info-strong-hover: var(--a-info-800);
289
- --a-bg-info-strong: var(--a-info-700);
259
+ --a-bg-info-strong-pressed: var(--a-info-800);
260
+ --a-bg-info-strong-hover: var(--a-info-700);
261
+ --a-bg-info-strong: var(--a-info-600);
290
262
  --a-bg-info-moderate-selected: var(--a-info-700);
291
- --a-bg-info-moderate-active: var(--a-info-400);
263
+ --a-bg-info-moderate-pressed: var(--a-info-400);
292
264
  --a-bg-info-moderate-hover: var(--a-info-300);
293
265
  --a-bg-info-moderate: var(--a-info-200);
294
266
  --a-bg-info-hover: var(--a-info-200);
295
267
  --a-bg-info: var(--a-info-100);
296
268
  --a-bg-danger-raised-hover: var(--a-danger-200);
297
269
  --a-bg-danger-raised: var(--a-danger-100);
298
- --a-bg-danger-strong-active: var(--a-danger-900);
299
- --a-bg-danger-strong-hover: var(--a-danger-800);
300
- --a-bg-danger-strong: var(--a-danger-700);
270
+ --a-bg-danger-strong-pressed: var(--a-danger-800);
271
+ --a-bg-danger-strong-hover: var(--a-danger-700);
272
+ --a-bg-danger-strong: var(--a-danger-600);
301
273
  --a-bg-danger-moderate-selected: var(--a-danger-700);
302
- --a-bg-danger-moderate-active: var(--a-danger-400);
274
+ --a-bg-danger-moderate-pressed: var(--a-danger-400);
303
275
  --a-bg-danger-moderate-hover: var(--a-danger-300);
304
276
  --a-bg-danger-moderate: var(--a-danger-200);
305
277
  --a-bg-danger-hover: var(--a-danger-200);
306
278
  --a-bg-danger: var(--a-danger-100);
307
279
  --a-bg-warning-raised-hover: var(--a-warning-200);
308
280
  --a-bg-warning-raised: var(--a-warning-100);
309
- --a-bg-warning-strong-active: var(--a-warning-900);
310
- --a-bg-warning-strong-hover: var(--a-warning-800);
311
- --a-bg-warning-strong: var(--a-warning-700);
281
+ --a-bg-warning-strong-pressed: var(--a-warning-800);
282
+ --a-bg-warning-strong-hover: var(--a-warning-700);
283
+ --a-bg-warning-strong: var(--a-warning-600);
312
284
  --a-bg-warning-moderate-selected: var(--a-warning-700);
313
- --a-bg-warning-moderate-active: var(--a-warning-400);
285
+ --a-bg-warning-moderate-pressed: var(--a-warning-400);
314
286
  --a-bg-warning-moderate-hover: var(--a-warning-300);
315
287
  --a-bg-warning-moderate: var(--a-warning-200);
316
288
  --a-bg-warning-hover: var(--a-warning-200);
317
289
  --a-bg-warning: var(--a-warning-100);
318
290
  --a-bg-success-raised-hover: var(--a-success-200);
319
291
  --a-bg-success-raised: var(--a-success-100);
320
- --a-bg-success-strong-active: var(--a-success-900);
321
- --a-bg-success-strong-hover: var(--a-success-800);
322
- --a-bg-success-strong: var(--a-success-700);
292
+ --a-bg-success-strong-pressed: var(--a-success-800);
293
+ --a-bg-success-strong-hover: var(--a-success-700);
294
+ --a-bg-success-strong: var(--a-success-600);
323
295
  --a-bg-success-moderate-selected: var(--a-success-700);
324
- --a-bg-success-moderate-active: var(--a-success-400);
296
+ --a-bg-success-moderate-pressed: var(--a-success-400);
325
297
  --a-bg-success-moderate-hover: var(--a-success-300);
326
298
  --a-bg-success-moderate: var(--a-success-200);
327
299
  --a-bg-success-hover: var(--a-success-200);
328
300
  --a-bg-success: var(--a-success-100);
329
301
  --a-bg-accent-raised-hover: var(--a-accent-200);
330
302
  --a-bg-accent-raised: var(--a-accent-100);
331
- --a-bg-accent-strong-active: var(--a-accent-900);
332
- --a-bg-accent-strong-hover: var(--a-accent-800);
333
- --a-bg-accent-strong: var(--a-accent-700);
303
+ --a-bg-accent-strong-pressed: var(--a-accent-800);
304
+ --a-bg-accent-strong-hover: var(--a-accent-700);
305
+ --a-bg-accent-strong: var(--a-accent-600);
334
306
  --a-bg-accent-moderate-selected: var(--a-accent-700);
335
- --a-bg-accent-moderate-active: var(--a-accent-400);
307
+ --a-bg-accent-moderate-pressed: var(--a-accent-400);
336
308
  --a-bg-accent-moderate-hover: var(--a-accent-300);
337
309
  --a-bg-accent-moderate: var(--a-accent-200);
338
310
  --a-bg-accent-hover: var(--a-accent-200);
339
311
  --a-bg-accent: var(--a-accent-100);
340
312
  --a-bg-neutral-raised-hover: var(--a-neutral-200);
341
313
  --a-bg-neutral-raised: var(--a-neutral-100);
342
- --a-bg-neutral-strong-active: var(--a-neutral-900);
343
- --a-bg-neutral-strong-hover: var(--a-neutral-800);
344
- --a-bg-neutral-strong: var(--a-neutral-700);
314
+ --a-bg-neutral-strong-pressed: var(--a-neutral-800);
315
+ --a-bg-neutral-strong-hover: var(--a-neutral-700);
316
+ --a-bg-neutral-strong: var(--a-neutral-600);
345
317
  --a-bg-neutral-moderate-selected: var(--a-neutral-700);
346
- --a-bg-neutral-moderate-active: var(--a-neutral-400);
318
+ --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
347
319
  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
348
320
  --a-bg-neutral-moderate: var(--a-neutral-200);
349
321
  --a-bg-neutral-hover: var(--a-neutral-200);
@@ -351,127 +323,327 @@
351
323
  }
352
324
 
353
325
  .dark, .dark-theme {
354
- --a-data-three-1000: #f4da50;
355
- --a-data-three-900: #b09600;
356
- --a-data-three-800: #9e8400;
357
- --a-data-three-700: #927700;
358
- --a-data-three-600: #876c00;
359
- --a-data-three-500: #7a6000;
360
- --a-data-three-400: #412600;
361
- --a-data-three-300: #341900;
362
- --a-data-three-200: #2b0f00;
363
- --a-data-three-100: #200500;
364
- --a-data-two-1000: #d7e419;
365
- --a-data-two-900: #959e00;
366
- --a-data-two-800: #848c00;
367
- --a-data-two-700: #788000;
368
- --a-data-two-600: #6e7500;
369
- --a-data-two-500: #626800;
370
- --a-data-two-400: #2f2e00;
371
- --a-data-two-300: #232000;
372
- --a-data-two-200: #1b1700;
373
- --a-data-two-100: #120d00;
374
- --a-data-one-1000: #ded7e8;
375
- --a-data-one-900: #a28fbb;
376
- --a-data-one-800: #927caf;
377
- --a-data-one-700: #8770a6;
378
- --a-data-one-600: #7d649d;
379
- --a-data-one-500: #715890;
380
- --a-data-one-400: #382053;
381
- --a-data-one-300: #2c1244;
382
- --a-data-one-200: #23093b;
383
- --a-data-one-100: #19002e;
384
- --a-brand-three-1000: #c9dde9;
385
- --a-brand-three-900: #6f9db9;
386
- --a-brand-three-800: #578cac;
387
- --a-brand-three-700: #4580a2;
388
- --a-brand-three-600: #357699;
389
- --a-brand-three-500: #21698f;
390
- --a-brand-three-400: #002f4a;
391
- --a-brand-three-300: #002238;
392
- --a-brand-three-200: #00192a;
393
- --a-brand-three-100: #000e1a;
394
- --a-brand-two-1000: #fbd1bf;
395
- --a-brand-two-900: #d7806f;
396
- --a-brand-two-800: #c46e60;
397
- --a-brand-two-700: #b56357;
398
- --a-brand-two-600: #a7594e;
399
- --a-brand-two-500: #964f44;
400
- --a-brand-two-400: #48211b;
401
- --a-brand-two-300: #351712;
402
- --a-brand-two-200: #270f0b;
403
- --a-brand-two-100: #1d0907;
404
- --a-brand-one-1000: #efd3dd;
405
- --a-brand-one-900: #cb81a0;
406
- --a-brand-one-800: #c06b90;
407
- --a-brand-one-700: #b85c84;
408
- --a-brand-one-600: #b04d7a;
409
- --a-brand-one-500: #a73b6f;
410
- --a-brand-one-400: #5c0033;
411
- --a-brand-one-300: #470022;
412
- --a-brand-one-200: #350014;
413
- --a-brand-one-100: #27000b;
414
- --a-info-1000: #a8e4f3;
415
- --a-info-900: #4ca2bb;
416
- --a-info-800: #4090a5;
417
- --a-info-700: #388397;
418
- --a-info-600: #31788a;
419
- --a-info-500: #2a6b7b;
420
- --a-info-400: #00313a;
421
- --a-info-300: #00232d;
422
- --a-info-200: #001a24;
423
- --a-info-100: #001019;
424
- --a-danger-1000: #ffcddd;
425
- --a-danger-900: #fd6278;
426
- --a-danger-800: #f63f52;
427
- --a-danger-700: #e72f47;
428
- --a-danger-600: #da1b3c;
429
- --a-danger-500: #c8002f;
430
- --a-danger-400: #600000;
431
- --a-danger-300: #4a0000;
432
- --a-danger-200: #380000;
433
- --a-danger-100: #290000;
434
- --a-warning-1000: #ffd47d;
435
- --a-warning-900: #de8000;
436
- --a-warning-800: #c47100;
437
- --a-warning-700: #b46700;
438
- --a-warning-600: #a55e00;
439
- --a-warning-500: #935400;
440
- --a-warning-400: #442400;
441
- --a-warning-300: #341a00;
442
- --a-warning-200: #261100;
443
- --a-warning-100: #1b0b00;
444
- --a-success-1000: #b7e4c6;
445
- --a-success-900: #35aa80;
446
- --a-success-800: #0c986f;
447
- --a-success-700: #008b63;
448
- --a-success-600: #007f58;
449
- --a-success-500: #00724c;
450
- --a-success-400: #003414;
451
- --a-success-300: #002708;
452
- --a-success-200: #001b01;
453
- --a-success-100: #001300;
454
- --a-accent-1000: #bdddff;
455
- --a-accent-900: #319aff;
456
- --a-accent-800: #0086f5;
457
- --a-accent-700: #0079e7;
458
- --a-accent-600: #006dd9;
459
- --a-accent-500: #005fcb;
460
- --a-accent-400: #001b87;
461
- --a-accent-300: #000478;
462
- --a-accent-200: #000060;
463
- --a-accent-100: #0e0038;
326
+ --a-data-two-1000: #f4fad3;
327
+ --a-data-two-900: #b4bf00;
328
+ --a-data-two-800: #a3ad00;
329
+ --a-data-two-700: #99a300;
330
+ --a-data-two-600: #858d00;
331
+ --a-data-two-500: #737a00;
332
+ --a-data-two-400: #3f4000;
333
+ --a-data-two-300: #353500;
334
+ --a-data-two-200: #2f2e00;
335
+ --a-data-two-100: #2a2900;
336
+ --a-data-one-1000: #f7f5f9;
337
+ --a-data-one-900: #beb1d0;
338
+ --a-data-one-800: #ae9fc5;
339
+ --a-data-one-700: #a694be;
340
+ --a-data-one-600: #937eb0;
341
+ --a-data-one-500: #836aa3;
342
+ --a-data-one-400: #4b3267;
343
+ --a-data-one-300: #40275b;
344
+ --a-data-one-200: #382053;
345
+ --a-data-one-100: #331b4d;
346
+ --a-brand-three-1000: #f2f7fb;
347
+ --a-brand-three-900: #9cbace;
348
+ --a-brand-three-800: #86aac1;
349
+ --a-brand-three-700: #78a1ba;
350
+ --a-brand-three-600: #5d8daa;
351
+ --a-brand-three-500: #437b9c;
352
+ --a-brand-three-400: #014261;
353
+ --a-brand-three-300: #013753;
354
+ --a-brand-three-200: #002f49;
355
+ --a-brand-three-100: #002a42;
356
+ --a-brand-two-1000: #fff4ee;
357
+ --a-brand-two-900: #e0aa94;
358
+ --a-brand-two-800: #d7967e;
359
+ --a-brand-two-700: #d18a71;
360
+ --a-brand-two-600: #be745a;
361
+ --a-brand-two-500: #aa6248;
362
+ --a-brand-two-400: #6c2910;
363
+ --a-brand-two-300: #5f1e03;
364
+ --a-brand-two-200: #561500;
365
+ --a-brand-two-100: #500e00;
366
+ --a-brand-one-1000: #fbf4f7;
367
+ --a-brand-one-900: #dda8bc;
368
+ --a-brand-one-800: #d493ac;
369
+ --a-brand-one-700: #ce86a3;
370
+ --a-brand-one-600: #c16d90;
371
+ --a-brand-one-500: #b5547f;
372
+ --a-brand-one-400: #770f48;
373
+ --a-brand-one-300: #69003d;
374
+ --a-brand-one-200: #5d0034;
375
+ --a-brand-one-100: #54002c;
376
+ --a-info-1000: #eff7fd;
377
+ --a-info-900: #9abbd0;
378
+ --a-info-800: #82abc4;
379
+ --a-info-700: #75a1bd;
380
+ --a-info-600: #588dad;
381
+ --a-info-500: #3e7b9e;
382
+ --a-info-400: #004165;
383
+ --a-info-300: #003656;
384
+ --a-info-200: #002f4a;
385
+ --a-info-100: #002a42;
386
+ --a-danger-1000: #fff3f7;
387
+ --a-danger-900: #ff98b3;
388
+ --a-danger-800: #ff7c95;
389
+ --a-danger-700: #fe6a82;
390
+ --a-danger-600: #fa3d51;
391
+ --a-danger-500: #e61738;
392
+ --a-danger-400: #820000;
393
+ --a-danger-300: #6e0000;
394
+ --a-danger-200: #610000;
395
+ --a-danger-100: #560000;
396
+ --a-warning-1000: #fff6e7;
397
+ --a-warning-900: #fda22b;
398
+ --a-warning-800: #fa870d;
399
+ --a-warning-700: #f77700;
400
+ --a-warning-600: #e06001;
401
+ --a-warning-500: #c84e00;
402
+ --a-warning-400: #820000;
403
+ --a-warning-300: #6e0000;
404
+ --a-warning-200: #610000;
405
+ --a-warning-100: #580000;
406
+ --a-success-1000: #e3fde8;
407
+ --a-success-900: #7ac78d;
408
+ --a-success-800: #5ab875;
409
+ --a-success-700: #44af66;
410
+ --a-success-600: #169b4d;
411
+ --a-success-500: #00873a;
412
+ --a-success-400: #004900;
413
+ --a-success-300: #003d00;
414
+ --a-success-200: #003500;
415
+ --a-success-100: #002f00;
416
+ --a-accent-1000: #f0f7ff;
417
+ --a-accent-900: #8cb9f7;
418
+ --a-accent-800: #70a8f2;
419
+ --a-accent-700: #609dee;
420
+ --a-accent-600: #3f88e2;
421
+ --a-accent-500: #1f75d3;
422
+ --a-accent-400: #003b83;
423
+ --a-accent-300: #003170;
424
+ --a-accent-200: #002a64;
425
+ --a-accent-100: #00255a;
464
426
  --a-neutral-000: black;
465
- --a-neutral-1000: #d7dadf;
466
- --a-neutral-900: #9098a4;
467
- --a-neutral-800: #7e8694;
468
- --a-neutral-700: #727b88;
469
- --a-neutral-600: #67707d;
470
- --a-neutral-500: #5b6471;
471
- --a-neutral-400: #252c38;
472
- --a-neutral-300: #19202b;
473
- --a-neutral-200: #0f1620;
474
- --a-neutral-100: #090f19;
427
+ --a-neutral-1000: #f6f6f8;
428
+ --a-neutral-900: #b1b6c0;
429
+ --a-neutral-800: #9fa6b1;
430
+ --a-neutral-700: #959ca9;
431
+ --a-neutral-600: #7f8895;
432
+ --a-neutral-500: #6d7583;
433
+ --a-neutral-400: #363e4a;
434
+ --a-neutral-300: #2d3440;
435
+ --a-neutral-200: #262d39;
436
+ --a-neutral-100: #202733;
437
+ --a-bg-overlay: #0214317d;
438
+ --a-bg-sunken: #07090d;
439
+ --a-bg-default: #141b26;
440
+ --a-contrast-data-two: var(--a-neutral-000);
441
+ --a-contrast-data-one: var(--a-neutral-000);
442
+ --a-contrast-brand-three: var(--a-neutral-000);
443
+ --a-contrast-brand-two: var(--a-neutral-000);
444
+ --a-contrast-brand-one: var(--a-neutral-000);
445
+ --a-contrast-warning: var(--a-neutral-000);
446
+ --a-contrast-success: var(--a-neutral-000);
447
+ --a-contrast-info: var(--a-neutral-000);
448
+ --a-contrast-danger: var(--a-neutral-000);
449
+ --a-contrast-neutral: var(--a-neutral-000);
450
+ --a-contrast-accent: var(--a-neutral-000);
451
+ --a-border-focus: var(--a-accent-700);
452
+ --a-border-strong: var(--a-neutral-600);
453
+ --a-border-subtle: var(--a-neutral-400);
454
+ --a-border-default: var(--a-neutral-500);
455
+ --a-border-data-two-strong: var(--a-data-two-600);
456
+ --a-border-data-two-subtle: var(--a-data-two-400);
457
+ --a-border-data-two: var(--a-data-two-500);
458
+ --a-border-data-one-strong: var(--a-data-one-600);
459
+ --a-border-data-one-subtle: var(--a-data-one-400);
460
+ --a-border-data-one: var(--a-data-one-500);
461
+ --a-border-brand-three-strong: var(--a-brand-three-600);
462
+ --a-border-brand-three-subtle: var(--a-brand-three-400);
463
+ --a-border-brand-three: var(--a-brand-three-500);
464
+ --a-border-brand-two-strong: var(--a-brand-two-600);
465
+ --a-border-brand-two-subtle: var(--a-brand-two-400);
466
+ --a-border-brand-two: var(--a-brand-two-500);
467
+ --a-border-brand-one-strong: var(--a-brand-one-600);
468
+ --a-border-brand-one-subtle: var(--a-brand-one-400);
469
+ --a-border-brand-one: var(--a-brand-one-500);
470
+ --a-border-info-strong: var(--a-info-600);
471
+ --a-border-info-subtle: var(--a-info-400);
472
+ --a-border-info: var(--a-info-500);
473
+ --a-border-danger-strong: var(--a-danger-600);
474
+ --a-border-danger-subtle: var(--a-danger-400);
475
+ --a-border-danger: var(--a-danger-500);
476
+ --a-border-warning-strong: var(--a-warning-600);
477
+ --a-border-warning-subtle: var(--a-warning-400);
478
+ --a-border-warning: var(--a-warning-500);
479
+ --a-border-success-strong: var(--a-success-600);
480
+ --a-border-success-subtle: var(--a-success-400);
481
+ --a-border-success: var(--a-success-500);
482
+ --a-border-accent-strong: var(--a-accent-600);
483
+ --a-border-accent-subtle: var(--a-accent-400);
484
+ --a-border-accent: var(--a-accent-500);
485
+ --a-border-neutral-strong: var(--a-neutral-600);
486
+ --a-border-neutral-subtle: var(--a-neutral-400);
487
+ --a-border-neutral: var(--a-neutral-500);
488
+ --a-text-icon: var(--a-neutral-600);
489
+ --a-text-subtle: var(--a-neutral-900);
490
+ --a-text-default: var(--a-neutral-1000);
491
+ --a-text-data-two-icon: var(--a-data-two-600);
492
+ --a-text-data-two-strong: var(--a-data-two-900);
493
+ --a-text-data-two: var(--a-data-two-700);
494
+ --a-text-data-one-icon: var(--a-data-one-600);
495
+ --a-text-data-one-strong: var(--a-data-one-900);
496
+ --a-text-data-one: var(--a-data-one-700);
497
+ --a-text-brand-three-icon: var(--a-brand-three-600);
498
+ --a-text-brand-three-strong: var(--a-brand-three-900);
499
+ --a-text-brand-three: var(--a-brand-three-700);
500
+ --a-text-brand-two-icon: var(--a-brand-two-600);
501
+ --a-text-brand-two-strong: var(--a-brand-two-900);
502
+ --a-text-brand-two: var(--a-brand-two-700);
503
+ --a-text-brand-one-icon: var(--a-brand-one-600);
504
+ --a-text-brand-one-strong: var(--a-brand-one-900);
505
+ --a-text-brand-one: var(--a-brand-one-700);
506
+ --a-text-info-icon: var(--a-info-600);
507
+ --a-text-info-strong: var(--a-info-900);
508
+ --a-text-info: var(--a-info-700);
509
+ --a-text-danger-icon: var(--a-danger-600);
510
+ --a-text-danger-strong: var(--a-danger-900);
511
+ --a-text-danger: var(--a-danger-700);
512
+ --a-text-warning-icon: var(--a-warning-600);
513
+ --a-text-warning-strong: var(--a-warning-900);
514
+ --a-text-warning: var(--a-warning-700);
515
+ --a-text-success-icon: var(--a-success-600);
516
+ --a-text-success-strong: var(--a-success-900);
517
+ --a-text-success: var(--a-success-700);
518
+ --a-text-accent-icon: var(--a-accent-600);
519
+ --a-text-accent-strong: var(--a-accent-900);
520
+ --a-text-accent: var(--a-accent-700);
521
+ --a-text-neutral-icon: var(--a-neutral-600);
522
+ --a-text-neutral-strong: var(--a-neutral-900);
523
+ --a-text-neutral: var(--a-neutral-700);
524
+ --a-bg-raised: var(--a-neutral-200);
525
+ --a-bg-input: var(--a-neutral-000);
526
+ --a-bg-data-two-raised-hover: var(--a-data-two-200);
527
+ --a-bg-data-two-raised: var(--a-data-two-100);
528
+ --a-bg-data-two-strong-pressed: var(--a-data-two-800);
529
+ --a-bg-data-two-strong-hover: var(--a-data-two-700);
530
+ --a-bg-data-two-strong: var(--a-data-two-600);
531
+ --a-bg-data-two-moderate-selected: var(--a-data-two-700);
532
+ --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
533
+ --a-bg-data-two-moderate-hover: var(--a-data-two-300);
534
+ --a-bg-data-two-moderate: var(--a-data-two-200);
535
+ --a-bg-data-two-hover: var(--a-data-two-200);
536
+ --a-bg-data-two: var(--a-data-two-100);
537
+ --a-bg-data-one-raised-hover: var(--a-data-one-200);
538
+ --a-bg-data-one-raised: var(--a-data-one-100);
539
+ --a-bg-data-one-strong-pressed: var(--a-data-one-800);
540
+ --a-bg-data-one-strong-hover: var(--a-data-one-700);
541
+ --a-bg-data-one-strong: var(--a-data-one-600);
542
+ --a-bg-data-one-moderate-selected: var(--a-data-one-700);
543
+ --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
544
+ --a-bg-data-one-moderate-hover: var(--a-data-one-300);
545
+ --a-bg-data-one-moderate: var(--a-data-one-200);
546
+ --a-bg-data-one-hover: var(--a-data-one-200);
547
+ --a-bg-data-one: var(--a-data-one-100);
548
+ --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
549
+ --a-bg-brand-three-raised: var(--a-brand-three-100);
550
+ --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
551
+ --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
552
+ --a-bg-brand-three-strong: var(--a-brand-three-600);
553
+ --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
554
+ --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
555
+ --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
556
+ --a-bg-brand-three-moderate: var(--a-brand-three-200);
557
+ --a-bg-brand-three-hover: var(--a-brand-three-200);
558
+ --a-bg-brand-three: var(--a-brand-three-100);
559
+ --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
560
+ --a-bg-brand-two-raised: var(--a-brand-two-100);
561
+ --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
562
+ --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
563
+ --a-bg-brand-two-strong: var(--a-brand-two-600);
564
+ --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
565
+ --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
566
+ --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
567
+ --a-bg-brand-two-moderate: var(--a-brand-two-200);
568
+ --a-bg-brand-two-hover: var(--a-brand-two-200);
569
+ --a-bg-brand-two: var(--a-brand-two-100);
570
+ --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
571
+ --a-bg-brand-one-raised: var(--a-brand-one-100);
572
+ --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
573
+ --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
574
+ --a-bg-brand-one-strong: var(--a-brand-one-600);
575
+ --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
576
+ --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
577
+ --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
578
+ --a-bg-brand-one-moderate: var(--a-brand-one-200);
579
+ --a-bg-brand-one-hover: var(--a-brand-one-200);
580
+ --a-bg-brand-one: var(--a-brand-one-100);
581
+ --a-bg-info-raised-hover: var(--a-info-200);
582
+ --a-bg-info-raised: var(--a-info-100);
583
+ --a-bg-info-strong-pressed: var(--a-info-800);
584
+ --a-bg-info-strong-hover: var(--a-info-700);
585
+ --a-bg-info-strong: var(--a-info-600);
586
+ --a-bg-info-moderate-selected: var(--a-info-700);
587
+ --a-bg-info-moderate-pressed: var(--a-info-400);
588
+ --a-bg-info-moderate-hover: var(--a-info-300);
589
+ --a-bg-info-moderate: var(--a-info-200);
590
+ --a-bg-info-hover: var(--a-info-200);
591
+ --a-bg-info: var(--a-info-100);
592
+ --a-bg-danger-raised-hover: var(--a-danger-200);
593
+ --a-bg-danger-raised: var(--a-danger-100);
594
+ --a-bg-danger-strong-pressed: var(--a-danger-800);
595
+ --a-bg-danger-strong-hover: var(--a-danger-700);
596
+ --a-bg-danger-strong: var(--a-danger-600);
597
+ --a-bg-danger-moderate-selected: var(--a-danger-700);
598
+ --a-bg-danger-moderate-pressed: var(--a-danger-400);
599
+ --a-bg-danger-moderate-hover: var(--a-danger-300);
600
+ --a-bg-danger-moderate: var(--a-danger-200);
601
+ --a-bg-danger-hover: var(--a-danger-200);
602
+ --a-bg-danger: var(--a-danger-100);
603
+ --a-bg-warning-raised-hover: var(--a-warning-200);
604
+ --a-bg-warning-raised: var(--a-warning-100);
605
+ --a-bg-warning-strong-pressed: var(--a-warning-800);
606
+ --a-bg-warning-strong-hover: var(--a-warning-700);
607
+ --a-bg-warning-strong: var(--a-warning-600);
608
+ --a-bg-warning-moderate-selected: var(--a-warning-700);
609
+ --a-bg-warning-moderate-pressed: var(--a-warning-400);
610
+ --a-bg-warning-moderate-hover: var(--a-warning-300);
611
+ --a-bg-warning-moderate: var(--a-warning-200);
612
+ --a-bg-warning-hover: var(--a-warning-200);
613
+ --a-bg-warning: var(--a-warning-100);
614
+ --a-bg-success-raised-hover: var(--a-success-200);
615
+ --a-bg-success-raised: var(--a-success-100);
616
+ --a-bg-success-strong-pressed: var(--a-success-800);
617
+ --a-bg-success-strong-hover: var(--a-success-700);
618
+ --a-bg-success-strong: var(--a-success-600);
619
+ --a-bg-success-moderate-selected: var(--a-success-700);
620
+ --a-bg-success-moderate-pressed: var(--a-success-400);
621
+ --a-bg-success-moderate-hover: var(--a-success-300);
622
+ --a-bg-success-moderate: var(--a-success-200);
623
+ --a-bg-success-hover: var(--a-success-200);
624
+ --a-bg-success: var(--a-success-100);
625
+ --a-bg-accent-raised-hover: var(--a-accent-200);
626
+ --a-bg-accent-raised: var(--a-accent-100);
627
+ --a-bg-accent-strong-pressed: var(--a-accent-800);
628
+ --a-bg-accent-strong-hover: var(--a-accent-700);
629
+ --a-bg-accent-strong: var(--a-accent-600);
630
+ --a-bg-accent-moderate-selected: var(--a-accent-700);
631
+ --a-bg-accent-moderate-pressed: var(--a-accent-400);
632
+ --a-bg-accent-moderate-hover: var(--a-accent-300);
633
+ --a-bg-accent-moderate: var(--a-accent-200);
634
+ --a-bg-accent-hover: var(--a-accent-200);
635
+ --a-bg-accent: var(--a-accent-100);
636
+ --a-bg-neutral-raised-hover: var(--a-neutral-200);
637
+ --a-bg-neutral-raised: var(--a-neutral-100);
638
+ --a-bg-neutral-strong-pressed: var(--a-neutral-800);
639
+ --a-bg-neutral-strong-hover: var(--a-neutral-700);
640
+ --a-bg-neutral-strong: var(--a-neutral-600);
641
+ --a-bg-neutral-moderate-selected: var(--a-neutral-700);
642
+ --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
643
+ --a-bg-neutral-moderate-hover: var(--a-neutral-300);
644
+ --a-bg-neutral-moderate: var(--a-neutral-200);
645
+ --a-bg-neutral-hover: var(--a-neutral-200);
646
+ --a-bg-neutral: var(--a-neutral-100);
475
647
  }
476
648
 
477
649
  :root, :host {