@navikt/aksel 7.17.2 → 7.17.4

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 (31) hide show
  1. package/dist/codemod/codeshift.utils.js +30 -0
  2. package/dist/codemod/migrations.js +9 -12
  3. package/dist/codemod/run-codeshift.js +3 -17
  4. package/dist/codemod/transforms/darkside/prop-deprecate/prop-deprecate.js +32 -0
  5. package/dist/codemod/transforms/{darkside → spacing}/primitives-spacing/spacing.js +7 -6
  6. package/dist/codemod/transforms/spacing/spacing.utils.js +34 -0
  7. package/dist/codemod/transforms/{darkside → spacing}/token-spacing/spacing.js +2 -2
  8. package/dist/codemod/transforms/{darkside → spacing}/token-spacing-js/spacing.js +4 -3
  9. package/dist/codemod/transforms/v2.0.0/update-js-tokens/update-js-tokens.js +1 -1
  10. package/dist/codemod/{transforms/darkside/darkside.utils.js → utils/ast.js} +0 -32
  11. package/dist/darkside/config/TokenStatus.js +145 -0
  12. package/dist/darkside/config/darkside.tokens.js +398 -0
  13. package/dist/darkside/config/legacy-component.tokens.js +407 -0
  14. package/dist/{codemod/transforms/darkside/darkside.tokens.js → darkside/config/legacy.tokens.js} +390 -796
  15. package/dist/darkside/config/token-regex.js +52 -0
  16. package/dist/darkside/config/token.utils.js +57 -0
  17. package/dist/darkside/index.js +28 -0
  18. package/dist/darkside/run-tooling.js +220 -0
  19. package/dist/darkside/tasks/print-remaining.js +51 -0
  20. package/dist/darkside/tasks/status.js +122 -0
  21. package/dist/darkside/transforms/darkside-tokens-css.js +17 -0
  22. package/dist/darkside/transforms/darkside-tokens-js.js +51 -0
  23. package/dist/darkside/transforms/darkside-tokens-less.js +14 -0
  24. package/dist/darkside/transforms/darkside-tokens-scss.js +14 -0
  25. package/dist/darkside/transforms/darkside-tokens-tailwind.js +33 -0
  26. package/dist/help.js +5 -0
  27. package/dist/index.js +5 -0
  28. package/package.json +5 -2
  29. package/dist/codemod/transforms/darkside/darkside.test.js +0 -20
  30. package/dist/codemod/transforms/darkside/token-update/token-update.js +0 -110
  31. package/dist/codemod/transforms/darkside/token-update-js/token-update-js.js +0 -96
