@navikt/ds-tokens 7.9.0 → 7.9.2

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 (25) hide show
  1. package/README.md +6 -6
  2. package/dist/darkside/dark-tokens.css +219 -228
  3. package/dist/darkside/light-tokens.css +218 -227
  4. package/dist/darkside/root-tokens.css +22 -21
  5. package/dist/darkside/static/tokens-cjs.js +240 -248
  6. package/dist/darkside/static/tokens.d.ts +240 -248
  7. package/dist/darkside/static/tokens.js +240 -248
  8. package/dist/darkside/static/tokens.less +240 -248
  9. package/dist/darkside/static/tokens.scss +240 -248
  10. package/dist/darkside/tokens-cjs.js +220 -228
  11. package/dist/darkside/tokens.css +460 -477
  12. package/dist/darkside/tokens.d.ts +220 -228
  13. package/dist/darkside/tokens.js +220 -228
  14. package/dist/darkside/tokens.less +220 -228
  15. package/dist/darkside/tokens.scss +220 -228
  16. package/dist/tokens-cjs.js +22 -0
  17. package/dist/tokens.css +23 -1
  18. package/dist/tokens.d.ts +22 -0
  19. package/dist/tokens.js +22 -0
  20. package/dist/tokens.less +22 -0
  21. package/dist/tokens.scss +22 -0
  22. package/docs.json +24 -0
  23. package/package.json +2 -2
  24. package/src/future-space.json +26 -0
  25. package/types.ts +86 -56
package/dist/darkside/light-tokens.css CHANGED
@@ -3,76 +3,76 @@
3
3
  */
4
4
 
