design-system-silkhaus 3.8.0-beta.ST-1134.5 → 3.8.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 (7) hide show
  1. package/dist/{ButtonsGroupSelector-D-Y2iTmE.js → ButtonsGroupSelector-BErKnj7L.js} +1575 -1524
  2. package/dist/app/index.js +2 -2
  3. package/dist/index.d.ts +0 -406
  4. package/dist/index.js +1714 -1752
  5. package/dist/style.css +1 -1
  6. package/dist/tailwind.config.js +734 -693
  7. package/package.json +1 -1
package/dist/tailwind.config.js CHANGED
@@ -1,696 +1,5 @@
1
1
  "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
- if (ar || !(i in from)) {
5
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
- ar[i] = from[i];
7
- }
8
- }
9
- return to.concat(ar || Array.prototype.slice.call(from));
10
- };
11
2
  Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.fontSizeConfig = void 0;
13
- exports.fontSizeConfig = {
14
- xLargeHeroTitleRegular: [
15
- 'var(--xLargeHero-TitleRegular-font-size)',
16
- {
17
- lineHeight: 'var(--xLargeHero-TitleRegular-line-height)',
18
- fontWeight: 'var(--xLargeHero-TitleRegular-font-weight)',
19
- },
20
- ],
21
- xLargeTitle1Regular: [
22
- 'var(--xLargeTitle-1Regular-font-size)',
23
- {
24
- lineHeight: 'var(--xLargeTitle-1Regular-line-height)',
25
- fontWeight: 'var(--xLargeTitle-1Regular-font-weight)',
26
- },
27
- ],
28
- xLargeTitle1Emphasized: [
29
- 'var(--xLargeTitle-1Emphasized-font-size)',
30
- {
31
- lineHeight: 'var(--xLargeTitle-1Emphasized-line-height)',
32
- fontWeight: 'var(--font-weight-semibold)',
33
- },
34
- ],
35
- xLargeTitle2Regular: [
36
- 'var(--xLargeTitle-2Regular-font-size)',
37
- {
38
- lineHeight: 'var(--xLargeTitle-2Regular-line-height)',
39
- fontWeight: 'var(--xLargeTitle-2Regular-font-weight)',
40
- },
41
- ],
42
- xLargeTitle2Emphasized: [
43
- 'var(--xLargeTitle-2Emphasized-font-size)',
44
- {
45
- lineHeight: 'var(--xLargeTitle-2Emphasized-line-height)',
46
- fontWeight: 'var(--font-weight-semibold)',
47
- },
48
- ],
49
- xLargeTitle3Regular: [
50
- 'var(--xLargeTitle-3Regular-font-size)',
51
- {
52
- lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
53
- fontWeight: 'var(--font-weight-normal)',
54
- },
55
- ],
56
- xLargeTitle3Emphasized: [
57
- 'var(--xLargeTitle-3Regular-font-size)',
58
- {
59
- lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
60
- fontWeight: 'var(--font-weight-semibold)',
61
- },
62
- ],
63
- xLargeBody1Regular: [
64
- 'var(--xLargeBody-1Regular-font-size)',
65
- {
66
- lineHeight: 'var(--xLargeBody-1Regular-line-height)',
67
- fontWeight: 'var(--xLargeBody-1Regular-font-weight)',
68
- },
69
- ],
70
- xLargeBody2Regular: [
71
- 'var(--xLargeBody-2Regular-font-size)',
72
- {
73
- lineHeight: 'var(--xLargeBody-2Regular-line-height)',
74
- fontWeight: 'var(--xLargeBody-2Regular-font-weight)',
75
- },
76
- ],
77
- xLargeHeadLineRegular: [
78
- 'var(--xLargeHeadLine-Regular-font-size)',
79
- {
80
- lineHeight: 'var(--xLargeHeadLine-Regular-line-height)',
81
- fontWeight: 'var(--font-weight-semibold)',
82
- },
83
- ],
84
- xLargeHeadLineEmphasized: [
85
- 'var(--xLargeHeadLine-Regular-font-size)',
86
- {
87
- lineHeight: 'var(--xLargeHeadLine-Regular-line-height)',
88
- fontWeight: 'var(--font-weight-bold)',
89
- },
90
- ],
91
- xLargeCalloutRegular: [
92
- 'var(--xLargeCallout-Regular-font-size)',
93
- {
94
- lineHeight: 'var(--xLargeCallout-Regular-line-height)',
95
- fontWeight: 'var(--font-weight-normal)',
96
- },
97
- ],
98
- xLargeCalloutEmphasized: [
99
- 'var(--xLargeCallout-Regular-font-size)',
100
- {
101
- lineHeight: 'var(--xLargeCallout-Regular-line-height)',
102
- fontWeight: 'var(--font-weight-semibold)',
103
- },
104
- ],
105
- xLargeFootnoteRegular: [
106
- '15px',
107
- {
108
- lineHeight: '20px',
109
- fontWeight: 'var(--font-weight-normal)',
110
- },
111
- ],
112
- xLargeFootnoteEmphasized: [
113
- '15px',
114
- {
115
- lineHeight: '20px',
116
- fontWeight: 'var(--font-weight-semibold)',
117
- },
118
- ],
119
- // Large
120
- largeHeroTitleRegular: [
121
- 'var(--LargeHero-TitleRegular-font-size)',
122
- {
123
- lineHeight: 'var(--LargeHero-TitleRegular-line-height)',
124
- fontWeight: 'var(--LargeHero-TitleRegular-font-weight)',
125
- },
126
- ],
127
- largeTitle1Regular: [
128
- 'var(--LargeTitle-1Regular-font-size)',
129
- {
130
- lineHeight: 'var(--LargeTitle-1Regular-line-height)',
131
- fontWeight: 'var(--LargeTitle-1Regular-font-weight)',
132
- },
133
- ],
134
- largeTitle1Emphasized: [
135
- 'var(--LargeTitle-1Emphasized-font-size)',
136
- {
137
- lineHeight: 'var(--LargeTitle-1Emphasized-line-height)',
138
- fontWeight: 'var(--font-weight-semibold)',
139
- },
140
- ],
141
- largeTitle2Regular: [
142
- 'var(--LargeTitle-2Regular-font-size)',
143
- {
144
- lineHeight: 'var(--LargeTitle-2Regular-line-height)',
145
- fontWeight: 'var(--LargeTitle-2Regular-font-weight)',
146
- },
147
- ],
148
- largeTitle2Emphasized: [
149
- 'var(--LargeTitle-2Emphasized-font-size)',
150
- {
151
- lineHeight: 'var(--LargeTitle-2Emphasized-line-height)',
152
- fontWeight: 'var(--font-weight-semibold)',
153
- },
154
- ],
155
- largeTitle3Regular: [
156
- 'var(--LargeTitle-3Regular-font-size)',
157
- {
158
- lineHeight: 'var(--LargeTitle-3Regular-line-height)',
159
- fontWeight: 'var(--font-weight-normal)',
160
- },
161
- ],
162
- largeTitle3Emphasized: [
163
- 'var(--LargeTitle-3Regular-font-size)',
164
- {
165
- lineHeight: 'var(--LargeTitle-3Regular-line-height)',
166
- fontWeight: 'var(--font-weight-semibold)',
167
- },
168
- ],
169
- largeBody1Regular: [
170
- 'var(--LargeBody-1Regular-font-size)',
171
- {
172
- lineHeight: 'var(--LargeBody-1Regular-line-height)',
173
- fontWeight: 'var(--LargeBody-1Regular-font-weight)',
174
- },
175
- ],
176
- largeBody2Regular: [
177
- 'var(--LargeBody-2Regular-font-size)',
178
- {
179
- lineHeight: 'var(--LargeBody-2Regular-line-height)',
180
- fontWeight: 'var(--LargeBody-2Regular-font-weight)',
181
- },
182
- ],
183
- largeHeadLineRegular: [
184
- 'var(--LargeHeadLine-Regular-font-size)',
185
- {
186
- lineHeight: 'var(--LargeHeadLine-Regular-line-height)',
187
- fontWeight: 'var(--font-weight-semibold)',
188
- },
189
- ],
190
- largeHeadLineEmphasized: [
191
- 'var(--LargeHeadLine-Regular-font-size)',
192
- {
193
- lineHeight: 'var(--LargeHeadLine-Regular-line-height)',
194
- fontWeight: 'var(--font-weight-bold)',
195
- },
196
- ],
197
- largeCalloutRegular: [
198
- 'var(--LargeCallout-Regular-font-size)',
199
- {
200
- lineHeight: 'var(--LargeCallout-Regular-line-height)',
201
- fontWeight: 'var(--font-weight-normal)',
202
- },
203
- ],
204
- largeCalloutEmphasized: [
205
- 'var(--LargeCallout-Regular-font-size)',
206
- {
207
- lineHeight: 'var(--LargeCallout-Regular-line-height)',
208
- fontWeight: 'var(--font-weight-semibold)',
209
- },
210
- ],
211
- largeFootnoteRegular: [
212
- '13px',
213
- {
214
- lineHeight: '18px',
215
- fontWeight: 'var(--font-weight-normal)',
216
- },
217
- ],
218
- largeFootnoteEmphasized: [
219
- '13px',
220
- {
221
- lineHeight: '18px',
222
- fontWeight: 'var(--font-weight-semibold)',
223
- },
224
- ],
225
- // Medium
226
- mediumHeroTitleRegular: [
227
- 'var(--MediumHero-TitleRegular-font-size)',
228
- {
229
- lineHeight: 'var(--MediumHero-TitleRegular-line-height)',
230
- fontWeight: 'var(--MediumHero-TitleRegular-font-weight)',
231
- },
232
- ],
233
- mediumTitle1Regular: [
234
- 'var(--MediumTitle-1Regular-font-size)',
235
- {
236
- lineHeight: 'var(--MediumTitle-1Regular-line-height)',
237
- fontWeight: 'var(--MediumTitle-1Regular-font-weight)',
238
- },
239
- ],
240
- mediumTitle1Emphasized: [
241
- 'var(--MediumTitle-1Emphasized-font-size)',
242
- {
243
- lineHeight: 'var(--MediumTitle-1Emphasized-line-height)',
244
- fontWeight: 'var(--font-weight-semibold)',
245
- },
246
- ],
247
- mediumTitle2Regular: [
248
- 'var(--MediumTitle-2Regular-font-size)',
249
- {
250
- lineHeight: 'var(--MediumTitle-2Regular-line-height)',
251
- fontWeight: 'var(--MediumTitle-2Regular-font-weight)',
252
- },
253
- ],
254
- mediumTitle2Emphasized: [
255
- 'var(--MediumTitle-2Emphasized-font-size)',
256
- {
257
- lineHeight: 'var(--MediumTitle-2Emphasized-line-height)',
258
- fontWeight: 'var(--font-weight-semibold)',
259
- },
260
- ],
261
- mediumTitle3Regular: [
262
- 'var(--MediumTitle-3Regular-font-size)',
263
- {
264
- lineHeight: 'var(--MediumTitle-3Regular-line-height)',
265
- fontWeight: 'var(--font-weight-normal)',
266
- },
267
- ],
268
- mediumTitle3Emphasized: [
269
- 'var(--MediumTitle-3Regular-font-size)',
270
- {
271
- lineHeight: 'var(--MediumTitle-3Regular-line-height)',
272
- fontWeight: 'var(--font-weight-semibold)',
273
- },
274
- ],
275
- mediumBodyRegular: [
276
- 'var(--MediumBody-Regular-font-size)',
277
- {
278
- lineHeight: 'var(--MediumBody-Regular-line-height)',
279
- fontWeight: 'var(--font-weight-normal)',
280
- },
281
- ],
282
- mediumBodyEmphasized: [
283
- 'var(--MediumBody-Emphasized-font-size)',
284
- {
285
- lineHeight: 'var(--MediumBody-Emphasized-line-height)',
286
- fontWeight: 'var(--font-weight-semibold)',
287
- },
288
- ],
289
- mediumBody1Regular: [
290
- 'var(--MediumBody-1Regular-font-size)',
291
- {
292
- lineHeight: 'var(--MediumBody-1Regular-line-height)',
293
- fontWeight: 'var(--MediumBody-1Regular-font-weight)',
294
- },
295
- ],
296
- mediumBody2Regular: [
297
- 'var(--MediumBody-2Regular-font-size)',
298
- {
299
- lineHeight: 'var(--MediumBody-2Regular-line-height)',
300
- fontWeight: 'var(--MediumBody-2Regular-font-weight)',
301
- },
302
- ],
303
- mediumHeadLineRegular: [
304
- 'var(--MediumHeadLine-Regular-font-size)',
305
- {
306
- lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
307
- fontWeight: 'var(--font-weight-semibold)',
308
- },
309
- ],
310
- mediumHeadLineEmphasized: [
311
- 'var(--MediumHeadLine-Regular-font-size)',
312
- {
313
- lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
314
- fontWeight: 'var(--font-weight-bold)',
315
- },
316
- ],
317
- mediumSubHeadRegular: [
318
- 'var(--MediumSubHead-Regular-font-size)',
319
- {
320
- lineHeight: 'var(--MediumSubHead-Regular-line-height)',
321
- fontWeight: 'var(--font-weight-normal)',
322
- },
323
- ],
324
- mediumSubHeadEmphasized: [
325
- 'var(--MediumSubHead-Regular-font-size)',
326
- {
327
- lineHeight: 'var(--MediumSubHead-Regular-line-height)',
328
- fontWeight: 'var(--font-weight-semibold)',
329
- },
330
- ],
331
- mediumCaption1Regular: [
332
- 'var(--MediumCaption-1Regular-font-size)',
333
- {
334
- lineHeight: 'var(--MediumCaption-1Regular-line-height)',
335
- fontWeight: 'var(--MediumCaption-1Regular-font-weight)',
336
- },
337
- ],
338
- mediumCaption1Emphasized: [
339
- 'var(--MediumCaption-1Regular-font-size)',
340
- {
341
- lineHeight: 'var(--MediumCaption-1Regular-line-height)',
342
- fontWeight: 'var(--font-weight-semibold)',
343
- },
344
- ],
345
- mediumCaption2Regular: [
346
- 'var(--MediumCaption-2Regular-font-size)',
347
- {
348
- lineHeight: 'var(--MediumCaption-2Regular-line-height)',
349
- fontWeight: 'var(--font-weight-normal)',
350
- },
351
- ],
352
- mediumCaption2Emphasized: [
353
- 'var(--MediumCaption-2Regular-font-size)',
354
- {
355
- lineHeight: 'var(--MediumCaption-2Regular-line-height)',
356
- fontWeight: 'var(--font-weight-semibold)',
357
- },
358
- ],
359
- mediumFootnoteRegular: [
360
- 'var(--MediumFootnote-Regular-font-size)',
361
- {
362
- lineHeight: 'var(--MediumFootnote-Regular-line-height)',
363
- fontWeight: 'var(--font-weight-normal)',
364
- },
365
- ],
366
- mediumFootnoteEmphasized: [
367
- 'var(--MediumFootnote-Regular-font-size)',
368
- {
369
- lineHeight: 'var(--MediumFootnote-Regular-line-height)',
370
- fontWeight: 'var( --font-weight-semibold)',
371
- },
372
- ],
373
- mediumCalloutRegular: [
374
- 'var(--MediumCallout-Regular-font-size)',
375
- {
376
- lineHeight: 'var(--MediumCallout-Regular-line-height)',
377
- fontWeight: 'var(--font-weight-normal)',
378
- },
379
- ],
380
- mediumCalloutEmphasized: [
381
- 'var(--MediumCallout-Regular-font-size)',
382
- {
383
- lineHeight: 'var(--MediumCallout-Regular-line-height)',
384
- fontWeight: 'var(--font-weight-semibold)',
385
- },
386
- ],
387
- // Small
388
- smallHeroTitleRegular: [
389
- 'var(--SmallHero-TitleRegular-font-size)',
390
- {
391
- lineHeight: 'var(--SmallHero-TitleRegular-line-height)',
392
- fontWeight: 'var(--SmallHero-TitleRegular-font-weight)',
393
- },
394
- ],
395
- smallTitle1Regular: [
396
- 'var(--SmallTitle-1Regular-font-size)',
397
- {
398
- lineHeight: 'var(--SmallTitle-1Regular-line-height)',
399
- fontWeight: 'var(--SmallTitle-1Regular-font-weight)',
400
- },
401
- ],
402
- smallTitle1Emphasized: [
403
- 'var(--SmallTitle-1Emphasized-font-size)',
404
- {
405
- lineHeight: 'var(--SmallTitle-1Emphasized-line-height)',
406
- fontWeight: 'var(--font-weight-semibold)',
407
- },
408
- ],
409
- smallTitle2Regular: [
410
- 'var(--SmallTitle-2Regular-font-size)',
411
- {
412
- lineHeight: 'var(--SmallTitle-2Regular-line-height)',
413
- fontWeight: 'var(--SmallTitle-2Regular-font-weight)',
414
- },
415
- ],
416
- smallTitle2Emphasized: [
417
- 'var(--SmallTitle-2Emphasized-font-size)',
418
- {
419
- lineHeight: 'var(--SmallTitle-2Emphasized-line-height)',
420
- fontWeight: 'var(--font-weight-semibold)',
421
- },
422
- ],
423
- smallTitle3Regular: [
424
- 'var(--SmallTitle-3Regular-font-size)',
425
- {
426
- lineHeight: 'var(--SmallTitle-3Regular-line-height)',
427
- fontWeight: 'var(--font-weight-normal)',
428
- },
429
- ],
430
- smallTitle3Emphasized: [
431
- 'var(--SmallTitle-3Regular-font-size)',
432
- {
433
- lineHeight: 'var(--SmallTitle-3Regular-line-height)',
434
- fontWeight: 'var(--font-weight-semibold)',
435
- },
436
- ],
437
- smallBody1Regular: [
438
- 'var(--SmallBody-1Regular-font-size)',
439
- {
440
- lineHeight: 'var(--SmallBody-1Regular-line-height)',
441
- fontWeight: 'var(--SmallBody-1Regular-font-weight)',
442
- },
443
- ],
444
- smallBody2Regular: [
445
- 'var(--SmallBody-2Regular-font-size)',
446
- {
447
- lineHeight: 'var(--SmallBody-2Regular-line-height)',
448
- fontWeight: 'var(--SmallBody-2Regular-font-weight)',
449
- },
450
- ],
451
- smallSubheadRegular: [
452
- 'var(--SmallSubhead-Regular-font-size)',
453
- {
454
- lineHeight: 'var(--SmallSubhead-Regular-line-height)',
455
- fontWeight: 'var(--font-weight-normal)',
456
- },
457
- ],
458
- smallSubheadEmphasized: [
459
- 'var(--SmallSubhead-Regular-font-size)',
460
- {
461
- lineHeight: 'var(--SmallSubhead-Regular-line-height)',
462
- fontWeight: 'var(--font-weight-semibold)',
463
- },
464
- ],
465
- smallCaption1Regular: [
466
- 'var(--SmallCaption-1Regular-font-size)',
467
- {
468
- lineHeight: 'var(--SmallCaption-1Regular-line-height)',
469
- fontWeight: 'var(--font-weight-normal)',
470
- },
471
- ],
472
- smallCaption1Emphasized: [
473
- 'var(--SmallCaption-1Regular-font-size)',
474
- {
475
- lineHeight: 'var(--SmallCaption-1Regular-line-height)',
476
- fontWeight: 'var(--font-weight-semibold)',
477
- },
478
- ],
479
- smallHeadLineRegular: [
480
- 'var(--SmallHeadLine-Regular-font-size)',
481
- {
482
- lineHeight: 'var(--SmallHeadLine-Regular-line-height)',
483
- fontWeight: 'var(--font-weight-semibold)',
484
- },
485
- ],
486
- smallHeadLineEmphasized: [
487
- 'var(--SmallHeadLine-Regular-font-size)',
488
- {
489
- lineHeight: 'var(--SmallHeadLine-Regular-line-height)',
490
- fontWeight: 'var(--font-weight-bold)',
491
- },
492
- ],
493
- smallCalloutRegular: [
494
- 'var(--SmallCallout-Regular-font-size)',
495
- {
496
- lineHeight: 'var(--SmallCallout-Regular-line-height)',
497
- fontWeight: 'var(--font-weight-regular)',
498
- },
499
- ],
500
- smallCalloutEmphasized: [
501
- 'var(--SmallCallout-Regular-font-size)',
502
- {
503
- lineHeight: 'var(--SmallCallout-Regular-line-height)',
504
- fontWeight: 'var(--font-weight-semibold)',
505
- },
506
- ],
507
- smallFootnoteRegular: [
508
- '12px',
509
- {
510
- lineHeight: '20px',
511
- fontWeight: 'var(--font-weight-normal)',
512
- },
513
- ],
514
- smallFootnoteEmphasized: [
515
- '12px',
516
- {
517
- lineHeight: '20px',
518
- fontWeight: 'var(--font-weight-semibold)',
519
- },
520
- ],
521
- // xSmall
522
- xSmallHeroTitleRegular: [
523
- 'var(--xSmallHero-TitleRegular-font-size)',
524
- {
525
- lineHeight: 'var(--xSmallHero-TitleRegular-line-height)',
526
- fontWeight: 'var(--xSmallHero-TitleRegular-font-weight)',
527
- },
528
- ],
529
- xSmallTitle1Regular: [
530
- 'var(--xSmallTitle-1Regular-font-size)',
531
- {
532
- lineHeight: 'var(--xSmallTitle-1Regular-line-height)',
533
- fontWeight: 'var(--xSmallTitle-1Regular-font-weight)',
534
- },
535
- ],
536
- xSmallTitle1Emphasized: [
537
- 'var(--xSmallTitle-1Emphasized-font-size)',
538
- {
539
- lineHeight: 'var(--xSmallTitle-1Emphasized-line-height)',
540
- fontWeight: 'var(--font-weight-semibold)',
541
- },
542
- ],
543
- xSmallTitle2Regular: [
544
- 'var(--xSmallTitle-2Regular-font-size)',
545
- {
546
- lineHeight: 'var(--xSmallTitle-2Regular-line-height)',
547
- fontWeight: 'var(--xSmallTitle-2Regular-font-weight)',
548
- },
549
- ],
550
- xSmallTitle2Emphasized: [
551
- 'var(--xSmallTitle-2Emphasized-font-size)',
552
- {
553
- lineHeight: 'var(--xSmallTitle-2Emphasized-line-height)',
554
- fontWeight: 'var(--font-weight-semibold)',
555
- },
556
- ],
557
- xSmallTitle3Regular: [
558
- 'var(--xSmallTitle-3Regular-font-size)',
559
- {
560
- lineHeight: 'var(--xSmallTitle-3Regular-line-height)',
561
- fontWeight: 'var(--font-weight-normal)',
562
- },
563
- ],
564
- xSmallTitle3Emphasized: [
565
- 'var(--xSmallTitle-3Regular-font-size)',
566
- {
567
- lineHeight: 'var(--xSmallTitle-3Regular-line-height)',
568
- fontWeight: 'var(--font-weight-semibold)',
569
- },
570
- ],
571
- xSmallBodyRegular: [
572
- 'var(--xSmallBody-Regular-font-size)',
573
- {
574
- lineHeight: 'var(--xSmallBody-Regular-line-height)',
575
- fontWeight: 'var(--font-weight-normal)',
576
- },
577
- ],
578
- xSmallBodyEmphasized: [
579
- 'var(--xSmallBody-Regular-font-size)',
580
- {
581
- lineHeight: 'var(--xSmallBody-Regular-line-height)',
582
- fontWeight: 'var(--font-weight-semibold)',
583
- },
584
- ],
585
- xSmallBody1Regular: [
586
- 'var(--xSmallBody-1Regular-font-size)',
587
- {
588
- lineHeight: 'var(--xSmallBody-1Regular-line-height)',
589
- fontWeight: 'var(--xSmallBody-1Regular-font-weight)',
590
- },
591
- ],
592
- xSmallBody2Regular: [
593
- 'var(--xSmallBody-2Regular-font-size)',
594
- {
595
- lineHeight: 'var(--xSmallBody-2Regular-line-height)',
596
- fontWeight: 'var(--xSmallBody-2Regular-font-weight)',
597
- },
598
- ],
599
- xSmallSubheadRegular: [
600
- 'var(--xSmallSubhead-Regular-font-size)',
601
- {
602
- lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
603
- fontWeight: 'var(--font-weight-normal)',
604
- },
605
- ],
606
- xSmallSubheadEmphasized: [
607
- 'var(--xSmallSubhead-Regular-font-size)',
608
- {
609
- lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
610
- fontWeight: 'var(--font-weight-semibold)',
611
- },
612
- ],
613
- xSmallCalloutRegular: [
614
- 'var(--xSmallCallout-Regular-font-size)',
615
- {
616
- lineHeight: 'var(--xSmallCallout-Regular-line-height)',
617
- fontWeight: 'var(--font-weight-regular)',
618
- },
619
- ],
620
- xSmallCalloutEmphasized: [
621
- 'var(--xSmallCallout-Regular-font-size)',
622
- {
623
- lineHeight: 'var(--xSmallCallout-Regular-line-height)',
624
- fontWeight: 'var(--font-weight-semibold)',
625
- },
626
- ],
627
- xSmallCaption1Regular: [
628
- 'var(--SmallCaption-1Regular-font-size)',
629
- {
630
- lineHeight: 'var(--SmallCaption-1Regular-line-height)',
631
- fontWeight: 'var(--font-weight-normal)',
632
- },
633
- ],
634
- xSmallCaption1Emphasized: [
635
- 'var(--SmallCaption-1Regular-font-size)',
636
- {
637
- lineHeight: 'var(--SmallCaption-1Regular-line-height)',
638
- fontWeight: 'var(--font-weight-semibold)',
639
- },
640
- ],
641
- xSmallCaption2Regular: [
642
- 'var(--SmallCaption-1Regular-font-size)',
643
- {
644
- lineHeight: 'var(--SmallCaption-Regular-line-height)',
645
- fontWeight: 'var(--font-weight-normal)',
646
- },
647
- ],
648
- xSmallCaption2Emphasized: [
649
- 'var(--SmallCaption-1Regular-font-size)',
650
- {
651
- lineHeight: 'var(--SmallCaption-1Regular-line-height)',
652
- fontWeight: 'var(--font-weight-semibold)',
653
- },
654
- ],
655
- xSmallHeadLineRegular: [
656
- 'var(--xSmallHeadLine-Regular-font-size)',
657
- {
658
- lineHeight: 'var(--xSmallHeadLine-Regular-line-height)',
659
- fontWeight: 'var(--font-weight-semibold)',
660
- },
661
- ],
662
- xSmallHeadLineEmphasized: [
663
- 'var(--xSmallHeadLine-Regular-font-size)',
664
- {
665
- lineHeight: 'var(--xSmallHeadLine-Regular-line-height)',
666
- fontWeight: 'var(--font-weight-bold)',
667
- },
668
- ],
669
- xSmallFootnoteRegular: [
670
- '12px',
671
- {
672
- lineHeight: '18px',
673
- fontWeight: 'var(--font-weight-normal)',
674
- },
675
- ],
676
- xSmallFootnoteEmphasized: [
677
- '12px',
678
- {
679
- lineHeight: '18px',
680
- fontWeight: 'var(--font-weight-semibold)',
681
- },
682
- ],
683
- calloutRegular: [
684
- 'var(--callout-Regular-font-size)',
685
- {
686
- lineHeight: 'var(--callout-Regular-line-height)',
687
- fontWeight: 'var(--callout-Regular-font-weight)',
688
- },
689
- ],
690
- };
691
- var fontSizeClasses = Object.keys(exports.fontSizeConfig).map(function (key) { return "ds-text-".concat(key); });
692
- // pre-compile all possible text variants for <Text /> component
693
- var fontSizesSafeList = __spreadArray(__spreadArray(__spreadArray([], fontSizeClasses, true), fontSizeClasses.map(function (className) { return "ds-tablet:".concat(className); }), true), fontSizeClasses.map(function (className) { return "ds-desktop:".concat(className); }), true);
694
3
  /** @type {import('tailwindcss').Config} */
