@digdir/designsystemet 1.13.2 → 1.14.0

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 (89) hide show
  1. package/dist/bin/config.js +50 -658
  2. package/dist/bin/designsystemet.d.ts.map +1 -1
  3. package/dist/bin/designsystemet.js +136 -4623
  4. package/dist/bin/options.js +22 -14
  5. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js +9 -0
  6. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js +8 -0
  7. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js +13 -0
  8. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js +10 -0
  9. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js +10 -0
  10. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js +53 -0
  11. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js +14 -0
  12. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js +9 -0
  13. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js +32 -0
  14. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js +15 -0
  15. package/dist/node_modules/.pnpm/@tokens-studio_types@0.5.2/node_modules/@tokens-studio/types/dist/types/index.js +11 -0
  16. package/dist/package.js +5 -0
  17. package/dist/src/colors/colorMetadata.js +255 -261
  18. package/dist/src/colors/index.js +5 -522
  19. package/dist/src/colors/theme.js +104 -343
  20. package/dist/src/colors/types.js +22 -25
  21. package/dist/src/colors/utils.js +241 -154
  22. package/dist/src/config.js +103 -444
  23. package/dist/src/index.js +10 -3588
  24. package/dist/src/migrations/beta-to-v1.js +339 -537
  25. package/dist/src/migrations/codemods/css/plugins.js +31 -42
  26. package/dist/src/migrations/codemods/css/run.js +20 -151
  27. package/dist/src/migrations/color-rename-next49.js +44 -220
  28. package/dist/src/migrations/index.js +7 -577
  29. package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
  30. package/dist/src/tokens/build.js +39 -1816
  31. package/dist/src/tokens/create/files.d.ts +10 -5
  32. package/dist/src/tokens/create/files.d.ts.map +1 -1
  33. package/dist/src/tokens/create/files.js +44 -601
  34. package/dist/src/tokens/create/generators/$designsystemet.js +8 -97
  35. package/dist/src/tokens/create/generators/$metadata.d.ts +7 -3
  36. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
  37. package/dist/src/tokens/create/generators/$metadata.js +24 -21
  38. package/dist/src/tokens/create/generators/$themes.d.ts +2 -4
  39. package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
  40. package/dist/src/tokens/create/generators/$themes.js +139 -312
  41. package/dist/src/tokens/create/generators/primitives/color-scheme.js +68 -443
  42. package/dist/src/tokens/create/generators/primitives/globals.js +141 -147
  43. package/dist/src/tokens/create/generators/primitives/size.js +146 -156
  44. package/dist/src/tokens/create/generators/primitives/typography.js +213 -217
  45. package/dist/src/tokens/create/generators/semantic/color-modes.js +24 -59
  46. package/dist/src/tokens/create/generators/semantic/color.js +42 -326
  47. package/dist/src/tokens/create/generators/semantic/style.js +379 -382
  48. package/dist/src/tokens/create/generators/themes/theme.js +108 -392
  49. package/dist/src/tokens/create.d.ts +2 -1
  50. package/dist/src/tokens/create.d.ts.map +1 -1
  51. package/dist/src/tokens/create.js +50 -1591
  52. package/dist/src/tokens/format.d.ts.map +1 -1
  53. package/dist/src/tokens/format.js +35 -3324
  54. package/dist/src/tokens/generate-config.js +155 -298
  55. package/dist/src/tokens/index.js +3 -3344
  56. package/dist/src/tokens/process/configs/color.js +50 -1085
  57. package/dist/src/tokens/process/configs/semantic.js +45 -1083
  58. package/dist/src/tokens/process/configs/shared.js +18 -109
  59. package/dist/src/tokens/process/configs/size-mode.js +27 -1082
  60. package/dist/src/tokens/process/configs/size.js +32 -1083
  61. package/dist/src/tokens/process/configs/type-scale.js +49 -1083
  62. package/dist/src/tokens/process/configs/typography.js +63 -1084
  63. package/dist/src/tokens/process/configs.js +91 -1224
  64. package/dist/src/tokens/process/formats/css/color.js +58 -1079
  65. package/dist/src/tokens/process/formats/css/semantic.js +27 -1081
  66. package/dist/src/tokens/process/formats/css/size-mode.js +43 -1077
  67. package/dist/src/tokens/process/formats/css/size.js +86 -1079
  68. package/dist/src/tokens/process/formats/css/type-scale.js +53 -1083
  69. package/dist/src/tokens/process/formats/css/typography.js +27 -1081
  70. package/dist/src/tokens/process/formats/css.js +18 -1081
  71. package/dist/src/tokens/process/output/declarations.js +18 -1201
  72. package/dist/src/tokens/process/output/tailwind.js +26 -40
  73. package/dist/src/tokens/process/output/theme.js +73 -206
  74. package/dist/src/tokens/process/platform.js +165 -1355
  75. package/dist/src/tokens/process/transformers.js +49 -89
  76. package/dist/src/tokens/process/utils/getMultidimensionalThemes.js +100 -1183
  77. package/dist/src/tokens/process/utils/kebab-case.js +7 -5
  78. package/dist/src/tokens/types.d.ts +6 -0
  79. package/dist/src/tokens/types.d.ts.map +1 -1
  80. package/dist/src/tokens/types.js +6 -7
  81. package/dist/src/tokens/utils.d.ts +2 -1
  82. package/dist/src/tokens/utils.d.ts.map +1 -1
  83. package/dist/src/tokens/utils.js +107 -93
  84. package/dist/src/types.js +1 -5
  85. package/dist/src/utils/filesystem.js +112 -124
  86. package/package.json +12 -15
  87. package/configs/test-tokens.config.json +0 -82
  88. package/dist/src/scripts/createJsonSchema.js +0 -409
  89. package/dist/src/scripts/update-preview-tokens.js +0 -3353
