@digdir/designsystemet 0.1.0-alpha.13 → 0.1.0-alpha.15

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 (67) hide show
  1. package/dist/bin/designsystemet.js +32 -3439
  2. package/dist/src/colors/colorUtils.js +301 -343
  3. package/dist/src/colors/index.js +3 -607
  4. package/dist/src/colors/themeUtils.js +319 -348
  5. package/dist/src/colors/types.js +1 -1
  6. package/dist/src/init/createTokensPackage.js +230 -0
  7. package/dist/src/init/generateMetadataJson.js +16 -0
  8. package/dist/src/init/generateThemesJson.js +50 -0
  9. package/dist/src/init/index.js +7 -0
  10. package/dist/src/init/nextStepsMarkdown.js +90 -0
  11. package/dist/src/init/template/default-files/README.md +10 -0
  12. package/dist/src/init/template/default-files/design-tokens/README.md +3 -0
  13. package/dist/src/init/template/default-files/design-tokens/primitives/globals.json +197 -0
  14. package/dist/src/init/template/default-files/design-tokens/primitives/typography/default.json +86 -0
  15. package/dist/src/init/template/default-files/design-tokens/semantic/color.json +562 -0
  16. package/dist/src/init/template/default-files/design-tokens/semantic/style.json +543 -0
  17. package/dist/src/init/template/prettier.config.js +7 -0
  18. package/dist/src/init/template/template-files/design-tokens/primitives/colors/contrast/global.json +376 -0
  19. package/dist/src/init/template/template-files/design-tokens/primitives/colors/contrast/theme-template.json +314 -0
  20. package/dist/src/init/template/template-files/design-tokens/primitives/colors/dark/global.json +376 -0
  21. package/dist/src/init/template/template-files/design-tokens/primitives/colors/dark/theme-template.json +314 -0
  22. package/dist/src/init/template/template-files/design-tokens/primitives/colors/light/global.json +376 -0
  23. package/dist/src/init/template/template-files/design-tokens/primitives/colors/light/theme-template.json +314 -0
  24. package/dist/src/init/template/template-files/design-tokens/themes/theme-template.json +314 -0
  25. package/dist/src/init/template/template-files/package.json +23 -0
  26. package/dist/src/init/utils.js +11 -0
  27. package/dist/src/migrations/beta-to-v1.js +341 -407
  28. package/dist/src/migrations/codemods/css/plugins.js +36 -42
  29. package/dist/src/migrations/codemods/css/run.js +20 -17
  30. package/dist/src/migrations/codemods/jsx/classname-prefix.js +63 -59
  31. package/dist/src/migrations/codemods/jsx/run.js +20 -20
  32. package/dist/src/migrations/index.js +5 -436
  33. package/dist/src/migrations/react-beta-to-v1.js +4 -27
  34. package/dist/src/test/a.css +39 -0
  35. package/dist/src/test/jsx-test.js +12 -0
  36. package/dist/src/tokens/actions.js +23 -2176
  37. package/dist/src/tokens/build.js +54 -2974
  38. package/dist/src/tokens/configs.js +234 -2874
  39. package/dist/src/tokens/formats/css.js +153 -2632
  40. package/dist/src/tokens/formats/js-tokens.js +28 -42
  41. package/dist/src/tokens/transformers.js +44 -82
  42. package/dist/src/tokens/utils/noCase.js +26 -28
  43. package/dist/src/tokens/utils/permutateThemes.js +65 -217
  44. package/dist/src/tokens/utils/utils.js +25 -14
  45. package/package.json +16 -23
  46. package/LICENSE +0 -7
  47. package/dist/bin/designsystemet.js.map +0 -1
  48. package/dist/src/colors/colorUtils.js.map +0 -1
  49. package/dist/src/colors/index.js.map +0 -1
  50. package/dist/src/colors/themeUtils.js.map +0 -1
  51. package/dist/src/colors/types.js.map +0 -1
  52. package/dist/src/migrations/beta-to-v1.js.map +0 -1
  53. package/dist/src/migrations/codemods/css/plugins.js.map +0 -1
  54. package/dist/src/migrations/codemods/css/run.js.map +0 -1
  55. package/dist/src/migrations/codemods/jsx/classname-prefix.js.map +0 -1
  56. package/dist/src/migrations/codemods/jsx/run.js.map +0 -1
  57. package/dist/src/migrations/index.js.map +0 -1
  58. package/dist/src/migrations/react-beta-to-v1.js.map +0 -1
  59. package/dist/src/tokens/actions.js.map +0 -1
  60. package/dist/src/tokens/build.js.map +0 -1
  61. package/dist/src/tokens/configs.js.map +0 -1
  62. package/dist/src/tokens/formats/css.js.map +0 -1
  63. package/dist/src/tokens/formats/js-tokens.js.map +0 -1
  64. package/dist/src/tokens/transformers.js.map +0 -1
  65. package/dist/src/tokens/utils/noCase.js.map +0 -1
  66. package/dist/src/tokens/utils/permutateThemes.js.map +0 -1
  67. package/dist/src/tokens/utils/utils.js.map +0 -1
