@xsolla/xui-core 0.104.0 → 0.106.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.
package/index.mjs CHANGED
@@ -1854,7 +1854,7 @@ var themeConfig = (mode = "dark") => ({
1854
1854
  paddingHorizontal: 12,
1855
1855
  fontSize: 20,
1856
1856
  iconSize: 18,
1857
- radius: 4,
1857
+ radius: 8,
1858
1858
  borderWidth: 2,
1859
1859
  fieldGap: 8,
1860
1860
  lineHeight: 20
@@ -1865,7 +1865,7 @@ var themeConfig = (mode = "dark") => ({
1865
1865
  paddingHorizontal: 12,
1866
1866
  fontSize: 18,
1867
1867
  iconSize: 18,
1868
- radius: 4,
1868
+ radius: 8,
1869
1869
  borderWidth: 2,
1870
1870
  fieldGap: 6,
1871
1871
  lineHeight: 18
@@ -1876,7 +1876,7 @@ var themeConfig = (mode = "dark") => ({
1876
1876
  paddingHorizontal: 12,
1877
1877
  fontSize: 16,
1878
1878
  iconSize: 18,
1879
- radius: 2,
1879
+ radius: 8,
1880
1880
  borderWidth: 1,
1881
1881
  fieldGap: 4,
1882
1882
  lineHeight: 16
@@ -1887,7 +1887,7 @@ var themeConfig = (mode = "dark") => ({
1887
1887
  paddingHorizontal: 10,
1888
1888
  fontSize: 14,
1889
1889
  iconSize: 18,
1890
- radius: 2,
1890
+ radius: 4,
1891
1891
  borderWidth: 1,
1892
1892
  fieldGap: 4,
1893
1893
  lineHeight: 14
@@ -1898,7 +1898,7 @@ var themeConfig = (mode = "dark") => ({
1898
1898
  paddingHorizontal: 10,
1899
1899
  fontSize: 12,
1900
1900
  iconSize: 18,
1901
- radius: 2,
1901
+ radius: 4,
1902
1902
  borderWidth: 1,
1903
1903
  fieldGap: 4,
1904
1904
  lineHeight: 10
@@ -1908,21 +1908,51 @@ var themeConfig = (mode = "dark") => ({
1908
1908
  },
1909
1909
  inputPin: (size) => {
1910
1910
  const configs = {
1911
- xl: { size: 64, gap: 10, fontSize: 20, radius: 4, borderWidth: 2 },
1912
- lg: { size: 56, gap: 8, fontSize: 18, radius: 4, borderWidth: 2 },
1913
- md: { size: 48, gap: 6, fontSize: 16, radius: 2, borderWidth: 1 },
1914
- sm: { size: 40, gap: 4, fontSize: 14, radius: 2, borderWidth: 1 },
1915
- xs: { size: 32, gap: 4, fontSize: 12, radius: 2, borderWidth: 1 }
1911
+ xl: { size: 64, gap: 10, fontSize: 20, radius: 8, borderWidth: 1 },
1912
+ lg: { size: 56, gap: 8, fontSize: 18, radius: 8, borderWidth: 1 },
1913
+ md: { size: 48, gap: 6, fontSize: 16, radius: 8, borderWidth: 1 },
1914
+ sm: { size: 40, gap: 4, fontSize: 14, radius: 4, borderWidth: 1 },
1915
+ xs: { size: 32, gap: 4, fontSize: 12, radius: 4, borderWidth: 1 }
1916
1916
  };
1917
1917
  return configs[size];
1918
1918
  },
1919
1919
  textarea: (size) => {
1920
1920
  const configs = {
1921
- xl: { height: 144, padding: spacing.xl, fontSize: 20, iconSize: 32 },
1922
- lg: { height: 128, padding: spacing.l, fontSize: 18, iconSize: 28 },
1923
- md: { height: 112, padding: spacing.m, fontSize: 16, iconSize: 24 },
1924
- sm: { height: 96, padding: spacing.s, fontSize: 14, iconSize: 20 },
1925
- xs: { height: 80, padding: spacing.xs, fontSize: 12, iconSize: 16 }
1921
+ xl: {
1922
+ height: 144,
1923
+ padding: spacing.xl,
1924
+ fontSize: 20,
1925
+ iconSize: 32,
1926
+ radius: 8
1927
+ },
1928
+ lg: {
1929
+ height: 128,
1930
+ padding: spacing.l,
1931
+ fontSize: 18,
1932
+ iconSize: 28,
1933
+ radius: 8
1934
+ },
1935
+ md: {
1936
+ height: 112,
1937
+ padding: spacing.m,
1938
+ fontSize: 16,
1939
+ iconSize: 24,
1940
+ radius: 8
1941
+ },
1942
+ sm: {
1943
+ height: 96,
1944
+ padding: spacing.s,
1945
+ fontSize: 14,
1946
+ iconSize: 20,
1947
+ radius: 4
1948
+ },
1949
+ xs: {
1950
+ height: 80,
1951
+ padding: spacing.xs,
1952
+ fontSize: 12,
1953
+ iconSize: 16,
1954
+ radius: 4
1955
+ }
1926
1956
  };
1927
1957
  return configs[size];
1928
1958
  },