@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.d.mts +5 -0
- package/index.d.ts +5 -0
- package/index.js +45 -15
- package/index.js.flow +10 -5
- package/index.js.map +1 -1
- package/index.mjs +45 -15
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -4771,26 +4771,31 @@ declare const themeConfig: (mode?: ThemeMode) => {
|
|
|
4771
4771
|
padding: number;
|
|
4772
4772
|
fontSize: number;
|
|
4773
4773
|
iconSize: number;
|
|
4774
|
+
radius: number;
|
|
4774
4775
|
} | {
|
|
4775
4776
|
height: number;
|
|
4776
4777
|
padding: number;
|
|
4777
4778
|
fontSize: number;
|
|
4778
4779
|
iconSize: number;
|
|
4780
|
+
radius: number;
|
|
4779
4781
|
} | {
|
|
4780
4782
|
height: number;
|
|
4781
4783
|
padding: number;
|
|
4782
4784
|
fontSize: number;
|
|
4783
4785
|
iconSize: number;
|
|
4786
|
+
radius: number;
|
|
4784
4787
|
} | {
|
|
4785
4788
|
height: number;
|
|
4786
4789
|
padding: number;
|
|
4787
4790
|
fontSize: number;
|
|
4788
4791
|
iconSize: number;
|
|
4792
|
+
radius: number;
|
|
4789
4793
|
} | {
|
|
4790
4794
|
height: number;
|
|
4791
4795
|
padding: number;
|
|
4792
4796
|
fontSize: number;
|
|
4793
4797
|
iconSize: number;
|
|
4798
|
+
radius: number;
|
|
4794
4799
|
};
|
|
4795
4800
|
switch: (size: "xl" | "lg" | "md" | "sm") => {
|
|
4796
4801
|
width: number;
|
package/index.d.ts
CHANGED
|
@@ -4771,26 +4771,31 @@ declare const themeConfig: (mode?: ThemeMode) => {
|
|
|
4771
4771
|
padding: number;
|
|
4772
4772
|
fontSize: number;
|
|
4773
4773
|
iconSize: number;
|
|
4774
|
+
radius: number;
|
|
4774
4775
|
} | {
|
|
4775
4776
|
height: number;
|
|
4776
4777
|
padding: number;
|
|
4777
4778
|
fontSize: number;
|
|
4778
4779
|
iconSize: number;
|
|
4780
|
+
radius: number;
|
|
4779
4781
|
} | {
|
|
4780
4782
|
height: number;
|
|
4781
4783
|
padding: number;
|
|
4782
4784
|
fontSize: number;
|
|
4783
4785
|
iconSize: number;
|
|
4786
|
+
radius: number;
|
|
4784
4787
|
} | {
|
|
4785
4788
|
height: number;
|
|
4786
4789
|
padding: number;
|
|
4787
4790
|
fontSize: number;
|
|
4788
4791
|
iconSize: number;
|
|
4792
|
+
radius: number;
|
|
4789
4793
|
} | {
|
|
4790
4794
|
height: number;
|
|
4791
4795
|
padding: number;
|
|
4792
4796
|
fontSize: number;
|
|
4793
4797
|
iconSize: number;
|
|
4798
|
+
radius: number;
|
|
4794
4799
|
};
|
|
4795
4800
|
switch: (size: "xl" | "lg" | "md" | "sm") => {
|
|
4796
4801
|
width: number;
|
package/index.js
CHANGED
|
@@ -1905,7 +1905,7 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1905
1905
|
paddingHorizontal: 12,
|
|
1906
1906
|
fontSize: 20,
|
|
1907
1907
|
iconSize: 18,
|
|
1908
|
-
radius:
|
|
1908
|
+
radius: 8,
|
|
1909
1909
|
borderWidth: 2,
|
|
1910
1910
|
fieldGap: 8,
|
|
1911
1911
|
lineHeight: 20
|
|
@@ -1916,7 +1916,7 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1916
1916
|
paddingHorizontal: 12,
|
|
1917
1917
|
fontSize: 18,
|
|
1918
1918
|
iconSize: 18,
|
|
1919
|
-
radius:
|
|
1919
|
+
radius: 8,
|
|
1920
1920
|
borderWidth: 2,
|
|
1921
1921
|
fieldGap: 6,
|
|
1922
1922
|
lineHeight: 18
|
|
@@ -1927,7 +1927,7 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1927
1927
|
paddingHorizontal: 12,
|
|
1928
1928
|
fontSize: 16,
|
|
1929
1929
|
iconSize: 18,
|
|
1930
|
-
radius:
|
|
1930
|
+
radius: 8,
|
|
1931
1931
|
borderWidth: 1,
|
|
1932
1932
|
fieldGap: 4,
|
|
1933
1933
|
lineHeight: 16
|
|
@@ -1938,7 +1938,7 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1938
1938
|
paddingHorizontal: 10,
|
|
1939
1939
|
fontSize: 14,
|
|
1940
1940
|
iconSize: 18,
|
|
1941
|
-
radius:
|
|
1941
|
+
radius: 4,
|
|
1942
1942
|
borderWidth: 1,
|
|
1943
1943
|
fieldGap: 4,
|
|
1944
1944
|
lineHeight: 14
|
|
@@ -1949,7 +1949,7 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1949
1949
|
paddingHorizontal: 10,
|
|
1950
1950
|
fontSize: 12,
|
|
1951
1951
|
iconSize: 18,
|
|
1952
|
-
radius:
|
|
1952
|
+
radius: 4,
|
|
1953
1953
|
borderWidth: 1,
|
|
1954
1954
|
fieldGap: 4,
|
|
1955
1955
|
lineHeight: 10
|
|
@@ -1959,21 +1959,51 @@ var themeConfig = (mode = "dark") => ({
|
|
|
1959
1959
|
},
|
|
1960
1960
|
inputPin: (size) => {
|
|
1961
1961
|
const configs = {
|
|
1962
|
-
xl: { size: 64, gap: 10, fontSize: 20, radius:
|
|
1963
|
-
lg: { size: 56, gap: 8, fontSize: 18, radius:
|
|
1964
|
-
md: { size: 48, gap: 6, fontSize: 16, radius:
|
|
1965
|
-
sm: { size: 40, gap: 4, fontSize: 14, radius:
|
|
1966
|
-
xs: { size: 32, gap: 4, fontSize: 12, radius:
|
|
1962
|
+
xl: { size: 64, gap: 10, fontSize: 20, radius: 8, borderWidth: 1 },
|
|
1963
|
+
lg: { size: 56, gap: 8, fontSize: 18, radius: 8, borderWidth: 1 },
|
|
1964
|
+
md: { size: 48, gap: 6, fontSize: 16, radius: 8, borderWidth: 1 },
|
|
1965
|
+
sm: { size: 40, gap: 4, fontSize: 14, radius: 4, borderWidth: 1 },
|
|
1966
|
+
xs: { size: 32, gap: 4, fontSize: 12, radius: 4, borderWidth: 1 }
|
|
1967
1967
|
};
|
|
1968
1968
|
return configs[size];
|
|
1969
1969
|
},
|
|
1970
1970
|
textarea: (size) => {
|
|
1971
1971
|
const configs = {
|
|
1972
|
-
xl: {
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1972
|
+
xl: {
|
|
1973
|
+
height: 144,
|
|
1974
|
+
padding: spacing.xl,
|
|
1975
|
+
fontSize: 20,
|
|
1976
|
+
iconSize: 32,
|
|
1977
|
+
radius: 8
|
|
1978
|
+
},
|
|
1979
|
+
lg: {
|
|
1980
|
+
height: 128,
|
|
1981
|
+
padding: spacing.l,
|
|
1982
|
+
fontSize: 18,
|
|
1983
|
+
iconSize: 28,
|
|
1984
|
+
radius: 8
|
|
1985
|
+
},
|
|
1986
|
+
md: {
|
|
1987
|
+
height: 112,
|
|
1988
|
+
padding: spacing.m,
|
|
1989
|
+
fontSize: 16,
|
|
1990
|
+
iconSize: 24,
|
|
1991
|
+
radius: 8
|
|
1992
|
+
},
|
|
1993
|
+
sm: {
|
|
1994
|
+
height: 96,
|
|
1995
|
+
padding: spacing.s,
|
|
1996
|
+
fontSize: 14,
|
|
1997
|
+
iconSize: 20,
|
|
1998
|
+
radius: 4
|
|
1999
|
+
},
|
|
2000
|
+
xs: {
|
|
2001
|
+
height: 80,
|
|
2002
|
+
padding: spacing.xs,
|
|
2003
|
+
fontSize: 12,
|
|
2004
|
+
iconSize: 16,
|
|
2005
|
+
radius: 4
|
|
2006
|
+
}
|
|
1977
2007
|
};
|
|
1978
2008
|
return configs[size];
|
|
1979
2009
|
},
|
package/index.js.flow
CHANGED
|
@@ -4525,31 +4525,36 @@ size: "xl"
|
|
|
4525
4525
|
height: number,
|
|
4526
4526
|
padding: number,
|
|
4527
4527
|
fontSize: number,
|
|
4528
|
-
iconSize: number
|
|
4528
|
+
iconSize: number,
|
|
4529
|
+
radius: number,...
|
|
4529
4530
|
}
|
|
4530
4531
|
| {
|
|
4531
4532
|
height: number,
|
|
4532
4533
|
padding: number,
|
|
4533
4534
|
fontSize: number,
|
|
4534
|
-
iconSize: number
|
|
4535
|
+
iconSize: number,
|
|
4536
|
+
radius: number,...
|
|
4535
4537
|
}
|
|
4536
4538
|
| {
|
|
4537
4539
|
height: number,
|
|
4538
4540
|
padding: number,
|
|
4539
4541
|
fontSize: number,
|
|
4540
|
-
iconSize: number
|
|
4542
|
+
iconSize: number,
|
|
4543
|
+
radius: number,...
|
|
4541
4544
|
}
|
|
4542
4545
|
| {
|
|
4543
4546
|
height: number,
|
|
4544
4547
|
padding: number,
|
|
4545
4548
|
fontSize: number,
|
|
4546
|
-
iconSize: number
|
|
4549
|
+
iconSize: number,
|
|
4550
|
+
radius: number,...
|
|
4547
4551
|
}
|
|
4548
4552
|
| {
|
|
4549
4553
|
height: number,
|
|
4550
4554
|
padding: number,
|
|
4551
4555
|
fontSize: number,
|
|
4552
|
-
iconSize: number
|
|
4556
|
+
iconSize: number,
|
|
4557
|
+
radius: number,...
|
|
4553
4558
|
},
|
|
4554
4559
|
switch: (
|
|
4555
4560
|
size: "xl" | "lg" | "md" | "sm") => {
|