design-system-silkhaus 2.11.0-beta.export-config.2 → 2.11.0-beta.export-config.3

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 (3) hide show
  1. package/dist/tailwind.config.js +582 -0
  2. package/package.json +4 -5
  3. package/tailwind.config.ts +0 -580
package/dist/tailwind.config.js ADDED
@@ -0,0 +1,582 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ /** @type {import('tailwindcss').Config} */
4
+ exports.default = {
5
+ content: ['./lib/**/*.{ts,tsx}'],
6
+ important: true,
7
+ prefix: 'ds-',
8
+ theme: {
9
+ screens: {
10
+ 'ds-zero': { max: '374px' },
11
+ 'ds-mobile': { min: '375px' },
12
+ 'ds-tablet': { min: '768px' },
13
+ 'ds-desktop': { min: '1024px' },
14
+ 'ds-wide_desktop': { min: '1440px' },
15
+ },
16
+ extend: {
17
+ colors: {
18
+ white: 'var(--white)',
19
+ black: 'var(--black)',
20
+ accentEggplant: {
21
+ 100: 'var(--accent-eggplant-100)',
22
+ 50: 'var(--accent-eggplant-50)',
23
+ 20: 'var(--accent-eggplant-20)',
24
+ 5: 'var(--accent-eggplant-5)',
25
+ highlight: 'var(--accent-eggplant-highlight)',
26
+ darkened: 'var(--accent-eggplant-darkened)',
27
+ },
28
+ Fills: {
29
+ black: 'var(--fills-black)',
30
+ white: 'var(--fills-white)',
31
+ secondary: 'var(--fills-secondary)',
32
+ terciary: 'var(--fills-terciary)',
33
+ quadrutery: 'var(--fills-quadrutery)',
34
+ quintiary: 'var(--fills-quintiary)',
35
+ },
36
+ Text: {
37
+ primary: 'var(--text-primary)',
38
+ secondary: 'var(--text-secondary)',
39
+ tertiary: 'var(--text-tertiary)',
40
+ secondaryDark: 'var(--text-secondary-dark)',
41
+ textTertiaryDark: 'var(--text-tertiary-dark)',
42
+ textSecondaryPlusDark: 'var(--text-secondary-plus-dark)',
43
+ textPrimaryDark: 'var(--text-primary-dark)',
44
+ },
45
+ Background: {
46
+ accentEggplant: {
47
+ 100: 'var(--accent-eggplant-100)',
48
+ 50: 'var(--accent-eggplant-50)',
49
+ 20: 'var(--accent-eggplant-20)',
50
+ 5: 'var(--accent-eggplant-5)',
51
+ highlight: 'var(--accent-eggplant-highlight)',
52
+ darkened: 'var(--accent-eggplant-darkened)',
53
+ },
54
+ accentMustard: {
55
+ 100: 'var(--accent-mustard-100)',
56
+ 50: 'var(--accent-mustard-50)',
57
+ 25: 'var(--accent-mustard-25)',
58
+ },
59
+ accentTeal: {
60
+ 100: 'var(--accent-teal-100)',
61
+ 50: 'var(--accent-teal-50)',
62
+ 25: 'var(--accent-teal-25)',
63
+ },
64
+ accentCarrot: {
65
+ 100: 'var(--accent-carrot-100)',
66
+ 50: 'var(--accent-carrot-50)',
67
+ 25: 'var(--accent-carrot-25)',
68
+ },
69
+ enabled: 'var(--accent-eggplant-100)',
70
+ hover: 'rgba(109, 54, 169, 1)',
71
+ active: 'rgba(52, 26, 83, 1)',
72
+ focus: 'var(--accent-eggplant-100)',
73
+ },
74
+ System: {
75
+ red: '#FF453A',
76
+ green: '#28CD41',
77
+ },
78
+ },
79
+ spacing: {
80
+ space0: 'var(--space-0)',
81
+ space025: 'var(--space-025)',
82
+ space050: 'var(--space-050)',
83
+ space075: 'var(--space-075)',
84
+ space100: 'var(--space-100)',
85
+ space150: 'var(--space-150)',
86
+ space200: 'var(--space-200)',
87
+ space250: 'var(--space-250)',
88
+ space300: 'var(--space-300)',
89
+ space400: 'var(--space-400)',
90
+ space500: 'var(--space-500)',
91
+ space600: 'var(--space-600)',
92
+ space800: 'var(--space-800)',
93
+ space1000: 'var(--space-1000)',
94
+ space1200: 'var(--space-1200)',
95
+ space1600: 'var(--space-1600)',
96
+ },
97
+ fontFamily: {
98
+ sans: 'var(--font-family-default)',
99
+ },
100
+ fontSize: {
101
+ xLargeHeroTitleRegular: [
102
+ 'var(--xLargeHero-TitleRegular-font-size)',
103
+ {
104
+ lineHeight: 'var(--xLargeHero-TitleRegular-line-height)',
105
+ fontWeight: 'var(--xLargeHero-TitleRegular-font-weight)',
106
+ },
107
+ ],
108
+ xLargeHeroTitleEmphasized: [
109
+ 'var(--xLargeHero-TitleEmphasized-font-size)',
110
+ {
111
+ lineHeight: 'var(--xLargeHero-TitleEmphasized-line-height)',
112
+ fontWeight: 'var(--font-weight-semibold)',
113
+ },
114
+ ],
115
+ xLargeTitle1Regular: [
116
+ 'var(--xLargeTitle-1Regular-font-size)',
117
+ {
118
+ lineHeight: 'var(--xLargeTitle-1Regular-line-height)',
119
+ fontWeight: 'var(--xLargeTitle-1Regular-font-weight)',
120
+ },
121
+ ],
122
+ xLargeTitle1Emphasized: [
123
+ 'var(--xLargeTitle-1Emphasized-font-size)',
124
+ {
125
+ lineHeight: 'var(--xLargeTitle-1Emphasized-line-height)',
126
+ fontWeight: 'var(--font-weight-semibold)',
127
+ },
128
+ ],
129
+ xLargeTitle2Regular: [
130
+ 'var(--xLargeTitle-2Regular-font-size)',
131
+ {
132
+ lineHeight: 'var(--xLargeTitle-2Regular-line-height)',
133
+ fontWeight: 'var(--xLargeTitle-2Regular-font-weight)',
134
+ },
135
+ ],
136
+ xLargeTitle2Emphasized: [
137
+ 'var(--xLargeTitle-2Emphasized-font-size)',
138
+ {
139
+ lineHeight: 'var(--xLargeTitle-2Emphasized-line-height)',
140
+ fontWeight: 'var(--font-weight-semibold)',
141
+ },
142
+ ],
143
+ xLargeTitle3Regular: [
144
+ 'var(--xLargeTitle-3Regular-font-size)',
145
+ {
146
+ lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
147
+ fontWeight: 'var(--xLargeTitle-3Regular-font-weight)',
148
+ },
149
+ ],
150
+ xLargeTitle3Emphasized: [
151
+ 'var(--xLargeTitle-3Emphasized-font-size)',
152
+ {
153
+ lineHeight: 'var(--xLargeTitle-3Emphasized-line-height)',
154
+ fontWeight: 'var(--font-weight-semibold)',
155
+ },
156
+ ],
157
+ xLargeBody1Regular: [
158
+ 'var(--xLargeBody-1Regular-font-size)',
159
+ {
160
+ lineHeight: 'var(--xLargeBody-1Regular-line-height)',
161
+ fontWeight: 'var(--xLargeBody-1Regular-font-weight)',
162
+ },
163
+ ],
164
+ xLargeBody2Regular: [
165
+ 'var(--xLargeBody-2Regular-font-size)',
166
+ {
167
+ lineHeight: 'var(--xLargeBody-2Regular-line-height)',
168
+ fontWeight: 'var(--xLargeBody-2Regular-font-weight)',
169
+ },
170
+ ],
171
+ // Large
172
+ largeHeroTitleRegular: [
173
+ 'var(--LargeHero-TitleRegular-font-size)',
174
+ {
175
+ lineHeight: 'var(--LargeHero-TitleRegular-line-height)',
176
+ fontWeight: 'var(--LargeHero-TitleRegular-font-weight)',
177
+ },
178
+ ],
179
+ largeHeroTitleEmphasized: [
180
+ 'var(--LargeHero-TitleEmphasized-font-size)',
181
+ {
182
+ lineHeight: 'var(--LargeHero-TitleEmphasized-line-height)',
183
+ fontWeight: 'var(--font-weight-semibold)',
184
+ },
185
+ ],
186
+ largeTitle1Regular: [
187
+ 'var(--LargeTitle-1Regular-font-size)',
188
+ {
189
+ lineHeight: 'var(--LargeTitle-1Regular-line-height)',
190
+ fontWeight: 'var(--LargeTitle-1Regular-font-weight)',
191
+ },
192
+ ],
193
+ largeTitle1Emphasized: [
194
+ 'var(--LargeTitle-1Emphasized-font-size)',
195
+ {
196
+ lineHeight: 'var(--LargeTitle-1Emphasized-line-height)',
197
+ fontWeight: 'var(--font-weight-semibold)',
198
+ },
199
+ ],
200
+ largeTitle2Regular: [
201
+ 'var(--LargeTitle-2Regular-font-size)',
202
+ {
203
+ lineHeight: 'var(--LargeTitle-2Regular-line-height)',
204
+ fontWeight: 'var(--LargeTitle-2Regular-font-weight)',
205
+ },
206
+ ],
207
+ largeTitle2Emphasized: [
208
+ 'var(--LargeTitle-2Emphasized-font-size)',
209
+ {
210
+ lineHeight: 'var(--LargeTitle-2Emphasized-line-height)',
211
+ fontWeight: 'var(--font-weight-semibold)',
212
+ },
213
+ ],
214
+ largeTitle3Regular: [
215
+ 'var(--LargeTitle-3Regular-font-size)',
216
+ {
217
+ lineHeight: 'var(--LargeTitle-3Regular-line-height)',
218
+ fontWeight: 'var(--LargeTitle-3Regular-font-weight)',
219
+ },
220
+ ],
221
+ largeTitle3Emphasized: [
222
+ 'var(--LargeTitle-3Emphasized-font-size)',
223
+ {
224
+ lineHeight: 'var(--LargeTitle-3Emphasized-line-height)',
225
+ fontWeight: 'var(--font-weight-semibold)',
226
+ },
227
+ ],
228
+ largeBody1Regular: [
229
+ 'var(--LargeBody-1Regular-font-size)',
230
+ {
231
+ lineHeight: 'var(--LargeBody-1Regular-line-height)',
232
+ fontWeight: 'var(--LargeBody-1Regular-font-weight)',
233
+ },
234
+ ],
235
+ largeBody2Regular: [
236
+ 'var(--LargeBody-2Regular-font-size)',
237
+ {
238
+ lineHeight: 'var(--LargeBody-2Regular-line-height)',
239
+ fontWeight: 'var(--LargeBody-2Regular-font-weight)',
240
+ },
241
+ ],
242
+ // Medium
243
+ mediumHeroTitleRegular: [
244
+ 'var(--MediumHero-TitleRegular-font-size)',
245
+ {
246
+ lineHeight: 'var(--MediumHero-TitleRegular-line-height)',
247
+ fontWeight: 'var(--MediumHero-TitleRegular-font-weight)',
248
+ },
249
+ ],
250
+ mediumHeroTitleEmphasized: [
251
+ 'var(--MediumHero-TitleEmphasized-font-size)',
252
+ {
253
+ lineHeight: 'var(--MediumHero-TitleEmphasized-line-height)',
254
+ fontWeight: 'var(--font-weight-semibold)',
255
+ },
256
+ ],
257
+ mediumTitle1Regular: [
258
+ 'var(--MediumTitle-1Regular-font-size)',
259
+ {
260
+ lineHeight: 'var(--MediumTitle-1Regular-line-height)',
261
+ fontWeight: 'var(--MediumTitle-1Regular-font-weight)',
262
+ },
263
+ ],
264
+ mediumTitle1Emphasized: [
265
+ 'var(--MediumTitle-1Emphasized-font-size)',
266
+ {
267
+ lineHeight: 'var(--MediumTitle-1Emphasized-line-height)',
268
+ fontWeight: 'var(--font-weight-semibold)',
269
+ },
270
+ ],
271
+ mediumTitle2Regular: [
272
+ 'var(--MediumTitle-2Regular-font-size)',
273
+ {
274
+ lineHeight: 'var(--MediumTitle-2Regular-line-height)',
275
+ fontWeight: 'var(--MediumTitle-2Regular-font-weight)',
276
+ },
277
+ ],
278
+ mediumTitle2Emphasized: [
279
+ 'var(--MediumTitle-2Emphasized-font-size)',
280
+ {
281
+ lineHeight: 'var(--MediumTitle-2Emphasized-line-height)',
282
+ fontWeight: 'var(--font-weight-semibold)',
283
+ },
284
+ ],
285
+ mediumTitle3Emphasized: [
286
+ 'var(--MediumTitle-3Emphasized-font-size)',
287
+ {
288
+ lineHeight: 'var(--MediumTitle-3Emphasized-line-height)',
289
+ fontWeight: 'var(--font-weight-semibold)',
290
+ },
291
+ ],
292
+ mediumBodyRegular: [
293
+ 'var(--MediumBody-Regular-font-size)',
294
+ {
295
+ lineHeight: 'var(--MediumBody-Regular-line-height)',
296
+ fontWeight: 'var(--font-weight-normal)',
297
+ },
298
+ ],
299
+ mediumBodyEmphasized: [
300
+ 'var(--MediumBody-Emphasized-font-size)',
301
+ {
302
+ lineHeight: 'var(--MediumBody-Emphasized-line-height)',
303
+ fontWeight: 'var(--font-weight-semibold)',
304
+ },
305
+ ],
306
+ mediumBody1Regular: [
307
+ 'var(--MediumBody-1Regular-font-size)',
308
+ {
309
+ lineHeight: 'var(--MediumBody-1Regular-line-height)',
310
+ fontWeight: 'var(--MediumBody-1Regular-font-weight)',
311
+ },
312
+ ],
313
+ mediumBody2Regular: [
314
+ 'var(--MediumBody-2Regular-font-size)',
315
+ {
316
+ lineHeight: 'var(--MediumBody-2Regular-line-height)',
317
+ fontWeight: 'var(--MediumBody-2Regular-font-weight)',
318
+ },
319
+ ],
320
+ mediumHeadLineRegular: [
321
+ 'var(--MediumHeadLine-Regular-font-size)',
322
+ {
323
+ lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
324
+ fontWeight: 'var(--MediumHeadLine-Regular-font-weight)',
325
+ },
326
+ ],
327
+ mediumSubHeadRegular: [
328
+ 'var(--MediumSubHead-Regular-font-size)',
329
+ {
330
+ lineHeight: 'var(--MediumSubHead-Regular-line-height)',
331
+ fontWeight: 'var(--MediumSubHead-Regular-font-weight)',
332
+ },
333
+ ],
334
+ mediumCaption1Regular: [
335
+ 'var(--MediumCaption-1Regular-font-size)',
336
+ {
337
+ lineHeight: 'var(--MediumCaption-1Regular-line-height)',
338
+ fontWeight: 'var(--MediumCaption-1Regular-font-weight)',
339
+ },
340
+ ],
341
+ mediumCaption1Emphasized: [
342
+ 'var(--MediumCaption-1Regular-font-size)',
343
+ {
344
+ lineHeight: 'var(--MediumCaption-1Regular-line-height)',
345
+ fontWeight: 'var(--font-weight-semibold)',
346
+ },
347
+ ],
348
+ mediumCaption2Regular: [
349
+ 'var(--MediumCaption-2Regular-font-size)',
350
+ {
351
+ lineHeight: 'var(--MediumCaption-2Regular-line-height)',
352
+ fontWeight: 'var(--font-weight-normal)',
353
+ },
354
+ ],
355
+ mediumCaption2Emphasized: [
356
+ 'var(--MediumCaption-2Regular-font-size)',
357
+ {
358
+ lineHeight: 'var(--MediumCaption-2Regular-line-height)',
359
+ fontWeight: 'var(--font-weight-semibold)',
360
+ },
361
+ ],
362
+ mediumFootnoteRegular: [
363
+ 'var(--MediumFootnote-Regular-font-size)',
364
+ {
365
+ lineHeight: 'var(--MediumFootnote-Regular-line-height)',
366
+ fontWeight: 'var(--MediumFootnote-Regular-font-weight)',
367
+ },
368
+ ],
369
+ mediumCalloutRegular: [
370
+ 'var(--MediumCallout-Regular-font-size)',
371
+ {
372
+ lineHeight: 'var(--MediumCallout-Regular-line-height)',
373
+ fontWeight: 'var(--font-weight-normal)',
374
+ },
375
+ ],
376
+ mediumCalloutEmphasized: [
377
+ 'var(--MediumCallout-Regular-font-size)',
378
+ {
379
+ lineHeight: 'var(--MediumCallout-Regular-line-height)',
380
+ fontWeight: 'var(--font-weight-semibold)',
381
+ },
382
+ ],
383
+ mediumFootnoteEmphasized: [
384
+ 'var(--MediumFootnote-Regular-font-size)',
385
+ {
386
+ lineHeight: 'var(--MediumFootnote-Regular-line-height)',
387
+ fontWeight: 'var( --font-weight-semibold)',
388
+ },
389
+ ],
390
+ // Small
391
+ smallHeroTitleRegular: [
392
+ 'var(--SmallHero-TitleRegular-font-size)',
393
+ {
394
+ lineHeight: 'var(--SmallHero-TitleRegular-line-height)',
395
+ fontWeight: 'var(--SmallHero-TitleRegular-font-weight)',
396
+ },
397
+ ],
398
+ smallHeroTitleEmphasized: [
399
+ 'var(--SmallHero-TitleEmphasized-font-size)',
400
+ {
401
+ lineHeight: 'var(--SmallHero-TitleEmphasized-line-height)',
402
+ fontWeight: 'var(--font-weight-semibold)',
403
+ },
404
+ ],
405
+ smallTitle1Regular: [
406
+ 'var(--SmallTitle-1Regular-font-size)',
407
+ {
408
+ lineHeight: 'var(--SmallTitle-1Regular-line-height)',
409
+ fontWeight: 'var(--SmallTitle-1Regular-font-weight)',
410
+ },
411
+ ],
412
+ smallTitle1Emphasized: [
413
+ 'var(--SmallTitle-1Emphasized-font-size)',
414
+ {
415
+ lineHeight: 'var(--SmallTitle-1Emphasized-line-height)',
416
+ fontWeight: 'var(--font-weight-semibold)',
417
+ },
418
+ ],
419
+ smallTitle2Regular: [
420
+ 'var(--SmallTitle-2Regular-font-size)',
421
+ {
422
+ lineHeight: 'var(--SmallTitle-2Regular-line-height)',
423
+ fontWeight: 'var(--SmallTitle-2Regular-font-weight)',
424
+ },
425
+ ],
426
+ smallTitle2Emphasized: [
427
+ 'var(--SmallTitle-2Emphasized-font-size)',
428
+ {
429
+ lineHeight: 'var(--SmallTitle-2Emphasized-line-height)',
430
+ fontWeight: 'var(--font-weight-semibold)',
431
+ },
432
+ ],
433
+ smallBody1Regular: [
434
+ 'var(--SmallBody-1Regular-font-size)',
435
+ {
436
+ lineHeight: 'var(--SmallBody-1Regular-line-height)',
437
+ fontWeight: 'var(--SmallBody-1Regular-font-weight)',
438
+ },
439
+ ],
440
+ smallBody2Regular: [
441
+ 'var(--SmallBody-2Regular-font-size)',
442
+ {
443
+ lineHeight: 'var(--SmallBody-2Regular-line-height)',
444
+ fontWeight: 'var(--SmallBody-2Regular-font-weight)',
445
+ },
446
+ ],
447
+ // xSmall
448
+ xSmallHeroTitleRegular: [
449
+ 'var(--xSmallHero-TitleRegular-font-size)',
450
+ {
451
+ lineHeight: 'var(--xSmallHero-TitleRegular-line-height)',
452
+ fontWeight: 'var(--xSmallHero-TitleRegular-font-weight)',
453
+ },
454
+ ],
455
+ xSmallHeroTitleEmphasized: [
456
+ 'var(--xSmallHero-TitleEmphasized-font-size)',
457
+ {
458
+ lineHeight: 'var(--xSmallHero-TitleEmphasized-line-height)',
459
+ fontWeight: 'var(--font-weight-semibold)',
460
+ },
461
+ ],
462
+ xSmallTitle1Regular: [
463
+ 'var(--xSmallTitle-1Regular-font-size)',
464
+ {
465
+ lineHeight: 'var(--xSmallTitle-1Regular-line-height)',
466
+ fontWeight: 'var(--xSmallTitle-1Regular-font-weight)',
467
+ },
468
+ ],
469
+ xSmallTitle1Emphasized: [
470
+ 'var(--xSmallTitle-1Emphasized-font-size)',
471
+ {
472
+ lineHeight: 'var(--xSmallTitle-1Emphasized-line-height)',
473
+ fontWeight: 'var(--font-weight-semibold)',
474
+ },
475
+ ],
476
+ xSmallTitle2Regular: [
477
+ 'var(--xSmallTitle-2Regular-font-size)',
478
+ {
479
+ lineHeight: 'var(--xSmallTitle-2Regular-line-height)',
480
+ fontWeight: 'var(--xSmallTitle-2Regular-font-weight)',
481
+ },
482
+ ],
483
+ xSmallTitle2Emphasized: [
484
+ 'var(--xSmallTitle-2Emphasized-font-size)',
485
+ {
486
+ lineHeight: 'var(--xSmallTitle-2Emphasized-line-height)',
487
+ fontWeight: 'var(--font-weight-semibold)',
488
+ },
489
+ ],
490
+ xSmallBodyRegular: [
491
+ 'var(--xSmallBody-Regular-font-size)',
492
+ {
493
+ lineHeight: 'var(--xSmallBody-Regular-line-height)',
494
+ fontWeight: 'var(--font-weight-normal)',
495
+ },
496
+ ],
497
+ xSmallBodyEmphasized: [
498
+ 'var(--xSmallBody-Regular-font-size)',
499
+ {
500
+ lineHeight: 'var(--xSmallBody-Regular-line-height)',
501
+ fontWeight: 'var(--font-weight-semibold)',
502
+ },
503
+ ],
504
+ xSmallBody1Regular: [
505
+ 'var(--xSmallBody-1Regular-font-size)',
506
+ {
507
+ lineHeight: 'var(--xSmallBody-1Regular-line-height)',
508
+ fontWeight: 'var(--xSmallBody-1Regular-font-weight)',
509
+ },
510
+ ],
511
+ xSmallBody2Regular: [
512
+ 'var(--xSmallBody-2Regular-font-size)',
513
+ {
514
+ lineHeight: 'var(--xSmallBody-2Regular-line-height)',
515
+ fontWeight: 'var(--xSmallBody-2Regular-font-weight)',
516
+ },
517
+ ],
518
+ xSmallSubheadRegular: [
519
+ 'var(--xSmallSubhead-Regular-font-size)',
520
+ {
521
+ lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
522
+ fontWeight: 'var(--font-weight-normal)',
523
+ },
524
+ ],
525
+ xSmallSubheadEmphasized: [
526
+ 'var(--xSmallSubhead-Regular-font-size)',
527
+ {
528
+ lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
529
+ fontWeight: 'var(--font-weight-semibold)',
530
+ },
531
+ ],
532
+ xSmallCalloutRegular: [
533
+ 'var(--xSmallCallout-Regular-font-size)',
534
+ {
535
+ lineHeight: 'var(--xSmallCallout-Regular-line-height)',
536
+ fontWeight: 'var(--font-weight-regular)',
537
+ },
538
+ ],
539
+ xSmallCalloutEmphasized: [
540
+ 'var(--xSmallCallout-Regular-font-size)',
541
+ {
542
+ lineHeight: 'var(--xSmallCallout-Regular-line-height)',
543
+ fontWeight: 'var(--font-weight-semibold)',
544
+ },
545
+ ],
546
+ calloutRegular: [
547
+ 'var(--callout-Regular-font-size)',
548
+ {
549
+ lineHeight: 'var(--callout-Regular-line-height)',
550
+ fontWeight: 'var(--callout-Regular-font-weight)',
551
+ },
552
+ ],
553
+ },
554
+ boxShadow: {
555
+ DEFAULT: 'var(--shadow-default)',
556
+ card: '',
557
+ },
558
+ },
559
+ },
560
+ // safelist: [
561
+ // {
562
+ // pattern: /(tw-cursor|tw-block|tw-hidden|tw-relative|tw-absolute|tw-fixed|tw-float|tw-z)-./,
563
+ // },
564
+ // {
565
+ // pattern: /(tw-border|tw-font|tw-h|tw-w|tw-min|tw-max|tw-shadow|tw-rounded|tw-border)-./,
566
+ // },
567
+ // {
568
+ // pattern: /(tw-bg|tw-text)-./,
569
+ // variants: ['hover', 'focus'],
570
+ // },
571
+ // {
572
+ // pattern: /(tw-m|tw-p|tw-mt|tw-mb|tw-pt|tw-pb|tw-my|tw-mx|tw-py|tw-px)-./,
573
+ // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
574
+ // },
575
+ // {
576
+ // pattern:
577
+ // /(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)-./,
578
+ // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
579
+ // },
580
+ // ],
581
+ plugins: [],
582
+ };
package/package.json CHANGED
@@ -1,14 +1,13 @@
1
1
  {
2
2
  "name": "design-system-silkhaus",
3
3
  "private": false,
4
- "version": "2.11.0-beta.export-config.2",
4
+ "version": "2.11.0-beta.export-config.3",
5
5
  "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
6
6
  "author": "silkhaus",
7
7
  "license": "MIT",
8
8
  "type": "module",
9
9
  "files": [
10
- "dist",
11
- "tailwind.config.ts"
10
+ "dist"
12
11
  ],
13
12
  "sideEffects": [
14
13
  "**/*.css"
@@ -31,7 +30,7 @@
31
30
  "import": "./dist/style.css",
32
31
  "require": "./dist/style.css"
33
32
  },
34
- "./tailwind-config": "./tailwind.config.ts"
33
+ "./tailwind-config": "./dist/tailwind.config.js"
35
34
  },
