@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.
Files changed (8) hide show
  1. package/dist/darkside/dark-tokens.css +320 -110
  2. package/dist/darkside/light-tokens.css +91 -91
  3. package/dist/darkside/tokens-cjs.js +33 -33
  4. package/dist/darkside/tokens.css +411 -201
  5. package/dist/darkside/tokens.d.ts +33 -33
  6. package/dist/darkside/tokens.js +33 -33
  7. package/dist/tokens.css +1 -1
  8. package/package.json +4 -2
package/dist/darkside/dark-tokens.css CHANGED
@@ -3,115 +3,325 @@
3
3
  */
4
4
 
5
5
  .dark, .dark-theme {
6
- --a-data-two-1000: #d7e419;
7
- --a-data-two-900: #9da800;
8
- --a-data-two-800: #8e9700;
9
- --a-data-two-700: #858d00;
10
- --a-data-two-600: #727a00;
11
- --a-data-two-500: #626800;
12
- --a-data-two-400: #2f2e00;
13
- --a-data-two-300: #232000;
14
- --a-data-two-200: #1b1700;
15
- --a-data-two-100: #120d00;
16
- --a-data-one-1000: #ded7e8;
17
- --a-data-one-900: #a999c1;
18
- --a-data-one-800: #9c88b6;
19
- --a-data-one-700: #937eb0;
20
- --a-data-one-600: #8269a2;
21
- --a-data-one-500: #715890;
22
- --a-data-one-400: #382053;
23
- --a-data-one-300: #2c1244;
24
- --a-data-one-200: #23093b;
25
- --a-data-one-100: #19002e;
26
- --a-brand-three-1000: #c9dde9;
27
- --a-brand-three-900: #7ba5c0;
28
- --a-brand-three-800: #6596b4;
29
- --a-brand-three-700: #588dad;
30
- --a-brand-three-600: #3d7a9d;
31
- --a-brand-three-500: #21698f;
32
- --a-brand-three-400: #002f4a;
33
- --a-brand-three-300: #002238;
34
- --a-brand-three-200: #00192a;
35
- --a-brand-three-100: #000e1a;
36
- --a-brand-two-1000: #fad1bd;
37
- --a-brand-two-900: #d98d72;
38
- --a-brand-two-800: #c97d64;
39
- --a-brand-two-700: #be745c;
40
- --a-brand-two-600: #a6634d;
41
- --a-brand-two-500: #905340;
42
- --a-brand-two-400: #442319;
43
- --a-brand-two-300: #321910;
44
- --a-brand-two-200: #25110a;
45
- --a-brand-two-100: #1a0a06;
46
- --a-brand-one-1000: #efd3dd;
47
- --a-brand-one-900: #d08ca8;
48
- --a-brand-one-800: #c77899;
49
- --a-brand-one-700: #c16d91;
50
- --a-brand-one-600: #b4537f;
51
- --a-brand-one-500: #a73b6f;
52
- --a-brand-one-400: #5c0033;
53
- --a-brand-one-300: #470022;
54
- --a-brand-one-200: #350014;
55
- --a-brand-one-100: #27000b;
56
- --a-info-1000: #c9dde9;
57
- --a-info-900: #7ba5c0;
58
- --a-info-800: #6596b4;
59
- --a-info-700: #588dad;
60
- --a-info-600: #3d7a9d;
61
- --a-info-500: #21698f;
62
- --a-info-400: #002f4a;
63
- --a-info-300: #002238;
64
- --a-info-200: #00192a;
65
- --a-info-100: #000e1a;
66
- --a-danger-1000: #ffcddd;
67
- --a-danger-900: #ff718a;
68
- --a-danger-800: #fc5469;
69
- --a-danger-700: #fa3d51;
70
- --a-danger-600: #e51638;
71
- --a-danger-500: #c90020;
72
- --a-danger-400: #610000;
73
- --a-danger-300: #4a0000;
74
- --a-danger-200: #370000;
75
- --a-danger-100: #240000;
76
- --a-warning-1000: #ffd386;
77
- --a-warning-900: #fb7c00;
78
- --a-warning-800: #f26403;
79
- --a-warning-700: #e45d01;
80
- --a-warning-600: #c54f00;
81
- --a-warning-500: #aa4300;
82
- --a-warning-400: #511b00;
83
- --a-warning-300: #3c1200;
84
- --a-warning-200: #2e0c00;
85
- --a-warning-100: #1e0600;
86
- --a-success-1000: #b5e6c0;
87
- --a-success-900: #4eb36d;
88
- --a-success-800: #27a556;
89
- --a-success-700: #169b4d;
90
- --a-success-600: #008639;
91
- --a-success-500: #007327;
92
- --a-success-400: #003500;
93
- --a-success-300: #002600;
94
- --a-success-200: #001b00;
95
- --a-success-100: #001300;
96
- --a-accent-1000: #c5dbfc;
97
- --a-accent-900: #67a2f0;
98
- --a-accent-800: #4e92e8;
99
- --a-accent-700: #3f88e2;
100
- --a-accent-600: #1e74d3;
101
- --a-accent-500: #0062bf;
102
- --a-accent-400: #002a63;
103
- --a-accent-300: #001e4b;
104
- --a-accent-200: #001438;
105
- --a-accent-100: #000c28;
6
+ --a-data-two-1000: #f4fad3;
7
+ --a-data-two-900: #b4bf00;
8
+ --a-data-two-800: #a3ad00;
9
+ --a-data-two-700: #99a300;
10
+ --a-data-two-600: #858d00;
11
+ --a-data-two-500: #737a00;
12
+ --a-data-two-400: #3f4000;
13
+ --a-data-two-300: #353500;
14
+ --a-data-two-200: #2f2e00;
15
+ --a-data-two-100: #2a2900;
16
+ --a-data-one-1000: #f7f5f9;
17
+ --a-data-one-900: #beb1d0;
18
+ --a-data-one-800: #ae9fc5;
19
+ --a-data-one-700: #a694be;
20
+ --a-data-one-600: #937eb0;
21
+ --a-data-one-500: #836aa3;
22
+ --a-data-one-400: #4b3267;
23
+ --a-data-one-300: #40275b;
24
+ --a-data-one-200: #382053;
25
+ --a-data-one-100: #331b4d;
26
+ --a-brand-three-1000: #f2f7fb;
27
+ --a-brand-three-900: #9cbace;
28
+ --a-brand-three-800: #86aac1;
29
+ --a-brand-three-700: #78a1ba;
30
+ --a-brand-three-600: #5d8daa;
31
+ --a-brand-three-500: #437b9c;
32
+ --a-brand-three-400: #014261;
33
+ --a-brand-three-300: #013753;
34
+ --a-brand-three-200: #002f49;
35
+ --a-brand-three-100: #002a42;
36
+ --a-brand-two-1000: #fff4ee;
37
+ --a-brand-two-900: #e0aa94;
38
+ --a-brand-two-800: #d7967e;
39
+ --a-brand-two-700: #d18a71;
40
+ --a-brand-two-600: #be745a;
41
+ --a-brand-two-500: #aa6248;
42
+ --a-brand-two-400: #6c2910;
43
+ --a-brand-two-300: #5f1e03;
44
+ --a-brand-two-200: #561500;
45
+ --a-brand-two-100: #500e00;
46
+ --a-brand-one-1000: #fbf4f7;
47
+ --a-brand-one-900: #dda8bc;
48
+ --a-brand-one-800: #d493ac;
49
+ --a-brand-one-700: #ce86a3;
50
+ --a-brand-one-600: #c16d90;
51
+ --a-brand-one-500: #b5547f;
52
+ --a-brand-one-400: #770f48;
53
+ --a-brand-one-300: #69003d;
54
+ --a-brand-one-200: #5d0034;
55
+ --a-brand-one-100: #54002c;
56
+ --a-info-1000: #eff7fd;
57
+ --a-info-900: #9abbd0;
58
+ --a-info-800: #82abc4;
59
+ --a-info-700: #75a1bd;
60
+ --a-info-600: #588dad;
61
+ --a-info-500: #3e7b9e;
62
+ --a-info-400: #004165;
63
+ --a-info-300: #003656;
64
+ --a-info-200: #002f4a;
65
+ --a-info-100: #002a42;
66
+ --a-danger-1000: #fff3f7;
67
+ --a-danger-900: #ff98b3;
68
+ --a-danger-800: #ff7c95;
69
+ --a-danger-700: #fe6a82;
70
+ --a-danger-600: #fa3d51;
71
+ --a-danger-500: #e61738;
72
+ --a-danger-400: #820000;
73
+ --a-danger-300: #6e0000;
74
+ --a-danger-200: #610000;
75
+ --a-danger-100: #560000;
76
+ --a-warning-1000: #fff6e7;
77
+ --a-warning-900: #fda22b;
78
+ --a-warning-800: #fa870d;
79
+ --a-warning-700: #f77700;
80
+ --a-warning-600: #e06001;
81
+ --a-warning-500: #c84e00;
82
+ --a-warning-400: #820000;
83
+ --a-warning-300: #6e0000;
84
+ --a-warning-200: #610000;
85
+ --a-warning-100: #580000;
86
+ --a-success-1000: #e3fde8;
87
+ --a-success-900: #7ac78d;
88
+ --a-success-800: #5ab875;
89
+ --a-success-700: #44af66;
90
+ --a-success-600: #169b4d;
91
+ --a-success-500: #00873a;
92
+ --a-success-400: #004900;
93
+ --a-success-300: #003d00;
94
+ --a-success-200: #003500;
95
+ --a-success-100: #002f00;
96
+ --a-accent-1000: #f0f7ff;
97
+ --a-accent-900: #8cb9f7;
98
+ --a-accent-800: #70a8f2;
99
+ --a-accent-700: #609dee;
100
+ --a-accent-600: #3f88e2;
101
+ --a-accent-500: #1f75d3;
102
+ --a-accent-400: #003b83;
103
+ --a-accent-300: #003170;
104
+ --a-accent-200: #002a64;
105
+ --a-accent-100: #00255a;
106
106
  --a-neutral-000: black;
107
- --a-neutral-1000: #d7dadf;
108
- --a-neutral-900: #99a0ac;
109
- --a-neutral-800: #89919f;
110
- --a-neutral-700: #7f8896;
111
- --a-neutral-600: #6c7582;
112
- --a-neutral-500: #5b6471;
113
- --a-neutral-400: #252c38;
114
- --a-neutral-300: #19202b;
115
- --a-neutral-200: #0f1620;
116
- --a-neutral-100: #090f19;
107
+ --a-neutral-1000: #f6f6f8;
108
+ --a-neutral-900: #b1b6c0;
109
+ --a-neutral-800: #9fa6b1;
110
+ --a-neutral-700: #959ca9;
111
+ --a-neutral-600: #7f8895;
112
+ --a-neutral-500: #6d7583;
113
+ --a-neutral-400: #363e4a;
114
+ --a-neutral-300: #2d3440;
115
+ --a-neutral-200: #262d39;
116
+ --a-neutral-100: #202733;
117
+ --a-bg-overlay: rgba(2, 20, 49, 0.49);
118
+ --a-bg-sunken: #07090d;
119
+ --a-bg-default: #141b26;
120
+ --a-contrast-data-two: var(--a-neutral-000);
121
+ --a-contrast-data-one: var(--a-neutral-000);
122
+ --a-contrast-brand-three: var(--a-neutral-000);
123
+ --a-contrast-brand-two: var(--a-neutral-000);
124
+ --a-contrast-brand-one: var(--a-neutral-000);
125
+ --a-contrast-warning: var(--a-neutral-000);
126
+ --a-contrast-success: var(--a-neutral-000);
127
+ --a-contrast-info: var(--a-neutral-000);
128
+ --a-contrast-danger: var(--a-neutral-000);
129
+ --a-contrast-neutral: var(--a-neutral-000);
130
+ --a-contrast-accent: var(--a-neutral-000);
131
+ --a-border-focus: var(--a-accent-700);
132
+ --a-border-strong: var(--a-neutral-600);
133
+ --a-border-subtle: var(--a-neutral-400);
134
+ --a-border-default: var(--a-neutral-500);
135
+ --a-border-data-two-strong: var(--a-data-two-600);
136
+ --a-border-data-two-subtle: var(--a-data-two-400);
137
+ --a-border-data-two: var(--a-data-two-500);
138
+ --a-border-data-one-strong: var(--a-data-one-600);
139
+ --a-border-data-one-subtle: var(--a-data-one-400);
140
+ --a-border-data-one: var(--a-data-one-500);
141
+ --a-border-brand-three-strong: var(--a-brand-three-600);
142
+ --a-border-brand-three-subtle: var(--a-brand-three-400);
143
+ --a-border-brand-three: var(--a-brand-three-500);
144
+ --a-border-brand-two-strong: var(--a-brand-two-600);
145
+ --a-border-brand-two-subtle: var(--a-brand-two-400);
146
+ --a-border-brand-two: var(--a-brand-two-500);
147
+ --a-border-brand-one-strong: var(--a-brand-one-600);
148
+ --a-border-brand-one-subtle: var(--a-brand-one-400);
149
+ --a-border-brand-one: var(--a-brand-one-500);
150
+ --a-border-info-strong: var(--a-info-600);
151
+ --a-border-info-subtle: var(--a-info-400);
152
+ --a-border-info: var(--a-info-500);
153
+ --a-border-danger-strong: var(--a-danger-600);
154
+ --a-border-danger-subtle: var(--a-danger-400);
155
+ --a-border-danger: var(--a-danger-500);
156
+ --a-border-warning-strong: var(--a-warning-600);
157
+ --a-border-warning-subtle: var(--a-warning-400);
158
+ --a-border-warning: var(--a-warning-500);
159
+ --a-border-success-strong: var(--a-success-600);
160
+ --a-border-success-subtle: var(--a-success-400);
161
+ --a-border-success: var(--a-success-500);
162
+ --a-border-accent-strong: var(--a-accent-600);
163
+ --a-border-accent-subtle: var(--a-accent-400);
164
+ --a-border-accent: var(--a-accent-500);
165
+ --a-border-neutral-strong: var(--a-neutral-600);
166
+ --a-border-neutral-subtle: var(--a-neutral-400);
167
+ --a-border-neutral: var(--a-neutral-500);
168
+ --a-text-icon: var(--a-neutral-600);
169
+ --a-text-subtle: var(--a-neutral-900);
170
+ --a-text-default: var(--a-neutral-1000);
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);
117
327
  }