5
5
  :root, :host, .light, .light-theme {
6
- --ax-meta-lime-400A: #d0dc00;
7
- --ax-meta-lime-300A: #cadf0094;
8
- --ax-meta-lime-200A: #c4df0056;
9
- --ax-meta-lime-100A: #c3de002e;
10
- --ax-meta-lime-1000: #2a2800;
11
- --ax-meta-lime-900: #515400;
12
- --ax-meta-lime-800: #5c6100;
13
- --ax-meta-lime-700: #646900;
14
- --ax-meta-lime-600: #757c00;
15
- --ax-meta-lime-500: #878f00;
16
- --ax-meta-lime-400: #d0dc00;
17
- --ax-meta-lime-300: #e0ec6b;
18
- --ax-meta-lime-200: #ebf4a9;
19
- --ax-meta-lime-100: #f4f9d1;
20
- --ax-meta-purple-400A: #2b006b30;
21
- --ax-meta-purple-300A: #2b00661e;
22
- --ax-meta-purple-200A: #2b006412;
23
- --ax-meta-purple-100A: #3300660a;
24
- --ax-meta-purple-1000: #331a4d;
25
- --ax-meta-purple-900: #5e467c;
26
- --ax-meta-purple-800: #6a5289;
27
- --ax-meta-purple-700: #725a91;
28
- --ax-meta-purple-600: #846ca4;
29
- --ax-meta-purple-500: #9580b1;
30
- --ax-meta-purple-400: #d7cfe3;
31
- --ax-meta-purple-300: #e6e1ed;
32
- --ax-meta-purple-200: #f0edf4;
33
- --ax-meta-purple-100: #f7f5f9;
34
- --ax-brand-blue-400A: #005a923f;
35
- --ax-brand-blue-300A: #0060a028;
36
- --ax-brand-blue-200A: #006eb71c;
37
- --ax-brand-blue-100A: #0078d211;
38
- --ax-brand-blue-1000: #002942;
39
- --ax-brand-blue-900: #00557d;
40
- --ax-brand-blue-800: #156389;
41
- --ax-brand-blue-700: #246b91;
42
- --ax-brand-blue-600: #417da0;
43
- --ax-brand-blue-500: #5a8fae;
44
- --ax-brand-blue-400: #c0d6e4;
45
- --ax-brand-blue-300: #d7e6f0;
46
- --ax-brand-blue-200: #e3eff7;
47
- --ax-brand-blue-100: #eef6fc;
48
- --ax-brand-beige-400A: #e94c004e;
49
- --ax-brand-beige-300A: #f0520032;
50
- --ax-brand-beige-200A: #ef5b001f;
51
- --ax-brand-beige-100A: #ff5a0011;
52
- --ax-brand-beige-1000: #3c1f15;
53
- --ax-brand-beige-900: #764332;
54
- --ax-brand-beige-800: #874e3b;
55
- --ax-brand-beige-700: #915541;
56
- --ax-brand-beige-600: #a9654e;
57
- --ax-brand-beige-500: #c0765d;
58
- --ax-brand-beige-400: #f8c8b1;
59
- --ax-brand-beige-300: #fcddcd;
60
- --ax-brand-beige-200: #fdebe0;
61
- --ax-brand-beige-100: #fff4ee;
62
- --ax-brand-magenta-400A: #a4003a35;
63
- --ax-brand-magenta-300A: #a5003c22;
64
- --ax-brand-magenta-200A: #aa003d15;
65
- --ax-brand-magenta-100A: #aa00400c;
66
- --ax-brand-magenta-1000: #52002b;
67
- --ax-brand-magenta-900: #98185d;
68
- --ax-brand-magenta-800: #a33069;
69
- --ax-brand-magenta-700: #a93d70;
70
- --ax-brand-magenta-600: #b65781;
71
- --ax-brand-magenta-500: #c26f92;
72
- --ax-brand-magenta-400: #eccad6;
73
- --ax-brand-magenta-300: #f3dde5;
74
- --ax-brand-magenta-200: #f8eaef;
75
- --ax-brand-magenta-100: #fbf3f6;
6
+ --ax-meta-2-400A: #d0dc00;
7
+ --ax-meta-2-300A: #cadf0094;
8
+ --ax-meta-2-200A: #c4df0056;
9
+ --ax-meta-2-100A: #c3de002e;
10
+ --ax-meta-2-1000: #2a2800;
11
+ --ax-meta-2-900: #515400;
12
+ --ax-meta-2-800: #5c6100;
13
+ --ax-meta-2-700: #646900;
14
+ --ax-meta-2-600: #757c00;
15
+ --ax-meta-2-500: #878f00;
16
+ --ax-meta-2-400: #d0dc00;
17
+ --ax-meta-2-300: #e0ec6b;
18
+ --ax-meta-2-200: #ebf4a9;
19
+ --ax-meta-2-100: #f4f9d1;
20
+ --ax-meta-1-400A: #2b006b30;
21
+ --ax-meta-1-300A: #2b00661e;
22
+ --ax-meta-1-200A: #2b006412;
23
+ --ax-meta-1-100A: #3300660a;
24
+ --ax-meta-1-1000: #331a4d;
25
+ --ax-meta-1-900: #5e467c;
26
+ --ax-meta-1-800: #6a5289;
27
+ --ax-meta-1-700: #725a91;
28
+ --ax-meta-1-600: #846ca4;
29
+ --ax-meta-1-500: #9580b1;
30
+ --ax-meta-1-400: #d7cfe3;
31
+ --ax-meta-1-300: #e6e1ed;
32
+ --ax-meta-1-200: #f0edf4;
33
+ --ax-meta-1-100: #f7f5f9;
34
+ --ax-brand-3-400A: #005a923f;
35
+ --ax-brand-3-300A: #0060a028;
36
+ --ax-brand-3-200A: #006eb71c;
37
+ --ax-brand-3-100A: #0078d211;
38
+ --ax-brand-3-1000: #002942;
39
+ --ax-brand-3-900: #00557d;
40
+ --ax-brand-3-800: #156389;
41
+ --ax-brand-3-700: #246b91;
42
+ --ax-brand-3-600: #417da0;
43
+ --ax-brand-3-500: #5a8fae;
44
+ --ax-brand-3-400: #c0d6e4;
45
+ --ax-brand-3-300: #d7e6f0;
46
+ --ax-brand-3-200: #e3eff7;
47
+ --ax-brand-3-100: #eef6fc;
48
+ --ax-brand-2-400A: #e94c004e;
49
+ --ax-brand-2-300A: #f0520032;
50
+ --ax-brand-2-200A: #ef5b001f;
51
+ --ax-brand-2-100A: #ff5a0011;
52
+ --ax-brand-2-1000: #3c1f15;
53
+ --ax-brand-2-900: #764332;
54
+ --ax-brand-2-800: #874e3b;
55
+ --ax-brand-2-700: #915541;
56
+ --ax-brand-2-600: #a9654e;
57
+ --ax-brand-2-500: #c0765d;
58
+ --ax-brand-2-400: #f8c8b1;
59
+ --ax-brand-2-300: #fcddcd;
60
+ --ax-brand-2-200: #fdebe0;
61
+ --ax-brand-2-100: #fff4ee;
62
+ --ax-brand-1-400A: #a4003a35;
63
+ --ax-brand-1-300A: #a5003c22;
64
+ --ax-brand-1-200A: #aa003d15;
65
+ --ax-brand-1-100A: #aa00400c;
66
+ --ax-brand-1-1000: #52002b;
67
+ --ax-brand-1-900: #98185d;
68
+ --ax-brand-1-800: #a33069;
69
+ --ax-brand-1-700: #a93d70;
70
+ --ax-brand-1-600: #b65781;
71
+ --ax-brand-1-500: #c26f92;
72
+ --ax-brand-1-400: #eccad6;
73
+ --ax-brand-1-300: #f3dde5;
74
+ --ax-brand-1-200: #f8eaef;
75
+ --ax-brand-1-100: #fbf3f6;
76
76
  --ax-info-400A: #005a923f;
77
77
  --ax-info-300A: #0060a028;
78
78
  --ax-info-200A: #006eb71c;
@@ -169,169 +169,174 @@
169
169
  --ax-border-subtleA: var(--ax-neutral-400A);
170
170
  --ax-border-subtle: var(--ax-neutral-400);
171
171
  --ax-border-default: var(--ax-neutral-500);
172
- --ax-border-meta-lime-strong: var(--ax-meta-lime-600);
173
- --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
174
- --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
175
- --ax-border-meta-lime: var(--ax-meta-lime-500);
176
- --ax-border-meta-purple-strong: var(--ax-meta-purple-600);
177
- --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
178
- --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
179
- --ax-border-meta-purple: var(--ax-meta-purple-500);
180
- --ax-border-brand-blue-strong: var(--ax-brand-blue-600);
181
- --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
182
- --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
183
- --ax-border-brand-blue: var(--ax-brand-blue-500);
184
- --ax-border-brand-beige-strong: var(--ax-brand-beige-600);
185
- --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
186
- --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
187
- --ax-border-brand-beige: var(--ax-brand-beige-500);
188
- --ax-border-brand-magenta-strong: var(--ax-brand-magenta-600);
189
- --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
190
- --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
191
- --ax-border-brand-magenta: var(--ax-brand-magenta-500);
192
- --ax-border-info-strong: var(--ax-info-600);
172
+ --ax-border-meta-2-strong: var(--ax-meta-2-700);
173
+ --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
174
+ --ax-border-meta-2-subtle: var(--ax-meta-2-400);
175
+ --ax-border-meta-2: var(--ax-meta-2-600);
176
+ --ax-border-meta-1-strong: var(--ax-meta-1-700);
177
+ --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
178
+ --ax-border-meta-1-subtle: var(--ax-meta-1-400);
179
+ --ax-border-meta-1: var(--ax-meta-1-600);
180
+ --ax-border-brand-3-strong: var(--ax-brand-3-700);
181
+ --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
182
+ --ax-border-brand-3-subtle: var(--ax-brand-3-400);
183
+ --ax-border-brand-3: var(--ax-brand-3-600);
184
+ --ax-border-brand-2-strong: var(--ax-brand-2-700);
185
+ --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
186
+ --ax-border-brand-2-subtle: var(--ax-brand-2-400);
187
+ --ax-border-brand-2: var(--ax-brand-2-600);
188
+ --ax-border-brand-1-strong: var(--ax-brand-1-700);
189
+ --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
190
+ --ax-border-brand-1-subtle: var(--ax-brand-1-400);
191
+ --ax-border-brand-1: var(--ax-brand-1-600);
192
+ --ax-border-info-strong: var(--ax-info-700);
193
193
  --ax-border-info-subtleA: var(--ax-info-400A);
194
194
  --ax-border-info-subtle: var(--ax-info-400);
195
- --ax-border-info: var(--ax-info-500);
196
- --ax-border-danger-strong: var(--ax-danger-600);
195
+ --ax-border-info: var(--ax-info-600);
196
+ --ax-border-danger-strong: var(--ax-danger-700);
197
197
  --ax-border-danger-subtleA: var(--ax-danger-400A);
198
198
  --ax-border-danger-subtle: var(--ax-danger-400);
199
- --ax-border-danger: var(--ax-danger-500);
200
- --ax-border-warning-strong: var(--ax-warning-600);
199
+ --ax-border-danger: var(--ax-danger-600);
200
+ --ax-border-warning-strong: var(--ax-warning-700);
201
201
  --ax-border-warning-subtleA: var(--ax-warning-400A);
202
202
  --ax-border-warning-subtle: var(--ax-warning-400);
203
- --ax-border-warning: var(--ax-warning-500);
204
- --ax-border-success-strong: var(--ax-success-600);
203
+ --ax-border-warning: var(--ax-warning-600);
204
+ --ax-border-success-strong: var(--ax-success-700);
205
205
  --ax-border-success-subtleA: var(--ax-success-400A);
206
206
  --ax-border-success-subtle: var(--ax-success-400);
207
- --ax-border-success: var(--ax-success-500);
208
- --ax-border-accent-strong: var(--ax-accent-600);
207
+ --ax-border-success: var(--ax-success-600);
208
+ --ax-border-accent-strong: var(--ax-accent-700);
209
209
  --ax-border-accent-subtleA: var(--ax-accent-400A);
210
210
  --ax-border-accent-subtle: var(--ax-accent-400);
211
- --ax-border-accent: var(--ax-accent-500);
212
- --ax-border-neutral-strong: var(--ax-neutral-600);
213
- --ax-border-neutral-subtleA: var(--ax-neutral-400A);
214
- --ax-border-neutral-subtle: var(--ax-neutral-400);
215
- --ax-border-neutral: var(--ax-neutral-500);
211
+ --ax-border-accent: var(--ax-accent-600);
212
+ --ax-text-contrast: var(--ax-neutral-000);
216
213
  --ax-text-icon: var(--ax-neutral-600);
217
214
  --ax-text-subtle: var(--ax-neutral-900);
218
215
  --ax-text-default: var(--ax-neutral-1000);
219
- --ax-text-meta-lime-contrast: var(--ax-neutral-000);
220
- --ax-text-meta-purple-contrast: var(--ax-neutral-000);
221
- --ax-text-brand-blue-contrast: var(--ax-neutral-000);
222
- --ax-text-brand-beige-contrast: var(--ax-neutral-000);
223
- --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
216
+ --ax-text-meta-2-contrast: var(--ax-neutral-000);
217
+ --ax-text-meta-1-contrast: var(--ax-neutral-000);
218
+ --ax-text-brand-3-contrast: var(--ax-neutral-000);
219
+ --ax-text-brand-2-contrast: var(--ax-neutral-000);
220
+ --ax-text-brand-1-contrast: var(--ax-neutral-000);
224
221
  --ax-text-warning-contrast: var(--ax-neutral-000);
225
222
  --ax-text-success-contrast: var(--ax-neutral-000);
226
223
  --ax-text-info-contrast: var(--ax-neutral-000);
227
224
  --ax-text-danger-contrast: var(--ax-neutral-000);
228
- --ax-text-neutral-contrast: var(--ax-neutral-000);
229
225
  --ax-text-accent-contrast: var(--ax-neutral-000);
230
- --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
231
- --ax-text-meta-lime-strong: var(--ax-meta-lime-900);
232
- --ax-text-meta-lime: var(--ax-meta-lime-700);
233
- --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
234
- --ax-text-meta-purple-strong: var(--ax-meta-purple-900);
235
- --ax-text-meta-purple: var(--ax-meta-purple-700);
236
- --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
237
- --ax-text-brand-blue-strong: var(--ax-brand-blue-900);
238
- --ax-text-brand-blue: var(--ax-brand-blue-700);
239
- --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
240
- --ax-text-brand-beige-strong: var(--ax-brand-beige-900);
241
- --ax-text-brand-beige: var(--ax-brand-beige-700);
242
- --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
243
- --ax-text-brand-magenta-strong: var(--ax-brand-magenta-900);
244
- --ax-text-brand-magenta: var(--ax-brand-magenta-700);
226
+ --ax-text-meta-2-icon: var(--ax-meta-2-600);
227
+ --ax-text-meta-2-strong: var(--ax-meta-2-1000);
228
+ --ax-text-meta-2: var(--ax-meta-2-800);
229
+ --ax-text-meta-1-icon: var(--ax-meta-1-600);
230
+ --ax-text-meta-1-strong: var(--ax-meta-1-1000);
231
+ --ax-text-meta-1: var(--ax-meta-1-800);
232
+ --ax-text-brand-3-icon: var(--ax-brand-3-600);
233
+ --ax-text-brand-3-strong: var(--ax-brand-3-1000);
234
+ --ax-text-brand-3: var(--ax-brand-3-800);
235
+ --ax-text-brand-2-icon: var(--ax-brand-2-600);
236
+ --ax-text-brand-2-strong: var(--ax-brand-2-1000);
237
+ --ax-text-brand-2: var(--ax-brand-2-800);
238
+ --ax-text-brand-1-icon: var(--ax-brand-1-600);
239
+ --ax-text-brand-1-strong: var(--ax-brand-1-1000);
240
+ --ax-text-brand-1: var(--ax-brand-1-800);
245
241
  --ax-text-info-icon: var(--ax-info-600);
246
- --ax-text-info-strong: var(--ax-info-900);
247
- --ax-text-info: var(--ax-info-700);
242
+ --ax-text-info-strong: var(--ax-info-1000);
243
+ --ax-text-info: var(--ax-info-800);
248
244
  --ax-text-danger-icon: var(--ax-danger-600);
249
- --ax-text-danger-strong: var(--ax-danger-900);
250
- --ax-text-danger: var(--ax-danger-700);
245
+ --ax-text-danger-strong: var(--ax-danger-1000);
246
+ --ax-text-danger: var(--ax-danger-800);
251
247
  --ax-text-warning-icon: var(--ax-warning-600);
252
- --ax-text-warning-strong: var(--ax-warning-900);
253
- --ax-text-warning: var(--ax-warning-700);
248
+ --ax-text-warning-strong: var(--ax-warning-1000);
249
+ --ax-text-warning: var(--ax-warning-800);
254
250
  --ax-text-success-icon: var(--ax-success-600);
255
- --ax-text-success-strong: var(--ax-success-900);
256
- --ax-text-success: var(--ax-success-700);
251
+ --ax-text-success-strong: var(--ax-success-1000);
252
+ --ax-text-success: var(--ax-success-800);
257
253
  --ax-text-accent-icon: var(--ax-accent-600);
258
- --ax-text-accent-strong: var(--ax-accent-900);
259
- --ax-text-accent: var(--ax-accent-700);
260
- --ax-text-neutral-icon: var(--ax-neutral-600);
261
- --ax-text-neutral-strong: var(--ax-neutral-900);
262
- --ax-text-neutral: var(--ax-neutral-700);
254
+ --ax-text-accent-strong: var(--ax-accent-1000);
255
+ --ax-text-accent: var(--ax-accent-800);
256
+ --ax-bg-strong-pressed: var(--ax-neutral-800);
257
+ --ax-bg-strong-hover: var(--ax-neutral-700);
258
+ --ax-bg-strong: var(--ax-neutral-600);
259
+ --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
260
+ --ax-bg-moderate-pressed: var(--ax-neutral-400);
261
+ --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
262
+ --ax-bg-moderate-hover: var(--ax-neutral-300);
263
+ --ax-bg-moderateA: var(--ax-neutral-200A);
264
+ --ax-bg-moderate: var(--ax-neutral-200);
265
+ --ax-bg-hoverA: var(--ax-neutral-200A);
266
+ --ax-bg-hover: var(--ax-neutral-200);
267
+ --ax-bg-soft: var(--ax-neutral-100);
263
268
  --ax-bg-sunken: var(--ax-neutral-200);
264
269
  --ax-bg-raised: var(--ax-neutral-000);
265
- --ax-bg-meta-lime-raised-hover: var(--ax-meta-lime-200);
266
- --ax-bg-meta-lime-raised: var(--ax-meta-lime-100);
267
- --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
268
- --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
269
- --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
270
- --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
271
- --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
272
- --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
273
- --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
274
- --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
275
- --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
276
- --ax-bg-meta-lime-hoverA: var(--ax-meta-lime-200A);
277
- --ax-bg-meta-lime-hover: var(--ax-meta-lime-200);
278
- --ax-bg-meta-lime: var(--ax-meta-lime-100);
279
- --ax-bg-meta-purple-raised-hover: var(--ax-meta-purple-200);
280
- --ax-bg-meta-purple-raised: var(--ax-meta-purple-100);
281
- --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
282
- --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
283
- --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
284
- --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
285
- --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
286
- --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
287
- --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
288
- --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
289
- --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
290
- --ax-bg-meta-purple-hoverA: var(--ax-meta-purple-200A);
291
- --ax-bg-meta-purple-hover: var(--ax-meta-purple-200);
292
- --ax-bg-meta-purple: var(--ax-meta-purple-100);
293
- --ax-bg-brand-blue-raised-hover: var(--ax-brand-blue-200);
294
- --ax-bg-brand-blue-raised: var(--ax-brand-blue-100);
295
- --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
296
- --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
297
- --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
298
- --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
299
- --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
300
- --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
301
- --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
302
- --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
303
- --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
304
- --ax-bg-brand-blue-hoverA: var(--ax-brand-blue-200A);
305
- --ax-bg-brand-blue-hover: var(--ax-brand-blue-200);
306
- --ax-bg-brand-blue: var(--ax-brand-blue-100);
307
- --ax-bg-brand-beige-raised-hover: var(--ax-brand-beige-200);
308
- --ax-bg-brand-beige-raised: var(--ax-brand-beige-100);
309
- --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
310
- --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
311
- --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
312
- --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
313
- --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
314
- --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
315
- --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
316
- --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
317
- --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
318
- --ax-bg-brand-beige-hoverA: var(--ax-brand-beige-200A);
319
- --ax-bg-brand-beige-hover: var(--ax-brand-beige-200);
320
- --ax-bg-brand-beige: var(--ax-brand-beige-100);
321
- --ax-bg-brand-magenta-raised-hover: var(--ax-brand-magenta-200);
322
- --ax-bg-brand-magenta-raised: var(--ax-brand-magenta-100);
323
- --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
324
- --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
325
- --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
326
- --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
327
- --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
328
- --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
329
- --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
330
- --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
331
- --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
332
- --ax-bg-brand-magenta-hoverA: var(--ax-brand-magenta-200A);
333
- --ax-bg-brand-magenta-hover: var(--ax-brand-magenta-200);
334
- --ax-bg-brand-magenta: var(--ax-brand-magenta-100);
270
+ --ax-bg-meta-2-raised-hover: var(--ax-meta-2-200);
271
+ --ax-bg-meta-2-raised: var(--ax-meta-2-100);
272
+ --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
273
+ --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
274
+ --ax-bg-meta-2-strong: var(--ax-meta-2-600);
275
+ --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
276
+ --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
277
+ --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
278
+ --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
279
+ --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
280
+ --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
281
+ --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
282
+ --ax-bg-meta-2-hover: var(--ax-meta-2-200);
283
+ --ax-bg-meta-2-soft: var(--ax-meta-2-100);
284
+ --ax-bg-meta-1-raised-hover: var(--ax-meta-1-200);
285
+ --ax-bg-meta-1-raised: var(--ax-meta-1-100);
286
+ --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
287
+ --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
288
+ --ax-bg-meta-1-strong: var(--ax-meta-1-600);
289
+ --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
290
+ --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
291
+ --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
292
+ --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
293
+ --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
294
+ --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
295
+ --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
296
+ --ax-bg-meta-1-hover: var(--ax-meta-1-200);
297
+ --ax-bg-meta-1-soft: var(--ax-meta-1-100);
298
+ --ax-bg-brand-3-raised-hover: var(--ax-brand-3-200);
299
+ --ax-bg-brand-3-raised: var(--ax-brand-3-100);
300
+ --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
301
+ --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
302
+ --ax-bg-brand-3-strong: var(--ax-brand-3-600);
303
+ --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
304
+ --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
305
+ --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
306
+ --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
307
+ --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
308
+ --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
309
+ --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
310
+ --ax-bg-brand-3-hover: var(--ax-brand-3-200);
311
+ --ax-bg-brand-3-soft: var(--ax-brand-3-100);
312
+ --ax-bg-brand-2-raised-hover: var(--ax-brand-2-200);
313
+ --ax-bg-brand-2-raised: var(--ax-brand-2-100);
314
+ --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
315
+ --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
316
+ --ax-bg-brand-2-strong: var(--ax-brand-2-600);
317
+ --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
318
+ --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
319
+ --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
320
+ --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
321
+ --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
322
+ --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
323
+ --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
324
+ --ax-bg-brand-2-hover: var(--ax-brand-2-200);
325
+ --ax-bg-brand-2-soft: var(--ax-brand-2-100);
326
+ --ax-bg-brand-1-raised-hover: var(--ax-brand-1-200);
327
+ --ax-bg-brand-1-raised: var(--ax-brand-1-100);
328
+ --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
329
+ --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
330
+ --ax-bg-brand-1-strong: var(--ax-brand-1-600);
331
+ --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
332
+ --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
333
+ --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
334
+ --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
335
+ --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
336
+ --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
337
+ --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
338
+ --ax-bg-brand-1-hover: var(--ax-brand-1-200);
339
+ --ax-bg-brand-1-soft: var(--ax-brand-1-100);
335
340
  --ax-bg-info-raised-hover: var(--ax-info-200);
336
341
  --ax-bg-info-raised: var(--ax-info-100);
337
342
  --ax-bg-info-strong-pressed: var(--ax-info-800);
@@ -345,7 +350,7 @@
345
350
  --ax-bg-info-moderate: var(--ax-info-200);
346
351
  --ax-bg-info-hoverA: var(--ax-info-200A);
347
352
  --ax-bg-info-hover: var(--ax-info-200);
348
- --ax-bg-info: var(--ax-info-100);
353
+ --ax-bg-info-soft: var(--ax-info-100);
349
354
  --ax-bg-danger-raised-hover: var(--ax-danger-200);
350
355
  --ax-bg-danger-raised: var(--ax-danger-100);
351
356
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
@@ -359,7 +364,7 @@
359
364
  --ax-bg-danger-moderate: var(--ax-danger-200);
360
365
  --ax-bg-danger-hoverA: var(--ax-danger-200A);
361
366
  --ax-bg-danger-hover: var(--ax-danger-200);
362
- --ax-bg-danger: var(--ax-danger-100);
367
+ --ax-bg-danger-soft: var(--ax-danger-100);
363
368
  --ax-bg-warning-raised-hover: var(--ax-warning-200);
364
369
  --ax-bg-warning-raised: var(--ax-warning-100);
365
370
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
@@ -373,7 +378,7 @@
373
378
  --ax-bg-warning-moderate: var(--ax-warning-200);
374
379
  --ax-bg-warning-hoverA: var(--ax-warning-200A);
375
380
  --ax-bg-warning-hover: var(--ax-warning-200);
376
- --ax-bg-warning: var(--ax-warning-100);
381
+ --ax-bg-warning-soft: var(--ax-warning-100);
377
382
  --ax-bg-success-raised-hover: var(--ax-success-200);
378
383
  --ax-bg-success-raised: var(--ax-success-100);
379
384
  --ax-bg-success-strong-pressed: var(--ax-success-800);
@@ -387,7 +392,7 @@
387
392
  --ax-bg-success-moderate: var(--ax-success-200);
388
393
  --ax-bg-success-hoverA: var(--ax-success-200A);
389
394
  --ax-bg-success-hover: var(--ax-success-200);
390
- --ax-bg-success: var(--ax-success-100);
395
+ --ax-bg-success-soft: var(--ax-success-100);
391
396
  --ax-bg-accent-raised-hover: var(--ax-accent-200);
392
397
  --ax-bg-accent-raised: var(--ax-accent-100);
393
398
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
@@ -401,19 +406,5 @@
401
406
  --ax-bg-accent-moderate: var(--ax-accent-200);
402
407
  --ax-bg-accent-hoverA: var(--ax-accent-200A);
403
408
  --ax-bg-accent-hover: var(--ax-accent-200);
404
- --ax-bg-accent: var(--ax-accent-100);
405
- --ax-bg-neutral-raised-hover: var(--ax-neutral-200);
406
- --ax-bg-neutral-raised: var(--ax-neutral-100);
407
- --ax-bg-neutral-strong-pressed: var(--ax-neutral-800);
408
- --ax-bg-neutral-strong-hover: var(--ax-neutral-700);
409
- --ax-bg-neutral-strong: var(--ax-neutral-600);
410
- --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
411
- --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
412
- --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
413
- --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
414
- --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
415
- --ax-bg-neutral-moderate: var(--ax-neutral-200);
416
- --ax-bg-neutral-hoverA: var(--ax-neutral-200A);
417
- --ax-bg-neutral-hover: var(--ax-neutral-200);
418
- --ax-bg-neutral: var(--ax-neutral-100);
409
+ --ax-bg-accent-soft: var(--ax-accent-100);
419
410
  }