36
35
  "scripts": {
37
36
  "dev": "storybook dev -p 6006",
@@ -40,7 +39,7 @@
40
39
  "test:ui": "vitest --ui",
41
40
  "test:coverage": "vitest run --coverage",
42
41
  "build-storybook": "storybook build",
43
- "build:lib": "tsc && vite build",
42
+ "build:lib": "tsc && vite build && tsc tailwind.config.ts --outDir dist --module commonjs",
44
43
  "lint": "eslint .",
45
44
  "format:fix": "prettier . --write --ignore-unknown",
46
45
  "format:check": "prettier . --check --ignore-unknown",
package/tailwind.config.ts DELETED
@@ -1,580 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- export default {
3
- content: ['./lib/**/*.{ts,tsx}'],
4
- important: true,
5
- prefix: 'ds-',
6
- theme: {
7
- screens: {
8
- 'ds-zero': { max: '374px' },
9
- 'ds-mobile': { min: '375px' },
10
- 'ds-tablet': { min: '768px' },
11
- 'ds-desktop': { min: '1024px' },
12
- 'ds-wide_desktop': { min: '1440px' },
13
- },
14
- extend: {
15
- colors: {
16
- white: 'var(--white)',
17
- black: 'var(--black)',
18
- accentEggplant: {
19
- 100: 'var(--accent-eggplant-100)',
20
- 50: 'var(--accent-eggplant-50)',
21
- 20: 'var(--accent-eggplant-20)',
22
- 5: 'var(--accent-eggplant-5)',
23
- highlight: 'var(--accent-eggplant-highlight)',
24
- darkened: 'var(--accent-eggplant-darkened)',
25
- },
26
- Fills: {
27
- black: 'var(--fills-black)',
28
- white: 'var(--fills-white)',
29
- secondary: 'var(--fills-secondary)',
30
- terciary: 'var(--fills-terciary)',
31
- quadrutery: 'var(--fills-quadrutery)',
32
- quintiary: 'var(--fills-quintiary)',
33
- },
34
- Text: {
35
- primary: 'var(--text-primary)',
36
- secondary: 'var(--text-secondary)',
37
- tertiary: 'var(--text-tertiary)',
38
- secondaryDark: 'var(--text-secondary-dark)',
39
- textTertiaryDark: 'var(--text-tertiary-dark)',
40
- textSecondaryPlusDark: 'var(--text-secondary-plus-dark)',
41
- textPrimaryDark: 'var(--text-primary-dark)',
42
- },
43
- Background: {
44
- accentEggplant: {
45
- 100: 'var(--accent-eggplant-100)',
46
- 50: 'var(--accent-eggplant-50)',
47
- 20: 'var(--accent-eggplant-20)',
48
- 5: 'var(--accent-eggplant-5)',
49
- highlight: 'var(--accent-eggplant-highlight)',
50
- darkened: 'var(--accent-eggplant-darkened)',
51
- },
52
- accentMustard: {
53
- 100: 'var(--accent-mustard-100)',
54
- 50: 'var(--accent-mustard-50)',
55
- 25: 'var(--accent-mustard-25)',
56
- },
57
- accentTeal: {
58
- 100: 'var(--accent-teal-100)',
59
- 50: 'var(--accent-teal-50)',
60
- 25: 'var(--accent-teal-25)',
61
- },
62
- accentCarrot: {
63
- 100: 'var(--accent-carrot-100)',
64
- 50: 'var(--accent-carrot-50)',
65
- 25: 'var(--accent-carrot-25)',
66
- },
67
- enabled: 'var(--accent-eggplant-100)',
68
- hover: 'rgba(109, 54, 169, 1)',
69
- active: 'rgba(52, 26, 83, 1)',
70
- focus: 'var(--accent-eggplant-100)',
71
- },
72
- System: {
73
- red: '#FF453A',
74
- green: '#28CD41',
75
- },
76
- },
77
- spacing: {
78
- space0: 'var(--space-0)',
79
- space025: 'var(--space-025)',
80
- space050: 'var(--space-050)',
81
- space075: 'var(--space-075)',
82
- space100: 'var(--space-100)',
83
- space150: 'var(--space-150)',
84
- space200: 'var(--space-200)',
85
- space250: 'var(--space-250)',
86
- space300: 'var(--space-300)',
87
- space400: 'var(--space-400)',
88
- space500: 'var(--space-500)',
89
- space600: 'var(--space-600)',
90
- space800: 'var(--space-800)',
91
- space1000: 'var(--space-1000)',
92
- space1200: 'var(--space-1200)',
93
- space1600: 'var(--space-1600)',
94
- },
95
- fontFamily: {
96
- sans: 'var(--font-family-default)',
97
- },
98
- fontSize: {
99
- xLargeHeroTitleRegular: [
100
- 'var(--xLargeHero-TitleRegular-font-size)',
101
- {
102
- lineHeight: 'var(--xLargeHero-TitleRegular-line-height)',
103
- fontWeight: 'var(--xLargeHero-TitleRegular-font-weight)',
104
- },
105
- ],
106
- xLargeHeroTitleEmphasized: [
107
- 'var(--xLargeHero-TitleEmphasized-font-size)',
108
- {
109
- lineHeight: 'var(--xLargeHero-TitleEmphasized-line-height)',
110
- fontWeight: 'var(--font-weight-semibold)',
111
- },
112
- ],
113
- xLargeTitle1Regular: [
114
- 'var(--xLargeTitle-1Regular-font-size)',
115
- {
116
- lineHeight: 'var(--xLargeTitle-1Regular-line-height)',
117
- fontWeight: 'var(--xLargeTitle-1Regular-font-weight)',
118
- },
119
- ],
120
- xLargeTitle1Emphasized: [
121
- 'var(--xLargeTitle-1Emphasized-font-size)',
122
- {
123
- lineHeight: 'var(--xLargeTitle-1Emphasized-line-height)',
124
- fontWeight: 'var(--font-weight-semibold)',
125
- },
126
- ],
127
- xLargeTitle2Regular: [
128
- 'var(--xLargeTitle-2Regular-font-size)',
129
- {
130
- lineHeight: 'var(--xLargeTitle-2Regular-line-height)',
131
- fontWeight: 'var(--xLargeTitle-2Regular-font-weight)',
132
- },
133
- ],
134
- xLargeTitle2Emphasized: [
135
- 'var(--xLargeTitle-2Emphasized-font-size)',
136
- {
137
- lineHeight: 'var(--xLargeTitle-2Emphasized-line-height)',
138
- fontWeight: 'var(--font-weight-semibold)',
139
- },
140
- ],
141
- xLargeTitle3Regular: [
142
- 'var(--xLargeTitle-3Regular-font-size)',
143
- {
144
- lineHeight: 'var(--xLargeTitle-3Regular-line-height)',
145
- fontWeight: 'var(--xLargeTitle-3Regular-font-weight)',
146
- },
147
- ],
148
- xLargeTitle3Emphasized: [
149
- 'var(--xLargeTitle-3Emphasized-font-size)',
150
- {
151
- lineHeight: 'var(--xLargeTitle-3Emphasized-line-height)',
152
- fontWeight: 'var(--font-weight-semibold)',
153
- },
154
- ],
155
- xLargeBody1Regular: [
156
- 'var(--xLargeBody-1Regular-font-size)',
157
- {
158
- lineHeight: 'var(--xLargeBody-1Regular-line-height)',
159
- fontWeight: 'var(--xLargeBody-1Regular-font-weight)',
160
- },
161
- ],
162
- xLargeBody2Regular: [
163
- 'var(--xLargeBody-2Regular-font-size)',
164
- {
165
- lineHeight: 'var(--xLargeBody-2Regular-line-height)',
166
- fontWeight: 'var(--xLargeBody-2Regular-font-weight)',
167
- },
168
- ],
169
- // Large
170
- largeHeroTitleRegular: [
171
- 'var(--LargeHero-TitleRegular-font-size)',
172
- {
173
- lineHeight: 'var(--LargeHero-TitleRegular-line-height)',
174
- fontWeight: 'var(--LargeHero-TitleRegular-font-weight)',
175
- },
176
- ],
177
- largeHeroTitleEmphasized: [
178
- 'var(--LargeHero-TitleEmphasized-font-size)',
179
- {
180
- lineHeight: 'var(--LargeHero-TitleEmphasized-line-height)',
181
- fontWeight: 'var(--font-weight-semibold)',
182
- },
183
- ],
184
- largeTitle1Regular: [
185
- 'var(--LargeTitle-1Regular-font-size)',
186
- {
187
- lineHeight: 'var(--LargeTitle-1Regular-line-height)',
188
- fontWeight: 'var(--LargeTitle-1Regular-font-weight)',
189
- },
190
- ],
191
- largeTitle1Emphasized: [
192
- 'var(--LargeTitle-1Emphasized-font-size)',
193
- {
194
- lineHeight: 'var(--LargeTitle-1Emphasized-line-height)',
195
- fontWeight: 'var(--font-weight-semibold)',
196
- },
197
- ],
198
- largeTitle2Regular: [
199
- 'var(--LargeTitle-2Regular-font-size)',
200
- {
201
- lineHeight: 'var(--LargeTitle-2Regular-line-height)',
202
- fontWeight: 'var(--LargeTitle-2Regular-font-weight)',
203
- },
204
- ],
205
- largeTitle2Emphasized: [
206
- 'var(--LargeTitle-2Emphasized-font-size)',
207
- {
208
- lineHeight: 'var(--LargeTitle-2Emphasized-line-height)',
209
- fontWeight: 'var(--font-weight-semibold)',
210
- },
211
- ],
212
- largeTitle3Regular: [
213
- 'var(--LargeTitle-3Regular-font-size)',
214
- {
215
- lineHeight: 'var(--LargeTitle-3Regular-line-height)',
216
- fontWeight: 'var(--LargeTitle-3Regular-font-weight)',
217
- },
218
- ],
219
- largeTitle3Emphasized: [
220
- 'var(--LargeTitle-3Emphasized-font-size)',
221
- {
222
- lineHeight: 'var(--LargeTitle-3Emphasized-line-height)',
223
- fontWeight: 'var(--font-weight-semibold)',
224
- },
225
- ],
226
- largeBody1Regular: [
227
- 'var(--LargeBody-1Regular-font-size)',
228
- {
229
- lineHeight: 'var(--LargeBody-1Regular-line-height)',
230
- fontWeight: 'var(--LargeBody-1Regular-font-weight)',
231
- },
232
- ],
233
- largeBody2Regular: [
234
- 'var(--LargeBody-2Regular-font-size)',
235
- {
236
- lineHeight: 'var(--LargeBody-2Regular-line-height)',
237
- fontWeight: 'var(--LargeBody-2Regular-font-weight)',
238
- },
239
- ],
240
- // Medium
241
- mediumHeroTitleRegular: [
242
- 'var(--MediumHero-TitleRegular-font-size)',
243
- {
244
- lineHeight: 'var(--MediumHero-TitleRegular-line-height)',
245
- fontWeight: 'var(--MediumHero-TitleRegular-font-weight)',
246
- },
247
- ],
248
- mediumHeroTitleEmphasized: [
249
- 'var(--MediumHero-TitleEmphasized-font-size)',
250
- {
251
- lineHeight: 'var(--MediumHero-TitleEmphasized-line-height)',
252
- fontWeight: 'var(--font-weight-semibold)',
253
- },
254
- ],
255
- mediumTitle1Regular: [
256
- 'var(--MediumTitle-1Regular-font-size)',
257
- {
258
- lineHeight: 'var(--MediumTitle-1Regular-line-height)',
259
- fontWeight: 'var(--MediumTitle-1Regular-font-weight)',
260
- },
261
- ],
262
- mediumTitle1Emphasized: [
263
- 'var(--MediumTitle-1Emphasized-font-size)',
264
- {
265
- lineHeight: 'var(--MediumTitle-1Emphasized-line-height)',
266
- fontWeight: 'var(--font-weight-semibold)',
267
- },
268
- ],
269
- mediumTitle2Regular: [
270
- 'var(--MediumTitle-2Regular-font-size)',
271
- {
272
- lineHeight: 'var(--MediumTitle-2Regular-line-height)',
273
- fontWeight: 'var(--MediumTitle-2Regular-font-weight)',
274
- },
275
- ],
276
- mediumTitle2Emphasized: [
277
- 'var(--MediumTitle-2Emphasized-font-size)',
278
- {
279
- lineHeight: 'var(--MediumTitle-2Emphasized-line-height)',
280
- fontWeight: 'var(--font-weight-semibold)',
281
- },
282
- ],
283
- mediumTitle3Emphasized: [
284
- 'var(--MediumTitle-3Emphasized-font-size)',
285
- {
286
- lineHeight: 'var(--MediumTitle-3Emphasized-line-height)',
287
- fontWeight: 'var(--font-weight-semibold)',
288
- },
289
- ],
290
- mediumBodyRegular: [
291
- 'var(--MediumBody-Regular-font-size)',
292
- {
293
- lineHeight: 'var(--MediumBody-Regular-line-height)',
294
- fontWeight: 'var(--font-weight-normal)',
295
- },
296
- ],
297
- mediumBodyEmphasized: [
298
- 'var(--MediumBody-Emphasized-font-size)',
299
- {
300
- lineHeight: 'var(--MediumBody-Emphasized-line-height)',
301
- fontWeight: 'var(--font-weight-semibold)',
302
- },
303
- ],
304
- mediumBody1Regular: [
305
- 'var(--MediumBody-1Regular-font-size)',
306
- {
307
- lineHeight: 'var(--MediumBody-1Regular-line-height)',
308
- fontWeight: 'var(--MediumBody-1Regular-font-weight)',
309
- },
310
- ],
311
- mediumBody2Regular: [
312
- 'var(--MediumBody-2Regular-font-size)',
313
- {
314
- lineHeight: 'var(--MediumBody-2Regular-line-height)',
315
- fontWeight: 'var(--MediumBody-2Regular-font-weight)',
316
- },
317
- ],
318
- mediumHeadLineRegular: [
319
- 'var(--MediumHeadLine-Regular-font-size)',
320
- {
321
- lineHeight: 'var(--MediumHeadLine-Regular-line-height)',
322
- fontWeight: 'var(--MediumHeadLine-Regular-font-weight)',
323
- },
324
- ],
325
- mediumSubHeadRegular: [
326
- 'var(--MediumSubHead-Regular-font-size)',
327
- {
328
- lineHeight: 'var(--MediumSubHead-Regular-line-height)',
329
- fontWeight: 'var(--MediumSubHead-Regular-font-weight)',
330
- },
331
- ],
332
- mediumCaption1Regular: [
333
- 'var(--MediumCaption-1Regular-font-size)',
334
- {
335
- lineHeight: 'var(--MediumCaption-1Regular-line-height)',
336
- fontWeight: 'var(--MediumCaption-1Regular-font-weight)',
337
- },
338
- ],
339
- mediumCaption1Emphasized: [
340
- 'var(--MediumCaption-1Regular-font-size)',
341
- {
342
- lineHeight: 'var(--MediumCaption-1Regular-line-height)',
343
- fontWeight: 'var(--font-weight-semibold)',
344
- },
345
- ],
346
- mediumCaption2Regular: [
347
- 'var(--MediumCaption-2Regular-font-size)',
348
- {
349
- lineHeight: 'var(--MediumCaption-2Regular-line-height)',
350
- fontWeight: 'var(--font-weight-normal)',
351
- },
352
- ],
353
- mediumCaption2Emphasized: [
354
- 'var(--MediumCaption-2Regular-font-size)',
355
- {
356
- lineHeight: 'var(--MediumCaption-2Regular-line-height)',
357
- fontWeight: 'var(--font-weight-semibold)',
358
- },
359
- ],
360
- mediumFootnoteRegular: [
361
- 'var(--MediumFootnote-Regular-font-size)',
362
- {
363
- lineHeight: 'var(--MediumFootnote-Regular-line-height)',
364
- fontWeight: 'var(--MediumFootnote-Regular-font-weight)',
365
- },
366
- ],
367
- mediumCalloutRegular: [
368
- 'var(--MediumCallout-Regular-font-size)',
369
- {
370
- lineHeight: 'var(--MediumCallout-Regular-line-height)',
371
- fontWeight: 'var(--font-weight-normal)',
372
- },
373
- ],
374
- mediumCalloutEmphasized: [
375
- 'var(--MediumCallout-Regular-font-size)',
376
- {
377
- lineHeight: 'var(--MediumCallout-Regular-line-height)',
378
- fontWeight: 'var(--font-weight-semibold)',
379
- },
380
- ],
381
- mediumFootnoteEmphasized: [
382
- 'var(--MediumFootnote-Regular-font-size)',
383
- {
384
- lineHeight: 'var(--MediumFootnote-Regular-line-height)',
385
- fontWeight: 'var( --font-weight-semibold)',
386
- },
387
- ],
388
- // Small
389
- smallHeroTitleRegular: [
390
- 'var(--SmallHero-TitleRegular-font-size)',
391
- {
392
- lineHeight: 'var(--SmallHero-TitleRegular-line-height)',
393
- fontWeight: 'var(--SmallHero-TitleRegular-font-weight)',
394
- },
395
- ],
396
- smallHeroTitleEmphasized: [
397
- 'var(--SmallHero-TitleEmphasized-font-size)',
398
- {
399
- lineHeight: 'var(--SmallHero-TitleEmphasized-line-height)',
400
- fontWeight: 'var(--font-weight-semibold)',
401
- },
402
- ],
403
- smallTitle1Regular: [
404
- 'var(--SmallTitle-1Regular-font-size)',
405
- {
406
- lineHeight: 'var(--SmallTitle-1Regular-line-height)',
407
- fontWeight: 'var(--SmallTitle-1Regular-font-weight)',
408
- },
409
- ],
410
- smallTitle1Emphasized: [
411
- 'var(--SmallTitle-1Emphasized-font-size)',
412
- {
413
- lineHeight: 'var(--SmallTitle-1Emphasized-line-height)',
414
- fontWeight: 'var(--font-weight-semibold)',
415
- },
416
- ],
417
- smallTitle2Regular: [
418
- 'var(--SmallTitle-2Regular-font-size)',
419
- {
420
- lineHeight: 'var(--SmallTitle-2Regular-line-height)',
421
- fontWeight: 'var(--SmallTitle-2Regular-font-weight)',
422
- },
423
- ],
424
- smallTitle2Emphasized: [
425
- 'var(--SmallTitle-2Emphasized-font-size)',
426
- {
427
- lineHeight: 'var(--SmallTitle-2Emphasized-line-height)',
428
- fontWeight: 'var(--font-weight-semibold)',
429
- },
430
- ],
431
- smallBody1Regular: [
432
- 'var(--SmallBody-1Regular-font-size)',
433
- {
434
- lineHeight: 'var(--SmallBody-1Regular-line-height)',
435
- fontWeight: 'var(--SmallBody-1Regular-font-weight)',
436
- },
437
- ],
438
- smallBody2Regular: [
439
- 'var(--SmallBody-2Regular-font-size)',
440
- {
441
- lineHeight: 'var(--SmallBody-2Regular-line-height)',
442
- fontWeight: 'var(--SmallBody-2Regular-font-weight)',
443
- },
444
- ],
445
- // xSmall
446
- xSmallHeroTitleRegular: [
447
- 'var(--xSmallHero-TitleRegular-font-size)',
448
- {
449
- lineHeight: 'var(--xSmallHero-TitleRegular-line-height)',
450
- fontWeight: 'var(--xSmallHero-TitleRegular-font-weight)',
451
- },
452
- ],
453
- xSmallHeroTitleEmphasized: [
454
- 'var(--xSmallHero-TitleEmphasized-font-size)',
455
- {
456
- lineHeight: 'var(--xSmallHero-TitleEmphasized-line-height)',
457
- fontWeight: 'var(--font-weight-semibold)',
458
- },
459
- ],
460
- xSmallTitle1Regular: [
461
- 'var(--xSmallTitle-1Regular-font-size)',
462
- {
463
- lineHeight: 'var(--xSmallTitle-1Regular-line-height)',
464
- fontWeight: 'var(--xSmallTitle-1Regular-font-weight)',
465
- },
466
- ],
467
- xSmallTitle1Emphasized: [
468
- 'var(--xSmallTitle-1Emphasized-font-size)',
469
- {
470
- lineHeight: 'var(--xSmallTitle-1Emphasized-line-height)',
471
- fontWeight: 'var(--font-weight-semibold)',
472
- },
473
- ],
474
- xSmallTitle2Regular: [
475
- 'var(--xSmallTitle-2Regular-font-size)',
476
- {
477
- lineHeight: 'var(--xSmallTitle-2Regular-line-height)',
478
- fontWeight: 'var(--xSmallTitle-2Regular-font-weight)',
479
- },
480
- ],
481
- xSmallTitle2Emphasized: [
482
- 'var(--xSmallTitle-2Emphasized-font-size)',
483
- {
484
- lineHeight: 'var(--xSmallTitle-2Emphasized-line-height)',
485
- fontWeight: 'var(--font-weight-semibold)',
486
- },
487
- ],
488
- xSmallBodyRegular: [
489
- 'var(--xSmallBody-Regular-font-size)',
490
- {
491
- lineHeight: 'var(--xSmallBody-Regular-line-height)',
492
- fontWeight: 'var(--font-weight-normal)',
493
- },
494
- ],
495
- xSmallBodyEmphasized: [
496
- 'var(--xSmallBody-Regular-font-size)',
497
- {
498
- lineHeight: 'var(--xSmallBody-Regular-line-height)',
499
- fontWeight: 'var(--font-weight-semibold)',
500
- },
501
- ],
502
- xSmallBody1Regular: [
503
- 'var(--xSmallBody-1Regular-font-size)',
504
- {
505
- lineHeight: 'var(--xSmallBody-1Regular-line-height)',
506
- fontWeight: 'var(--xSmallBody-1Regular-font-weight)',
507
- },
508
- ],
509
- xSmallBody2Regular: [
510
- 'var(--xSmallBody-2Regular-font-size)',
511
- {
512
- lineHeight: 'var(--xSmallBody-2Regular-line-height)',
513
- fontWeight: 'var(--xSmallBody-2Regular-font-weight)',
514
- },
515
- ],
516
- xSmallSubheadRegular: [
517
- 'var(--xSmallSubhead-Regular-font-size)',
518
- {
519
- lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
520
- fontWeight: 'var(--font-weight-normal)',
521
- },
522
- ],
523
- xSmallSubheadEmphasized: [
524
- 'var(--xSmallSubhead-Regular-font-size)',
525
- {
526
- lineHeight: 'var(--xSmallSubhead-Regular-line-height)',
527
- fontWeight: 'var(--font-weight-semibold)',
528
- },
529
- ],
530
- xSmallCalloutRegular: [
531
- 'var(--xSmallCallout-Regular-font-size)',
532
- {
533
- lineHeight: 'var(--xSmallCallout-Regular-line-height)',
534
- fontWeight: 'var(--font-weight-regular)',
535
- },
536
- ],
537
- xSmallCalloutEmphasized: [
538
- 'var(--xSmallCallout-Regular-font-size)',
539
- {
540
- lineHeight: 'var(--xSmallCallout-Regular-line-height)',
541
- fontWeight: 'var(--font-weight-semibold)',
542
- },
543
- ],
544
- calloutRegular: [
545
- 'var(--callout-Regular-font-size)',
546
- {
547
- lineHeight: 'var(--callout-Regular-line-height)',
548
- fontWeight: 'var(--callout-Regular-font-weight)',
549
- },
550
- ],
551
- },
552
- boxShadow: {
553
- DEFAULT: 'var(--shadow-default)',
554
- card: '',
555
- },
556
- },
557
- },
558
- // safelist: [
559
- // {
560
- // pattern: /(tw-cursor|tw-block|tw-hidden|tw-relative|tw-absolute|tw-fixed|tw-float|tw-z)-./,
561
- // },
562
- // {
563
- // pattern: /(tw-border|tw-font|tw-h|tw-w|tw-min|tw-max|tw-shadow|tw-rounded|tw-border)-./,
564
- // },
565
- // {
566
- // pattern: /(tw-bg|tw-text)-./,
567
- // variants: ['hover', 'focus'],
568
- // },
569
- // {
570
- // pattern: /(tw-m|tw-p|tw-mt|tw-mb|tw-pt|tw-pb|tw-my|tw-mx|tw-py|tw-px)-./,
571
- // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
572
- // },
573
- // {
574
- // pattern:
575
- // /(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)-./,
576
- // variants: ['mobile', 'tablet', 'desktop', 'wide_desktop'],
577
- // },
578
- // ],
579
- plugins: [],
580
- };