@xsolla/xui-core 0.68.0 → 0.69.0-pr102.1769397829

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/index.d.mts +30 -25
  2. package/index.d.ts +30 -25
  3. package/index.js +75 -64
  4. package/index.js.map +1 -1
  5. package/index.mjs +75 -64
  6. package/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/index.d.mts CHANGED
@@ -1319,7 +1319,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1319
1319
  primary: string;
1320
1320
  };
1321
1321
  sizing: {
1322
- button: (size: "xl" | "l" | "m" | "s" | "xs") => {
1322
+ button: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1323
1323
  height: number;
1324
1324
  padding: number;
1325
1325
  fontSize: number;
@@ -1365,7 +1365,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1365
1365
  iconPadding: number;
1366
1366
  loadingPadding: number;
1367
1367
  };
1368
- flexButton: (size: "xl" | "l" | "m" | "s" | "xs") => {
1368
+ flexButton: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1369
1369
  height: number;
1370
1370
  padding: number;
1371
1371
  fontSize: number;
@@ -1401,7 +1401,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1401
1401
  iconSize: number;
1402
1402
  borderRadius: number;
1403
1403
  };
1404
- checkbox: (size: "xl" | "l" | "m" | "s") => {
1404
+ checkbox: (size: "xl" | "lg" | "md" | "sm") => {
1405
1405
  size: number;
1406
1406
  fontSize: number;
1407
1407
  descriptionFontSize: number;
@@ -1430,7 +1430,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1430
1430
  textGap: number;
1431
1431
  borderRadius: number;
1432
1432
  };
1433
- radio: (size: "xl" | "l" | "m" | "s") => {
1433
+ radio: (size: "xl" | "lg" | "md" | "sm") => {
1434
1434
  size: number;
1435
1435
  fontSize: number;
1436
1436
  lineHeight: number;
@@ -1467,43 +1467,48 @@ declare const themeConfig: (mode?: ThemeMode) => {
1467
1467
  textGap: number;
1468
1468
  borderWidth: number;
1469
1469
  };
1470
- input: (size: "xl" | "l" | "m" | "s" | "xs") => {
1470
+ input: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1471
1471
  height: number;
1472
- padding: number;
1472
+ paddingVertical: number;
1473
+ paddingHorizontal: number;
1473
1474
  fontSize: number;
1474
1475
  iconSize: number;
1475
1476
  radius: number;
1476
1477
  borderWidth: number;
1477
1478
  } | {
1478
1479
  height: number;
1479
- padding: number;
1480
+ paddingVertical: number;
1481
+ paddingHorizontal: number;
1480
1482
  fontSize: number;
1481
1483
  iconSize: number;
1482
1484
  radius: number;
1483
1485
  borderWidth: number;
1484
1486
  } | {
1485
1487
  height: number;
1486
- padding: number;
1488
+ paddingVertical: number;
1489
+ paddingHorizontal: number;
1487
1490
  fontSize: number;
1488
1491
  iconSize: number;
1489
1492
  radius: number;
1490
1493
  borderWidth: number;
1491
1494
  } | {
1492
1495
  height: number;
1493
- padding: number;
1496
+ paddingVertical: number;
1497
+ paddingHorizontal: number;
1494
1498
  fontSize: number;
1495
1499
  iconSize: number;
1496
1500
  radius: number;
1497
1501
  borderWidth: number;
1498
1502
  } | {
1499
1503
  height: number;
1500
- padding: number;
1504
+ paddingVertical: number;
1505
+ paddingHorizontal: number;
1501
1506
  fontSize: number;
1502
1507
  iconSize: number;
1503
1508
  radius: number;
1504
1509
  borderWidth: number;
1505
1510
  };
1506
- inputPin: (size: "xl" | "l" | "m" | "s" | "xs") => {
1511
+ inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1507
1512
  size: number;
1508
1513
  gap: number;
1509
1514
  fontSize: number;
@@ -1534,7 +1539,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1534
1539
  radius: number;
1535
1540
  borderWidth: number;
1536
1541
  };
1537
- textarea: (size: "xl" | "l" | "m" | "s" | "xs") => {
1542
+ textarea: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1538
1543
  height: number;
1539
1544
  padding: number;
1540
1545
  fontSize: number;
@@ -1560,7 +1565,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1560
1565
  fontSize: number;
1561
1566
  iconSize: number;
1562
1567
  };
1563
- switch: (size: "xl" | "l" | "m" | "s") => {
1568
+ switch: (size: "xl" | "lg" | "md" | "sm") => {
1564
1569
  width: number;
1565
1570
  height: number;
1566
1571
  knobSize: number;
@@ -1609,7 +1614,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1609
1614
  frameBorderRadius: number;
1610
1615
  knobBorderRadius: number;
1611
1616
  };
1612
- avatar: (size: "xl" | "l" | "m" | "s" | "xs") => {
1617
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1613
1618
  size: number;
1614
1619
  fontSize: number;
1615
1620
  iconSize: number;
@@ -1685,7 +1690,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1685
1690
  borderRadiusSquare: number;
1686
1691
  borderRadiusCircle: number;
1687
1692
  };
1688
- tag: (size: "xl" | "l" | "m" | "s" | "xs") => {
1693
+ tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1689
1694
  height: number;
1690
1695
  padding: number;
1691
1696
  fontSize: number;
@@ -1721,7 +1726,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1721
1726
  iconSize: number;
1722
1727
  radius: number;
1723
1728
  };
1724
- divider: (size: "l" | "m" | "s") => {
1729
+ divider: (size: "lg" | "md" | "sm") => {
1725
1730
  height: number;
1726
1731
  fontSize: number;
1727
1732
  lineWeight: number;
@@ -1734,7 +1739,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1734
1739
  fontSize: number;
1735
1740
  lineWeight: number;
1736
1741
  };
1737
- spinner: (size: "xl" | "l" | "m" | "s" | "xs") => {
1742
+ spinner: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1738
1743
  size: number;
1739
1744
  strokeWidth: number;
1740
1745
  } | {
@@ -1750,7 +1755,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1750
1755
  size: number;
1751
1756
  strokeWidth: number;
1752
1757
  };
1753
- tabs: (size: "xl" | "l" | "m" | "s") => {
1758
+ tabs: (size: "xl" | "lg" | "md" | "sm") => {
1754
1759
  height: number;
1755
1760
  fontSize: number;
1756
1761
  iconSize: number;
@@ -1775,7 +1780,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1775
1780
  gap: number;
1776
1781
  paddingHorizontal: number;
1777
1782
  };
1778
- segmented: (size: "xl" | "l" | "m" | "s") => {
1783
+ segmented: (size: "xl" | "lg" | "md" | "sm") => {
1779
1784
  height: number;
1780
1785
  fontSize: number;
1781
1786
  iconSize: number;
@@ -1800,7 +1805,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1800
1805
  gap: number;
1801
1806
  padding: number;
1802
1807
  };
1803
- badge: (size: "xl" | "l" | "m" | "s" | "xs") => {
1808
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1804
1809
  size: number;
1805
1810
  fontSize: number;
1806
1811
  lineHeight: number;
@@ -1852,7 +1857,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1852
1857
  iconWrapperSize: number;
1853
1858
  radius: number;
1854
1859
  };
1855
- progress: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1860
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1856
1861
  height: number;
1857
1862
  labelSize: number;
1858
1863
  helperSize: number;
@@ -1883,7 +1888,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1883
1888
  helperSize: number;
1884
1889
  gap: number;
1885
1890
  };
1886
- supportingText: (size: "xl" | "l" | "m" | "s" | "xs") => {
1891
+ supportingText: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1887
1892
  fontSize: number;
1888
1893
  lineHeight: string;
1889
1894
  gap: number;
@@ -1909,7 +1914,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1909
1914
  gap: number;
1910
1915
  iconSize: number;
1911
1916
  };
1912
- iconWrapper: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1917
+ iconWrapper: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1913
1918
  size: number;
1914
1919
  iconSize: number;
1915
1920
  fontSize: number;
@@ -1934,7 +1939,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1934
1939
  iconSize: number;
1935
1940
  fontSize: number;
1936
1941
  };
1937
- stepper: (size: "m" | "s") => {
1942
+ stepper: (size: "md" | "sm") => {
1938
1943
  iconSize: number;
1939
1944
  titleSize: number;
1940
1945
  descSize: number;
@@ -1953,7 +1958,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1953
1958
  currentPadding: number;
1954
1959
  tailSize: number;
1955
1960
  };
1956
- contextMenu: (size: "xl" | "l" | "m" | "s") => {
1961
+ contextMenu: (size: "xl" | "lg" | "md" | "sm") => {
1957
1962
  paddingVertical: number;
1958
1963
  itemPaddingHorizontal: number;
1959
1964
  itemPaddingVertical: number;
package/index.d.ts CHANGED
@@ -1319,7 +1319,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1319
1319
  primary: string;
1320
1320
  };
1321
1321
  sizing: {
1322
- button: (size: "xl" | "l" | "m" | "s" | "xs") => {
1322
+ button: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1323
1323
  height: number;
1324
1324
  padding: number;
1325
1325
  fontSize: number;
@@ -1365,7 +1365,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1365
1365
  iconPadding: number;
1366
1366
  loadingPadding: number;
1367
1367
  };
1368
- flexButton: (size: "xl" | "l" | "m" | "s" | "xs") => {
1368
+ flexButton: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1369
1369
  height: number;
1370
1370
  padding: number;
1371
1371
  fontSize: number;
@@ -1401,7 +1401,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1401
1401
  iconSize: number;
1402
1402
  borderRadius: number;
1403
1403
  };
1404
- checkbox: (size: "xl" | "l" | "m" | "s") => {
1404
+ checkbox: (size: "xl" | "lg" | "md" | "sm") => {
1405
1405
  size: number;
1406
1406
  fontSize: number;
1407
1407
  descriptionFontSize: number;
@@ -1430,7 +1430,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1430
1430
  textGap: number;
1431
1431
  borderRadius: number;
1432
1432
  };
1433
- radio: (size: "xl" | "l" | "m" | "s") => {
1433
+ radio: (size: "xl" | "lg" | "md" | "sm") => {
1434
1434
  size: number;
1435
1435
  fontSize: number;
1436
1436
  lineHeight: number;
@@ -1467,43 +1467,48 @@ declare const themeConfig: (mode?: ThemeMode) => {
1467
1467
  textGap: number;
1468
1468
  borderWidth: number;
1469
1469
  };
1470
- input: (size: "xl" | "l" | "m" | "s" | "xs") => {
1470
+ input: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1471
1471
  height: number;
1472
- padding: number;
1472
+ paddingVertical: number;
1473
+ paddingHorizontal: number;
1473
1474
  fontSize: number;
1474
1475
  iconSize: number;
1475
1476
  radius: number;
1476
1477
  borderWidth: number;
1477
1478
  } | {
1478
1479
  height: number;
1479
- padding: number;
1480
+ paddingVertical: number;
1481
+ paddingHorizontal: number;
1480
1482
  fontSize: number;
1481
1483
  iconSize: number;
1482
1484
  radius: number;
1483
1485
  borderWidth: number;
1484
1486
  } | {
1485
1487
  height: number;
1486
- padding: number;
1488
+ paddingVertical: number;
1489
+ paddingHorizontal: number;
1487
1490
  fontSize: number;
1488
1491
  iconSize: number;
1489
1492
  radius: number;
1490
1493
  borderWidth: number;
1491
1494
  } | {
1492
1495
  height: number;
1493
- padding: number;
1496
+ paddingVertical: number;
1497
+ paddingHorizontal: number;
1494
1498
  fontSize: number;
1495
1499
  iconSize: number;
1496
1500
  radius: number;
1497
1501
  borderWidth: number;
1498
1502
  } | {
1499
1503
  height: number;
1500
- padding: number;
1504
+ paddingVertical: number;
1505
+ paddingHorizontal: number;
1501
1506
  fontSize: number;
1502
1507
  iconSize: number;
1503
1508
  radius: number;
1504
1509
  borderWidth: number;
1505
1510
  };
1506
- inputPin: (size: "xl" | "l" | "m" | "s" | "xs") => {
1511
+ inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1507
1512
  size: number;
1508
1513
  gap: number;
1509
1514
  fontSize: number;
@@ -1534,7 +1539,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1534
1539
  radius: number;
1535
1540
  borderWidth: number;
1536
1541
  };
1537
- textarea: (size: "xl" | "l" | "m" | "s" | "xs") => {
1542
+ textarea: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1538
1543
  height: number;
1539
1544
  padding: number;
1540
1545
  fontSize: number;
@@ -1560,7 +1565,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1560
1565
  fontSize: number;
1561
1566
  iconSize: number;
1562
1567
  };
1563
- switch: (size: "xl" | "l" | "m" | "s") => {
1568
+ switch: (size: "xl" | "lg" | "md" | "sm") => {
1564
1569
  width: number;
1565
1570
  height: number;
1566
1571
  knobSize: number;
@@ -1609,7 +1614,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1609
1614
  frameBorderRadius: number;
1610
1615
  knobBorderRadius: number;
1611
1616
  };
1612
- avatar: (size: "xl" | "l" | "m" | "s" | "xs") => {
1617
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1613
1618
  size: number;
1614
1619
  fontSize: number;
1615
1620
  iconSize: number;
@@ -1685,7 +1690,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1685
1690
  borderRadiusSquare: number;
1686
1691
  borderRadiusCircle: number;
1687
1692
  };
1688
- tag: (size: "xl" | "l" | "m" | "s" | "xs") => {
1693
+ tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1689
1694
  height: number;
1690
1695
  padding: number;
1691
1696
  fontSize: number;
@@ -1721,7 +1726,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1721
1726
  iconSize: number;
1722
1727
  radius: number;
1723
1728
  };
1724
- divider: (size: "l" | "m" | "s") => {
1729
+ divider: (size: "lg" | "md" | "sm") => {
1725
1730
  height: number;
1726
1731
  fontSize: number;
1727
1732
  lineWeight: number;
@@ -1734,7 +1739,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1734
1739
  fontSize: number;
1735
1740
  lineWeight: number;
1736
1741
  };
1737
- spinner: (size: "xl" | "l" | "m" | "s" | "xs") => {
1742
+ spinner: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1738
1743
  size: number;
1739
1744
  strokeWidth: number;
1740
1745
  } | {
@@ -1750,7 +1755,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1750
1755
  size: number;
1751
1756
  strokeWidth: number;
1752
1757
  };
1753
- tabs: (size: "xl" | "l" | "m" | "s") => {
1758
+ tabs: (size: "xl" | "lg" | "md" | "sm") => {
1754
1759
  height: number;
1755
1760
  fontSize: number;
1756
1761
  iconSize: number;
@@ -1775,7 +1780,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1775
1780
  gap: number;
1776
1781
  paddingHorizontal: number;
1777
1782
  };
1778
- segmented: (size: "xl" | "l" | "m" | "s") => {
1783
+ segmented: (size: "xl" | "lg" | "md" | "sm") => {
1779
1784
  height: number;
1780
1785
  fontSize: number;
1781
1786
  iconSize: number;
@@ -1800,7 +1805,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1800
1805
  gap: number;
1801
1806
  padding: number;
1802
1807
  };
1803
- badge: (size: "xl" | "l" | "m" | "s" | "xs") => {
1808
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1804
1809
  size: number;
1805
1810
  fontSize: number;
1806
1811
  lineHeight: number;
@@ -1852,7 +1857,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1852
1857
  iconWrapperSize: number;
1853
1858
  radius: number;
1854
1859
  };
1855
- progress: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1860
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1856
1861
  height: number;
1857
1862
  labelSize: number;
1858
1863
  helperSize: number;
@@ -1883,7 +1888,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1883
1888
  helperSize: number;
1884
1889
  gap: number;
1885
1890
  };
1886
- supportingText: (size: "xl" | "l" | "m" | "s" | "xs") => {
1891
+ supportingText: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1887
1892
  fontSize: number;
1888
1893
  lineHeight: string;
1889
1894
  gap: number;
@@ -1909,7 +1914,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1909
1914
  gap: number;
1910
1915
  iconSize: number;
1911
1916
  };
1912
- iconWrapper: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1917
+ iconWrapper: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1913
1918
  size: number;
1914
1919
  iconSize: number;
1915
1920
  fontSize: number;
@@ -1934,7 +1939,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1934
1939
  iconSize: number;
1935
1940
  fontSize: number;
1936
1941
  };
1937
- stepper: (size: "m" | "s") => {
1942
+ stepper: (size: "md" | "sm") => {
1938
1943
  iconSize: number;
1939
1944
  titleSize: number;
1940
1945
  descSize: number;
@@ -1953,7 +1958,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1953
1958
  currentPadding: number;
1954
1959
  tailSize: number;
1955
1960
  };
1956
- contextMenu: (size: "xl" | "l" | "m" | "s") => {
1961
+ contextMenu: (size: "xl" | "lg" | "md" | "sm") => {
1957
1962
  paddingVertical: number;
1958
1963
  itemPaddingHorizontal: number;
1959
1964
  itemPaddingVertical: number;