design-system-silkhaus 3.8.0-beta.ST-1134.1 → 3.8.0-beta.ST-1134.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/index.d.ts +408 -2
  2. package/dist/tailwind.config.js +4 -3
  3. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -2,7 +2,6 @@ import { CalendarDayShape } from 'react-dates';
2
2
  import { ClassProp } from 'class-variance-authority/types';
3
3
  import { ClassValue } from 'clsx';
4
4
  import { default as default_2 } from 'react';
5
- import { default as default_3 } from '../../tailwind.config';
6
5
  import { ElementType } from 'react';
7
6
  import { FC } from 'react';
8
7
  import { ForwardRefExoticComponent } from 'react';
@@ -1449,7 +1448,414 @@ export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithCh
1449
1448
  isResponsive?: boolean;
1450
1449
  }> & React.ComponentPropsWithoutRef<T>;
1451
1450
 
1452
- declare type TextVariant = keyof typeof default_3.theme.extend.fontSize;
1451
+ declare type TextVariant = keyof typeof textVariants;
1452
+
1453
+ declare const textVariants: {
1454
+ readonly xLargeHeroTitleRegular: readonly ["var(--xLargeHero-TitleRegular-font-size)", {
1455
+ readonly lineHeight: "var(--xLargeHero-TitleRegular-line-height)";
1456
+ readonly fontWeight: "var(--xLargeHero-TitleRegular-font-weight)";
1457
+ }];
1458
+ readonly xLargeHeroTitleEmphasized: readonly ["var(--xLargeHero-TitleEmphasized-font-size)", {
1459
+ readonly lineHeight: "var(--xLargeHero-TitleEmphasized-line-height)";
1460
+ readonly fontWeight: "var(--font-weight-semibold)";
1461
+ }];
1462
+ readonly xLargeTitle1Regular: readonly ["var(--xLargeTitle-1Regular-font-size)", {
1463
+ readonly lineHeight: "var(--xLargeTitle-1Regular-line-height)";
1464
+ readonly fontWeight: "var(--xLargeTitle-1Regular-font-weight)";
1465
+ }];
1466
+ readonly xLargeTitle1Emphasized: readonly ["var(--xLargeTitle-1Emphasized-font-size)", {
1467
+ readonly lineHeight: "var(--xLargeTitle-1Emphasized-line-height)";
1468
+ readonly fontWeight: "var(--font-weight-semibold)";
1469
+ }];
1470
+ readonly xLargeTitle2Regular: readonly ["var(--xLargeTitle-2Regular-font-size)", {
1471
+ readonly lineHeight: "var(--xLargeTitle-2Regular-line-height)";
1472
+ readonly fontWeight: "var(--xLargeTitle-2Regular-font-weight)";
1473
+ }];
1474
+ readonly xLargeTitle2Emphasized: readonly ["var(--xLargeTitle-2Emphasized-font-size)", {
1475
+ readonly lineHeight: "var(--xLargeTitle-2Emphasized-line-height)";
1476
+ readonly fontWeight: "var(--font-weight-semibold)";
1477
+ }];
1478
+ readonly xLargeTitle3Regular: readonly ["var(--xLargeTitle-3Regular-font-size)", {
1479
+ readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
1480
+ readonly fontWeight: "var(--font-weight-normal)";
1481
+ }];
1482
+ readonly xLargeTitle3Emphasized: readonly ["var(--xLargeTitle-3Regular-font-size)", {
1483
+ readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
1484
+ readonly fontWeight: "var(--font-weight-semibold)";
1485
+ }];
1486
+ readonly xLargeBody1Regular: readonly ["var(--xLargeBody-1Regular-font-size)", {
1487
+ readonly lineHeight: "var(--xLargeBody-1Regular-line-height)";
1488
+ readonly fontWeight: "var(--xLargeBody-1Regular-font-weight)";
1489
+ }];
1490
+ readonly xLargeBody2Regular: readonly ["var(--xLargeBody-2Regular-font-size)", {
1491
+ readonly lineHeight: "var(--xLargeBody-2Regular-line-height)";
1492
+ readonly fontWeight: "var(--xLargeBody-2Regular-font-weight)";
1493
+ }];
1494
+ readonly xLargeHeadLineRegular: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
1495
+ readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
1496
+ readonly fontWeight: "var(--font-weight-semibold)";
1497
+ }];
1498
+ readonly xLargeHeadLineEmphasized: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
1499
+ readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
1500
+ readonly fontWeight: "var(--font-weight-bold)";
1501
+ }];
1502
+ readonly xLargeCalloutRegular: readonly ["var(--xLargeCallout-Regular-font-size)", {
1503
+ readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
1504
+ readonly fontWeight: "var(--font-weight-normal)";
1505
+ }];
1506
+ readonly xLargeCalloutEmphasized: readonly ["var(--xLargeCallout-Regular-font-size)", {
1507
+ readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
1508
+ readonly fontWeight: "var(--font-weight-semibold)";
1509
+ }];
1510
+ readonly xLargeFootnoteRegular: readonly ["15px", {
1511
+ readonly lineHeight: "20px";
1512
+ readonly fontWeight: "var(--font-weight-normal)";
1513
+ }];
1514
+ readonly xLargeFootnoteEmphasized: readonly ["15px", {
1515
+ readonly lineHeight: "20px";
1516
+ readonly fontWeight: "var(--font-weight-semibold)";
1517
+ }];
1518
+ readonly largeHeroTitleRegular: readonly ["var(--LargeHero-TitleRegular-font-size)", {
1519
+ readonly lineHeight: "var(--LargeHero-TitleRegular-line-height)";
1520
+ readonly fontWeight: "var(--LargeHero-TitleRegular-font-weight)";
1521
+ }];
1522
+ readonly largeHeroTitleEmphasized: readonly ["var(--LargeHero-TitleEmphasized-font-size)", {
1523
+ readonly lineHeight: "var(--LargeHero-TitleEmphasized-line-height)";
1524
+ readonly fontWeight: "var(--font-weight-semibold)";
1525
+ }];
1526
+ readonly largeTitle1Regular: readonly ["var(--LargeTitle-1Regular-font-size)", {
1527
+ readonly lineHeight: "var(--LargeTitle-1Regular-line-height)";
1528
+ readonly fontWeight: "var(--LargeTitle-1Regular-font-weight)";
1529
+ }];
1530
+ readonly largeTitle1Emphasized: readonly ["var(--LargeTitle-1Emphasized-font-size)", {
1531
+ readonly lineHeight: "var(--LargeTitle-1Emphasized-line-height)";
1532
+ readonly fontWeight: "var(--font-weight-semibold)";
1533
+ }];
1534
+ readonly largeTitle2Regular: readonly ["var(--LargeTitle-2Regular-font-size)", {
1535
+ readonly lineHeight: "var(--LargeTitle-2Regular-line-height)";
1536
+ readonly fontWeight: "var(--LargeTitle-2Regular-font-weight)";
1537
+ }];
1538
+ readonly largeTitle2Emphasized: readonly ["var(--LargeTitle-2Emphasized-font-size)", {
1539
+ readonly lineHeight: "var(--LargeTitle-2Emphasized-line-height)";
1540
+ readonly fontWeight: "var(--font-weight-semibold)";
1541
+ }];
1542
+ readonly largeTitle3Regular: readonly ["var(--LargeTitle-3Regular-font-size)", {
1543
+ readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
1544
+ readonly fontWeight: "var(--font-weight-normal)";
1545
+ }];
1546
+ readonly largeTitle3Emphasized: readonly ["var(--LargeTitle-3Regular-font-size)", {
1547
+ readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
1548
+ readonly fontWeight: "var(--font-weight-semibold)";
1549
+ }];
1550
+ readonly largeBody1Regular: readonly ["var(--LargeBody-1Regular-font-size)", {
1551
+ readonly lineHeight: "var(--LargeBody-1Regular-line-height)";
1552
+ readonly fontWeight: "var(--LargeBody-1Regular-font-weight)";
1553
+ }];
1554
+ readonly largeBody2Regular: readonly ["var(--LargeBody-2Regular-font-size)", {
1555
+ readonly lineHeight: "var(--LargeBody-2Regular-line-height)";
1556
+ readonly fontWeight: "var(--LargeBody-2Regular-font-weight)";
1557
+ }];
1558
+ readonly largeHeadLineRegular: readonly ["var(--LargeHeadLine-Regular-font-size)", {
1559
+ readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
1560
+ readonly fontWeight: "var(--font-weight-semibold)";
1561
+ }];
1562
+ readonly largeHeadLineEmphasized: readonly ["var(--LargeHeadLine-Regular-font-size)", {
1563
+ readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
1564
+ readonly fontWeight: "var(--font-weight-bold)";
1565
+ }];
1566
+ readonly largeCalloutRegular: readonly ["var(--LargeCallout-Regular-font-size)", {
1567
+ readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
1568
+ readonly fontWeight: "var(--font-weight-normal)";
1569
+ }];
1570
+ readonly largeCalloutEmphasized: readonly ["var(--LargeCallout-Regular-font-size)", {
1571
+ readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
1572
+ readonly fontWeight: "var(--font-weight-semibold)";
1573
+ }];
1574
+ readonly largeFootnoteRegular: readonly ["13px", {
1575
+ readonly lineHeight: "18px";
1576
+ readonly fontWeight: "var(--font-weight-normal)";
1577
+ }];
1578
+ readonly largeFootnoteEmphasized: readonly ["13px", {
1579
+ readonly lineHeight: "18px";
1580
+ readonly fontWeight: "var(--font-weight-semibold)";
1581
+ }];
1582
+ readonly mediumHeroTitleRegular: readonly ["var(--MediumHero-TitleRegular-font-size)", {
1583
+ readonly lineHeight: "var(--MediumHero-TitleRegular-line-height)";
1584
+ readonly fontWeight: "var(--MediumHero-TitleRegular-font-weight)";
1585
+ }];
1586
+ readonly mediumHeroTitleEmphasized: readonly ["var(--MediumHero-TitleEmphasized-font-size)", {
1587
+ readonly lineHeight: "var(--MediumHero-TitleEmphasized-line-height)";
1588
+ readonly fontWeight: "var(--font-weight-semibold)";
1589
+ }];
1590
+ readonly mediumTitle1Regular: readonly ["var(--MediumTitle-1Regular-font-size)", {
1591
+ readonly lineHeight: "var(--MediumTitle-1Regular-line-height)";
1592
+ readonly fontWeight: "var(--MediumTitle-1Regular-font-weight)";
1593
+ }];
1594
+ readonly mediumTitle1Emphasized: readonly ["var(--MediumTitle-1Emphasized-font-size)", {
1595
+ readonly lineHeight: "var(--MediumTitle-1Emphasized-line-height)";
1596
+ readonly fontWeight: "var(--font-weight-semibold)";
1597
+ }];
1598
+ readonly mediumTitle2Regular: readonly ["var(--MediumTitle-2Regular-font-size)", {
1599
+ readonly lineHeight: "var(--MediumTitle-2Regular-line-height)";
1600
+ readonly fontWeight: "var(--MediumTitle-2Regular-font-weight)";
1601
+ }];
1602
+ readonly mediumTitle2Emphasized: readonly ["var(--MediumTitle-2Emphasized-font-size)", {
1603
+ readonly lineHeight: "var(--MediumTitle-2Emphasized-line-height)";
1604
+ readonly fontWeight: "var(--font-weight-semibold)";
1605
+ }];
1606
+ readonly mediumTitle3Regular: readonly ["var(--MediumTitle-3Regular-font-size)", {
1607
+ readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
1608
+ readonly fontWeight: "var(--font-weight-normal)";
1609
+ }];
1610
+ readonly mediumTitle3Emphasized: readonly ["var(--MediumTitle-3Regular-font-size)", {
1611
+ readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
1612
+ readonly fontWeight: "var(--font-weight-semibold)";
1613
+ }];
1614
+ readonly mediumBodyRegular: readonly ["var(--MediumBody-Regular-font-size)", {
1615
+ readonly lineHeight: "var(--MediumBody-Regular-line-height)";
1616
+ readonly fontWeight: "var(--font-weight-normal)";
1617
+ }];
1618
+ readonly mediumBodyEmphasized: readonly ["var(--MediumBody-Emphasized-font-size)", {
1619
+ readonly lineHeight: "var(--MediumBody-Emphasized-line-height)";
1620
+ readonly fontWeight: "var(--font-weight-semibold)";
1621
+ }];
1622
+ readonly mediumBody1Regular: readonly ["var(--MediumBody-1Regular-font-size)", {
1623
+ readonly lineHeight: "var(--MediumBody-1Regular-line-height)";
1624
+ readonly fontWeight: "var(--MediumBody-1Regular-font-weight)";
1625
+ }];
1626
+ readonly mediumBody2Regular: readonly ["var(--MediumBody-2Regular-font-size)", {
1627
+ readonly lineHeight: "var(--MediumBody-2Regular-line-height)";
1628
+ readonly fontWeight: "var(--MediumBody-2Regular-font-weight)";
1629
+ }];
1630
+ readonly mediumHeadLineRegular: readonly ["var(--MediumHeadLine-Regular-font-size)", {
1631
+ readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
1632
+ readonly fontWeight: "var(--font-weight-semibold)";
1633
+ }];
1634
+ readonly mediumHeadLineEmphasized: readonly ["var(--MediumHeadLine-Regular-font-size)", {
1635
+ readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
1636
+ readonly fontWeight: "var(--font-weight-bold)";
1637
+ }];
1638
+ readonly mediumSubHeadRegular: readonly ["var(--MediumSubHead-Regular-font-size)", {
1639
+ readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
1640
+ readonly fontWeight: "var(--font-weight-normal)";
1641
+ }];
1642
+ readonly mediumSubHeadEmphasized: readonly ["var(--MediumSubHead-Regular-font-size)", {
1643
+ readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
1644
+ readonly fontWeight: "var(--font-weight-semibold)";
1645
+ }];
1646
+ readonly mediumCaption1Regular: readonly ["var(--MediumCaption-1Regular-font-size)", {
1647
+ readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
1648
+ readonly fontWeight: "var(--MediumCaption-1Regular-font-weight)";
1649
+ }];
1650
+ readonly mediumCaption1Emphasized: readonly ["var(--MediumCaption-1Regular-font-size)", {
1651
+ readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
1652
+ readonly fontWeight: "var(--font-weight-semibold)";
1653
+ }];
1654
+ readonly mediumCaption2Regular: readonly ["var(--MediumCaption-2Regular-font-size)", {
1655
+ readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
1656
+ readonly fontWeight: "var(--font-weight-normal)";
1657
+ }];
1658
+ readonly mediumCaption2Emphasized: readonly ["var(--MediumCaption-2Regular-font-size)", {
1659
+ readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
1660
+ readonly fontWeight: "var(--font-weight-semibold)";
1661
+ }];
1662
+ readonly mediumFootnoteRegular: readonly ["var(--MediumFootnote-Regular-font-size)", {
1663
+ readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
1664
+ readonly fontWeight: "var(--font-weight-normal)";
1665
+ }];
1666
+ readonly mediumFootnoteEmphasized: readonly ["var(--MediumFootnote-Regular-font-size)", {
1667
+ readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
1668
+ readonly fontWeight: "var( --font-weight-semibold)";
1669
+ }];
1670
+ readonly mediumCalloutRegular: readonly ["var(--MediumCallout-Regular-font-size)", {
1671
+ readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
1672
+ readonly fontWeight: "var(--font-weight-normal)";
1673
+ }];
1674
+ readonly mediumCalloutEmphasized: readonly ["var(--MediumCallout-Regular-font-size)", {
1675
+ readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
1676
+ readonly fontWeight: "var(--font-weight-semibold)";
1677
+ }];
1678
+ readonly smallHeroTitleRegular: readonly ["var(--SmallHero-TitleRegular-font-size)", {
1679
+ readonly lineHeight: "var(--SmallHero-TitleRegular-line-height)";
1680
+ readonly fontWeight: "var(--SmallHero-TitleRegular-font-weight)";
1681
+ }];
1682
+ readonly smallHeroTitleEmphasized: readonly ["var(--SmallHero-TitleEmphasized-font-size)", {
1683
+ readonly lineHeight: "var(--SmallHero-TitleEmphasized-line-height)";
1684
+ readonly fontWeight: "var(--font-weight-semibold)";
1685
+ }];
1686
+ readonly smallTitle1Regular: readonly ["var(--SmallTitle-1Regular-font-size)", {
1687
+ readonly lineHeight: "var(--SmallTitle-1Regular-line-height)";
1688
+ readonly fontWeight: "var(--SmallTitle-1Regular-font-weight)";
1689
+ }];
1690
+ readonly smallTitle1Emphasized: readonly ["var(--SmallTitle-1Emphasized-font-size)", {
1691
+ readonly lineHeight: "var(--SmallTitle-1Emphasized-line-height)";
1692
+ readonly fontWeight: "var(--font-weight-semibold)";
1693
+ }];
1694
+ readonly smallTitle2Regular: readonly ["var(--SmallTitle-2Regular-font-size)", {
1695
+ readonly lineHeight: "var(--SmallTitle-2Regular-line-height)";
1696
+ readonly fontWeight: "var(--SmallTitle-2Regular-font-weight)";
1697
+ }];
1698
+ readonly smallTitle2Emphasized: readonly ["var(--SmallTitle-2Emphasized-font-size)", {
1699
+ readonly lineHeight: "var(--SmallTitle-2Emphasized-line-height)";
1700
+ readonly fontWeight: "var(--font-weight-semibold)";
1701
+ }];
1702
+ readonly smallTitle3Regular: readonly ["var(--SmallTitle-3Regular-font-size)", {
1703
+ readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
1704
+ readonly fontWeight: "var(--font-weight-normal)";
1705
+ }];
1706
+ readonly smallTitle3Emphasized: readonly ["var(--SmallTitle-3Regular-font-size)", {
1707
+ readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
1708
+ readonly fontWeight: "var(--font-weight-semibold)";
1709
+ }];
1710
+ readonly smallBody1Regular: readonly ["var(--SmallBody-1Regular-font-size)", {
1711
+ readonly lineHeight: "var(--SmallBody-1Regular-line-height)";
1712
+ readonly fontWeight: "var(--SmallBody-1Regular-font-weight)";
1713
+ }];
1714
+ readonly smallBody2Regular: readonly ["var(--SmallBody-2Regular-font-size)", {
1715
+ readonly lineHeight: "var(--SmallBody-2Regular-line-height)";
1716
+ readonly fontWeight: "var(--SmallBody-2Regular-font-weight)";
1717
+ }];
1718
+ readonly smallSubheadRegular: readonly ["var(--SmallSubhead-Regular-font-size)", {
1719
+ readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
1720
+ readonly fontWeight: "var(--font-weight-normal)";
1721
+ }];
1722
+ readonly smallSubheadEmphasized: readonly ["var(--SmallSubhead-Regular-font-size)", {
1723
+ readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
1724
+ readonly fontWeight: "var(--font-weight-semibold)";
1725
+ }];
1726
+ readonly smallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
1727
+ readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
1728
+ readonly fontWeight: "var(--font-weight-normal)";
1729
+ }];
1730
+ readonly smallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
1731
+ readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
1732
+ readonly fontWeight: "var(--font-weight-semibold)";
1733
+ }];
1734
+ readonly smallHeadLineRegular: readonly ["var(--SmallHeadLine-Regular-font-size)", {
1735
+ readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
1736
+ readonly fontWeight: "var(--font-weight-semibold)";
1737
+ }];
1738
+ readonly smallHeadLineEmphasized: readonly ["var(--SmallHeadLine-Regular-font-size)", {
1739
+ readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
1740
+ readonly fontWeight: "var(--font-weight-bold)";
1741
+ }];
1742
+ readonly smallCalloutRegular: readonly ["var(--SmallCallout-Regular-font-size)", {
1743
+ readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
1744
+ readonly fontWeight: "var(--font-weight-regular)";
1745
+ }];
1746
+ readonly smallCalloutEmphasized: readonly ["var(--SmallCallout-Regular-font-size)", {
1747
+ readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
1748
+ readonly fontWeight: "var(--font-weight-semibold)";
1749
+ }];
1750
+ readonly smallFootnoteRegular: readonly ["12px", {
1751
+ readonly lineHeight: "20px";
1752
+ readonly fontWeight: "var(--font-weight-normal)";
1753
+ }];
1754
+ readonly smallFootnoteEmphasized: readonly ["12px", {
1755
+ readonly lineHeight: "20px";
1756
+ readonly fontWeight: "var(--font-weight-semibold)";
1757
+ }];
1758
+ readonly xSmallHeroTitleRegular: readonly ["var(--xSmallHero-TitleRegular-font-size)", {
1759
+ readonly lineHeight: "var(--xSmallHero-TitleRegular-line-height)";
1760
+ readonly fontWeight: "var(--xSmallHero-TitleRegular-font-weight)";
1761
+ }];
1762
+ readonly xSmallHeroTitleEmphasized: readonly ["var(--xSmallHero-TitleEmphasized-font-size)", {
1763
+ readonly lineHeight: "var(--xSmallHero-TitleEmphasized-line-height)";
1764
+ readonly fontWeight: "var(--font-weight-semibold)";
1765
+ }];
1766
+ readonly xSmallTitle1Regular: readonly ["var(--xSmallTitle-1Regular-font-size)", {
1767
+ readonly lineHeight: "var(--xSmallTitle-1Regular-line-height)";
1768
+ readonly fontWeight: "var(--xSmallTitle-1Regular-font-weight)";
1769
+ }];
1770
+ readonly xSmallTitle1Emphasized: readonly ["var(--xSmallTitle-1Emphasized-font-size)", {
1771
+ readonly lineHeight: "var(--xSmallTitle-1Emphasized-line-height)";
1772
+ readonly fontWeight: "var(--font-weight-semibold)";
1773
+ }];
1774
+ readonly xSmallTitle2Regular: readonly ["var(--xSmallTitle-2Regular-font-size)", {
1775
+ readonly lineHeight: "var(--xSmallTitle-2Regular-line-height)";
1776
+ readonly fontWeight: "var(--xSmallTitle-2Regular-font-weight)";
1777
+ }];
1778
+ readonly xSmallTitle2Emphasized: readonly ["var(--xSmallTitle-2Emphasized-font-size)", {
1779
+ readonly lineHeight: "var(--xSmallTitle-2Emphasized-line-height)";
1780
+ readonly fontWeight: "var(--font-weight-semibold)";
1781
+ }];
1782
+ readonly xSmallTitle3Regular: readonly ["var(--xSmallTitle-3Regular-font-size)", {
1783
+ readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
1784
+ readonly fontWeight: "var(--font-weight-normal)";
1785
+ }];
1786
+ readonly xSmallTitle3Emphasized: readonly ["var(--xSmallTitle-3Regular-font-size)", {
1787
+ readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
1788
+ readonly fontWeight: "var(--font-weight-semibold)";
1789
+ }];
1790
+ readonly xSmallBodyRegular: readonly ["var(--xSmallBody-Regular-font-size)", {
1791
+ readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
1792
+ readonly fontWeight: "var(--font-weight-normal)";
1793
+ }];
1794
+ readonly xSmallBodyEmphasized: readonly ["var(--xSmallBody-Regular-font-size)", {
1795
+ readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
1796
+ readonly fontWeight: "var(--font-weight-semibold)";
1797
+ }];
1798
+ readonly xSmallBody1Regular: readonly ["var(--xSmallBody-1Regular-font-size)", {
1799
+ readonly lineHeight: "var(--xSmallBody-1Regular-line-height)";
1800
+ readonly fontWeight: "var(--xSmallBody-1Regular-font-weight)";
1801
+ }];
1802
+ readonly xSmallBody2Regular: readonly ["var(--xSmallBody-2Regular-font-size)", {
1803
+ readonly lineHeight: "var(--xSmallBody-2Regular-line-height)";
1804
+ readonly fontWeight: "var(--xSmallBody-2Regular-font-weight)";
1805
+ }];
1806
+ readonly xSmallSubheadRegular: readonly ["var(--xSmallSubhead-Regular-font-size)", {
1807
+ readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
1808
+ readonly fontWeight: "var(--font-weight-normal)";
1809
+ }];
1810
+ readonly xSmallSubheadEmphasized: readonly ["var(--xSmallSubhead-Regular-font-size)", {
1811
+ readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
1812
+ readonly fontWeight: "var(--font-weight-semibold)";
1813
+ }];
1814
+ readonly xSmallCalloutRegular: readonly ["var(--xSmallCallout-Regular-font-size)", {
1815
+ readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
1816
+ readonly fontWeight: "var(--font-weight-regular)";
1817
+ }];
1818
+ readonly xSmallCalloutEmphasized: readonly ["var(--xSmallCallout-Regular-font-size)", {
1819
+ readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
1820
+ readonly fontWeight: "var(--font-weight-semibold)";
1821
+ }];
1822
+ readonly xSmallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
1823
+ readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
1824
+ readonly fontWeight: "var(--font-weight-normal)";
1825
+ }];
1826
+ readonly xSmallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
1827
+ readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
1828
+ readonly fontWeight: "var(--font-weight-semibold)";
1829
+ }];
1830
+ readonly xSmallCaption2Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
1831
+ readonly lineHeight: "var(--SmallCaption-Regular-line-height)";
1832
+ readonly fontWeight: "var(--font-weight-normal)";
1833
+ }];
1834
+ readonly xSmallCaption2Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
1835
+ readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
1836
+ readonly fontWeight: "var(--font-weight-semibold)";
1837
+ }];
1838
+ readonly xSmallHeadLineRegular: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
1839
+ readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
1840
+ readonly fontWeight: "var(--font-weight-semibold)";
1841
+ }];
1842
+ readonly xSmallHeadLineEmphasized: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
1843
+ readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
1844
+ readonly fontWeight: "var(--font-weight-bold)";
1845
+ }];
1846
+ readonly xSmallFootnoteRegular: readonly ["12px", {
1847
+ readonly lineHeight: "18px";
1848
+ readonly fontWeight: "var(--font-weight-normal)";
1849
+ }];
1850
+ readonly xSmallFootnoteEmphasized: readonly ["12px", {
1851
+ readonly lineHeight: "18px";
1852
+ readonly fontWeight: "var(--font-weight-semibold)";
1853
+ }];
1854
+ readonly calloutRegular: readonly ["var(--callout-Regular-font-size)", {
1855
+ readonly lineHeight: "var(--callout-Regular-line-height)";
1856
+ readonly fontWeight: "var(--callout-Regular-font-weight)";
1857
+ }];
1858
+ };
1453
1859
 
