design-system-silkhaus 3.7.7-beta.arabic-font-styles.4 → 3.8.0-beta.ST-1134.1

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