package/dist/src/migrations/beta-to-v1.js CHANGED
@@ -1,407 +1,341 @@
1
- // src/migrations/codemods/css/plugins.ts
2
- import * as R from "ramda";
3
- import chalk from "chalk";
4
- import hash from "object-hash";
5
- var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
6
- var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
7
- var cssClassRename = (dictionary) => ({
8
- postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
9
- Rule(rule) {
10
- const selector = rule.selector;
11
- if (!selector) return;
12
- Object.entries(dictionary).forEach(([from, to]) => {
13
- if (!selector.includes(from)) return;
14
- const newSelector = selector.replace(new RegExp(from, "g"), to);
15
- rule.selector = newSelector;
16
- });
17
- }
18
- });
19
- var cssVarRename = (dictionary) => ({
20
- postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
21
- Declaration(decl) {
22
- const { value, prop } = decl;
23
- const deleted = /* @__PURE__ */ new Set();
24
- Object.entries(dictionary).forEach(([from, to]) => {
25
- if (!R.isEmpty(to)) {
26
- switch (true) {
27
- case R.includes(from, value):
28
- to === "[delete]" && deleted.add(deleteMsg(decl, from));
29
- decl.value = value.replace(from, to);
30
- break;
31
- case R.includes(from, prop):
32
- if (decl.variable) {
33
- to === "[delete]" && deleted.add(deleteMsg(decl, from));
34
- decl.prop = prop.replace(from, to);
35
- break;
36
- }
37
- }
38
- }
39
- });
40
- if (deleted.size > 0) {
41
- Array.from(deleted).forEach(printDelete);
42
- }
43
- }
44
- });
45
-
46
- // src/migrations/codemods/css/run.ts
47
- import fs from "fs";
48
- import postcss from "postcss";
49
- import glob from "fast-glob";
50
- var runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
51
- const processor = postcss(plugins);
52
- const transform = async () => {
53
- const files = await glob(globPattern, { ignore: ["node_modules/**", "dist/**"] });
54
- const filePromises = files.map(async (file) => {
55
- const contents = fs.readFileSync(file).toString();
56
- const result = await processor.process(contents, { from: file });
57
- fs.writeFileSync(file, result.css);
58
- });
59
- await Promise.all(filePromises);
60
- };
61
- return transform();
62
- };
63
-
64
- // src/migrations/beta-to-v1.ts
65
- var beta_to_v1_default = (glob2) => runCssCodemod({
66
- globPattern: glob2,
67
- plugins: [
68
- cssClassRename({
69
- ".fds-": ".ds-"
70
- }),
71
- // New component token prefixes
72
- cssVarRename({
73
- "--fds-accordion": "--dsc-accordion",
74
- "--fds-alert": "--dsc-alert",
75
- "--fds-btn": "--dsc-btn",
76
- "--fds-checkbox": "--dsc-checkbox",
77
- "--fdsc-chip": "--dsc-chip",
78
- "--fdsc-gap": "--dsc-chip-group-gap",
79
- "--fdsc-removable": "--dsc-removable",
80
- "--fdsc-bottom": "--dsc-bottom",
81
- "--fds-pagination": "--dsc-pagination",
82
- "--fds-popover": "--dsc-popover",
83
- "--fds-radio": "--dsc-radio",
84
- "--f-search": "--dsc-search",
85
- "--fds-skeleton": "--dsc-skeleton",
86
- "--fds-switch--transition": "--dsc-switch-transition",
87
- "--fds-switch": "--dsc-switch",
88
- "--table-padding": "--dsc-table-padding",
89
- "--border-radius": "--dsc-table-border-radius",
90
- "--fds-tabs": "--dsc-tabs",
91
- "--fds-tag": "--dsc-tag",
92
- "--fds-focus-border-width": "--dsc-focus-border-width"
93
- }),
94
- // New tokens
95
- cssVarRename({
96
- "--fds-semantic-surface-first-light": "--ds-color-brand1-surface-default",
97
- "--fds-semantic-surface-first-light-hover": "--ds-color-brand1-surface-hover",
98
- "--fds-semantic-surface-first-light-active": "--ds-color-brand1-surface-active",
99
- "--fds-semantic-surface-first-dark": "[delete]",
100
- "--fds-semantic-surface-second-light": "--ds-color-brand2-surface-default",
101
- "--fds-semantic-surface-second-light-hover": "--ds-color-brand2-surface-hover",
102
- "--fds-semantic-surface-second-light-active": "--ds-color-brand2-surface-active",
103
- "--fds-semantic-surface-second-dark": "[delete]",
104
- "--fds-semantic-surface-third-light": "--ds-color-brand3-surface-default",
105
- "--fds-semantic-surface-third-light-hover": "--ds-color-brand3-surface-hover",
106
- "--fds-semantic-surface-third-light-active": "--ds-color-brand3-surface-active",
107
- "--fds-semantic-surface-third-dark": "[delete]",
108
- "--fds-semantic-surface-action-first-subtle": "--ds-color-accent-surface-default",
109
- "--fds-semantic-surface-action-first-subtle-hover": "--ds-color-accent-surface-hover",
110
- "--fds-semantic-surface-action-first-default": "--ds-color-accent-base-default",
111
- "--fds-semantic-surface-action-first-hover": "--ds-color-accent-base-hover",
112
- "--fds-semantic-surface-action-first-active": "--ds-color-accent-base-active",
113
- "--fds-semantic-surface-action-first-no_fill": "--ds-color-accent-background-default",
114
- "--fds-semantic-surface-action-first-no_fill-hover": "--ds-color-accent-surface-default",
115
- "--fds-semantic-surface-action-first-no_fill-active": "--ds-color-accent-surface-hover",
116
- "--fds-semantic-surface-action-second-subtle": "--ds-color-neutral-surface-default",
117
- "--fds-semantic-surface-action-second-subtle-hover": "--ds-color-neutral-surface-hover",
118
- "--fds-semantic-surface-action-second-default": "--ds-color-neutral-base-default",
119
- "--fds-semantic-surface-action-second-hover": "--ds-color-neutral-base-hover",
120
- "--fds-semantic-surface-action-second-active": "--ds-color-neutral-base-active",
121
- "--fds-semantic-surface-action-second-no_fill": "--ds-color-neutral-background-default",
122
- "--fds-semantic-surface-action-second-no_fill-hover": "--ds-color-neutral-surface-default",
123
- "--fds-semantic-surface-action-second-no_fill-active": "--ds-color-neutral-surface-hover",
124
- "--fds-semantic-surface-action-subtle": "--ds-color-accent-surface-default",
125
- "--fds-semantic-surface-action-subtle-hover": "--ds-color-accent-surface-hover",
126
- "--fds-semantic-surface-action-default": "--ds-color-accent-base-default",
127
- "--fds-semantic-surface-action-hover": "--ds-color-accent-base-hover",
128
- "--fds-semantic-surface-action-active": "--ds-color-accent-base-active",
129
- "--fds-semantic-surface-action-no_fill": "--ds-color-accent-background-default",
130
- "--fds-semantic-surface-action-no_fill-hover": "--ds-color-accent-surface-default",
131
- "--fds-semantic-surface-action-no_fill-active": "--ds-color-accent-surface-hover",
132
- "--fds-semantic-surface-action-checked": "--ds-color-accent-base-default",
133
- "--fds-semantic-surface-neutral-default": "--ds-color-neutral-background-default",
134
- "--fds-semantic-surface-neutral-selected": "[delete]",
135
- "--fds-semantic-surface-neutral-subtle": "--ds-color-neutral-background-subtle",
136
- "--fds-semantic-surface-neutral-subtle-hover": "--ds-color-neutral-surface-default",
137
- "--fds-semantic-surface-neutral-dark": "[delete]",
138
- "--fds-semantic-surface-neutral-dark-hover": "[delete]",
139
- "--fds-semantic-surface-neutral-inverted": "[delete]",
140
- "--fds-semantic-surface-success-subtle": "--ds-color-success-surface-default",
141
- "--fds-semantic-surface-success-subtle-hover": "--ds-color-success-surface-hover",
142
- "--fds-semantic-surface-success-default": "--ds-color-success-base-default",
143
- "--fds-semantic-surface-success-hover": "--ds-color-success-base-hover",
144
- "--fds-semantic-surface-success-active": "--ds-color-success-base-active",
145
- "--fds-semantic-surface-success-no_fill": "--ds-color-success-background-default",
146
- "--fds-semantic-surface-success-no_fill-hover": "--ds-color-success-surface-default",
147
- "--fds-semantic-surface-success-no_fill-active": "--ds-color-success-surface-hover",
148
- "--fds-semantic-surface-warning-subtle": "--ds-color-warning-surface-default",
149
- "--fds-semantic-surface-warning-subtle-hover": "--ds-color-warning-surface-default",
150
- "--fds-semantic-surface-warning-default": "--ds-color-warning-surface-default",
151
- "--fds-semantic-surface-warning-default-hover": "--ds-color-warning-surface-hover",
152
- "--fds-semantic-surface-danger-subtle": "--ds-color-danger-surface-default",
153
- "--fds-semantic-surface-danger-subtle-hover": "--ds-color-danger-surface-hover",
154
- "--fds-semantic-surface-danger-default": "--ds-color-danger-base-default",
155
- "--fds-semantic-surface-danger-hover": "--ds-color-danger-base-hover",
156
- "--fds-semantic-surface-danger-active": "--ds-color-danger-base-active",
157
- "--fds-semantic-surface-danger-no_fill": "--ds-color-danger-background-default",
158
- "--fds-semantic-surface-danger-no_fill-hover": "--ds-color-danger-surface-default",
159
- "--fds-semantic-surface-danger-no_fill-active": "--ds-color-danger-surface-hover",
160
- "--fds-semantic-surface-info-subtle": "--ds-color-info-surface-default",
161
- "--fds-semantic-surface-info-subtle-hover": "[delete]",
162
- "--fds-semantic-surface-on_inverted-default": "[delete]",
163
- "--fds-semantic-surface-on_inverted-hover": "[delete]",
164
- "--fds-semantic-surface-on_inverted-active": "[delete]",
165
- "--fds-semantic-surface-on_inverted-no_fill": "[delete]",
166
- "--fds-semantic-surface-on_inverted-no_fill-hover": "[delete]",
167
- "--fds-semantic-surface-on_inverted-no_fill-active": "[delete]",
168
- "--fds-semantic-surface-focus-default": "[delete]",
169
- "--fds-semantic-border-first-default": "--ds-color-brand1-base-default",
170
- "--fds-semantic-border-first-hover": "--ds-color-brand1-base-hover",
171
- "--fds-semantic-border-first-active": "--ds-color-brand1-base-active",
172
- "--fds-semantic-border-second-default": "--ds-color-brand2-base-default",
173
- "--fds-semantic-border-second-hover": "--ds-color-brand2-base-hover",
174
- "--fds-semantic-border-second-active": "--ds-color-brand2-base-active",
175
- "--fds-semantic-border-third-default": "--ds-color-brand3-base-default",
176
- "--fds-semantic-border-third-hover": "--ds-color-brand3-base-hover",
177
- "--fds-semantic-border-third-active": "--ds-color-brand3-base-active",
178
- "--fds-semantic-border-action-first-subtle": "--ds-color-accent-border-subtle",
179
- "--fds-semantic-border-action-first-subtle-hover": "--ds-color-accent-border-default",
180
- "--fds-semantic-border-action-first-default": "--ds-color-accent-base-default",
181
- "--fds-semantic-border-action-first-hover": "--ds-color-accent-base-hover",
182
- "--fds-semantic-border-action-first-active": "--ds-color-accent-base-active",
183
- "--fds-semantic-border-action-second-subtle": "--ds-color-neutral-border-subtle",
184
- "--fds-semantic-border-action-second-subtle-hover": "--ds-color-neutral-border-default",
185
- "--fds-semantic-border-action-second-default": "--ds-color-neutral-base-default",
186
- "--fds-semantic-border-action-second-hover": "--ds-color-neutral-base-hover",
187
- "--fds-semantic-border-action-second-active": "--ds-color-neutral-base-active",
188
- "--fds-semantic-border-action-subtle": "--ds-color-accent-border-subtle",
189
- "--fds-semantic-border-action-subtle-hover": "--ds-color-accent-border-default",
190
- "--fds-semantic-border-action-default": "--ds-color-accent-base-default",
191
- "--fds-semantic-border-action-hover": "--ds-color-accent-base-hover",
192
- "--fds-semantic-border-action-active": "--ds-color-accent-base-active",
193
- "--fds-semantic-border-action-dark": "[delete]",
194
- "--fds-semantic-border-action-dark-hover": "[delete]",
195
- "--fds-semantic-border-info-default": "--ds-color-info-border-strong",
196
- "--fds-semantic-border-neutral-default": "--ds-color-neutral-border-strong",
197
- "--fds-semantic-border-neutral-subtle": "--ds-color-neutral-border-subtle",
198
- "--fds-semantic-border-neutral-strong": "--ds-color-neutral-base-default",
199
- "--fds-semantic-border-success-default": "--ds-color-success-border-default",
200
- "--fds-semantic-border-success-hover": "[delete]",
201
- "--fds-semantic-border-success-active": "[delete]",
202
- "--fds-semantic-border-warning-default": "--ds-color-warning-border-default",
203
- "--fds-semantic-border-warning-hover": "[delete]",
204
- "--fds-semantic-border-warning-active": "[delete]",
205
- "--fds-semantic-border-danger-default": "--ds-color-danger-border-default",
206
- "--fds-semantic-border-danger-hover": "--ds-color-danger-border-strong",
207
- "--fds-semantic-border-danger-active": "--ds-color-danger-border-strong",
208
- "--fds-semantic-border-focus-outline": "--ds-color-neutral-text-default",
209
- "--fds-semantic-border-focus-boxshadow": "--ds-color-neutral-background-default",
210
- "--fds-semantic-border-on_inverted-default": "[delete]",
211
- "--fds-semantic-border-input-default": "--ds-color-neutral-border-default",
212
- "--fds-semantic-border-input-hover": "--ds-color-accent-border-strong",
213
- "--fds-semantic-border-divider-default": "--ds-color-neutral-border-subtle",
214
- "--fds-semantic-border-divider-subtle": "--ds-color-neutral-border-subtle",
215
- "--fds-semantic-border-divider-strong": "--ds-color-neutral-border-default",
216
- "--fds-semantic-text-action-first-default": "--ds-color-accent-base-default",
217
- "--fds-semantic-text-action-first-hover": "--ds-color-accent-base-hover",
218
- "--fds-semantic-text-action-first-active": "--ds-color-accent-base-active",
219
- "--fds-semantic-text-action-first-on_action": "--ds-color-accent-contrast-default",
220
- "--fds-semantic-text-action-second-default": "--ds-color-neutral-base-default",
221
- "--fds-semantic-text-action-second-hover": "--ds-color-neutral-base-hover",
222
- "--fds-semantic-text-action-second-active": "--ds-color-neutral-base-active",
223
- "--fds-semantic-text-action-second-on_action": "--ds-color-neutral-contrast-default",
224
- "--fds-semantic-text-action-default": "--ds-color-accent-base-default",
225
- "--fds-semantic-text-action-hover": "--ds-color-accent-base-hover",
226
- "--fds-semantic-text-action-active": "--ds-color-accent-base-active",
227
- "--fds-semantic-text-action-on_action": "--ds-color-accent-contrast-default",
228
- "--fds-semantic-text-success-default": "--ds-color-success-base-default",
229
- "--fds-semantic-text-success-hover": "--ds-color-success-base-default",
230
- "--fds-semantic-text-success-active": "--ds-color-success-base-default",
231
- "--fds-semantic-text-success-on_success": "--ds-color-success-contrast-default",
232
- "--fds-semantic-text-success-on_success_subtle": "--ds-color-success-text-default",
233
- "--fds-semantic-text-neutral-default": "--ds-color-neutral-text-default",
234
- "--fds-semantic-text-neutral-subtle": "--ds-color-neutral-text-subtle",
235
- "--fds-semantic-text-neutral-on_inverted": "--ds-color-neutral-contrast-default",
236
- "--fds-semantic-text-warning-default": "[delete]",
237
- "--fds-semantic-text-warning-icon_warning": "--ds-color-warning-base-default",
238
- "--fds-semantic-text-warning-on_warning": "--ds-color-neutral-text-default",
239
- "--fds-semantic-text-danger-default": "--ds-color-danger-text-default",
240
- "--fds-semantic-text-danger-hover": "--ds-color-danger-text-default",
241
- "--fds-semantic-text-danger-active": "--ds-color-danger-text-default",
242
- "--fds-semantic-text-danger-on_danger": "--ds-color-danger-contrast-default",
243
- "--fds-semantic-text-danger-on_danger_subtle": "--ds-color-danger-text-default",
244
- "--fds-semantic-text-visited-default": "--ds-global-purple-13",
245
- "--fds-semantic-background-default": "--ds-color-neutral-background-default",
246
- "--fds-semantic-background-subtle": "--ds-color-neutral-background-subtle",
247
- "--fds-typography-heading-3xlarge": "[delete]",
248
- "--fds-typography-heading-2xlarge": "--ds-typography-heading-2xl",
249
- "--fds-typography-heading-xlarge": "--ds-typography-heading-xl",
250
- "--fds-typography-heading-large": "--ds-typography-heading-lg",
251
- "--fds-typography-heading-medium": "--ds-typography-heading-md",
252
- "--fds-typography-heading-small": "--ds-typography-heading-sm",
253
- "--fds-typography-heading-xsmall": "--ds-typography-heading-xs",
254
- "--fds-typography-heading-xxsmall": "--ds-typography-heading-2xs",
255
- "--fds-typography-ingress-large": "--ds-typography-ingress-lg",
256
- "--fds-typography-ingress-medium": "--ds-typography-ingress-md",
257
- "--fds-typography-ingress-small": "--ds-typography-ingress-sm",
258
- "--fds-typography-ingress-xsmall": "--ds-typography-ingress-xs",
259
- "--fds-typography-paragraph-large": "--ds-typography-paragraph-lg",
260
- "--fds-typography-paragraph-medium": "--ds-typography-paragraph-md",
261
- "--fds-typography-paragraph-small": "--ds-typography-paragraph-sm",
262
- "--fds-typography-paragraph-xsmall": "--ds-typography-paragraph-xs",
263
- "--fds-typography-paragraph-short-large": "--ds-typography-paragraph-short-lg",
264
- "--fds-typography-paragraph-short-medium": "--ds-typography-paragraph-short-md",
265
- "--fds-typography-paragraph-short-small": "--ds-typography-paragraph-short-sm",
266
- "--fds-typography-paragraph-short-xsmall": "--ds-typography-paragraph-short-xs",
267
- "--fds-typography-paragraph-long-large": "--ds-typography-paragraph-long-lg",
268
- "--fds-typography-paragraph-long-medium": "--ds-typography-paragraph-long-md",
269
- "--fds-typography-paragraph-long-small": "--ds-typography-paragraph-long-sm",
270
- "--fds-typography-paragraph-long-xsmall": "--ds-typography-paragraph-long-xs",
271
- "--fds-typography-label-large": "--ds-typography-label-lg",
272
- "--fds-typography-label-medium": "--ds-typography-label-md",
273
- "--fds-typography-label-small": "--ds-typography-label-sm",
274
- "--fds-typography-label-xsmall": "--ds-typography-label-xs",
275
- "--fds-typography-error_message-large": "--ds-typography-error_message-lg",
276
- "--fds-typography-error_message-medium": "--ds-typography-error_message-md",
277
- "--fds-typography-error_message-small": "--ds-typography-error_message-sm",
278
- "--fds-typography-error_message-xsmall": "--ds-typography-error_message-xs",
279
- "--fds-typography-interactive-large": "--ds-typography-paragraph-short-lg",
280
- "--fds-typography-interactive-medium": "--ds-typography-paragraph-short-md",
281
- "--fds-typography-interactive-small": "--ds-typography-paragraph-short-sm",
282
- "--fds-border_radius-interactive": "--ds-border-radius-md",
283
- "--fds-border_radius-small": "--ds-border-radius-sm",
284
- "--fds-border_radius-medium": "--ds-border-radius-md",
285
- "--fds-border_radius-large": "--ds-border-radius-lg",
286
- "--fds-border_radius-xlarge": "--ds-border-radius-xl",
287
- "--fds-border_radius-xxlarge": "--ds-border-radius-2xl",
288
- "--fds-border_radius-xxxlarge": "--ds-border-radius-3xl",
289
- "--fds-border_radius-xxxxlarge": "--ds-border-radius-4xl",
290
- "--fds-border_radius-full": "--ds-border-radius-full",
291
- "--fds-base_spacing": "[delete]",
292
- "--fds-base_sizing": "[delete]",
293
- "--fds-border_width-default": "--ds-border-width-default",
294
- "--fds-border_width-active": "--ds-border-width-highlight",
295
- "--fds-border_width-tab_focus": "--ds-border-width-highlight",
296
- "--fds-shadow-xsmall": "--ds-shadow-xs",
297
- "--fds-shadow-small": "--ds-shadow-sm",
298
- "--fds-shadow-medium": "--ds-shadow-md",
299
- "--fds-shadow-large": "--ds-shadow-lg",
300
- "--fds-shadow-xlarge": "--ds-shadow-xl",
301
- "--fds-spacing-0": "--ds-spacing-0",
302
- "--fds-spacing-1": "--ds-spacing-1",
303
- "--fds-spacing-2": "--ds-spacing-2",
304
- "--fds-spacing-3": "--ds-spacing-3",
305
- "--fds-spacing-4": "--ds-spacing-4",
306
- "--fds-spacing-5": "--ds-spacing-5",
307
- "--fds-spacing-6": "--ds-spacing-6",
308
- "--fds-spacing-7": "--ds-spacing-7",
309
- "--fds-spacing-8": "--ds-spacing-8",
310
- "--fds-spacing-9": "--ds-spacing-9",
311
- "--fds-spacing-10": "--ds-spacing-10",
312
- "--fds-spacing-11": "--ds-spacing-11",
313
- "--fds-spacing-12": "--ds-spacing-12",
314
- "--fds-spacing-13": "--ds-spacing-13",
315
- "--fds-spacing-14": "--ds-spacing-14",
316
- "--fds-spacing-15": "--ds-spacing-15",
317
- "--fds-spacing-18": "--ds-spacing-18",
318
- "--fds-spacing-22": "--ds-spacing-22",
319
- "--fds-spacing-26": "--ds-spacing-26",
320
- "--fds-spacing-30": "--ds-spacing-30",
321
- "--fds-sizing-0": "--ds-sizing-0",
322
- "--fds-sizing-1": "--ds-sizing-1",
323
- "--fds-sizing-2": "--ds-sizing-2",
324
- "--fds-sizing-3": "--ds-sizing-3",
325
- "--fds-sizing-4": "--ds-sizing-4",
326
- "--fds-sizing-5": "--ds-sizing-5",
327
- "--fds-sizing-6": "--ds-sizing-6",
328
- "--fds-sizing-7": "--ds-sizing-7",
329
- "--fds-sizing-8": "--ds-sizing-8",
330
- "--fds-sizing-9": "--ds-sizing-9",
331
- "--fds-sizing-10": "--ds-sizing-10",
332
- "--fds-sizing-11": "--ds-sizing-11",
333
- "--fds-sizing-12": "--ds-sizing-12",
334
- "--fds-sizing-13": "--ds-sizing-13",
335
- "--fds-sizing-14": "--ds-sizing-14",
336
- "--fds-sizing-15": "--ds-sizing-15",
337
- "--fds-sizing-18": "--ds-sizing-18",
338
- "--fds-sizing-22": "--ds-sizing-22",
339
- "--fds-sizing-26": "--ds-sizing-26",
340
- "--fds-sizing-30": "--ds-sizing-30",
341
- "--fds-opacity-disabled": "--ds-disabled-opacity",
342
- "--fds-colors-blue-100": "--ds-global-blue-1",
343
- "--fds-colors-blue-200": "--ds-global-blue-2",
344
- "--fds-colors-blue-700": "--ds-global-blue-7",
345
- "--fds-colors-blue-800": "--ds-global-blue-8",
346
- "--fds-colors-blue-900": "--ds-global-blue-9",
347
- "--fds-colors-grey-100": "--ds-color-neutral-1",
348
- "--fds-colors-grey-200": "--ds-color-neutral-2",
349
- "--fds-colors-grey-400": "--ds-color-neutral-4",
350
- "--fds-colors-grey-600": "--ds-color-neutral-6",
351
- "--fds-colors-grey-700": "--ds-color-neutral-7",
352
- "--fds-colors-grey-800": "--ds-color-neutral-8",
353
- "--fds-colors-green-200": "--ds-global-green-2",
354
- "--fds-colors-green-300": "--ds-global-green-3",
355
- "--fds-colors-green-700": "--ds-global-green-7",
356
- "--fds-colors-green-800": "--ds-global-green-8",
357
- "--fds-colors-green-900": "--ds-global-green-9",
358
- "--fds-colors-yellow-100": "--ds-global-yellow-1",
359
- "--fds-colors-yellow-200": "--ds-global-yellow-2",
360
- "--fds-colors-yellow-300": "--ds-global-yellow-3",
361
- "--fds-colors-yellow-500": "--ds-global-yellow-5",
362
- "--fds-colors-blue-400": "--ds-global-blue-4",
363
- "--fds-colors-grey-300": "--ds-global-grey-3",
364
- "--fds-colors-orange-600": "--ds-global-orange-6",
365
- "--fds-colors-orange-700": "--ds-global-orange-7",
366
- "--fds-colors-orange-800": "--ds-global-orange-8",
367
- "--fds-colors-red-800": "--ds-global-red-8",
368
- "--fds-colors-purple-700": "--ds-global-purple-7",
369
- "--fds-colors-red-100": "--ds-global-red-1",
370
- "--fds-colors-red-200": "--ds-global-red-2",
371
- "--fds-colors-red-500": "--ds-global-red-5",
372
- "--fds-colors-red-600": "--ds-global-red-6",
373
- "--fds-colors-red-700": "--ds-global-red-7",
374
- "--fds-brand-alt1-100": "--ds-color-brand1-1",
375
- "--fds-brand-alt1-200": "--ds-color-brand1-2",
376
- "--fds-brand-alt1-300": "--ds-color-brand1-3",
377
- "--fds-brand-alt1-400": "--ds-color-brand1-4",
378
- "--fds-brand-alt1-500": "--ds-color-brand1-5",
379
- "--fds-brand-alt1-600": "--ds-color-brand1-6",
380
- "--fds-brand-alt1-700": "--ds-color-brand1-7",
381
- "--fds-brand-alt1-800": "--ds-color-brand1-8",
382
- "--fds-brand-alt1-900": "--ds-color-brand1-9",
383
- "--fds-brand-alt2-100": "--ds-color-brand2-1",
384
- "--fds-brand-alt2-200": "--ds-color-brand2-2",
385
- "--fds-brand-alt2-300": "--ds-color-brand2-3",
386
- "--fds-brand-alt2-400": "--ds-color-brand2-4",
387
- "--fds-brand-alt2-500": "--ds-color-brand2-5",
388
- "--fds-brand-alt2-600": "--ds-color-brand2-6",
389
- "--fds-brand-alt2-700": "--ds-color-brand2-7",
390
- "--fds-brand-alt2-800": "--ds-color-brand2-8",
391
- "--fds-brand-alt2-900": "--ds-color-brand2-9",
392
- "--fds-brand-alt3-100": "--ds-color-brand3-1",
393
- "--fds-brand-alt3-200": "--ds-color-brand3-2",
394
- "--fds-brand-alt3-300": "--ds-color-brand3-3",
395
- "--fds-brand-alt3-400": "--ds-color-brand3-4",
396
- "--fds-brand-alt3-500": "--ds-color-brand3-5",
397
- "--fds-brand-alt3-600": "--ds-color-brand3-6",
398
- "--fds-brand-alt3-700": "--ds-color-brand3-7",
399
- "--fds-brand-alt3-800": "--ds-color-brand3-8",
400
- "--fds-brand-alt3-900": "--ds-color-brand3-9"
401
- })
402
- ]
403
- });
404
- export {
405
- beta_to_v1_default as default
406
- };
407
- //# sourceMappingURL=beta-to-v1.js.map
1
+ import { cssClassRename, cssVarRename } from "./codemods/css/plugins.js";
2
+ import { runCssCodemod } from "./codemods/css/run.js";
3
+ export default ((glob)=>runCssCodemod({
4
+ globPattern: glob,
5
+ plugins: [
6
+ cssClassRename({
7
+ '.fds-': '.ds-'
8
+ }),
9
+ // New component token prefixes
10
+ cssVarRename({
11
+ '--fds-accordion': '--dsc-accordion',
12
+ '--fds-alert': '--dsc-alert',
13
+ '--fds-btn': '--dsc-btn',
14
+ '--fds-checkbox': '--dsc-checkbox',
15
+ '--fdsc-chip': '--dsc-chip',
16
+ '--fdsc-gap': '--dsc-chip-group-gap',
17
+ '--fdsc-removable': '--dsc-removable',
18
+ '--fdsc-bottom': '--dsc-bottom',
19
+ '--fds-pagination': '--dsc-pagination',
20
+ '--fds-popover': '--dsc-popover',
21
+ '--fds-radio': '--dsc-radio',
22
+ '--f-search': '--dsc-search',
23
+ '--fds-skeleton': '--dsc-skeleton',
24
+ '--fds-switch--transition': '--dsc-switch-transition',
25
+ '--fds-switch': '--dsc-switch',
26
+ '--table-padding': '--dsc-table-padding',
27
+ '--border-radius': '--dsc-table-border-radius',
28
+ '--fds-tabs': '--dsc-tabs',
29
+ '--fds-tag': '--dsc-tag',
30
+ '--fds-focus-border-width': '--dsc-focus-border-width'
31
+ }),
32
+ // New tokens
33
+ cssVarRename({
34
+ '--fds-semantic-surface-first-light': '--ds-color-brand1-surface-default',
35
+ '--fds-semantic-surface-first-light-hover': '--ds-color-brand1-surface-hover',
36
+ '--fds-semantic-surface-first-light-active': '--ds-color-brand1-surface-active',
37
+ '--fds-semantic-surface-first-dark': '[delete]',
38
+ '--fds-semantic-surface-second-light': '--ds-color-brand2-surface-default',
39
+ '--fds-semantic-surface-second-light-hover': '--ds-color-brand2-surface-hover',
40
+ '--fds-semantic-surface-second-light-active': '--ds-color-brand2-surface-active',
41
+ '--fds-semantic-surface-second-dark': '[delete]',
42
+ '--fds-semantic-surface-third-light': '--ds-color-brand3-surface-default',
43
+ '--fds-semantic-surface-third-light-hover': '--ds-color-brand3-surface-hover',
44
+ '--fds-semantic-surface-third-light-active': '--ds-color-brand3-surface-active',
45
+ '--fds-semantic-surface-third-dark': '[delete]',
46
+ '--fds-semantic-surface-action-first-subtle': '--ds-color-accent-surface-default',
47
+ '--fds-semantic-surface-action-first-subtle-hover': '--ds-color-accent-surface-hover',
48
+ '--fds-semantic-surface-action-first-default': '--ds-color-accent-base-default',
49
+ '--fds-semantic-surface-action-first-hover': '--ds-color-accent-base-hover',
50
+ '--fds-semantic-surface-action-first-active': '--ds-color-accent-base-active',
51
+ '--fds-semantic-surface-action-first-no_fill': '--ds-color-accent-background-default',
52
+ '--fds-semantic-surface-action-first-no_fill-hover': '--ds-color-accent-surface-default',
53
+ '--fds-semantic-surface-action-first-no_fill-active': '--ds-color-accent-surface-hover',
54
+ '--fds-semantic-surface-action-second-subtle': '--ds-color-neutral-surface-default',
55
+ '--fds-semantic-surface-action-second-subtle-hover': '--ds-color-neutral-surface-hover',
56
+ '--fds-semantic-surface-action-second-default': '--ds-color-neutral-base-default',
57
+ '--fds-semantic-surface-action-second-hover': '--ds-color-neutral-base-hover',
58
+ '--fds-semantic-surface-action-second-active': '--ds-color-neutral-base-active',
59
+ '--fds-semantic-surface-action-second-no_fill': '--ds-color-neutral-background-default',
60
+ '--fds-semantic-surface-action-second-no_fill-hover': '--ds-color-neutral-surface-default',
61
+ '--fds-semantic-surface-action-second-no_fill-active': '--ds-color-neutral-surface-hover',
62
+ '--fds-semantic-surface-action-subtle': '--ds-color-accent-surface-default',
63
+ '--fds-semantic-surface-action-subtle-hover': '--ds-color-accent-surface-hover',
64
+ '--fds-semantic-surface-action-default': '--ds-color-accent-base-default',
65
+ '--fds-semantic-surface-action-hover': '--ds-color-accent-base-hover',
66
+ '--fds-semantic-surface-action-active': '--ds-color-accent-base-active',
67
+ '--fds-semantic-surface-action-no_fill': '--ds-color-accent-background-default',
68
+ '--fds-semantic-surface-action-no_fill-hover': '--ds-color-accent-surface-default',
69
+ '--fds-semantic-surface-action-no_fill-active': '--ds-color-accent-surface-hover',
70
+ '--fds-semantic-surface-action-checked': '--ds-color-accent-base-default',
71
+ '--fds-semantic-surface-neutral-default': '--ds-color-neutral-background-default',
72
+ '--fds-semantic-surface-neutral-selected': '[delete]',
73
+ '--fds-semantic-surface-neutral-subtle': '--ds-color-neutral-background-subtle',
74
+ '--fds-semantic-surface-neutral-subtle-hover': '--ds-color-neutral-surface-default',
75
+ '--fds-semantic-surface-neutral-dark': '[delete]',
76
+ '--fds-semantic-surface-neutral-dark-hover': '[delete]',
77
+ '--fds-semantic-surface-neutral-inverted': '[delete]',
78
+ '--fds-semantic-surface-success-subtle': '--ds-color-success-surface-default',
79
+ '--fds-semantic-surface-success-subtle-hover': '--ds-color-success-surface-hover',
80
+ '--fds-semantic-surface-success-default': '--ds-color-success-base-default',
81
+ '--fds-semantic-surface-success-hover': '--ds-color-success-base-hover',
82
+ '--fds-semantic-surface-success-active': '--ds-color-success-base-active',
83
+ '--fds-semantic-surface-success-no_fill': '--ds-color-success-background-default',
84
+ '--fds-semantic-surface-success-no_fill-hover': '--ds-color-success-surface-default',
85
+ '--fds-semantic-surface-success-no_fill-active': '--ds-color-success-surface-hover',
86
+ '--fds-semantic-surface-warning-subtle': '--ds-color-warning-surface-default',
87
+ '--fds-semantic-surface-warning-subtle-hover': '--ds-color-warning-surface-default',
88
+ '--fds-semantic-surface-warning-default': '--ds-color-warning-surface-default',
89
+ '--fds-semantic-surface-warning-default-hover': '--ds-color-warning-surface-hover',
90
+ '--fds-semantic-surface-danger-subtle': '--ds-color-danger-surface-default',
91
+ '--fds-semantic-surface-danger-subtle-hover': '--ds-color-danger-surface-hover',
92
+ '--fds-semantic-surface-danger-default': '--ds-color-danger-base-default',
93
+ '--fds-semantic-surface-danger-hover': '--ds-color-danger-base-hover',
94
+ '--fds-semantic-surface-danger-active': '--ds-color-danger-base-active',
95
+ '--fds-semantic-surface-danger-no_fill': '--ds-color-danger-background-default',
96
+ '--fds-semantic-surface-danger-no_fill-hover': '--ds-color-danger-surface-default',
97
+ '--fds-semantic-surface-danger-no_fill-active': '--ds-color-danger-surface-hover',
98
+ '--fds-semantic-surface-info-subtle': '--ds-color-info-surface-default',
99
+ '--fds-semantic-surface-info-subtle-hover': '[delete]',
100
+ '--fds-semantic-surface-on_inverted-default': '[delete]',
101
+ '--fds-semantic-surface-on_inverted-hover': '[delete]',
102
+ '--fds-semantic-surface-on_inverted-active': '[delete]',
103
+ '--fds-semantic-surface-on_inverted-no_fill': '[delete]',
104
+ '--fds-semantic-surface-on_inverted-no_fill-hover': '[delete]',
105
+ '--fds-semantic-surface-on_inverted-no_fill-active': '[delete]',
106
+ '--fds-semantic-surface-focus-default': '[delete]',
107
+ '--fds-semantic-border-first-default': '--ds-color-brand1-base-default',
108
+ '--fds-semantic-border-first-hover': '--ds-color-brand1-base-hover',
109
+ '--fds-semantic-border-first-active': '--ds-color-brand1-base-active',
110
+ '--fds-semantic-border-second-default': '--ds-color-brand2-base-default',
111
+ '--fds-semantic-border-second-hover': '--ds-color-brand2-base-hover',
112
+ '--fds-semantic-border-second-active': '--ds-color-brand2-base-active',
113
+ '--fds-semantic-border-third-default': '--ds-color-brand3-base-default',
114
+ '--fds-semantic-border-third-hover': '--ds-color-brand3-base-hover',
115
+ '--fds-semantic-border-third-active': '--ds-color-brand3-base-active',
116
+ '--fds-semantic-border-action-first-subtle': '--ds-color-accent-border-subtle',
117
+ '--fds-semantic-border-action-first-subtle-hover': '--ds-color-accent-border-default',
118
+ '--fds-semantic-border-action-first-default': '--ds-color-accent-base-default',
119
+ '--fds-semantic-border-action-first-hover': '--ds-color-accent-base-hover',
120
+ '--fds-semantic-border-action-first-active': '--ds-color-accent-base-active',
121
+ '--fds-semantic-border-action-second-subtle': '--ds-color-neutral-border-subtle',
122
+ '--fds-semantic-border-action-second-subtle-hover': '--ds-color-neutral-border-default',
123
+ '--fds-semantic-border-action-second-default': '--ds-color-neutral-base-default',
124
+ '--fds-semantic-border-action-second-hover': '--ds-color-neutral-base-hover',
125
+ '--fds-semantic-border-action-second-active': '--ds-color-neutral-base-active',
126
+ '--fds-semantic-border-action-subtle': '--ds-color-accent-border-subtle',
127
+ '--fds-semantic-border-action-subtle-hover': '--ds-color-accent-border-default',
128
+ '--fds-semantic-border-action-default': '--ds-color-accent-base-default',
129
+ '--fds-semantic-border-action-hover': '--ds-color-accent-base-hover',
130
+ '--fds-semantic-border-action-active': '--ds-color-accent-base-active',
131
+ '--fds-semantic-border-action-dark': '[delete]',
132
+ '--fds-semantic-border-action-dark-hover': '[delete]',
133
+ '--fds-semantic-border-info-default': '--ds-color-info-border-strong',
134
+ '--fds-semantic-border-neutral-default': '--ds-color-neutral-border-strong',
135
+ '--fds-semantic-border-neutral-subtle': '--ds-color-neutral-border-subtle',
136
+ '--fds-semantic-border-neutral-strong': '--ds-color-neutral-base-default',
137
+ '--fds-semantic-border-success-default': '--ds-color-success-border-default',
138
+ '--fds-semantic-border-success-hover': '[delete]',
139
+ '--fds-semantic-border-success-active': '[delete]',
140
+ '--fds-semantic-border-warning-default': '--ds-color-warning-border-default',
141
+ '--fds-semantic-border-warning-hover': '[delete]',
142
+ '--fds-semantic-border-warning-active': '[delete]',
143
+ '--fds-semantic-border-danger-default': '--ds-color-danger-border-default',
144
+ '--fds-semantic-border-danger-hover': '--ds-color-danger-border-strong',
145
+ '--fds-semantic-border-danger-active': '--ds-color-danger-border-strong',
146
+ '--fds-semantic-border-focus-outline': '--ds-color-neutral-text-default',
147
+ '--fds-semantic-border-focus-boxshadow': '--ds-color-neutral-background-default',
148
+ '--fds-semantic-border-on_inverted-default': '[delete]',
149
+ '--fds-semantic-border-input-default': '--ds-color-neutral-border-default',
150
+ '--fds-semantic-border-input-hover': '--ds-color-accent-border-strong',
151
+ '--fds-semantic-border-divider-default': '--ds-color-neutral-border-subtle',
152
+ '--fds-semantic-border-divider-subtle': '--ds-color-neutral-border-subtle',
153
+ '--fds-semantic-border-divider-strong': '--ds-color-neutral-border-default',
154
+ '--fds-semantic-text-action-first-default': '--ds-color-accent-base-default',
155
+ '--fds-semantic-text-action-first-hover': '--ds-color-accent-base-hover',
156
+ '--fds-semantic-text-action-first-active': '--ds-color-accent-base-active',
157
+ '--fds-semantic-text-action-first-on_action': '--ds-color-accent-contrast-default',
158
+ '--fds-semantic-text-action-second-default': '--ds-color-neutral-base-default',
159
+ '--fds-semantic-text-action-second-hover': '--ds-color-neutral-base-hover',
160
+ '--fds-semantic-text-action-second-active': '--ds-color-neutral-base-active',
161
+ '--fds-semantic-text-action-second-on_action': '--ds-color-neutral-contrast-default',
162
+ '--fds-semantic-text-action-default': '--ds-color-accent-base-default',
163
+ '--fds-semantic-text-action-hover': '--ds-color-accent-base-hover',
164
+ '--fds-semantic-text-action-active': '--ds-color-accent-base-active',
165
+ '--fds-semantic-text-action-on_action': '--ds-color-accent-contrast-default',
166
+ '--fds-semantic-text-success-default': '--ds-color-success-base-default',
167
+ '--fds-semantic-text-success-hover': '--ds-color-success-base-default',
168
+ '--fds-semantic-text-success-active': '--ds-color-success-base-default',
169
+ '--fds-semantic-text-success-on_success': '--ds-color-success-contrast-default',
170
+ '--fds-semantic-text-success-on_success_subtle': '--ds-color-success-text-default',
171
+ '--fds-semantic-text-neutral-default': '--ds-color-neutral-text-default',
172
+ '--fds-semantic-text-neutral-subtle': '--ds-color-neutral-text-subtle',
173
+ '--fds-semantic-text-neutral-on_inverted': '--ds-color-neutral-contrast-default',
174
+ '--fds-semantic-text-warning-default': '[delete]',
175
+ '--fds-semantic-text-warning-icon_warning': '--ds-color-warning-base-default',
176
+ '--fds-semantic-text-warning-on_warning': '--ds-color-neutral-text-default',
177
+ '--fds-semantic-text-danger-default': '--ds-color-danger-text-default',
178
+ '--fds-semantic-text-danger-hover': '--ds-color-danger-text-default',
179
+ '--fds-semantic-text-danger-active': '--ds-color-danger-text-default',
180
+ '--fds-semantic-text-danger-on_danger': '--ds-color-danger-contrast-default',
181
+ '--fds-semantic-text-danger-on_danger_subtle': '--ds-color-danger-text-default',
182
+ '--fds-semantic-text-visited-default': '--ds-global-purple-13',
183
+ '--fds-semantic-background-default': '--ds-color-neutral-background-default',
184
+ '--fds-semantic-background-subtle': '--ds-color-neutral-background-subtle',
185
+ '--fds-typography-heading-3xlarge': '[delete]',
186
+ '--fds-typography-heading-2xlarge': '--ds-typography-heading-2xl',
187
+ '--fds-typography-heading-xlarge': '--ds-typography-heading-xl',
188
+ '--fds-typography-heading-large': '--ds-typography-heading-lg',
189
+ '--fds-typography-heading-medium': '--ds-typography-heading-md',
190
+ '--fds-typography-heading-small': '--ds-typography-heading-sm',
191
+ '--fds-typography-heading-xsmall': '--ds-typography-heading-xs',
192
+ '--fds-typography-heading-xxsmall': '--ds-typography-heading-2xs',
193
+ '--fds-typography-ingress-large': '--ds-typography-ingress-lg',
194
+ '--fds-typography-ingress-medium': '--ds-typography-ingress-md',
195
+ '--fds-typography-ingress-small': '--ds-typography-ingress-sm',
196
+ '--fds-typography-ingress-xsmall': '--ds-typography-ingress-xs',
197
+ '--fds-typography-paragraph-large': '--ds-typography-paragraph-lg',
198
+ '--fds-typography-paragraph-medium': '--ds-typography-paragraph-md',
199
+ '--fds-typography-paragraph-small': '--ds-typography-paragraph-sm',
200
+ '--fds-typography-paragraph-xsmall': '--ds-typography-paragraph-xs',
201
+ '--fds-typography-paragraph-short-large': '--ds-typography-paragraph-short-lg',
202
+ '--fds-typography-paragraph-short-medium': '--ds-typography-paragraph-short-md',
203
+ '--fds-typography-paragraph-short-small': '--ds-typography-paragraph-short-sm',
204
+ '--fds-typography-paragraph-short-xsmall': '--ds-typography-paragraph-short-xs',
205
+ '--fds-typography-paragraph-long-large': '--ds-typography-paragraph-long-lg',
206
+ '--fds-typography-paragraph-long-medium': '--ds-typography-paragraph-long-md',
207
+ '--fds-typography-paragraph-long-small': '--ds-typography-paragraph-long-sm',
208
+ '--fds-typography-paragraph-long-xsmall': '--ds-typography-paragraph-long-xs',
209
+ '--fds-typography-label-large': '--ds-typography-label-lg',
210
+ '--fds-typography-label-medium': '--ds-typography-label-md',
211
+ '--fds-typography-label-small': '--ds-typography-label-sm',
212
+ '--fds-typography-label-xsmall': '--ds-typography-label-xs',
213
+ '--fds-typography-error_message-large': '--ds-typography-error_message-lg',
214
+ '--fds-typography-error_message-medium': '--ds-typography-error_message-md',
215
+ '--fds-typography-error_message-small': '--ds-typography-error_message-sm',
216
+ '--fds-typography-error_message-xsmall': '--ds-typography-error_message-xs',
217
+ '--fds-typography-interactive-large': '--ds-typography-paragraph-short-lg',
218
+ '--fds-typography-interactive-medium': '--ds-typography-paragraph-short-md',
219
+ '--fds-typography-interactive-small': '--ds-typography-paragraph-short-sm',
220
+ '--fds-border_radius-interactive': '--ds-border-radius-md',
221
+ '--fds-border_radius-small': '--ds-border-radius-sm',
222
+ '--fds-border_radius-medium': '--ds-border-radius-md',
223
+ '--fds-border_radius-large': '--ds-border-radius-lg',
224
+ '--fds-border_radius-xlarge': '--ds-border-radius-xl',
225
+ '--fds-border_radius-xxlarge': '--ds-border-radius-2xl',
226
+ '--fds-border_radius-xxxlarge': '--ds-border-radius-3xl',
227
+ '--fds-border_radius-xxxxlarge': '--ds-border-radius-4xl',
228
+ '--fds-border_radius-full': '--ds-border-radius-full',
229
+ '--fds-base_spacing': '[delete]',
230
+ '--fds-base_sizing': '[delete]',
231
+ '--fds-border_width-default': '--ds-border-width-default',
232
+ '--fds-border_width-active': '--ds-border-width-highlight',
233
+ '--fds-border_width-tab_focus': '--ds-border-width-highlight',
234
+ '--fds-shadow-xsmall': '--ds-shadow-xs',
235
+ '--fds-shadow-small': '--ds-shadow-sm',
236
+ '--fds-shadow-medium': '--ds-shadow-md',
237
+ '--fds-shadow-large': '--ds-shadow-lg',
238
+ '--fds-shadow-xlarge': '--ds-shadow-xl',
239
+ '--fds-spacing-0': '--ds-spacing-0',
240
+ '--fds-spacing-1': '--ds-spacing-1',
241
+ '--fds-spacing-2': '--ds-spacing-2',
242
+ '--fds-spacing-3': '--ds-spacing-3',
243
+ '--fds-spacing-4': '--ds-spacing-4',
244
+ '--fds-spacing-5': '--ds-spacing-5',
245
+ '--fds-spacing-6': '--ds-spacing-6',
246
+ '--fds-spacing-7': '--ds-spacing-7',
247
+ '--fds-spacing-8': '--ds-spacing-8',
248
+ '--fds-spacing-9': '--ds-spacing-9',
249
+ '--fds-spacing-10': '--ds-spacing-10',
250
+ '--fds-spacing-11': '--ds-spacing-11',
251
+ '--fds-spacing-12': '--ds-spacing-12',
252
+ '--fds-spacing-13': '--ds-spacing-13',
253
+ '--fds-spacing-14': '--ds-spacing-14',
254
+ '--fds-spacing-15': '--ds-spacing-15',
255
+ '--fds-spacing-18': '--ds-spacing-18',
256
+ '--fds-spacing-22': '--ds-spacing-22',
257
+ '--fds-spacing-26': '--ds-spacing-26',
258
+ '--fds-spacing-30': '--ds-spacing-30',
259
+ '--fds-sizing-0': '--ds-sizing-0',
260
+ '--fds-sizing-1': '--ds-sizing-1',
261
+ '--fds-sizing-2': '--ds-sizing-2',
262
+ '--fds-sizing-3': '--ds-sizing-3',
263
+ '--fds-sizing-4': '--ds-sizing-4',
264
+ '--fds-sizing-5': '--ds-sizing-5',
265
+ '--fds-sizing-6': '--ds-sizing-6',
266
+ '--fds-sizing-7': '--ds-sizing-7',
267
+ '--fds-sizing-8': '--ds-sizing-8',
268
+ '--fds-sizing-9': '--ds-sizing-9',
269
+ '--fds-sizing-10': '--ds-sizing-10',
270
+ '--fds-sizing-11': '--ds-sizing-11',
271
+ '--fds-sizing-12': '--ds-sizing-12',
272
+ '--fds-sizing-13': '--ds-sizing-13',
273
+ '--fds-sizing-14': '--ds-sizing-14',
274
+ '--fds-sizing-15': '--ds-sizing-15',
275
+ '--fds-sizing-18': '--ds-sizing-18',
276
+ '--fds-sizing-22': '--ds-sizing-22',
277
+ '--fds-sizing-26': '--ds-sizing-26',
278
+ '--fds-sizing-30': '--ds-sizing-30',
279
+ '--fds-opacity-disabled': '--ds-disabled-opacity',
280
+ '--fds-colors-blue-100': '--ds-global-blue-1',
281
+ '--fds-colors-blue-200': '--ds-global-blue-2',
282
+ '--fds-colors-blue-700': '--ds-global-blue-7',
283
+ '--fds-colors-blue-800': '--ds-global-blue-8',
284
+ '--fds-colors-blue-900': '--ds-global-blue-9',
285
+ '--fds-colors-grey-100': '--ds-color-neutral-1',
286
+ '--fds-colors-grey-200': '--ds-color-neutral-2',
287
+ '--fds-colors-grey-400': '--ds-color-neutral-4',
288
+ '--fds-colors-grey-600': '--ds-color-neutral-6',
289
+ '--fds-colors-grey-700': '--ds-color-neutral-7',
290
+ '--fds-colors-grey-800': '--ds-color-neutral-8',
291
+ '--fds-colors-green-200': '--ds-global-green-2',
292
+ '--fds-colors-green-300': '--ds-global-green-3',
293
+ '--fds-colors-green-700': '--ds-global-green-7',
294
+ '--fds-colors-green-800': '--ds-global-green-8',
295
+ '--fds-colors-green-900': '--ds-global-green-9',
296
+ '--fds-colors-yellow-100': '--ds-global-yellow-1',
297
+ '--fds-colors-yellow-200': '--ds-global-yellow-2',
298
+ '--fds-colors-yellow-300': '--ds-global-yellow-3',
299
+ '--fds-colors-yellow-500': '--ds-global-yellow-5',
300
+ '--fds-colors-blue-400': '--ds-global-blue-4',
301
+ '--fds-colors-grey-300': '--ds-global-grey-3',
302
+ '--fds-colors-orange-600': '--ds-global-orange-6',
303
+ '--fds-colors-orange-700': '--ds-global-orange-7',
304
+ '--fds-colors-orange-800': '--ds-global-orange-8',
305
+ '--fds-colors-red-800': '--ds-global-red-8',
306
+ '--fds-colors-purple-700': '--ds-global-purple-7',
307
+ '--fds-colors-red-100': '--ds-global-red-1',
308
+ '--fds-colors-red-200': '--ds-global-red-2',
309
+ '--fds-colors-red-500': '--ds-global-red-5',
310
+ '--fds-colors-red-600': '--ds-global-red-6',
311
+ '--fds-colors-red-700': '--ds-global-red-7',
312
+ '--fds-brand-alt1-100': '--ds-color-brand1-1',
313
+ '--fds-brand-alt1-200': '--ds-color-brand1-2',
314
+ '--fds-brand-alt1-300': '--ds-color-brand1-3',
315
+ '--fds-brand-alt1-400': '--ds-color-brand1-4',
316
+ '--fds-brand-alt1-500': '--ds-color-brand1-5',
317
+ '--fds-brand-alt1-600': '--ds-color-brand1-6',
318
+ '--fds-brand-alt1-700': '--ds-color-brand1-7',
319
+ '--fds-brand-alt1-800': '--ds-color-brand1-8',
320
+ '--fds-brand-alt1-900': '--ds-color-brand1-9',
321
+ '--fds-brand-alt2-100': '--ds-color-brand2-1',
322
+ '--fds-brand-alt2-200': '--ds-color-brand2-2',
323
+ '--fds-brand-alt2-300': '--ds-color-brand2-3',
324
+ '--fds-brand-alt2-400': '--ds-color-brand2-4',
325
+ '--fds-brand-alt2-500': '--ds-color-brand2-5',
326
+ '--fds-brand-alt2-600': '--ds-color-brand2-6',
327
+ '--fds-brand-alt2-700': '--ds-color-brand2-7',
328
+ '--fds-brand-alt2-800': '--ds-color-brand2-8',
329
+ '--fds-brand-alt2-900': '--ds-color-brand2-9',
330
+ '--fds-brand-alt3-100': '--ds-color-brand3-1',
331
+ '--fds-brand-alt3-200': '--ds-color-brand3-2',
332
+ '--fds-brand-alt3-300': '--ds-color-brand3-3',
333
+ '--fds-brand-alt3-400': '--ds-color-brand3-4',
334
+ '--fds-brand-alt3-500': '--ds-color-brand3-5',
335
+ '--fds-brand-alt3-600': '--ds-color-brand3-6',
336
+ '--fds-brand-alt3-700': '--ds-color-brand3-7',
337
+ '--fds-brand-alt3-800': '--ds-color-brand3-8',
338
+ '--fds-brand-alt3-900': '--ds-color-brand3-9'
339
+ })
340
+ ]
341
+ }));