1454
1860
  export declare const ThreeDotsCircleIcon: FC<{
1455
1861
  className?: string;
package/dist/tailwind.config.js CHANGED
@@ -9,7 +9,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
9
9
  return to.concat(ar || Array.prototype.slice.call(from));
10
10
  };
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
- var fontSizeConfig = {
12
+ exports.fontSizeConfig = void 0;
13
+ exports.fontSizeConfig = {
13
14
  xLargeHeroTitleRegular: [
14
15
  'var(--xLargeHero-TitleRegular-font-size)',
15
16
  {
@@ -722,7 +723,7 @@ var fontSizeConfig = {
722
723
  },
723
724
  ],
724
725
  };
725
- var fontSizeClasses = Object.keys(fontSizeConfig).map(function (key) { return "ds-text-".concat(key); });
726
+ var fontSizeClasses = Object.keys(exports.fontSizeConfig).map(function (key) { return "ds-text-".concat(key); });
726
727
  // pre-compile all possible text variants for <Text /> component
727
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);
728
729
  /** @type {import('tailwindcss').Config} */
@@ -825,7 +826,7 @@ exports.default = {
825
826
  default: 'var(--font-family-default)',
826
827
  hero: 'var(--font-family-hero)',
827
828
  },
828
- fontSize: fontSizeConfig,
829
+ fontSize: exports.fontSizeConfig,
829
830
  boxShadow: {
830
831
  DEFAULT: 'var(--shadow-default)',
831
832
  sm: '0px 1px 4px 0px rgba(0, 0, 0, 0.16)',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "design-system-silkhaus",
3
3
  "private": false,
4
- "version": "3.8.0-beta.ST-1134.1",
4
+ "version": "3.8.0-beta.ST-1134.3",
5
5
  "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
6
6
  "author": "silkhaus",
7
7
  "license": "MIT",