@xsolla/xui-core 0.69.0 → 0.70.0

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 +20 -20
  2. package/index.d.ts +20 -20
  3. package/index.js +65 -59
  4. package/index.js.map +1 -1
  5. package/index.mjs +65 -59
  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,7 +1467,7 @@ 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
1472
  paddingVertical: number;
1473
1473
  paddingHorizontal: number;
@@ -1508,7 +1508,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1508
1508
  radius: number;
1509
1509
  borderWidth: number;
1510
1510
  };
1511
- inputPin: (size: "xl" | "l" | "m" | "s" | "xs") => {
1511
+ inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1512
1512
  size: number;
1513
1513
  gap: number;
1514
1514
  fontSize: number;
@@ -1539,7 +1539,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1539
1539
  radius: number;
1540
1540
  borderWidth: number;
1541
1541
  };
1542
- textarea: (size: "xl" | "l" | "m" | "s" | "xs") => {
1542
+ textarea: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1543
1543
  height: number;
1544
1544
  padding: number;
1545
1545
  fontSize: number;
@@ -1565,7 +1565,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1565
1565
  fontSize: number;
1566
1566
  iconSize: number;
1567
1567
  };
1568
- switch: (size: "xl" | "l" | "m" | "s") => {
1568
+ switch: (size: "xl" | "lg" | "md" | "sm") => {
1569
1569
  width: number;
1570
1570
  height: number;
1571
1571
  knobSize: number;
@@ -1614,7 +1614,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1614
1614
  frameBorderRadius: number;
1615
1615
  knobBorderRadius: number;
1616
1616
  };
1617
- avatar: (size: "xl" | "l" | "m" | "s" | "xs") => {
1617
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1618
1618
  size: number;
1619
1619
  fontSize: number;
1620
1620
  iconSize: number;
@@ -1690,7 +1690,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1690
1690
  borderRadiusSquare: number;
1691
1691
  borderRadiusCircle: number;
1692
1692
  };
1693
- tag: (size: "xl" | "l" | "m" | "s" | "xs") => {
1693
+ tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1694
1694
  height: number;
1695
1695
  padding: number;
1696
1696
  fontSize: number;
@@ -1726,7 +1726,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1726
1726
  iconSize: number;
1727
1727
  radius: number;
1728
1728
  };
1729
- divider: (size: "l" | "m" | "s") => {
1729
+ divider: (size: "lg" | "md" | "sm") => {
1730
1730
  height: number;
1731
1731
  fontSize: number;
1732
1732
  lineWeight: number;
@@ -1739,7 +1739,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1739
1739
  fontSize: number;
1740
1740
  lineWeight: number;
1741
1741
  };
1742
- spinner: (size: "xl" | "l" | "m" | "s" | "xs") => {
1742
+ spinner: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1743
1743
  size: number;
1744
1744
  strokeWidth: number;
1745
1745
  } | {
@@ -1755,7 +1755,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1755
1755
  size: number;
1756
1756
  strokeWidth: number;
1757
1757
  };
1758
- tabs: (size: "xl" | "l" | "m" | "s") => {
1758
+ tabs: (size: "xl" | "lg" | "md" | "sm") => {
1759
1759
  height: number;
1760
1760
  fontSize: number;
1761
1761
  iconSize: number;
@@ -1780,7 +1780,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1780
1780
  gap: number;
1781
1781
  paddingHorizontal: number;
1782
1782
  };
1783
- segmented: (size: "xl" | "l" | "m" | "s") => {
1783
+ segmented: (size: "xl" | "lg" | "md" | "sm") => {
1784
1784
  height: number;
1785
1785
  fontSize: number;
1786
1786
  iconSize: number;
@@ -1805,7 +1805,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1805
1805
  gap: number;
1806
1806
  padding: number;
1807
1807
  };
1808
- badge: (size: "xl" | "l" | "m" | "s" | "xs") => {
1808
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1809
1809
  size: number;
1810
1810
  fontSize: number;
1811
1811
  lineHeight: number;
@@ -1857,7 +1857,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1857
1857
  iconWrapperSize: number;
1858
1858
  radius: number;
1859
1859
  };
1860
- progress: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1860
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1861
1861
  height: number;
1862
1862
  labelSize: number;
1863
1863
  helperSize: number;
@@ -1888,7 +1888,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1888
1888
  helperSize: number;
1889
1889
  gap: number;
1890
1890
  };
1891
- supportingText: (size: "xl" | "l" | "m" | "s" | "xs") => {
1891
+ supportingText: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1892
1892
  fontSize: number;
1893
1893
  lineHeight: string;
1894
1894
  gap: number;
@@ -1914,7 +1914,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1914
1914
  gap: number;
1915
1915
  iconSize: number;
1916
1916
  };
1917
- iconWrapper: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1917
+ iconWrapper: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1918
1918
  size: number;
1919
1919
  iconSize: number;
1920
1920
  fontSize: number;
@@ -1939,7 +1939,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1939
1939
  iconSize: number;
1940
1940
  fontSize: number;
1941
1941
  };
1942
- stepper: (size: "m" | "s") => {
1942
+ stepper: (size: "md" | "sm") => {
1943
1943
  iconSize: number;
1944
1944
  titleSize: number;
1945
1945
  descSize: number;
@@ -1958,7 +1958,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1958
1958
  currentPadding: number;
1959
1959
  tailSize: number;
1960
1960
  };
1961
- contextMenu: (size: "xl" | "l" | "m" | "s") => {
1961
+ contextMenu: (size: "xl" | "lg" | "md" | "sm") => {
1962
1962
  paddingVertical: number;
1963
1963
  itemPaddingHorizontal: number;
1964
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,7 +1467,7 @@ 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
1472
  paddingVertical: number;
1473
1473
  paddingHorizontal: number;
@@ -1508,7 +1508,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1508
1508
  radius: number;
1509
1509
  borderWidth: number;
1510
1510
  };
1511
- inputPin: (size: "xl" | "l" | "m" | "s" | "xs") => {
1511
+ inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1512
1512
  size: number;
1513
1513
  gap: number;
1514
1514
  fontSize: number;
@@ -1539,7 +1539,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1539
1539
  radius: number;
1540
1540
  borderWidth: number;
1541
1541
  };
1542
- textarea: (size: "xl" | "l" | "m" | "s" | "xs") => {
1542
+ textarea: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1543
1543
  height: number;
1544
1544
  padding: number;
1545
1545
  fontSize: number;
@@ -1565,7 +1565,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1565
1565
  fontSize: number;
1566
1566
  iconSize: number;
1567
1567
  };
1568
- switch: (size: "xl" | "l" | "m" | "s") => {
1568
+ switch: (size: "xl" | "lg" | "md" | "sm") => {
1569
1569
  width: number;
1570
1570
  height: number;
1571
1571
  knobSize: number;
@@ -1614,7 +1614,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1614
1614
  frameBorderRadius: number;
1615
1615
  knobBorderRadius: number;
1616
1616
  };
1617
- avatar: (size: "xl" | "l" | "m" | "s" | "xs") => {
1617
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1618
1618
  size: number;
1619
1619
  fontSize: number;
1620
1620
  iconSize: number;
@@ -1690,7 +1690,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1690
1690
  borderRadiusSquare: number;
1691
1691
  borderRadiusCircle: number;
1692
1692
  };
1693
- tag: (size: "xl" | "l" | "m" | "s" | "xs") => {
1693
+ tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1694
1694
  height: number;
1695
1695
  padding: number;
1696
1696
  fontSize: number;
@@ -1726,7 +1726,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1726
1726
  iconSize: number;
1727
1727
  radius: number;
1728
1728
  };
1729
- divider: (size: "l" | "m" | "s") => {
1729
+ divider: (size: "lg" | "md" | "sm") => {
1730
1730
  height: number;
1731
1731
  fontSize: number;
1732
1732
  lineWeight: number;
@@ -1739,7 +1739,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1739
1739
  fontSize: number;
1740
1740
  lineWeight: number;
1741
1741
  };
1742
- spinner: (size: "xl" | "l" | "m" | "s" | "xs") => {
1742
+ spinner: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1743
1743
  size: number;
1744
1744
  strokeWidth: number;
1745
1745
  } | {
@@ -1755,7 +1755,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1755
1755
  size: number;
1756
1756
  strokeWidth: number;
1757
1757
  };
1758
- tabs: (size: "xl" | "l" | "m" | "s") => {
1758
+ tabs: (size: "xl" | "lg" | "md" | "sm") => {
1759
1759
  height: number;
1760
1760
  fontSize: number;
1761
1761
  iconSize: number;
@@ -1780,7 +1780,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1780
1780
  gap: number;
1781
1781
  paddingHorizontal: number;
1782
1782
  };
1783
- segmented: (size: "xl" | "l" | "m" | "s") => {
1783
+ segmented: (size: "xl" | "lg" | "md" | "sm") => {
1784
1784
  height: number;
1785
1785
  fontSize: number;
1786
1786
  iconSize: number;
@@ -1805,7 +1805,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1805
1805
  gap: number;
1806
1806
  padding: number;
1807
1807
  };
1808
- badge: (size: "xl" | "l" | "m" | "s" | "xs") => {
1808
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1809
1809
  size: number;
1810
1810
  fontSize: number;
1811
1811
  lineHeight: number;
@@ -1857,7 +1857,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1857
1857
  iconWrapperSize: number;
1858
1858
  radius: number;
1859
1859
  };
1860
- progress: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1860
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1861
1861
  height: number;
1862
1862
  labelSize: number;
1863
1863
  helperSize: number;
@@ -1888,7 +1888,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1888
1888
  helperSize: number;
1889
1889
  gap: number;
1890
1890
  };
1891
- supportingText: (size: "xl" | "l" | "m" | "s" | "xs") => {
1891
+ supportingText: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
1892
1892
  fontSize: number;
1893
1893
  lineHeight: string;
1894
1894
  gap: number;
@@ -1914,7 +1914,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1914
1914
  gap: number;
1915
1915
  iconSize: number;
1916
1916
  };
1917
- iconWrapper: (size: "xl" | "l" | "m" | "s" | "xs" | "xxs") => {
1917
+ iconWrapper: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
1918
1918
  size: number;
1919
1919
  iconSize: number;
1920
1920
  fontSize: number;
@@ -1939,7 +1939,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1939
1939
  iconSize: number;
1940
1940
  fontSize: number;
1941
1941
  };
1942
- stepper: (size: "m" | "s") => {
1942
+ stepper: (size: "md" | "sm") => {
1943
1943
  iconSize: number;
1944
1944
  titleSize: number;
1945
1945
  descSize: number;
@@ -1958,7 +1958,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
1958
1958
  currentPadding: number;
1959
1959
  tailSize: number;
1960
1960
  };
1961
- contextMenu: (size: "xl" | "l" | "m" | "s") => {
1961
+ contextMenu: (size: "xl" | "lg" | "md" | "sm") => {
1962
1962
  paddingVertical: number;
1963
1963
  itemPaddingHorizontal: number;
1964
1964
  itemPaddingVertical: number;