@@ -0,0 +1,398 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.darksideTokenConfig = void 0;
4
+ const token_regex_1 = require("./token-regex");
5
+ const token_utils_1 = require("./token.utils");
6
+ const colors = [
7
+ "meta-lime-400A",
8
+ "meta-lime-300A",
9
+ "meta-lime-200A",
10
+ "meta-lime-100A",
11
+ "meta-lime-1000",
12
+ "meta-lime-900",
13
+ "meta-lime-800",
14
+ "meta-lime-700",
15
+ "meta-lime-600",
16
+ "meta-lime-500",
17
+ "meta-lime-400",
18
+ "meta-lime-300",
19
+ "meta-lime-200",
20
+ "meta-lime-100",
21
+ "meta-purple-400A",
22
+ "meta-purple-300A",
23
+ "meta-purple-200A",
24
+ "meta-purple-100A",
25
+ "meta-purple-1000",
26
+ "meta-purple-900",
27
+ "meta-purple-800",
28
+ "meta-purple-700",
29
+ "meta-purple-600",
30
+ "meta-purple-500",
31
+ "meta-purple-400",
32
+ "meta-purple-300",
33
+ "meta-purple-200",
34
+ "meta-purple-100",
35
+ "brand-blue-400A",
36
+ "brand-blue-300A",
37
+ "brand-blue-200A",
38
+ "brand-blue-100A",
39
+ "brand-blue-1000",
40
+ "brand-blue-900",
41
+ "brand-blue-800",
42
+ "brand-blue-700",
43
+ "brand-blue-600",
44
+ "brand-blue-500",
45
+ "brand-blue-400",
46
+ "brand-blue-300",
47
+ "brand-blue-200",
48
+ "brand-blue-100",
49
+ "brand-beige-400A",
50
+ "brand-beige-300A",
51
+ "brand-beige-200A",
52
+ "brand-beige-100A",
53
+ "brand-beige-1000",
54
+ "brand-beige-900",
55
+ "brand-beige-800",
56
+ "brand-beige-700",
57
+ "brand-beige-600",
58
+ "brand-beige-500",
59
+ "brand-beige-400",
60
+ "brand-beige-300",
61
+ "brand-beige-200",
62
+ "brand-beige-100",
63
+ "brand-magenta-400A",
64
+ "brand-magenta-300A",
65
+ "brand-magenta-200A",
66
+ "brand-magenta-100A",
67
+ "brand-magenta-1000",
68
+ "brand-magenta-900",
69
+ "brand-magenta-800",
70
+ "brand-magenta-700",
71
+ "brand-magenta-600",
72
+ "brand-magenta-500",
73
+ "brand-magenta-400",
74
+ "brand-magenta-300",
75
+ "brand-magenta-200",
76
+ "brand-magenta-100",
77
+ "info-400A",
78
+ "info-300A",
79
+ "info-200A",
80
+ "info-100A",
81
+ "info-1000",
82
+ "info-900",
83
+ "info-800",
84
+ "info-700",
85
+ "info-600",
86
+ "info-500",
87
+ "info-400",
88
+ "info-300",
89
+ "info-200",
90
+ "info-100",
91
+ "danger-400A",
92
+ "danger-300A",
93
+ "danger-200A",
94
+ "danger-100A",
95
+ "danger-1000",
96
+ "danger-900",
97
+ "danger-800",
98
+ "danger-700",
99
+ "danger-600",
100
+ "danger-500",
101
+ "danger-400",
102
+ "danger-300",
103
+ "danger-200",
104
+ "danger-100",
105
+ "warning-400A",
106
+ "warning-300A",
107
+ "warning-200A",
108
+ "warning-100A",
109
+ "warning-1000",
110
+ "warning-900",
111
+ "warning-800",
112
+ "warning-700",
113
+ "warning-600",
114
+ "warning-500",
115
+ "warning-400",
116
+ "warning-300",
117
+ "warning-200",
118
+ "warning-100",
119
+ "success-400A",
120
+ "success-300A",
121
+ "success-200A",
122
+ "success-100A",
123
+ "success-1000",
124
+ "success-900",
125
+ "success-800",
126
+ "success-700",
127
+ "success-600",
128
+ "success-500",
129
+ "success-400",
130
+ "success-300",
131
+ "success-200",
132
+ "success-100",
133
+ "accent-400A",
134
+ "accent-300A",
135
+ "accent-200A",
136
+ "accent-100A",
137
+ "accent-1000",
138
+ "accent-900",
139
+ "accent-800",
140
+ "accent-700",
141
+ "accent-600",
142
+ "accent-500",
143
+ "accent-400",
144
+ "accent-300",
145
+ "accent-200",
146
+ "accent-100",
147
+ "neutral-400A",
148
+ "neutral-300A",
149
+ "neutral-200A",
150
+ "neutral-100A",
151
+ "neutral-000",
152
+ "neutral-1000",
153
+ "neutral-900",
154
+ "neutral-800",
155
+ "neutral-700",
156
+ "neutral-600",
157
+ "neutral-500",
158
+ "neutral-400",
159
+ "neutral-300",
160
+ "neutral-200",
161
+ "neutral-100",
162
+ "bg-overlay",
163
+ "bg-input",
164
+ "bg-default",
165
+ "text-logo",
166
+ "border-focus",
167
+ "bg-sunken",
168
+ "bg-raised",
169
+ "border-meta-lime-strong",
170
+ "border-meta-lime-subtleA",
171
+ "border-meta-lime-subtle",
172
+ "border-meta-lime",
173
+ "border-meta-purple-strong",
174
+ "border-meta-purple-subtleA",
175
+ "border-meta-purple-subtle",
176
+ "border-meta-purple",
177
+ "border-brand-blue-strong",
178
+ "border-brand-blue-subtleA",
179
+ "border-brand-blue-subtle",
180
+ "border-brand-blue",
181
+ "border-brand-beige-strong",
182
+ "border-brand-beige-subtleA",
183
+ "border-brand-beige-subtle",
184
+ "border-brand-beige",
185
+ "border-brand-magenta-strong",
186
+ "border-brand-magenta-subtleA",
187
+ "border-brand-magenta-subtle",
188
+ "border-brand-magenta",
189
+ "border-info-strong",
190
+ "border-info-subtleA",
191
+ "border-info-subtle",
192
+ "border-info",
193
+ "border-danger-strong",
194
+ "border-danger-subtleA",
195
+ "border-danger-subtle",
196
+ "border-danger",
197
+ "border-warning-strong",
198
+ "border-warning-subtleA",
199
+ "border-warning-subtle",
200
+ "border-warning",
201
+ "border-success-strong",
202
+ "border-success-subtleA",
203
+ "border-success-subtle",
204
+ "border-success",
205
+ "border-accent-strong",
206
+ "border-accent-subtleA",
207
+ "border-accent-subtle",
208
+ "border-accent",
209
+ "border-neutral-strong",
210
+ "border-neutral-subtleA",
211
+ "border-neutral-subtle",
212
+ "border-neutral",
213
+ "text-meta-lime-contrast",
214
+ "text-meta-lime-icon",
215
+ "text-meta-lime-subtle",
216
+ "text-meta-lime",
217
+ "text-meta-purple-contrast",
218
+ "text-meta-purple-icon",
219
+ "text-meta-purple-subtle",
220
+ "text-meta-purple",
221
+ "text-brand-blue-contrast",
222
+ "text-brand-blue-icon",
223
+ "text-brand-blue-subtle",
224
+ "text-brand-blue",
225
+ "text-brand-beige-contrast",
226
+ "text-brand-beige-icon",
227
+ "text-brand-beige-subtle",
228
+ "text-brand-beige",
229
+ "text-brand-magenta-contrast",
230
+ "text-brand-magenta-icon",
231
+ "text-brand-magenta-subtle",
232
+ "text-brand-magenta",
233
+ "text-info-contrast",
234
+ "text-info-icon",
235
+ "text-info-subtle",
236
+ "text-info",
237
+ "text-danger-contrast",
238
+ "text-danger-icon",
239
+ "text-danger-subtle",
240
+ "text-danger",
241
+ "text-warning-contrast",
242
+ "text-warning-icon",
243
+ "text-warning-subtle",
244
+ "text-warning",
245
+ "text-success-contrast",
246
+ "text-success-icon",
247
+ "text-success-subtle",
248
+ "text-success",
249
+ "text-accent-contrast",
250
+ "text-accent-icon",
251
+ "text-accent-subtle",
252
+ "text-accent",
253
+ "text-neutral-contrast",
254
+ "text-neutral-icon",
255
+ "text-neutral-subtle",
256
+ "text-neutral",
257
+ "bg-meta-lime-strong-pressed",
258
+ "bg-meta-lime-strong-hover",
259
+ "bg-meta-lime-strong",
260
+ "bg-meta-lime-moderate-pressedA",
261
+ "bg-meta-lime-moderate-pressed",
262
+ "bg-meta-lime-moderate-hoverA",
263
+ "bg-meta-lime-moderate-hover",
264
+ "bg-meta-lime-moderateA",
265
+ "bg-meta-lime-moderate",
266
+ "bg-meta-lime-softA",
267
+ "bg-meta-lime-soft",
268
+ "bg-meta-purple-strong-pressed",
269
+ "bg-meta-purple-strong-hover",
270
+ "bg-meta-purple-strong",
271
+ "bg-meta-purple-moderate-pressedA",
272
+ "bg-meta-purple-moderate-pressed",
273
+ "bg-meta-purple-moderate-hoverA",
274
+ "bg-meta-purple-moderate-hover",
275
+ "bg-meta-purple-moderateA",
276
+ "bg-meta-purple-moderate",
277
+ "bg-meta-purple-softA",
278
+ "bg-meta-purple-soft",
279
+ "bg-brand-blue-strong-pressed",
280
+ "bg-brand-blue-strong-hover",
281
+ "bg-brand-blue-strong",
282
+ "bg-brand-blue-moderate-pressedA",
283
+ "bg-brand-blue-moderate-pressed",
284
+ "bg-brand-blue-moderate-hoverA",
285
+ "bg-brand-blue-moderate-hover",
286
+ "bg-brand-blue-moderateA",
287
+ "bg-brand-blue-moderate",
288
+ "bg-brand-blue-softA",
289
+ "bg-brand-blue-soft",
290
+ "bg-brand-beige-strong-pressed",
291
+ "bg-brand-beige-strong-hover",
292
+ "bg-brand-beige-strong",
293
+ "bg-brand-beige-moderate-pressedA",
294
+ "bg-brand-beige-moderate-pressed",
295
+ "bg-brand-beige-moderate-hoverA",
296
+ "bg-brand-beige-moderate-hover",
297
+ "bg-brand-beige-moderateA",
298
+ "bg-brand-beige-moderate",
299
+ "bg-brand-beige-softA",
300
+ "bg-brand-beige-soft",
301
+ "bg-brand-magenta-strong-pressed",
302
+ "bg-brand-magenta-strong-hover",
303
+ "bg-brand-magenta-strong",
304
+ "bg-brand-magenta-moderate-pressedA",
305
+ "bg-brand-magenta-moderate-pressed",
306
+ "bg-brand-magenta-moderate-hoverA",
307
+ "bg-brand-magenta-moderate-hover",
308
+ "bg-brand-magenta-moderateA",
309
+ "bg-brand-magenta-moderate",
310
+ "bg-brand-magenta-softA",
311
+ "bg-brand-magenta-soft",
312
+ "bg-info-strong-pressed",
313
+ "bg-info-strong-hover",
314
+ "bg-info-strong",
315
+ "bg-info-moderate-pressedA",
316
+ "bg-info-moderate-pressed",
317
+ "bg-info-moderate-hoverA",
318
+ "bg-info-moderate-hover",
319
+ "bg-info-moderateA",
320
+ "bg-info-moderate",
321
+ "bg-info-softA",
322
+ "bg-info-soft",
323
+ "bg-danger-strong-pressed",
324
+ "bg-danger-strong-hover",
325
+ "bg-danger-strong",
326
+ "bg-danger-moderate-pressedA",
327
+ "bg-danger-moderate-pressed",
328
+ "bg-danger-moderate-hoverA",
329
+ "bg-danger-moderate-hover",
330
+ "bg-danger-moderateA",
331
+ "bg-danger-moderate",
332
+ "bg-danger-softA",
333
+ "bg-danger-soft",
334
+ "bg-warning-strong-pressed",
335
+ "bg-warning-strong-hover",
336
+ "bg-warning-strong",
337
+ "bg-warning-moderate-pressedA",
338
+ "bg-warning-moderate-pressed",
339
+ "bg-warning-moderate-hoverA",
340
+ "bg-warning-moderate-hover",
341
+ "bg-warning-moderateA",
342
+ "bg-warning-moderate",
343
+ "bg-warning-softA",
344
+ "bg-warning-soft",
345
+ "bg-success-strong-pressed",
346
+ "bg-success-strong-hover",
347
+ "bg-success-strong",
348
+ "bg-success-moderate-pressedA",
349
+ "bg-success-moderate-pressed",
350
+ "bg-success-moderate-hoverA",
351
+ "bg-success-moderate-hover",
352
+ "bg-success-moderateA",
353
+ "bg-success-moderate",
354
+ "bg-success-softA",
355
+ "bg-success-soft",
356
+ "bg-accent-strong-pressed",
357
+ "bg-accent-strong-hover",
358
+ "bg-accent-strong",
359
+ "bg-accent-moderate-pressedA",
360
+ "bg-accent-moderate-pressed",
361
+ "bg-accent-moderate-hoverA",
362
+ "bg-accent-moderate-hover",
363
+ "bg-accent-moderateA",
364
+ "bg-accent-moderate",
365
+ "bg-accent-softA",
366
+ "bg-accent-soft",
367
+ "bg-neutral-strong-pressed",
368
+ "bg-neutral-strong-hover",
369
+ "bg-neutral-strong",
370
+ "bg-neutral-moderate-pressedA",
371
+ "bg-neutral-moderate-pressed",
372
+ "bg-neutral-moderate-hoverA",
373
+ "bg-neutral-moderate-hover",
374
+ "bg-neutral-moderateA",
375
+ "bg-neutral-moderate",
376
+ "bg-neutral-softA",
377
+ "bg-neutral-soft",
378
+ ];
379
+ /**
380
+ * Key: Name
381
+ * Value: Tailwind-name
382
+ */
383
+ const newTokensWithoutRegex = Object.assign(Object.assign({}, colors.reduce((acc, token) => {
384
+ acc[token] = (0, token_utils_1.generateBgTwTags)(token, true);
385
+ return acc;
386
+ }, {})), { "opacity-disabled": "opacity-ax-disabled", "shadow-dialog": "shadow-ax-dialog", "font-weight-regular": "font-ax-regular", "font-weight-bold": "font-ax-bold", "font-size-small": "text-ax-small", "font-size-medium": "text-ax-medium", "font-size-large": "text-ax-large", "font-size-xlarge": "text-ax-xlarge", "font-size-heading-xsmall": "text-ax-heading-xsmall", "font-size-heading-small": "text-ax-heading-small", "font-size-heading-medium": "text-ax-heading-medium", "font-size-heading-large": "text-ax-heading-large", "font-size-heading-xlarge": "text-ax-heading-xlarge", "font-size-heading-2xlarge": "text-ax-heading-2xlarge", "font-line-height-medium": "leading-ax-medium", "font-line-height-large": "leading-ax-large", "font-line-height-xlarge": "leading-ax-xlarge", "font-line-height-heading-xsmall": "leading-ax-heading-xsmall", "font-line-height-heading-small": "leading-ax-heading-small", "font-line-height-heading-medium": "leading-ax-heading-medium", "font-line-height-heading-large": "leading-ax-heading-large", "font-line-height-heading-xlarge": "leading-ax-heading-xlarge", "font-line-height-heading-2xlarge": "leading-ax-heading-2xlarge", "font-family": "font-font-family", "breakpoint-2xl-down": null, "breakpoint-2xl": "ax-2xl", "breakpoint-xl-down": null, "breakpoint-xl": "ax-xl", "breakpoint-lg-down": null, "breakpoint-lg": "ax-lg", "breakpoint-md-down": null, "breakpoint-md": "ax-md", "breakpoint-sm-down": null, "breakpoint-sm": "ax-sm", "breakpoint-xs": null, "border-radius-full": (0, token_utils_1.generateRoundedTwTags)("full", true), "border-radius-xlarge": (0, token_utils_1.generateRoundedTwTags)("xlarge", true), "border-radius-large": (0, token_utils_1.generateRoundedTwTags)("large", true), "border-radius-medium": (0, token_utils_1.generateRoundedTwTags)("medium", true), "border-radius-small": (0, token_utils_1.generateRoundedTwTags)("small", true), "space-128": null, "space-96": null, "space-80": null, "space-72": null, "space-64": null, "space-56": null, "space-48": null, "space-44": null, "space-40": null, "space-36": null, "space-32": null, "space-28": null, "space-24": null, "space-20": null, "space-16": null, "space-12": null, "space-8": null, "space-6": null, "space-4": null, "space-2": null, "space-1": null, "space-0": null });
387
+ const darksideTokenConfig = Object.entries(newTokensWithoutRegex).reduce((acc, [name, tw]) => {
388
+ acc[name] = {
389
+ tw,
390
+ regexes: (0, token_regex_1.getFrameworkRegexes)({
391
+ legacy: false,
392
+ token: `--ax-${name}`,
393
+ twString: tw,
394
+ }),
395
+ };
396
+ return acc;
397
+ }, {});
398
+ exports.darksideTokenConfig = darksideTokenConfig;