695
4
  exports.default = {
696
5
  content: ['./lib/**/*.{ts,tsx}'],
@@ -791,7 +100,719 @@ exports.default = {
791
100
  default: 'var(--font-family-default)',
792
101
  hero: 'var(--font-family-hero)',
793
102
  },
794
- fontSize: exports.fontSizeConfig,
103
+ fontSize: {
104
+ xLargeHeroTitleRegular: [
105
+ 'var(--xLargeHero-TitleRegular-font-size)',
106
+ {
107
+ lineHeight: 'var(--xLargeHero-TitleRegular-line-height)',
108
+ fontWeight: 'var(--xLargeHero-TitleRegular-font-weight)',
109
+ },
110
+ ],
111
+ xLargeHeroTitleEmphasized: [
112
+ 'var(--xLargeHero-TitleEmphasized-font-size)',
113
+ {
114
+ lineHeight: 'var(--xLargeHero-TitleEmphasized-line-height)',
115
+ fontWeight: 'var(--font-weight-semibold)',
116
+ },
117
+ ],
118
+ xLargeTitle1Regular: [
119
+ 'var(--xLargeTitle-1Regular-font-size)',
120
+ {
121
+ lineHeight: 'var(--xLargeTitle-1Regular-line-height)',
122
+ fontWeight: 'var(--xLargeTitle-1Regular-font-weight)',
123
+ },
124
+ ],
125
+ xLargeTitle1Emphasized: [
126
+ 'var(--xLargeTitle-1Emphasized-font-size)',
127
+ {
128
+ lineHeight: 'var(--xLargeTitle-1Emphasized-line-height)',
129
+ fontWeight: 'var(--font-weight-semibold)',
130
+ },
131
+ ],
132
+ xLargeTitle2Regular: [
133
+ 'var(--xLargeTitle-2Regular-font-size)',
134
+ {
135
+ lineHeight: 'var(--xLargeTitle-2Regular-line-height)',
136
+ fontWeight: 'var(--xLargeTitle-2Regular-font-weight)',
137
+ },
138
+ ],
139
+ xLargeTitle2Emphasized: [
140
+ 'var(--xLargeTitle-2Emphasized-font-size)',
141
+ {
142
+ lineHeight: 'var(--xLargeTitle-2Emphasized-line-height)',
143
+ fontWeight: 'var(--font-weight-semibold)',
144
+ },
145
+ ],
146
+ xLargeTitle3Regular: [
147
+ 'var(--xLargeTitle-3Regular-font-size)',
148
+ {
149
+ lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
150
+ fontWeight: 'var(--font-weight-normal)',
151
+ },
152
+ ],
153
+ xLargeTitle3Emphasized: [
154
+ 'var(--xLargeTitle-3Regular-font-size)',
155
+ {
156
+ lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
157
+ fontWeight: 'var(--font-weight-semibold)',
158
+ },
159
+ ],
160
+ xLargeBody1Regular: [
161
+ 'var(--xLargeBody-1Regular-font-size)',
162
+ {
163
+ lineHeight: 'var(--xLargeBody-1Regular-line-height)',
164
+ fontWeight: 'var(--xLargeBody-1Regular-font-weight)',
165
+ },
166
+ ],
167
+ xLargeBody2Regular: [
168
+ 'var(--xLargeBody-2Regular-font-size)',
169
+ {
170
+ lineHeight: 'var(--xLargeBody-2Regular-line-height)',
171
+ fontWeight: 'var(--xLargeBody-2Regular-font-weight)',
172
+ },
173
+ ],
174
+ xLargeHeadLineRegular: [
175
+ 'var(--xLargeHeadLine-Regular-font-size)',
176
+ {
177
+ lineHeight: 'var(--xLargeHeadLine-Regular-line-height)',
178
+ fontWeight: 'var(--font-weight-semibold)',
179
+ },
180
+ ],
181
+ xLargeHeadLineEmphasized: [
182
+ 'var(--xLargeHeadLine-Regular-font-size)',
183
+ {
184
+ lineHeight: 'var(--xLargeHeadLine-Regular-line-height)',
185
+ fontWeight: 'var(--font-weight-bold)',
186
+ },
187
+ ],
188
+ xLargeCalloutRegular: [
189
+ 'var(--xLargeCallout-Regular-font-size)',
190
+ {
191
+ lineHeight: 'var(--xLargeCallout-Regular-line-height)',
192
+ fontWeight: 'var(--font-weight-normal)',
193
+ },
194
+ ],
195
+ xLargeCalloutEmphasized: [
196
+ 'var(--xLargeCallout-Regular-font-size)',
197
+ {
198
+ lineHeight: 'var(--xLargeCallout-Regular-line-height)',
199
+ fontWeight: 'var(--font-weight-semibold)',
200
+ },
201
+ ],
202
+ xLargeFootnoteRegular: [
203
+ '15px',
204
+ {
205
+ lineHeight: '20px',
206
+ fontWeight: 'var(--font-weight-normal)',
207
+ },
208
+ ],
209
+ xLargeFootnoteEmphasized: [
210
+ '15px',
211
+ {
212
+ lineHeight: '20px',
213
+ fontWeight: 'var(--font-weight-semibold)',
214
+ },
215
+ ],
216
+ // Large
217
+ largeHeroTitleRegular: [
218
+ 'var(--LargeHero-TitleRegular-font-size)',
219
+ {
220
+ lineHeight: 'var(--LargeHero-TitleRegular-line-height)',
221
+ fontWeight: 'var(--LargeHero-TitleRegular-font-weight)',
222
+ },
223
+ ],
224
+ largeHeroTitleEmphasized: [
225
+ 'var(--LargeHero-TitleEmphasized-font-size)',
226
+ {
227
+ lineHeight: 'var(--LargeHero-TitleEmphasized-line-height)',
228
+ fontWeight: 'var(--font-weight-semibold)',
229
+ },
230
+ ],
231
+ largeTitle1Regular: [
232
+ 'var(--LargeTitle-1Regular-font-size)',
233
+ {
234
+ lineHeight: 'var(--LargeTitle-1Regular-line-height)',
235
+ fontWeight: 'var(--LargeTitle-1Regular-font-weight)',
236
+ },
237
+ ],
238
+ largeTitle1Emphasized: [
239
+ 'var(--LargeTitle-1Emphasized-font-size)',
240
+ {
241
+ lineHeight: 'var(--LargeTitle-1Emphasized-line-height)',
242
+ fontWeight: 'var(--font-weight-semibold)',
243
+ },
244
+ ],
245
+ largeTitle2Regular: [
246
+ 'var(--LargeTitle-2Regular-font-size)',
247
+ {
248
+ lineHeight: 'var(--LargeTitle-2Regular-line-height)',
249
+ fontWeight: 'var(--LargeTitle-2Regular-font-weight)',
250
+ },
251
+ ],
252
+ largeTitle2Emphasized: [
253
+ 'var(--LargeTitle-2Emphasized-font-size)',
254
+ {
255
+ lineHeight: 'var(--LargeTitle-2Emphasized-line-height)',
256
+ fontWeight: 'var(--font-weight-semibold)',
257
+ },
258
+ ],
259
+ largeTitle3Regular: [
260
+ 'var(--LargeTitle-3Regular-font-size)',
261
+ {
262
+ lineHeight: 'var(--LargeTitle-3Regular-line-height)',
263
+ fontWeight: 'var(--font-weight-normal)',
264
+ },
265
+ ],
266
+ largeTitle3Emphasized: [
267
+ 'var(--LargeTitle-3Regular-font-size)',
268
+ {
269
+ lineHeight: 'var(--LargeTitle-3Regular-line-height)',
270
+ fontWeight: 'var(--font-weight-semibold)',
271
+ },
272
+ ],
273
+ largeBody1Regular: [
274
+ 'var(--LargeBody-1Regular-font-size)',
275
+ {
276
+ lineHeight: 'var(--LargeBody-1Regular-line-height)',
277
+ fontWeight: 'var(--LargeBody-1Regular-font-weight)',
278
+ },
279
+ ],
280
+ largeBody2Regular: [
281
+ 'var(--LargeBody-2Regular-font-size)',
282
+ {
283
+ lineHeight: 'var(--LargeBody-2Regular-line-height)',
284
+ fontWeight: 'var(--LargeBody-2Regular-font-weight)',
285
+ },
286
+ ],
287
+ largeHeadLineRegular: [
288
+ 'var(--LargeHeadLine-Regular-font-size)',
289
+ {
290
+ lineHeight: 'var(--LargeHeadLine-Regular-line-height)',
291
+ fontWeight: 'var(--font-weight-semibold)',
292
+ },
293
+ ],
294
+ largeHeadLineEmphasized: [
295
+ 'var(--LargeHeadLine-Regular-font-size)',
296
+ {
297
+ lineHeight: 'var(--LargeHeadLine-Regular-line-height)',
298
+ fontWeight: 'var(--font-weight-bold)',
299
+ },
300
+ ],
301
+ largeCalloutRegular: [
302
+ 'var(--LargeCallout-Regular-font-size)',
303
+ {
304
+ lineHeight: 'var(--LargeCallout-Regular-line-height)',
305
+ fontWeight: 'var(--font-weight-normal)',
306
+ },
307
+ ],
308
+ largeCalloutEmphasized: [
309
+ 'var(--LargeCallout-Regular-font-size)',
310
+ {
311
+ lineHeight: 'var(--LargeCallout-Regular-line-height)',
312
+ fontWeight: 'var(--font-weight-semibold)',
313
+ },
314
+ ],
315
+ largeFootnoteRegular: [
316
+ '13px',
317
+ {
318
+ lineHeight: '18px',
319
+ fontWeight: 'var(--font-weight-normal)',
320
+ },
321
+ ],
322
+ largeFootnoteEmphasized: [
323
+ '13px',
324
+ {
325
+ lineHeight: '18px',
326
+ fontWeight: 'var(--font-weight-semibold)',
327
+ },
328
+ ],
329
+ // Medium
330
+ mediumHeroTitleRegular: [
331
+ 'var(--MediumHero-TitleRegular-font-size)',
332
+ {
333
+ lineHeight: 'var(--MediumHero-TitleRegular-line-height)',
334
+ fontWeight: 'var(--MediumHero-TitleRegular-font-weight)',
335
+ },
336
+ ],
337
+ mediumHeroTitleEmphasized: [
338
+ 'var(--MediumHero-TitleEmphasized-font-size)',
339
+ {
340
+ lineHeight: 'var(--MediumHero-TitleEmphasized-line-height)',
341
+ fontWeight: 'var(--font-weight-semibold)',
342
+ },
343
+ ],
344
+ mediumTitle1Regular: [
345
+ 'var(--MediumTitle-1Regular-font-size)',
346
+ {
347
+ lineHeight: 'var(--MediumTitle-1Regular-line-height)',
348
+ fontWeight: 'var(--MediumTitle-1Regular-font-weight)',
349
+ },
350
+ ],
351
+ mediumTitle1Emphasized: [
352
+ 'var(--MediumTitle-1Emphasized-font-size)',
353
+ {
354
+ lineHeight: 'var(--MediumTitle-1Emphasized-line-height)',
355
+ fontWeight: 'var(--font-weight-semibold)',
356
+ },
357
+ ],
358
+ mediumTitle2Regular: [
359
+ 'var(--MediumTitle-2Regular-font-size)',
360
+ {
361
+ lineHeight: 'var(--MediumTitle-2Regular-line-height)',
362
+ fontWeight: 'var(--MediumTitle-2Regular-font-weight)',
363
+ },
364
+ ],
365
+ mediumTitle2Emphasized: [
366
+ 'var(--MediumTitle-2Emphasized-font-size)',
367
+ {
368
+ lineHeight: 'var(--MediumTitle-2Emphasized-line-height)',
369
+ fontWeight: 'var(--font-weight-semibold)',
370
+ },
371
+ ],
372
+ mediumTitle3Regular: [
373
+ 'var(--MediumTitle-3Regular-font-size)',
374
+ {
375
+ lineHeight: 'var(--MediumTitle-3Regular-line-height)',
376
+ fontWeight: 'var(--font-weight-normal)',
377
+ },
378
+ ],
379
+ mediumTitle3Emphasized: [
380
+ 'var(--MediumTitle-3Regular-font-size)',
381
+ {
382
+ lineHeight: 'var(--MediumTitle-3Regular-line-height)',
383
+ fontWeight: 'var(--font-weight-semibold)',
384
+ },
385
+ ],
386
+ mediumBodyRegular: [
387
+ 'var(--MediumBody-Regular-font-size)',
388
+ {
389
+ lineHeight: 'var(--MediumBody-Regular-line-height)',
390
+ fontWeight: 'var(--font-weight-normal)',
391
+ },
392
+ ],
393
+ mediumBodyEmphasized: [
394
+ 'var(--MediumBody-Emphasized-font-size)',
395
+ {
396
+ lineHeight: 'var(--MediumBody-Emphasized-line-height)',
397
+ fontWeight: 'var(--font-weight-semibold)',
398
+ },
399
+ ],
400
+ mediumBody1Regular: [
401
+ 'var(--MediumBody-1Regular-font-size)',
402
+ {
403
+ lineHeight: 'var(--MediumBody-1Regular-line-height)',
404
+ fontWeight: 'var(--MediumBody-1Regular-font-weight)',
405
+ },
406
+ ],
407
+ mediumBody2Regular: [
408
+ 'var(--MediumBody-2Regular-font-size)',
409
+ {
410
+ lineHeight: 'var(--MediumBody-2Regular-line-height)',
411
+ fontWeight: 'var(--MediumBody-2Regular-font-weight)',
412
+ },
413
+ ],
414
+ mediumHeadLineRegular: [
415
+ 'var(--MediumHeadLine-Regular-font-size)',
416
+ {
417
+ lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
418
+ fontWeight: 'var(--font-weight-semibold)',
419
+ },
420
+ ],
421
+ mediumHeadLineEmphasized: [
422
+ 'var(--MediumHeadLine-Regular-font-size)',
423
+ {
424
+ lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
425
+ fontWeight: 'var(--font-weight-bold)',
426
+ },
427
+ ],
428
+ mediumSubHeadRegular: [
429
+ 'var(--MediumSubHead-Regular-font-size)',
430
+ {
431
+ lineHeight: 'var(--MediumSubHead-Regular-line-height)',
432
+ fontWeight: 'var(--font-weight-normal)',
433
+ },
434
+ ],
435
+ mediumSubHeadEmphasized: [
436
+ 'var(--MediumSubHead-Regular-font-size)',
437
+ {
438
+ lineHeight: 'var(--MediumSubHead-Regular-line-height)',
439
+ fontWeight: 'var(--font-weight-semibold)',
440
+ },
441
+ ],
442
+ mediumCaption1Regular: [
443
+ 'var(--MediumCaption-1Regular-font-size)',
444
+ {
445
+ lineHeight: 'var(--MediumCaption-1Regular-line-height)',
446
+ fontWeight: 'var(--MediumCaption-1Regular-font-weight)',
447
+ },
448
+ ],
449
+ mediumCaption1Emphasized: [
450
+ 'var(--MediumCaption-1Regular-font-size)',
451
+ {
452
+ lineHeight: 'var(--MediumCaption-1Regular-line-height)',
453
+ fontWeight: 'var(--font-weight-semibold)',
454
+ },
455
+ ],
456
+ mediumCaption2Regular: [
457
+ 'var(--MediumCaption-2Regular-font-size)',
458
+ {
459
+ lineHeight: 'var(--MediumCaption-2Regular-line-height)',
460
+ fontWeight: 'var(--font-weight-normal)',
461
+ },
462
+ ],
463
+ mediumCaption2Emphasized: [
464
+ 'var(--MediumCaption-2Regular-font-size)',
465
+ {
466
+ lineHeight: 'var(--MediumCaption-2Regular-line-height)',
467
+ fontWeight: 'var(--font-weight-semibold)',
468
+ },
469
+ ],
470
+ mediumFootnoteRegular: [
471
+ 'var(--MediumFootnote-Regular-font-size)',
472
+ {
473
+ lineHeight: 'var(--MediumFootnote-Regular-line-height)',
474
+ fontWeight: 'var(--font-weight-normal)',
475
+ },
476
+ ],
477
+ mediumFootnoteEmphasized: [
478
+ 'var(--MediumFootnote-Regular-font-size)',
479
+ {
480
+ lineHeight: 'var(--MediumFootnote-Regular-line-height)',
481
+ fontWeight: 'var( --font-weight-semibold)',
482
+ },
483
+ ],
484
+ mediumCalloutRegular: [
485
+ 'var(--MediumCallout-Regular-font-size)',
486
+ {
487
+ lineHeight: 'var(--MediumCallout-Regular-line-height)',
488
+ fontWeight: 'var(--font-weight-normal)',
489
+ },
490
+ ],
491
+ mediumCalloutEmphasized: [
492
+ 'var(--MediumCallout-Regular-font-size)',
493
+ {
494
+ lineHeight: 'var(--MediumCallout-Regular-line-height)',
495
+ fontWeight: 'var(--font-weight-semibold)',
496
+ },
497
+ ],
498
+ // Small
499
+ smallHeroTitleRegular: [
500
+ 'var(--SmallHero-TitleRegular-font-size)',
501
+ {
502
+ lineHeight: 'var(--SmallHero-TitleRegular-line-height)',
503
+ fontWeight: 'var(--SmallHero-TitleRegular-font-weight)',
504
+ },
505
+ ],
506
+ smallHeroTitleEmphasized: [
507
+ 'var(--SmallHero-TitleEmphasized-font-size)',
508
+ {
509
+ lineHeight: 'var(--SmallHero-TitleEmphasized-line-height)',
510
+ fontWeight: 'var(--font-weight-semibold)',
511
+ },
512
+ ],
513
+ smallTitle1Regular: [
514
+ 'var(--SmallTitle-1Regular-font-size)',
515
+ {
516
+ lineHeight: 'var(--SmallTitle-1Regular-line-height)',
517
+ fontWeight: 'var(--SmallTitle-1Regular-font-weight)',
518
+ },
519
+ ],
520
+ smallTitle1Emphasized: [
521
+ 'var(--SmallTitle-1Emphasized-font-size)',
522
+ {
523
+ lineHeight: 'var(--SmallTitle-1Emphasized-line-height)',
524
+ fontWeight: 'var(--font-weight-semibold)',
525
+ },
526
+ ],
527
+ smallTitle2Regular: [
528
+ 'var(--SmallTitle-2Regular-font-size)',
529
+ {
530
+ lineHeight: 'var(--SmallTitle-2Regular-line-height)',
531
+ fontWeight: 'var(--SmallTitle-2Regular-font-weight)',
532
+ },
533
+ ],
534
+ smallTitle2Emphasized: [
535
+ 'var(--SmallTitle-2Emphasized-font-size)',
536
+ {
537
+ lineHeight: 'var(--SmallTitle-2Emphasized-line-height)',
538
+ fontWeight: 'var(--font-weight-semibold)',
539
+ },
540
+ ],
541
+ smallTitle3Regular: [
542
+ 'var(--SmallTitle-3Regular-font-size)',
543
+ {
544
+ lineHeight: 'var(--SmallTitle-3Regular-line-height)',
545
+ fontWeight: 'var(--font-weight-normal)',
546
+ },
547
+ ],
548
+ smallTitle3Emphasized: [
549
+ 'var(--SmallTitle-3Regular-font-size)',
550
+ {
551
+ lineHeight: 'var(--SmallTitle-3Regular-line-height)',
552
+ fontWeight: 'var(--font-weight-semibold)',
553
+ },
554
+ ],
555
+ smallBody1Regular: [
556
+ 'var(--SmallBody-1Regular-font-size)',
557
+ {
558
+ lineHeight: 'var(--SmallBody-1Regular-line-height)',
559
+ fontWeight: 'var(--SmallBody-1Regular-font-weight)',
560
+ },
561
+ ],
562
+ smallBody2Regular: [
563
+ 'var(--SmallBody-2Regular-font-size)',
564
+ {
565
+ lineHeight: 'var(--SmallBody-2Regular-line-height)',
566
+ fontWeight: 'var(--SmallBody-2Regular-font-weight)',
567
+ },
568
+ ],
569
+ smallSubheadRegular: [
570
+ 'var(--SmallSubhead-Regular-font-size)',
571
+ {
572
+ lineHeight: 'var(--SmallSubhead-Regular-line-height)',
573
+ fontWeight: 'var(--font-weight-normal)',
574
+ },
575
+ ],
576
+ smallSubheadEmphasized: [
577
+ 'var(--SmallSubhead-Regular-font-size)',
578
+ {
579
+ lineHeight: 'var(--SmallSubhead-Regular-line-height)',
580
+ fontWeight: 'var(--font-weight-semibold)',
581
+ },
582
+ ],
583
+ smallCaption1Regular: [
584
+ 'var(--SmallCaption-1Regular-font-size)',
585
+ {
586
+ lineHeight: 'var(--SmallCaption-1Regular-line-height)',
587
+ fontWeight: 'var(--font-weight-normal)',
588
+ },
589
+ ],
590
+ smallCaption1Emphasized: [
591
+ 'var(--SmallCaption-1Regular-font-size)',
592
+ {
593
+ lineHeight: 'var(--SmallCaption-1Regular-line-height)',
594
+ fontWeight: 'var(--font-weight-semibold)',
595
+ },
596
+ ],
597
+ smallHeadLineRegular: [
598
+ 'var(--SmallHeadLine-Regular-font-size)',
599
+ {
600
+ lineHeight: 'var(--SmallHeadLine-Regular-line-height)',
601
+ fontWeight: 'var(--font-weight-semibold)',
602
+ },
603
+ ],
604
+ smallHeadLineEmphasized: [
605
+ 'var(--SmallHeadLine-Regular-font-size)',
606
+ {
607
+ lineHeight: 'var(--SmallHeadLine-Regular-line-height)',
608
+ fontWeight: 'var(--font-weight-bold)',
609
+ },
610
+ ],
611
+ smallCalloutRegular: [
612
+ 'var(--SmallCallout-Regular-font-size)',
613
+ {
614
+ lineHeight: 'var(--SmallCallout-Regular-line-height)',
615
+ fontWeight: 'var(--font-weight-regular)',
616
+ },
617
+ ],
618
+ smallCalloutEmphasized: [
619
+ 'var(--SmallCallout-Regular-font-size)',
620
+ {
621
+ lineHeight: 'var(--SmallCallout-Regular-line-height)',
622
+ fontWeight: 'var(--font-weight-semibold)',
623
+ },
624
+ ],
625
+ smallFootnoteRegular: [
626
+ '12px',
627
+ {
628
+ lineHeight: '20px',
629
+ fontWeight: 'var(--font-weight-normal)',
630
+ },
631
+ ],
632
+ smallFootnoteEmphasized: [
633
+ '12px',
634
+ {
635
+ lineHeight: '20px',
636
+ fontWeight: 'var(--font-weight-semibold)',
637
+ },
638
+ ],
639
+ // xSmall
640
+ xSmallHeroTitleRegular: [
641
+ 'var(--xSmallHero-TitleRegular-font-size)',
642
+ {
643
+ lineHeight: 'var(--xSmallHero-TitleRegular-line-height)',
644
+ fontWeight: 'var(--xSmallHero-TitleRegular-font-weight)',
645
+ },
646
+ ],
647
+ xSmallHeroTitleEmphasized: [
648
+ 'var(--xSmallHero-TitleEmphasized-font-size)',
649
+ {
650
+ lineHeight: 'var(--xSmallHero-TitleEmphasized-line-height)',
651
+ fontWeight: 'var(--font-weight-semibold)',
652
+ },
653
+ ],
654
+ xSmallTitle1Regular: [
655
+ 'var(--xSmallTitle-1Regular-font-size)',
656
+ {
657
+ lineHeight: 'var(--xSmallTitle-1Regular-line-height)',
658
+ fontWeight: 'var(--xSmallTitle-1Regular-font-weight)',
659
+ },
660
+ ],
661
+ xSmallTitle1Emphasized: [
662
+ 'var(--xSmallTitle-1Emphasized-font-size)',
663
+ {
664
+ lineHeight: 'var(--xSmallTitle-1Emphasized-line-height)',
665
+ fontWeight: 'var(--font-weight-semibold)',
666
+ },
667
+ ],
668
+ xSmallTitle2Regular: [
669
+ 'var(--xSmallTitle-2Regular-font-size)',
670
+ {
671
+ lineHeight: 'var(--xSmallTitle-2Regular-line-height)',
672
+ fontWeight: 'var(--xSmallTitle-2Regular-font-weight)',
673
+ },
674
+ ],
675
+ xSmallTitle2Emphasized: [
676
+ 'var(--xSmallTitle-2Emphasized-font-size)',
677
+ {
678
+ lineHeight: 'var(--xSmallTitle-2Emphasized-line-height)',
679
+ fontWeight: 'var(--font-weight-semibold)',
680
+ },
681
+ ],
682
+ xSmallTitle3Regular: [
683
+ 'var(--xSmallTitle-3Regular-font-size)',
684
+ {
685
+ lineHeight: 'var(--xSmallTitle-3Regular-line-height)',
686
+ fontWeight: 'var(--font-weight-normal)',
687
+ },
688
+ ],
689
+ xSmallTitle3Emphasized: [
690
+ 'var(--xSmallTitle-3Regular-font-size)',
691
+ {
692
+ lineHeight: 'var(--xSmallTitle-3Regular-line-height)',
693
+ fontWeight: 'var(--font-weight-semibold)',
694
+ },
695
+ ],
696
+ xSmallBodyRegular: [
697
+ 'var(--xSmallBody-Regular-font-size)',
698
+ {
699
+ lineHeight: 'var(--xSmallBody-Regular-line-height)',
700
+ fontWeight: 'var(--font-weight-normal)',
701
+ },
702
+ ],
703
+ xSmallBodyEmphasized: [
704
+ 'var(--xSmallBody-Regular-font-size)',
705
+ {
706
+ lineHeight: 'var(--xSmallBody-Regular-line-height)',
707
+ fontWeight: 'var(--font-weight-semibold)',
708
+ },
709
+ ],
710
+ xSmallBody1Regular: [
711
+ 'var(--xSmallBody-1Regular-font-size)',
712
+ {
713
+ lineHeight: 'var(--xSmallBody-1Regular-line-height)',
714
+ fontWeight: 'var(--xSmallBody-1Regular-font-weight)',
715
+ },
716
+ ],
717
+ xSmallBody2Regular: [
718
+ 'var(--xSmallBody-2Regular-font-size)',
719
+ {
720
+ lineHeight: 'var(--xSmallBody-2Regular-line-height)',
721
+ fontWeight: 'var(--xSmallBody-2Regular-font-weight)',
722
+ },
723
+ ],
724
+ xSmallSubheadRegular: [
725
+ 'var(--xSmallSubhead-Regular-font-size)',
726
+ {
727
+ lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
728
+ fontWeight: 'var(--font-weight-normal)',
729
+ },
730
+ ],
731
+ xSmallSubheadEmphasized: [
732
+ 'var(--xSmallSubhead-Regular-font-size)',
733
+ {
734
+ lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
735
+ fontWeight: 'var(--font-weight-semibold)',
736
+ },
737
+ ],
738
+ xSmallCalloutRegular: [
739
+ 'var(--xSmallCallout-Regular-font-size)',
740
+ {
741
+ lineHeight: 'var(--xSmallCallout-Regular-line-height)',
742
+ fontWeight: 'var(--font-weight-regular)',
743
+ },
744
+ ],
745
+ xSmallCalloutEmphasized: [
746
+ 'var(--xSmallCallout-Regular-font-size)',
747
+ {
748
+ lineHeight: 'var(--xSmallCallout-Regular-line-height)',
749
+ fontWeight: 'var(--font-weight-semibold)',
750
+ },
751
+ ],
752
+ xSmallCaption1Regular: [
753
+ 'var(--SmallCaption-1Regular-font-size)',
754
+ {
755
+ lineHeight: 'var(--SmallCaption-1Regular-line-height)',
756
+ fontWeight: 'var(--font-weight-normal)',
757
+ },
758
+ ],
759
+ xSmallCaption1Emphasized: [
760
+ 'var(--SmallCaption-1Regular-font-size)',
761
+ {
762
+ lineHeight: 'var(--SmallCaption-1Regular-line-height)',
763
+ fontWeight: 'var(--font-weight-semibold)',
764
+ },
765
+ ],
766
+ xSmallCaption2Regular: [
767
+ 'var(--SmallCaption-1Regular-font-size)',
768
+ {
769
+ lineHeight: 'var(--SmallCaption-Regular-line-height)',
770
+ fontWeight: 'var(--font-weight-normal)',
771
+ },
772
+ ],
773
+ xSmallCaption2Emphasized: [
774
+ 'var(--SmallCaption-1Regular-font-size)',
775
+ {
776
+ lineHeight: 'var(--SmallCaption-1Regular-line-height)',
777
+ fontWeight: 'var(--font-weight-semibold)',
778
+ },
779
+ ],
780
+ xSmallHeadLineRegular: [
781
+ 'var(--xSmallHeadLine-Regular-font-size)',
782
+ {
783
+ lineHeight: 'var(--xSmallHeadLine-Regular-line-height)',
784
+ fontWeight: 'var(--font-weight-semibold)',
785
+ },
786
+ ],
787
+ xSmallHeadLineEmphasized: [
788
+ 'var(--xSmallHeadLine-Regular-font-size)',
789
+ {
790
+ lineHeight: 'var(--xSmallHeadLine-Regular-line-height)',
791
+ fontWeight: 'var(--font-weight-bold)',
792
+ },
793
+ ],
794
+ xSmallFootnoteRegular: [
795
+ '12px',
796
+ {
797
+ lineHeight: '18px',
798
+ fontWeight: 'var(--font-weight-normal)',
799
+ },
800
+ ],
801
+ xSmallFootnoteEmphasized: [
802
+ '12px',
803
+ {
804
+ lineHeight: '18px',
805
+ fontWeight: 'var(--font-weight-semibold)',
806
+ },
807
+ ],
808
+ calloutRegular: [
809
+ 'var(--callout-Regular-font-size)',
810
+ {
811
+ lineHeight: 'var(--callout-Regular-line-height)',
812
+ fontWeight: 'var(--callout-Regular-font-weight)',
813
+ },
814
+ ],
815
+ },
795
816
  boxShadow: {
796
817
  DEFAULT: 'var(--shadow-default)',
797
818
  sm: '0px 1px 4px 0px rgba(0, 0, 0, 0.16)',
@@ -800,6 +821,26 @@ exports.default = {
800
821
  },
801
822
  },
802
823
  },
803
- safelist: fontSizesSafeList,
824
+ // safelist: [
825
+ // {
826
+ // pattern: /(tw-cursor|tw-block|tw-hidden|tw-relative|tw-absolute|tw-fixed|tw-float|tw-z)-./,
827
+ // },
828
+ // {
829
+ // pattern: /(tw-border|tw-font|tw-h|tw-w|tw-min|tw-max|tw-shadow|tw-rounded|tw-border)-./,
830
+ // },
831
+ // {
832
+ // pattern: /(tw-bg|tw-text)-./,
833
+ // variants: ['hover', 'focus'],
834
+ // },
835
+ // {
836
+ // pattern: /(tw-m|tw-p|tw-mt|tw-mb|tw-pt|tw-pb|tw-my|tw-mx|tw-py|tw-px)-./,
837
+ // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
838
+ // },
839
+ // {
840
+ // pattern:
841
+ // /(tw-grid|tw-flex|tw-basis|tw-grow|tw-shrink|tw-order|tw-col|tw-row|tw-auto|tw-gap|tw-justify|tw-content|tw-items|tw-self|tw-place|tw-space)-./,
842
+ // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
843
+ // },
844
+ // ],
804
845
  plugins: [],
805
846
  };