@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
@@ -1,442 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.updatedTokens = exports.newTokens = void 0;
4
- exports.newTokens = [
5
- "meta-lime-400A",
6
- "meta-lime-300A",
7
- "meta-lime-200A",
8
- "meta-lime-100A",
9
- "meta-lime-1000",
10
- "meta-lime-900",
11
- "meta-lime-800",
12
- "meta-lime-700",
13
- "meta-lime-600",
14
- "meta-lime-500",
15
- "meta-lime-400",
16
- "meta-lime-300",
17
- "meta-lime-200",
18
- "meta-lime-100",
19
- "meta-purple-400A",
20
- "meta-purple-300A",
21
- "meta-purple-200A",
22
- "meta-purple-100A",
23
- "meta-purple-1000",
24
- "meta-purple-900",
25
- "meta-purple-800",
26
- "meta-purple-700",
27
- "meta-purple-600",
28
- "meta-purple-500",
29
- "meta-purple-400",
30
- "meta-purple-300",
31
- "meta-purple-200",
32
- "meta-purple-100",
33
- "brand-blue-400A",
34
- "brand-blue-300A",
35
- "brand-blue-200A",
36
- "brand-blue-100A",
37
- "brand-blue-1000",
38
- "brand-blue-900",
39
- "brand-blue-800",
40
- "brand-blue-700",
41
- "brand-blue-600",
42
- "brand-blue-500",
43
- "brand-blue-400",
44
- "brand-blue-300",
45
- "brand-blue-200",
46
- "brand-blue-100",
47
- "brand-beige-400A",
48
- "brand-beige-300A",
49
- "brand-beige-200A",
50
- "brand-beige-100A",
51
- "brand-beige-1000",
52
- "brand-beige-900",
53
- "brand-beige-800",
54
- "brand-beige-700",
55
- "brand-beige-600",
56
- "brand-beige-500",
57
- "brand-beige-400",
58
- "brand-beige-300",
59
- "brand-beige-200",
60
- "brand-beige-100",
61
- "brand-magenta-400A",
62
- "brand-magenta-300A",
63
- "brand-magenta-200A",
64
- "brand-magenta-100A",
65
- "brand-magenta-1000",
66
- "brand-magenta-900",
67
- "brand-magenta-800",
68
- "brand-magenta-700",
69
- "brand-magenta-600",
70
- "brand-magenta-500",
71
- "brand-magenta-400",
72
- "brand-magenta-300",
73
- "brand-magenta-200",
74
- "brand-magenta-100",
75
- "info-400A",
76
- "info-300A",
77
- "info-200A",
78
- "info-100A",
79
- "info-1000",
80
- "info-900",
81
- "info-800",
82
- "info-700",
83
- "info-600",
84
- "info-500",
85
- "info-400",
86
- "info-300",
87
- "info-200",
88
- "info-100",
89
- "danger-400A",
90
- "danger-300A",
91
- "danger-200A",
92
- "danger-100A",
93
- "danger-1000",
94
- "danger-900",
95
- "danger-800",
96
- "danger-700",
97
- "danger-600",
98
- "danger-500",
99
- "danger-400",
100
- "danger-300",
101
- "danger-200",
102
- "danger-100",
103
- "warning-400A",
104
- "warning-300A",
105
- "warning-200A",
106
- "warning-100A",
107
- "warning-1000",
108
- "warning-900",
109
- "warning-800",
110
- "warning-700",
111
- "warning-600",
112
- "warning-500",
113
- "warning-400",
114
- "warning-300",
115
- "warning-200",
116
- "warning-100",
117
- "success-400A",
118
- "success-300A",
119
- "success-200A",
120
- "success-100A",
121
- "success-1000",
122
- "success-900",
123
- "success-800",
124
- "success-700",
125
- "success-600",
126
- "success-500",
127
- "success-400",
128
- "success-300",
129
- "success-200",
130
- "success-100",
131
- "accent-400A",
132
- "accent-300A",
133
- "accent-200A",
134
- "accent-100A",
135
- "accent-1000",
136
- "accent-900",
137
- "accent-800",
138
- "accent-700",
139
- "accent-600",
140
- "accent-500",
141
- "accent-400",
142
- "accent-300",
143
- "accent-200",
144
- "accent-100",
145
- "neutral-400A",
146
- "neutral-300A",
147
- "neutral-200A",
148
- "neutral-100A",
149
- "neutral-000",
150
- "neutral-1000",
151
- "neutral-900",
152
- "neutral-800",
153
- "neutral-700",
154
- "neutral-600",
155
- "neutral-500",
156
- "neutral-400",
157
- "neutral-300",
158
- "neutral-200",
159
- "neutral-100",
160
- "bg-overlay",
161
- "bg-input",
162
- "bg-default",
163
- "text-logo",
164
- "opacity-disabled",
165
- "shadow-dialog",
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
- "font-weight-regular",
379
- "font-weight-bold",
380
- "font-size-small",
381
- "font-size-medium",
382
- "font-size-large",
383
- "font-size-xlarge",
384
- "font-size-heading-xsmall",
385
- "font-size-heading-small",
386
- "font-size-heading-medium",
387
- "font-size-heading-large",
388
- "font-size-heading-xlarge",
389
- "font-size-heading-2xlarge",
390
- "font-line-height-medium",
391
- "font-line-height-large",
392
- "font-line-height-xlarge",
393
- "font-line-height-heading-xsmall",
394
- "font-line-height-heading-small",
395
- "font-line-height-heading-medium",
396
- "font-line-height-heading-large",
397
- "font-line-height-heading-xlarge",
398
- "font-line-height-heading-2xlarge",
399
- "font-family",
400
- "breakpoint-2xl-down",
401
- "breakpoint-2xl",
402
- "breakpoint-xl-down",
403
- "breakpoint-xl",
404
- "breakpoint-lg-down",
405
- "breakpoint-lg",
406
- "breakpoint-md-down",
407
- "breakpoint-md",
408
- "breakpoint-sm-down",
409
- "breakpoint-sm",
410
- "breakpoint-xs",
411
- "border-radius-full",
412
- "border-radius-xlarge",
413
- "border-radius-large",
414
- "border-radius-medium",
415
- "border-radius-small",
416
- "space-128",
417
- "space-96",
418
- "space-80",
419
- "space-72",
420
- "space-64",
421
- "space-56",
422
- "space-48",
423
- "space-44",
424
- "space-40",
425
- "space-36",
426
- "space-32",
427
- "space-28",
428
- "space-24",
429
- "space-20",
430
- "space-16",
431
- "space-12",
432
- "space-8",
433
- "space-6",
434
- "space-4",
435
- "space-2",
436
- "space-1",
437
- "space-0",
438
- ];
439
- exports.updatedTokens = {
3
+ exports.legacyTokenConfig = void 0;
4
+ const token_regex_1 = require("./token-regex");
5
+ const token_utils_1 = require("./token.utils");
6
+ const colors = {
440
7
  "purple-900": {
441
8
  ref: "",
442
9
  raw: "rgba(31, 20, 47, 1)",
@@ -937,361 +504,6 @@ exports.updatedTokens = {
937
504
  raw: "rgba(242, 243, 245, 1)",
938
505
  replacement: "neutral-100",
939
506
  },
940
- "spacing-1-alt": {
941
- ref: "",
942
- raw: "0.375rem",
943
- replacement: "space-6",
944
- },
945
- "spacing-05": {
946
- ref: "",
947
- raw: "0.125rem",
948
- replacement: "space-2",
949
- },
950
- "spacing-32": {
951
- ref: "",
952
- raw: "8rem",
953
- replacement: "space-128",
954
- },
955
- "spacing-24": {
956
- ref: "",
957
- raw: "6rem",
958
- replacement: "space-96",
959
- },
960
- "spacing-20": {
961
- ref: "",
962
- raw: "5rem",
963
- replacement: "space-80",
964
- },
965
- "spacing-18": {
966
- ref: "",
967
- raw: "4.5rem",
968
- replacement: "space-72",
969
- },
970
- "spacing-16": {
971
- ref: "",
972
- raw: "4rem",
973
- replacement: "space-64",
974
- },
975
- "spacing-14": {
976
- ref: "",
977
- raw: "3.5rem",
978
- replacement: "space-56",
979
- },
980
- "spacing-12": {
981
- ref: "",
982
- raw: "3rem",
983
- replacement: "space-48",
984
- },
985
- "spacing-11": {
986
- ref: "",
987
- raw: "2.75rem",
988
- replacement: "space-44",
989
- },
990
- "spacing-10": {
991
- ref: "",
992
- raw: "2.5rem",
993
- replacement: "space-40",
994
- },
995
- "spacing-9": {
996
- ref: "",
997
- raw: "2.25rem",
998
- replacement: "space-36",
999
- },
1000
- "spacing-8": {
1001
- ref: "",
1002
- raw: "2rem",
1003
- replacement: "space-32",
1004
- },
1005
- "spacing-7": {
1006
- ref: "",
1007
- raw: "1.75rem",
1008
- replacement: "space-28",
1009
- },
1010
- "spacing-6": {
1011
- ref: "",
1012
- raw: "1.5rem",
1013
- replacement: "space-24",
1014
- },
1015
- "spacing-5": {
1016
- ref: "",
1017
- raw: "1.25rem",
1018
- replacement: "space-20",
1019
- },
1020
- "spacing-4": {
1021
- ref: "",
1022
- raw: "1rem",
1023
- replacement: "space-16",
1024
- },
1025
- "spacing-3": {
1026
- ref: "",
1027
- raw: "0.75rem",
1028
- replacement: "space-12",
1029
- },
1030
- "spacing-2": {
1031
- ref: "",
1032
- raw: "0.5rem",
1033
- replacement: "space-8",
1034
- },
1035
- "spacing-1": {
1036
- ref: "",
1037
- raw: "0.25rem",
1038
- replacement: "space-4",
1039
- },
1040
- "spacing-0": {
1041
- ref: "",
1042
- raw: "0",
1043
- replacement: "space-0",
1044
- },
1045
- "shadow-xlarge": {
1046
- ref: "",
1047
- raw: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)",
1048
- replacement: "",
1049
- },
1050
- "shadow-large": {
1051
- ref: "",
1052
- raw: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)",
1053
- replacement: "",
1054
- },
1055
- "shadow-medium": {
1056
- ref: "",
1057
- raw: "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)",
1058
- replacement: "",
1059
- },
1060
- "shadow-small": {
1061
- ref: "",
1062
- raw: "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)",
1063
- replacement: "",
1064
- },
1065
- "shadow-xsmall": {
1066
- ref: "",
1067
- raw: "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)",
1068
- replacement: "",
1069
- },
1070
- "nav-red": {
1071
- ref: "",
1072
- raw: "rgba(195, 0, 0, 1)",
1073
- replacement: "text-logo",
1074
- },
1075
- white: {
1076
- ref: "",
1077
- raw: "rgba(255, 255, 255, 1)",
1078
- replacement: "",
1079
- },
1080
- transparent: {
1081
- ref: "",
1082
- raw: "rgba(255, 255, 255, 0)",
1083
- replacement: "",
1084
- },
1085
- "border-radius-full": {
1086
- ref: "",
1087
- raw: "9999px",
1088
- replacement: "border-radius-full",
1089
- },
1090
- "border-radius-xlarge": {
1091
- ref: "",
1092
- raw: "12px",
1093
- replacement: "border-radius-xlarge",
1094
- },
1095
- "border-radius-large": {
1096
- ref: "",
1097
- raw: "8px",
1098
- replacement: "border-radius-large",
1099
- },
1100
- "border-radius-medium": {
1101
- ref: "",
1102
- raw: "4px",
1103
- replacement: "border-radius-medium",
1104
- },
1105
- "border-radius-small": {
1106
- ref: "",
1107
- raw: "2px",
1108
- replacement: "border-radius-small",
1109
- },
1110
- "z-index-tooltip": {
1111
- ref: "",
1112
- raw: "3000",
1113
- replacement: "",
1114
- },
1115
- "z-index-focus": {
1116
- ref: "",
1117
- raw: "10",
1118
- replacement: "",
1119
- },
1120
- "z-index-popover": {
1121
- ref: "",
1122
- raw: "1000",
1123
- replacement: "",
1124
- },
1125
- "font-weight-regular": {
1126
- ref: "",
1127
- raw: "400",
1128
- replacement: "font-weight-regular",
1129
- },
1130
- "font-weight-bold": {
1131
- ref: "",
1132
- raw: "600",
1133
- replacement: "font-weight-bold",
1134
- },
1135
- "font-size-small": {
1136
- ref: "",
1137
- raw: "0.875rem",
1138
- replacement: "font-size-small",
1139
- },
1140
- "font-size-medium": {
1141
- ref: "",
1142
- raw: "1rem",
1143
- replacement: "font-size-medium",
1144
- },
1145
- "font-size-large": {
1146
- ref: "",
1147
- raw: "1.125rem",
1148
- replacement: "font-size-large",
1149
- },
1150
- "font-size-xlarge": {
1151
- ref: "",
1152
- raw: "1.25rem",
1153
- replacement: "font-size-xlarge",
1154
- },
1155
- "font-size-heading-xsmall": {
1156
- ref: "",
1157
- raw: "1.125rem",
1158
- replacement: "font-size-heading-xsmall",
1159
- },
1160
- "font-size-heading-small": {
1161
- ref: "",
1162
- raw: "1.25rem",
1163
- replacement: "font-size-heading-small",
1164
- },
1165
- "font-size-heading-medium": {
1166
- ref: "",
1167
- raw: "1.5rem",
1168
- replacement: "font-size-heading-medium",
1169
- },
1170
- "font-size-heading-large": {
1171
- ref: "",
1172
- raw: "1.75rem",
1173
- replacement: "font-size-heading-large",
1174
- },
1175
- "font-size-heading-xlarge": {
1176
- ref: "",
1177
- raw: "2rem",
1178
- replacement: "font-size-heading-xlarge",
1179
- },
1180
- "font-size-heading-2xlarge": {
1181
- ref: "",
1182
- raw: "2.5rem",
1183
- replacement: "font-size-heading-2xlarge",
1184
- },
1185
- "font-line-height-medium": {
1186
- ref: "",
1187
- raw: "1.25rem",
1188
- replacement: "font-line-height-medium",
1189
- },
1190
- "font-line-height-large": {
1191
- ref: "",
1192
- raw: "1.5rem",
1193
- replacement: "font-line-height-large",
1194
- },
1195
- "font-line-height-xlarge": {
1196
- ref: "",
1197
- raw: "1.75rem",
1198
- replacement: "font-line-height-xlarge",
1199
- },
1200
- "font-line-height-heading-xsmall": {
1201
- ref: "",
1202
- raw: "1.5rem",
1203
- replacement: "font-line-height-heading-xsmall",
1204
- },
1205
- "font-line-height-heading-small": {
1206
- ref: "",
1207
- raw: "1.75rem",
1208
- replacement: "font-line-height-heading-small",
1209
- },
1210
- "font-line-height-heading-medium": {
1211
- ref: "",
1212
- raw: "2rem",
1213
- replacement: "font-line-height-heading-medium",
1214
- },
1215
- "font-line-height-heading-large": {
1216
- ref: "",
1217
- raw: "2.25rem",
1218
- replacement: "font-line-height-heading-large",
1219
- },
1220
- "font-line-height-heading-xlarge": {
1221
- ref: "",
1222
- raw: "2.5rem",
1223
- replacement: "font-line-height-heading-xlarge",
1224
- },
1225
- "font-line-height-heading-2xlarge": {
1226
- ref: "",
1227
- raw: "3.25rem",
1228
- replacement: "font-line-height-heading-2xlarge",
1229
- },
1230
- "font-family": {
1231
- ref: "",
1232
- raw: "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif",
1233
- replacement: "font-family",
1234
- },
1235
- "text-width-max": {
1236
- ref: "",
1237
- raw: "576px",
1238
- replacement: "",
1239
- },
1240
- "breakpoint-2xl-down": {
1241
- ref: "",
1242
- raw: "1439px",
1243
- replacement: "breakpoint-2xl-down",
1244
- },
1245
- "breakpoint-2xl": {
1246
- ref: "",
1247
- raw: "1440px",
1248
- replacement: "breakpoint-2xl",
1249
- },
1250
- "breakpoint-xl-down": {
1251
- ref: "",
1252
- raw: "1279px",
1253
- replacement: "breakpoint-xl-down",
1254
- },
1255
- "breakpoint-xl": {
1256
- ref: "",
1257
- raw: "1280px",
1258
- replacement: "breakpoint-xl",
1259
- },
1260
- "breakpoint-lg-down": {
1261
- ref: "",
1262
- raw: "1023px",
1263
- replacement: "breakpoint-lg-down",
1264
- },
1265
- "breakpoint-lg": {
1266
- ref: "",
1267
- raw: "1024px",
1268
- replacement: "breakpoint-lg",
1269
- },
1270
- "breakpoint-md-down": {
1271
- ref: "",
1272
- raw: "767px",
1273
- replacement: "breakpoint-md-down",
1274
- },
1275
- "breakpoint-md": {
1276
- ref: "",
1277
- raw: "768px",
1278
- replacement: "breakpoint-md",
1279
- },
1280
- "breakpoint-sm-down": {
1281
- ref: "",
1282
- raw: "479px",
1283
- replacement: "breakpoint-sm-down",
1284
- },
1285
- "breakpoint-sm": {
1286
- ref: "",
1287
- raw: "480px",
1288
- replacement: "breakpoint-sm",
1289
- },
1290
- "breakpoint-xs": {
1291
- ref: "",
1292
- raw: "0",
1293
- replacement: "breakpoint-xs",
1294
- },
1295
507
  "data-border-6": {
1296
508
  ref: "purple-400",
1297
509
  raw: "rgba(130, 105, 162, 1)",
@@ -1955,14 +1167,396 @@ exports.updatedTokens = {
1955
1167
  raw: "rgba(255, 255, 255, 1)",
1956
1168
  replacement: "bg-default",
1957
1169
  },
1958
- "shadow-focus-inverted": {
1170
+ "nav-red": {
1959
1171
  ref: "",
1960
- raw: "0 0 0 3px rgba(153, 195, 255, 1)",
1172
+ raw: "rgba(195, 0, 0, 1)",
1173
+ replacement: "text-logo",
1174
+ },
1175
+ white: {
1176
+ ref: "",
1177
+ raw: "rgba(255, 255, 255, 1)",
1961
1178
  replacement: "",
1962
1179
  },
1963
- "shadow-focus": {
1180
+ transparent: {
1964
1181
  ref: "",
1965
- raw: "0 0 0 3px rgba(0, 52, 125, 1)",
1182
+ raw: "rgba(255, 255, 255, 0)",
1966
1183
  replacement: "",
1967
1184
  },
1968
1185
  };
1186
+ const colorWithTailwindConversion = Object.entries(colors).reduce((acc, [key, value]) => {
1187
+ const twOld = (0, token_utils_1.generateBgTwTags)(key);
1188
+ const twNew = value.replacement.length > 0
1189
+ ? (0, token_utils_1.generateBgTwTags)(value.replacement, true)
1190
+ : undefined;
1191
+ acc[key] = Object.assign(Object.assign({}, value), { twOld,
1192
+ twNew });
1193
+ return acc;
1194
+ }, {});
1195
+ const tokensWithoutRegex = Object.assign(Object.assign({}, colorWithTailwindConversion), { "space-128": { ref: "", replacement: "space-128", raw: "8rem" }, "space-96": { ref: "", replacement: "space-96", raw: "6rem" }, "space-80": { ref: "", replacement: "space-80", raw: "5rem" }, "space-72": { ref: "", replacement: "space-72", raw: "4.5rem" }, "space-64": { ref: "", replacement: "space-64", raw: "4rem" }, "space-56": { ref: "", replacement: "space-56", raw: "3.5rem" }, "space-48": { ref: "", replacement: "space-48", raw: "3rem" }, "space-44": { ref: "", replacement: "space-44", raw: "2.75rem" }, "space-40": { ref: "", replacement: "space-40", raw: "2.5rem" }, "space-36": { ref: "", replacement: "space-36", raw: "2.25rem" }, "space-32": { ref: "", replacement: "space-32", raw: "2rem" }, "space-28": { ref: "", replacement: "space-28", raw: "1.75rem" }, "space-24": { ref: "", replacement: "space-24", raw: "1.5rem" }, "space-20": { ref: "", replacement: "space-20", raw: "1.25rem" }, "space-16": { ref: "", replacement: "space-16", raw: "1rem" }, "space-12": { ref: "", replacement: "space-12", raw: ".75rem" }, "space-8": { ref: "", replacement: "space-8", raw: ".5rem" }, "space-6": { ref: "", replacement: "space-6", raw: ".375rem" }, "space-4": { ref: "", replacement: "space-4", raw: ".25rem" }, "space-2": { ref: "", replacement: "space-2", raw: ".125rem" }, "space-1": { ref: "", replacement: "space-1", raw: ".0625rem" }, "space-0": { ref: "", replacement: "space-0", raw: "0rem" }, "spacing-1-alt": {
1196
+ ref: "",
1197
+ raw: "0.375rem",
1198
+ replacement: "space-6",
1199
+ }, "spacing-05": {
1200
+ ref: "",
1201
+ raw: "0.125rem",
1202
+ replacement: "space-2",
1203
+ }, "spacing-32": {
1204
+ ref: "",
1205
+ raw: "8rem",
1206
+ replacement: "space-128",
1207
+ }, "spacing-24": {
1208
+ ref: "",
1209
+ raw: "6rem",
1210
+ replacement: "space-96",
1211
+ }, "spacing-20": {
1212
+ ref: "",
1213
+ raw: "5rem",
1214
+ replacement: "space-80",
1215
+ }, "spacing-18": {
1216
+ ref: "",
1217
+ raw: "4.5rem",
1218
+ replacement: "space-72",
1219
+ }, "spacing-16": {
1220
+ ref: "",
1221
+ raw: "4rem",
1222
+ replacement: "space-64",
1223
+ }, "spacing-14": {
1224
+ ref: "",
1225
+ raw: "3.5rem",
1226
+ replacement: "space-56",
1227
+ }, "spacing-12": {
1228
+ ref: "",
1229
+ raw: "3rem",
1230
+ replacement: "space-48",
1231
+ }, "spacing-11": {
1232
+ ref: "",
1233
+ raw: "2.75rem",
1234
+ replacement: "space-44",
1235
+ }, "spacing-10": {
1236
+ ref: "",
1237
+ raw: "2.5rem",
1238
+ replacement: "space-40",
1239
+ }, "spacing-9": {
1240
+ ref: "",
1241
+ raw: "2.25rem",
1242
+ replacement: "space-36",
1243
+ }, "spacing-8": {
1244
+ ref: "",
1245
+ raw: "2rem",
1246
+ replacement: "space-32",
1247
+ }, "spacing-7": {
1248
+ ref: "",
1249
+ raw: "1.75rem",
1250
+ replacement: "space-28",
1251
+ }, "spacing-6": {
1252
+ ref: "",
1253
+ raw: "1.5rem",
1254
+ replacement: "space-24",
1255
+ }, "spacing-5": {
1256
+ ref: "",
1257
+ raw: "1.25rem",
1258
+ replacement: "space-20",
1259
+ }, "spacing-4": {
1260
+ ref: "",
1261
+ raw: "1rem",
1262
+ replacement: "space-16",
1263
+ }, "spacing-3": {
1264
+ ref: "",
1265
+ raw: "0.75rem",
1266
+ replacement: "space-12",
1267
+ }, "spacing-2": {
1268
+ ref: "",
1269
+ raw: "0.5rem",
1270
+ replacement: "space-8",
1271
+ }, "spacing-1": {
1272
+ ref: "",
1273
+ raw: "0.25rem",
1274
+ replacement: "space-4",
1275
+ }, "spacing-0": {
1276
+ ref: "",
1277
+ raw: "0",
1278
+ replacement: "space-0",
1279
+ }, "shadow-xlarge": {
1280
+ ref: "",
1281
+ raw: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)",
1282
+ replacement: "",
1283
+ twOld: "shadow-xlarge",
1284
+ }, "shadow-large": {
1285
+ ref: "",
1286
+ raw: "0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)",
1287
+ replacement: "",
1288
+ twOld: "shadow-large",
1289
+ }, "shadow-medium": {
1290
+ ref: "",
1291
+ raw: "0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)",
1292
+ replacement: "",
1293
+ twOld: "shadow-medium",
1294
+ }, "shadow-small": {
1295
+ ref: "",
1296
+ raw: "0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)",
1297
+ replacement: "",
1298
+ twOld: "shadow-small",
1299
+ }, "shadow-xsmall": {
1300
+ ref: "",
1301
+ raw: "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)",
1302
+ replacement: "",
1303
+ twOld: "shadow-xsmall",
1304
+ }, "shadow-focus-inverted": {
1305
+ ref: "",
1306
+ raw: "0 0 0 3px rgba(153, 195, 255, 1)",
1307
+ replacement: "",
1308
+ twOld: "shadow-focus-inverted",
1309
+ }, "shadow-focus": {
1310
+ ref: "",
1311
+ raw: "0 0 0 3px rgba(0, 52, 125, 1)",
1312
+ replacement: "",
1313
+ twOld: "shadow-focus",
1314
+ }, "border-radius-full": {
1315
+ ref: "",
1316
+ raw: "9999px",
1317
+ replacement: "border-radius-full",
1318
+ twOld: (0, token_utils_1.generateRoundedTwTags)("full"),
1319
+ twNew: (0, token_utils_1.generateRoundedTwTags)("full", true),
1320
+ }, "border-radius-xlarge": {
1321
+ ref: "",
1322
+ raw: "12px",
1323
+ replacement: "border-radius-xlarge",
1324
+ twOld: (0, token_utils_1.generateRoundedTwTags)("xlarge"),
1325
+ twNew: (0, token_utils_1.generateRoundedTwTags)("xlarge", true),
1326
+ }, "border-radius-large": {
1327
+ ref: "",
1328
+ raw: "8px",
1329
+ replacement: "border-radius-large",
1330
+ twOld: (0, token_utils_1.generateRoundedTwTags)("large"),
1331
+ twNew: (0, token_utils_1.generateRoundedTwTags)("large", true),
1332
+ }, "border-radius-medium": {
1333
+ ref: "",
1334
+ raw: "4px",
1335
+ replacement: "border-radius-medium",
1336
+ twOld: (0, token_utils_1.generateRoundedTwTags)("medium"),
1337
+ twNew: (0, token_utils_1.generateRoundedTwTags)("medium", true),
1338
+ }, "border-radius-small": {
1339
+ ref: "",
1340
+ raw: "2px",
1341
+ replacement: "border-radius-small",
1342
+ twOld: (0, token_utils_1.generateRoundedTwTags)("small"),
1343
+ twNew: (0, token_utils_1.generateRoundedTwTags)("small", true),
1344
+ }, "z-index-tooltip": {
1345
+ ref: "",
1346
+ raw: "3000",
1347
+ replacement: "",
1348
+ twOld: "z-tooltip",
1349
+ twNew: "z-[3000]",
1350
+ }, "z-index-focus": {
1351
+ ref: "",
1352
+ raw: "10",
1353
+ replacement: "",
1354
+ twOld: "z-focus",
1355
+ twNew: "z-[10]",
1356
+ }, "z-index-popover": {
1357
+ ref: "",
1358
+ raw: "1000",
1359
+ replacement: "",
1360
+ twOld: "z-popover",
1361
+ twNew: "z-[1000]",
1362
+ }, "font-weight-regular": {
1363
+ ref: "",
1364
+ raw: "400",
1365
+ replacement: "font-weight-regular",
1366
+ twOld: "font-regular",
1367
+ twNew: "font-ax-regular",
1368
+ }, "font-weight-bold": {
1369
+ ref: "",
1370
+ raw: "600",
1371
+ replacement: "font-weight-bold",
1372
+ twOld: "font-bold",
1373
+ twNew: "font-ax-bold",
1374
+ }, "font-size-small": {
1375
+ ref: "",
1376
+ raw: "0.875rem",
1377
+ replacement: "font-size-small",
1378
+ twOld: "text-small",
1379
+ twNew: "text-ax-small",
1380
+ }, "font-size-medium": {
1381
+ ref: "",
1382
+ raw: "1rem",
1383
+ replacement: "font-size-medium",
1384
+ twOld: "text-medium",
1385
+ twNew: "text-ax-medium",
1386
+ }, "font-size-large": {
1387
+ ref: "",
1388
+ raw: "1.125rem",
1389
+ replacement: "font-size-large",
1390
+ twOld: "text-large",
1391
+ twNew: "text-ax-large",
1392
+ }, "font-size-xlarge": {
1393
+ ref: "",
1394
+ raw: "1.25rem",
1395
+ replacement: "font-size-xlarge",
1396
+ twOld: "text-xlarge",
1397
+ twNew: "text-ax-xlarge",
1398
+ }, "font-size-heading-xsmall": {
1399
+ ref: "",
1400
+ raw: "1.125rem",
1401
+ replacement: "font-size-heading-xsmall",
1402
+ twOld: "text-xsmall",
1403
+ twNew: "text-ax-xsmall",
1404
+ }, "font-size-heading-small": {
1405
+ ref: "",
1406
+ raw: "1.25rem",
1407
+ replacement: "font-size-heading-small",
1408
+ twOld: "text-heading-small",
1409
+ twNew: "text-ax-heading-small",
1410
+ }, "font-size-heading-medium": {
1411
+ ref: "",
1412
+ raw: "1.5rem",
1413
+ replacement: "font-size-heading-medium",
1414
+ twOld: "text-heading-medium",
1415
+ twNew: "text-ax-heading-medium",
1416
+ }, "font-size-heading-large": {
1417
+ ref: "",
1418
+ raw: "1.75rem",
1419
+ replacement: "font-size-heading-large",
1420
+ twOld: "text-heading-large",
1421
+ twNew: "text-ax-heading-large",
1422
+ }, "font-size-heading-xlarge": {
1423
+ ref: "",
1424
+ raw: "2rem",
1425
+ replacement: "font-size-heading-xlarge",
1426
+ twOld: "text-heading-xlarge",
1427
+ twNew: "text-ax-heading-xlarge",
1428
+ }, "font-size-heading-2xlarge": {
1429
+ ref: "",
1430
+ raw: "2.5rem",
1431
+ replacement: "font-size-heading-2xlarge",
1432
+ twOld: "text-heading-2xlarge",
1433
+ twNew: "text-ax-heading-2xlarge",
1434
+ }, "font-line-height-medium": {
1435
+ ref: "",
1436
+ raw: "1.25rem",
1437
+ replacement: "font-line-height-medium",
1438
+ twOld: "leading-medium",
1439
+ twNew: "leading-ax-medium",
1440
+ }, "font-line-height-large": {
1441
+ ref: "",
1442
+ raw: "1.5rem",
1443
+ replacement: "font-line-height-large",
1444
+ twOld: "leading-large",
1445
+ twNew: "leading-ax-large",
1446
+ }, "font-line-height-xlarge": {
1447
+ ref: "",
1448
+ raw: "1.75rem",
1449
+ replacement: "font-line-height-xlarge",
1450
+ twOld: "leading-xlarge",
1451
+ twNew: "leading-ax-xlarge",
1452
+ }, "font-line-height-heading-xsmall": {
1453
+ ref: "",
1454
+ raw: "1.5rem",
1455
+ replacement: "font-line-height-heading-xsmall",
1456
+ twOld: "leading-heading-xsmall",
1457
+ twNew: "leading-ax-heading-xsmall",
1458
+ }, "font-line-height-heading-small": {
1459
+ ref: "",
1460
+ raw: "1.75rem",
1461
+ replacement: "font-line-height-heading-small",
1462
+ twOld: "leading-heading-small",
1463
+ twNew: "leading-ax-heading-small",
1464
+ }, "font-line-height-heading-medium": {
1465
+ ref: "",
1466
+ raw: "2rem",
1467
+ replacement: "font-line-height-heading-medium",
1468
+ twOld: "leading-heading-medium",
1469
+ twNew: "leading-ax-heading-medium",
1470
+ }, "font-line-height-heading-large": {
1471
+ ref: "",
1472
+ raw: "2.25rem",
1473
+ replacement: "font-line-height-heading-large",
1474
+ twOld: "leading-heading-large",
1475
+ twNew: "leading-ax-heading-large",
1476
+ }, "font-line-height-heading-xlarge": {
1477
+ ref: "",
1478
+ raw: "2.5rem",
1479
+ replacement: "font-line-height-heading-xlarge",
1480
+ twOld: "leading-heading-xlarge",
1481
+ twNew: "leading-ax-heading-xlarge",
1482
+ }, "font-line-height-heading-2xlarge": {
1483
+ ref: "",
1484
+ raw: "3.25rem",
1485
+ replacement: "font-line-height-heading-2xlarge",
1486
+ twOld: "leading-heading-2xlarge",
1487
+ twNew: "leading-ax-heading-2xlarge",
1488
+ }, "font-family": {
1489
+ ref: "",
1490
+ raw: "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif",
1491
+ replacement: "font-family",
1492
+ twOld: "font-font-family",
1493
+ twNew: "font-ax-font-family",
1494
+ }, "text-width-max": {
1495
+ ref: "",
1496
+ raw: "576px",
1497
+ replacement: "",
1498
+ twOld: "max-w-text",
1499
+ }, "breakpoint-2xl-down": {
1500
+ ref: "",
1501
+ raw: "1439px",
1502
+ replacement: "breakpoint-2xl-down",
1503
+ }, "breakpoint-2xl": {
1504
+ ref: "",
1505
+ raw: "1440px",
1506
+ replacement: "breakpoint-2xl",
1507
+ twOld: "2xl",
1508
+ twNew: "ax-2xl",
1509
+ }, "breakpoint-xl-down": {
1510
+ ref: "",
1511
+ raw: "1279px",
1512
+ replacement: "breakpoint-xl-down",
1513
+ }, "breakpoint-xl": {
1514
+ ref: "",
1515
+ raw: "1280px",
1516
+ replacement: "breakpoint-xl",
1517
+ twOld: "xl",
1518
+ twNew: "ax-xl",
1519
+ }, "breakpoint-lg-down": {
1520
+ ref: "",
1521
+ raw: "1023px",
1522
+ replacement: "breakpoint-lg-down",
1523
+ }, "breakpoint-lg": {
1524
+ ref: "",
1525
+ raw: "1024px",
1526
+ replacement: "breakpoint-lg",
1527
+ twOld: "lg",
1528
+ twNew: "ax-lg",
1529
+ }, "breakpoint-md-down": {
1530
+ ref: "",
1531
+ raw: "767px",
1532
+ replacement: "breakpoint-md-down",
1533
+ }, "breakpoint-md": {
1534
+ ref: "",
1535
+ raw: "768px",
1536
+ replacement: "breakpoint-md",
1537
+ twOld: "md",
1538
+ twNew: "ax-md",
1539
+ }, "breakpoint-sm-down": {
1540
+ ref: "",
1541
+ raw: "479px",
1542
+ replacement: "breakpoint-sm-down",
1543
+ }, "breakpoint-sm": {
1544
+ ref: "",
1545
+ raw: "480px",
1546
+ replacement: "breakpoint-sm",
1547
+ twOld: "sm",
1548
+ twNew: "ax-sm",
1549
+ }, "breakpoint-xs": {
1550
+ ref: "",
1551
+ raw: "0",
1552
+ replacement: "breakpoint-xs",
1553
+ } });
1554
+ const legacyTokenConfig = Object.entries(tokensWithoutRegex).reduce((acc, [key, value]) => {
1555
+ acc[key] = Object.assign(Object.assign({}, value), { regexes: (0, token_regex_1.getFrameworkRegexes)({
1556
+ legacy: true,
1557
+ token: `--a-${key}`,
1558
+ twString: value.twOld,
1559
+ }) });
1560
+ return acc;
1561
+ }, {});
1562
+ exports.legacyTokenConfig = legacyTokenConfig;