package/dist/src/tokens/create/generators/semantic/style.js CHANGED
@@ -1,384 +1,381 @@
1
- // src/tokens/create/generators/semantic/style.ts
1
+ //#region src/tokens/create/generators/semantic/style.ts
2
2
  function generateSemanticStyle() {
3
- return {
4
- typography: {
5
- heading: {
6
- "2xl": {
7
- $type: "typography",
8
- $value: {
9
- fontFamily: "{font-family}",
10
- fontWeight: "{font-weight.medium}",
11
- lineHeight: "{line-height.sm}",
12
- fontSize: "{font-size.10}",
13
- letterSpacing: "{letter-spacing.1}"
14
- }
15
- },
16
- xl: {
17
- $type: "typography",
18
- $value: {
19
- fontFamily: "{font-family}",
20
- fontWeight: "{font-weight.medium}",
21
- lineHeight: "{line-height.sm}",
22
- fontSize: "{font-size.9}",
23
- letterSpacing: "{letter-spacing.1}"
24
- }
25
- },
26
- lg: {
27
- $type: "typography",
28
- $value: {
29
- fontFamily: "{font-family}",
30
- fontWeight: "{font-weight.medium}",
31
- lineHeight: "{line-height.sm}",
32
- fontSize: "{font-size.8}",
33
- letterSpacing: "{letter-spacing.2}"
34
- }
35
- },
36
- md: {
37
- $type: "typography",
38
- $value: {
39
- fontFamily: "{font-family}",
40
- fontWeight: "{font-weight.medium}",
41
- lineHeight: "{line-height.sm}",
42
- fontSize: "{font-size.7}",
43
- letterSpacing: "{letter-spacing.3}"
44
- }
45
- },
46
- sm: {
47
- $type: "typography",
48
- $value: {
49
- fontFamily: "{font-family}",
50
- fontWeight: "{font-weight.medium}",
51
- lineHeight: "{line-height.sm}",
52
- fontSize: "{font-size.6}",
53
- letterSpacing: "{letter-spacing.5}"
54
- }
55
- },
56
- xs: {
57
- $type: "typography",
58
- $value: {
59
- fontFamily: "{font-family}",
60
- fontWeight: "{font-weight.medium}",
61
- lineHeight: "{line-height.sm}",
62
- fontSize: "{font-size.5}",
63
- letterSpacing: "{letter-spacing.6}"
64
- }
65
- },
66
- "2xs": {
67
- $type: "typography",
68
- $value: {
69
- fontFamily: "{font-family}",
70
- fontWeight: "{font-weight.medium}",
71
- lineHeight: "{line-height.sm}",
72
- fontSize: "{font-size.4}",
73
- letterSpacing: "{letter-spacing.6}"
74
- }
75
- }
76
- },
77
- body: {
78
- xl: {
79
- $type: "typography",
80
- $value: {
81
- fontFamily: "{font-family}",
82
- fontWeight: "{font-weight.regular}",
83
- lineHeight: "{line-height.md}",
84
- fontSize: "{font-size.6}",
85
- letterSpacing: "{letter-spacing.8}"
86
- }
87
- },
88
- lg: {
89
- $type: "typography",
90
- $value: {
91
- fontFamily: "{font-family}",
92
- fontWeight: "{font-weight.regular}",
93
- lineHeight: "{line-height.md}",
94
- fontSize: "{font-size.5}",
95
- letterSpacing: "{letter-spacing.8}"
96
- }
97
- },
98
- md: {
99
- $type: "typography",
100
- $value: {
101
- fontFamily: "{font-family}",
102
- fontWeight: "{font-weight.regular}",
103
- lineHeight: "{line-height.md}",
104
- fontSize: "{font-size.4}",
105
- letterSpacing: "{letter-spacing.8}"
106
- }
107
- },
108
- sm: {
109
- $type: "typography",
110
- $value: {
111
- fontFamily: "{font-family}",
112
- fontWeight: "{font-weight.regular}",
113
- lineHeight: "{line-height.md}",
114
- fontSize: "{font-size.3}",
115
- letterSpacing: "{letter-spacing.7}"
116
- }
117
- },
118
- xs: {
119
- $type: "typography",
120
- $value: {
121
- fontFamily: "{font-family}",
122
- fontWeight: "{font-weight.regular}",
123
- lineHeight: "{line-height.md}",
124
- fontSize: "{font-size.2}",
125
- letterSpacing: "{letter-spacing.6}"
126
- }
127
- },
128
- short: {
129
- xl: {
130
- $type: "typography",
131
- $value: {
132
- fontFamily: "{font-family}",
133
- fontWeight: "{font-weight.regular}",
134
- lineHeight: "{line-height.sm}",
135
- fontSize: "{font-size.6}",
136
- letterSpacing: "{letter-spacing.8}"
137
- }
138
- },
139
- lg: {
140
- $type: "typography",
141
- $value: {
142
- fontFamily: "{font-family}",
143
- fontWeight: "{font-weight.regular}",
144
- lineHeight: "{line-height.sm}",
145
- fontSize: "{font-size.5}",
146
- letterSpacing: "{letter-spacing.8}"
147
- }
148
- },
149
- md: {
150
- $type: "typography",
151
- $value: {
152
- fontFamily: "{font-family}",
153
- fontWeight: "{font-weight.regular}",
154
- lineHeight: "{line-height.sm}",
155
- fontSize: "{font-size.4}",
156
- letterSpacing: "{letter-spacing.8}"
157
- }
158
- },
159
- sm: {
160
- $type: "typography",
161
- $value: {
162
- fontFamily: "{font-family}",
163
- fontWeight: "{font-weight.regular}",
164
- lineHeight: "{line-height.sm}",
165
- fontSize: "{font-size.3}",
166
- letterSpacing: "{letter-spacing.7}"
167
- }
168
- },
169
- xs: {
170
- $type: "typography",
171
- $value: {
172
- fontFamily: "{font-family}",
173
- fontWeight: "{font-weight.regular}",
174
- lineHeight: "{line-height.sm}",
175
- fontSize: "{font-size.2}",
176
- letterSpacing: "{letter-spacing.6}"
177
- }
178
- }
179
- },
180
- long: {
181
- xl: {
182
- $type: "typography",
183
- $value: {
184
- fontFamily: "{font-family}",
185
- fontWeight: "{font-weight.regular}",
186
- lineHeight: "{line-height.lg}",
187
- fontSize: "{font-size.6}",
188
- letterSpacing: "{letter-spacing.8}"
189
- }
190
- },
191
- lg: {
192
- $type: "typography",
193
- $value: {
194
- fontFamily: "{font-family}",
195
- fontWeight: "{font-weight.regular}",
196
- lineHeight: "{line-height.lg}",
197
- fontSize: "{font-size.5}",
198
- letterSpacing: "{letter-spacing.8}"
199
- }
200
- },
201
- md: {
202
- $type: "typography",
203
- $value: {
204
- fontFamily: "{font-family}",
205
- fontWeight: "{font-weight.regular}",
206
- lineHeight: "{line-height.lg}",
207
- fontSize: "{font-size.4}",
208
- letterSpacing: "{letter-spacing.8}"
209
- }
210
- },
211
- sm: {
212
- $type: "typography",
213
- $value: {
214
- fontFamily: "{font-family}",
215
- fontWeight: "{font-weight.regular}",
216
- lineHeight: "{line-height.lg}",
217
- fontSize: "{font-size.3}",
218
- letterSpacing: "{letter-spacing.7}"
219
- }
220
- },
221
- xs: {
222
- $type: "typography",
223
- $value: {
224
- fontFamily: "{font-family}",
225
- fontWeight: "{font-weight.regular}",
226
- lineHeight: "{line-height.lg}",
227
- fontSize: "{font-size.2}",
228
- letterSpacing: "{letter-spacing.6}"
229
- }
230
- }
231
- }
232
- }
233
- },
234
- opacity: {
235
- disabled: {
236
- $type: "opacity",
237
- $value: "{opacity.30}"
238
- }
239
- },
240
- "border-width": {
241
- default: {
242
- $type: "borderWidth",
243
- $value: "{border-width.1}"
244
- },
245
- focus: {
246
- $type: "borderWidth",
247
- $value: "{border-width.3}"
248
- }
249
- },
250
- shadow: {
251
- xs: {
252
- $type: "boxShadow",
253
- $value: "{shadow.100}"
254
- },
255
- sm: {
256
- $type: "boxShadow",
257
- $value: "{shadow.200}"
258
- },
259
- md: {
260
- $type: "boxShadow",
261
- $value: "{shadow.300}"
262
- },
263
- lg: {
264
- $type: "boxShadow",
265
- $value: "{shadow.400}"
266
- },
267
- xl: {
268
- $type: "boxShadow",
269
- $value: "{shadow.500}"
270
- }
271
- },
272
- "border-radius": {
273
- sm: {
274
- $type: "dimension",
275
- $value: "{border-radius.1}"
276
- },
277
- md: {
278
- $type: "dimension",
279
- $value: "{border-radius.2}"
280
- },
281
- lg: {
282
- $type: "dimension",
283
- $value: "{border-radius.3}"
284
- },
285
- xl: {
286
- $type: "dimension",
287
- $value: "{border-radius.4}"
288
- },
289
- default: {
290
- $type: "dimension",
291
- $value: "{border-radius.5}"
292
- },
293
- full: {
294
- $type: "dimension",
295
- $value: "{border-radius.6}"
296
- }
297
- },
298
- size: {
299
- "0": {
300
- $type: "dimension",
301
- $value: "{_size.0}"
302
- },
303
- "1": {
304
- $type: "dimension",
305
- $value: "{_size.1}"
306
- },
307
- "2": {
308
- $type: "dimension",
309
- $value: "{_size.2}"
310
- },
311
- "3": {
312
- $type: "dimension",
313
- $value: "{_size.3}"
314
- },
315
- "4": {
316
- $type: "dimension",
317
- $value: "{_size.4}"
318
- },
319
- "5": {
320
- $type: "dimension",
321
- $value: "{_size.5}"
322
- },
323
- "6": {
324
- $type: "dimension",
325
- $value: "{_size.6}"
326
- },
327
- "7": {
328
- $type: "dimension",
329
- $value: "{_size.7}"
330
- },
331
- "8": {
332
- $type: "dimension",
333
- $value: "{_size.8}"
334
- },
335
- "9": {
336
- $type: "dimension",
337
- $value: "{_size.9}"
338
- },
339
- "10": {
340
- $type: "dimension",
341
- $value: "{_size.10}"
342
- },
343
- "11": {
344
- $type: "dimension",
345
- $value: "{_size.11}"
346
- },
347
- "12": {
348
- $type: "dimension",
349
- $value: "{_size.12}"
350
- },
351
- "13": {
352
- $type: "dimension",
353
- $value: "{_size.13}"
354
- },
355
- "14": {
356
- $type: "dimension",
357
- $value: "{_size.14}"
358
- },
359
- "15": {
360
- $type: "dimension",
361
- $value: "{_size.15}"
362
- },
363
- "18": {
364
- $type: "dimension",
365
- $value: "{_size.18}"
366
- },
367
- "22": {
368
- $type: "dimension",
369
- $value: "{_size.22}"
370
- },
371
- "26": {
372
- $type: "dimension",
373
- $value: "{_size.26}"
374
- },
375
- "30": {
376
- $type: "dimension",
377
- $value: "{_size.30}"
378
- }
379
- }
380
- };
3
+ return {
4
+ typography: {
5
+ heading: {
6
+ "2xl": {
7
+ $type: "typography",
8
+ $value: {
9
+ fontFamily: "{font-family}",
10
+ fontWeight: "{font-weight.medium}",
11
+ lineHeight: "{line-height.sm}",
12
+ fontSize: "{font-size.10}",
13
+ letterSpacing: "{letter-spacing.1}"
14
+ }
15
+ },
16
+ xl: {
17
+ $type: "typography",
18
+ $value: {
19
+ fontFamily: "{font-family}",
20
+ fontWeight: "{font-weight.medium}",
21
+ lineHeight: "{line-height.sm}",
22
+ fontSize: "{font-size.9}",
23
+ letterSpacing: "{letter-spacing.1}"
24
+ }
25
+ },
26
+ lg: {
27
+ $type: "typography",
28
+ $value: {
29
+ fontFamily: "{font-family}",
30
+ fontWeight: "{font-weight.medium}",
31
+ lineHeight: "{line-height.sm}",
32
+ fontSize: "{font-size.8}",
33
+ letterSpacing: "{letter-spacing.2}"
34
+ }
35
+ },
36
+ md: {
37
+ $type: "typography",
38
+ $value: {
39
+ fontFamily: "{font-family}",
40
+ fontWeight: "{font-weight.medium}",
41
+ lineHeight: "{line-height.sm}",
42
+ fontSize: "{font-size.7}",
43
+ letterSpacing: "{letter-spacing.3}"
44
+ }
45
+ },
46
+ sm: {
47
+ $type: "typography",
48
+ $value: {
49
+ fontFamily: "{font-family}",
50
+ fontWeight: "{font-weight.medium}",
51
+ lineHeight: "{line-height.sm}",
52
+ fontSize: "{font-size.6}",
53
+ letterSpacing: "{letter-spacing.5}"
54
+ }
55
+ },
56
+ xs: {
57
+ $type: "typography",
58
+ $value: {
59
+ fontFamily: "{font-family}",
60
+ fontWeight: "{font-weight.medium}",
61
+ lineHeight: "{line-height.sm}",
62
+ fontSize: "{font-size.5}",
63
+ letterSpacing: "{letter-spacing.6}"
64
+ }
65
+ },
66
+ "2xs": {
67
+ $type: "typography",
68
+ $value: {
69
+ fontFamily: "{font-family}",
70
+ fontWeight: "{font-weight.medium}",
71
+ lineHeight: "{line-height.sm}",
72
+ fontSize: "{font-size.4}",
73
+ letterSpacing: "{letter-spacing.6}"
74
+ }
75
+ }
76
+ },
77
+ body: {
78
+ xl: {
79
+ $type: "typography",
80
+ $value: {
81
+ fontFamily: "{font-family}",
82
+ fontWeight: "{font-weight.regular}",
83
+ lineHeight: "{line-height.md}",
84
+ fontSize: "{font-size.6}",
85
+ letterSpacing: "{letter-spacing.8}"
86
+ }
87
+ },
88
+ lg: {
89
+ $type: "typography",
90
+ $value: {
91
+ fontFamily: "{font-family}",
92
+ fontWeight: "{font-weight.regular}",
93
+ lineHeight: "{line-height.md}",
94
+ fontSize: "{font-size.5}",
95
+ letterSpacing: "{letter-spacing.8}"
96
+ }
97
+ },
98
+ md: {
99
+ $type: "typography",
100
+ $value: {
101
+ fontFamily: "{font-family}",
102
+ fontWeight: "{font-weight.regular}",
103
+ lineHeight: "{line-height.md}",
104
+ fontSize: "{font-size.4}",
105
+ letterSpacing: "{letter-spacing.8}"
106
+ }
107
+ },
108
+ sm: {
109
+ $type: "typography",
110
+ $value: {
111
+ fontFamily: "{font-family}",
112
+ fontWeight: "{font-weight.regular}",
113
+ lineHeight: "{line-height.md}",
114
+ fontSize: "{font-size.3}",
115
+ letterSpacing: "{letter-spacing.7}"
116
+ }
117
+ },
118
+ xs: {
119
+ $type: "typography",
120
+ $value: {
121
+ fontFamily: "{font-family}",
122
+ fontWeight: "{font-weight.regular}",
123
+ lineHeight: "{line-height.md}",
124
+ fontSize: "{font-size.2}",
125
+ letterSpacing: "{letter-spacing.6}"
126
+ }
127
+ },
128
+ short: {
129
+ xl: {
130
+ $type: "typography",
131
+ $value: {
132
+ fontFamily: "{font-family}",
133
+ fontWeight: "{font-weight.regular}",
134
+ lineHeight: "{line-height.sm}",
135
+ fontSize: "{font-size.6}",
136
+ letterSpacing: "{letter-spacing.8}"
137
+ }
138
+ },
139
+ lg: {
140
+ $type: "typography",
141
+ $value: {
142
+ fontFamily: "{font-family}",
143
+ fontWeight: "{font-weight.regular}",
144
+ lineHeight: "{line-height.sm}",
145
+ fontSize: "{font-size.5}",
146
+ letterSpacing: "{letter-spacing.8}"
147
+ }
148
+ },
149
+ md: {
150
+ $type: "typography",
151
+ $value: {
152
+ fontFamily: "{font-family}",
153
+ fontWeight: "{font-weight.regular}",
154
+ lineHeight: "{line-height.sm}",
155
+ fontSize: "{font-size.4}",
156
+ letterSpacing: "{letter-spacing.8}"
157
+ }
158
+ },
159
+ sm: {
160
+ $type: "typography",
161
+ $value: {
162
+ fontFamily: "{font-family}",
163
+ fontWeight: "{font-weight.regular}",
164
+ lineHeight: "{line-height.sm}",
165
+ fontSize: "{font-size.3}",
166
+ letterSpacing: "{letter-spacing.7}"
167
+ }
168
+ },
169
+ xs: {
170
+ $type: "typography",
171
+ $value: {
172
+ fontFamily: "{font-family}",
173
+ fontWeight: "{font-weight.regular}",
174
+ lineHeight: "{line-height.sm}",
175
+ fontSize: "{font-size.2}",
176
+ letterSpacing: "{letter-spacing.6}"
177
+ }
178
+ }
179
+ },
180
+ long: {
181
+ xl: {
182
+ $type: "typography",
183
+ $value: {
184
+ fontFamily: "{font-family}",
185
+ fontWeight: "{font-weight.regular}",
186
+ lineHeight: "{line-height.lg}",
187
+ fontSize: "{font-size.6}",
188
+ letterSpacing: "{letter-spacing.8}"
189
+ }
190
+ },
191
+ lg: {
192
+ $type: "typography",
193
+ $value: {
194
+ fontFamily: "{font-family}",
195
+ fontWeight: "{font-weight.regular}",
196
+ lineHeight: "{line-height.lg}",
197
+ fontSize: "{font-size.5}",
198
+ letterSpacing: "{letter-spacing.8}"
199
+ }
200
+ },
201
+ md: {
202
+ $type: "typography",
203
+ $value: {
204
+ fontFamily: "{font-family}",
205
+ fontWeight: "{font-weight.regular}",
206
+ lineHeight: "{line-height.lg}",
207
+ fontSize: "{font-size.4}",
208
+ letterSpacing: "{letter-spacing.8}"
209
+ }
210
+ },
211
+ sm: {
212
+ $type: "typography",
213
+ $value: {
214
+ fontFamily: "{font-family}",
215
+ fontWeight: "{font-weight.regular}",
216
+ lineHeight: "{line-height.lg}",
217
+ fontSize: "{font-size.3}",
218
+ letterSpacing: "{letter-spacing.7}"
219
+ }
220
+ },
221
+ xs: {
222
+ $type: "typography",
223
+ $value: {
224
+ fontFamily: "{font-family}",
225
+ fontWeight: "{font-weight.regular}",
226
+ lineHeight: "{line-height.lg}",
227
+ fontSize: "{font-size.2}",
228
+ letterSpacing: "{letter-spacing.6}"
229
+ }
230
+ }
231
+ }
232
+ }
233
+ },
234
+ opacity: { disabled: {
235
+ $type: "opacity",
236
+ $value: "{opacity.30}"
237
+ } },
238
+ "border-width": {
239
+ default: {
240
+ $type: "borderWidth",
241
+ $value: "{border-width.1}"
242
+ },
243
+ focus: {
244
+ $type: "borderWidth",
245
+ $value: "{border-width.3}"
246
+ }
247
+ },
248
+ shadow: {
249
+ xs: {
250
+ $type: "boxShadow",
251
+ $value: "{shadow.100}"
252
+ },
253
+ sm: {
254
+ $type: "boxShadow",
255
+ $value: "{shadow.200}"
256
+ },
257
+ md: {
258
+ $type: "boxShadow",
259
+ $value: "{shadow.300}"
260
+ },
261
+ lg: {
262
+ $type: "boxShadow",
263
+ $value: "{shadow.400}"
264
+ },
265
+ xl: {
266
+ $type: "boxShadow",
267
+ $value: "{shadow.500}"
268
+ }
269
+ },
270
+ "border-radius": {
271
+ sm: {
272
+ $type: "dimension",
273
+ $value: "{border-radius.1}"
274
+ },
275
+ md: {
276
+ $type: "dimension",
277
+ $value: "{border-radius.2}"
278
+ },
279
+ lg: {
280
+ $type: "dimension",
281
+ $value: "{border-radius.3}"
282
+ },
283
+ xl: {
284
+ $type: "dimension",
285
+ $value: "{border-radius.4}"
286
+ },
287
+ default: {
288
+ $type: "dimension",
289
+ $value: "{border-radius.5}"
290
+ },
291
+ full: {
292
+ $type: "dimension",
293
+ $value: "{border-radius.6}"
294
+ }
295
+ },
296
+ size: {
297
+ "0": {
298
+ $type: "dimension",
299
+ $value: "{_size.0}"
300
+ },
301
+ "1": {
302
+ $type: "dimension",
303
+ $value: "{_size.1}"
304
+ },
305
+ "2": {
306
+ $type: "dimension",
307
+ $value: "{_size.2}"
308
+ },
309
+ "3": {
310
+ $type: "dimension",
311
+ $value: "{_size.3}"
312
+ },
313
+ "4": {
314
+ $type: "dimension",
315
+ $value: "{_size.4}"
316
+ },
317
+ "5": {
318
+ $type: "dimension",
319
+ $value: "{_size.5}"
320
+ },
321
+ "6": {
322
+ $type: "dimension",
323
+ $value: "{_size.6}"
324
+ },
325
+ "7": {
326
+ $type: "dimension",
327
+ $value: "{_size.7}"
328
+ },
329
+ "8": {
330
+ $type: "dimension",
331
+ $value: "{_size.8}"
332
+ },
333
+ "9": {
334
+ $type: "dimension",
335
+ $value: "{_size.9}"
336
+ },
337
+ "10": {
338
+ $type: "dimension",
339
+ $value: "{_size.10}"
340
+ },
341
+ "11": {
342
+ $type: "dimension",
343
+ $value: "{_size.11}"
344
+ },
345
+ "12": {
346
+ $type: "dimension",
347
+ $value: "{_size.12}"
348
+ },
349
+ "13": {
350
+ $type: "dimension",
351
+ $value: "{_size.13}"
352
+ },
353
+ "14": {
354
+ $type: "dimension",
355
+ $value: "{_size.14}"
356
+ },
357
+ "15": {
358
+ $type: "dimension",
359
+ $value: "{_size.15}"
360
+ },
361
+ "18": {
362
+ $type: "dimension",
363
+ $value: "{_size.18}"
364
+ },
365
+ "22": {
366
+ $type: "dimension",
367
+ $value: "{_size.22}"
368
+ },
369
+ "26": {
370
+ $type: "dimension",
371
+ $value: "{_size.26}"
372
+ },
373
+ "30": {
374
+ $type: "dimension",
375
+ $value: "{_size.30}"
376
+ }
377
+ }
378
+ };
381
379
  }
382
- export {
383
- generateSemanticStyle
384
- };
380
+ //#endregion
381
+ export { generateSemanticStyle };