package/dist/darkside/root-tokens.css CHANGED
@@ -41,25 +41,26 @@
41
41
  --ax-border-radius-large: 8px;
42
42
  --ax-border-radius-medium: 4px;
43
43
  --ax-border-radius-small: 2px;
44
- --ax-spacing-1-alt: 0.375rem;
45
- --ax-spacing-05: 0.125rem;
46
- --ax-spacing-32: 8rem;
47
- --ax-spacing-24: 6rem;
48
- --ax-spacing-20: 5rem;
49
- --ax-spacing-18: 4.5rem;
50
- --ax-spacing-16: 4rem;
51
- --ax-spacing-14: 3.5rem;
52
- --ax-spacing-12: 3rem;
53
- --ax-spacing-11: 2.75rem;
54
- --ax-spacing-10: 2.5rem;
55
- --ax-spacing-9: 2.25rem;
56
- --ax-spacing-8: 2rem;
57
- --ax-spacing-7: 1.75rem;
58
- --ax-spacing-6: 1.5rem;
59
- --ax-spacing-5: 1.25rem;
60
- --ax-spacing-4: 1rem;
61
- --ax-spacing-3: 0.75rem;
62
- --ax-spacing-2: 0.5rem;
63
- --ax-spacing-1: 0.25rem;
64
- --ax-spacing-0: 0;
44
+ --ax-space-128: 8rem;
45
+ --ax-space-96: 6rem;
46
+ --ax-space-80: 5rem;
47
+ --ax-space-72: 4.5rem;
48
+ --ax-space-64: 4rem;
49
+ --ax-space-56: 3.5rem;
50
+ --ax-space-48: 3rem;
51
+ --ax-space-44: 2.75rem;
52
+ --ax-space-40: 2.5rem;
53
+ --ax-space-36: 2.25rem;
54
+ --ax-space-32: 2rem;
55
+ --ax-space-28: 1.75rem;
56
+ --ax-space-24: 1.5rem;
57
+ --ax-space-20: 1.25rem;
58
+ --ax-space-16: 1rem;
59
+ --ax-space-12: 0.75rem;
60
+ --ax-space-8: 0.5rem;
61
+ --ax-space-6: 0.375rem;
62
+ --ax-space-4: 0.25rem;
63
+ --ax-space-2: 0.125rem;
64
+ --ax-space-1: 0.0625rem;
65
+ --ax-space-0: 0rem;
65
66
  }