design-system-silkhaus 3.8.0-beta.ST-1134.3 → 3.8.0-beta.ST-1134.4

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