@xsolla/xui-core 0.147.1 → 0.148.0-pr235.1777530725
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 +57 -49
- package/index.d.ts +57 -49
- package/index.js +104 -100
- package/index.js.map +1 -1
- package/index.mjs +104 -100
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -67,8 +67,8 @@ var background = {
|
|
|
67
67
|
secondary: "#0b3841"
|
|
68
68
|
},
|
|
69
69
|
brandExtra: {
|
|
70
|
-
primary: "#
|
|
71
|
-
secondary: "#
|
|
70
|
+
primary: "#7055f6",
|
|
71
|
+
secondary: "#22136c"
|
|
72
72
|
},
|
|
73
73
|
inverse: "#ffffff",
|
|
74
74
|
"static": {
|
|
@@ -101,7 +101,7 @@ var content = {
|
|
|
101
101
|
secondary: "#55dcf6"
|
|
102
102
|
},
|
|
103
103
|
brandExtra: {
|
|
104
|
-
primary: "#
|
|
104
|
+
primary: "#7055f6",
|
|
105
105
|
secondary: "#9580ff"
|
|
106
106
|
},
|
|
107
107
|
inverse: "#000000",
|
|
@@ -136,7 +136,7 @@ var content = {
|
|
|
136
136
|
};
|
|
137
137
|
var border = {
|
|
138
138
|
primary: "#ffffff",
|
|
139
|
-
secondary: "rgba(178, 242, 255, 0.
|
|
139
|
+
secondary: "rgba(178, 242, 255, 0.15)",
|
|
140
140
|
brand: "#31cae8",
|
|
141
141
|
brandExtra: "#9580ff",
|
|
142
142
|
inverse: "rgba(0, 0, 0, 0.15)",
|
|
@@ -147,17 +147,17 @@ var border = {
|
|
|
147
147
|
};
|
|
148
148
|
var overlay = {
|
|
149
149
|
mono: "rgba(178, 242, 255, 0.06)",
|
|
150
|
-
monoHover: "rgba(178, 242, 255, 0.12)",
|
|
151
150
|
brand: "rgba(128, 234, 255, 0.2)",
|
|
152
|
-
brandExtra: "rgba(
|
|
151
|
+
brandExtra: "rgba(149, 128, 255, 0.3)",
|
|
153
152
|
success: "rgba(149, 255, 128, 0.2)",
|
|
154
153
|
warning: "rgba(255, 195, 128, 0.24)",
|
|
155
154
|
alert: "rgba(232, 79, 48, 0.32)",
|
|
156
|
-
neutral: "rgba(123, 152, 157, 0.28)"
|
|
155
|
+
neutral: "rgba(123, 152, 157, 0.28)",
|
|
156
|
+
monoHover: "rgba(178, 242, 255, 0.12)"
|
|
157
157
|
};
|
|
158
158
|
var layer = {
|
|
159
159
|
scrim: "rgba(0, 0, 0, 0.5)",
|
|
160
|
-
float: "
|
|
160
|
+
float: "rgba(0, 0, 0, 0.5)"
|
|
161
161
|
};
|
|
162
162
|
var control = {
|
|
163
163
|
brand: {
|
|
@@ -245,25 +245,25 @@ var control = {
|
|
|
245
245
|
},
|
|
246
246
|
brandExtra: {
|
|
247
247
|
primary: {
|
|
248
|
-
bg: "#
|
|
249
|
-
bgHover: "#
|
|
250
|
-
bgPress: "#
|
|
248
|
+
bg: "#7055f6",
|
|
249
|
+
bgHover: "#5031e8",
|
|
250
|
+
bgPress: "#9580ff",
|
|
251
251
|
border: "rgba(255, 255, 255, 0)",
|
|
252
252
|
borderHover: "rgba(255, 255, 255, 0)",
|
|
253
253
|
borderPress: "rgba(255, 255, 255, 0)"
|
|
254
254
|
},
|
|
255
255
|
secondary: {
|
|
256
|
-
bg: "rgba(
|
|
257
|
-
bgHover: "rgba(
|
|
258
|
-
bgPress: "rgba(
|
|
259
|
-
border: "
|
|
260
|
-
borderHover: "
|
|
256
|
+
bg: "rgba(80, 49, 232, 0.4)",
|
|
257
|
+
bgHover: "rgba(149, 128, 255, 0.4)",
|
|
258
|
+
bgPress: "rgba(80, 49, 232, 0.4)",
|
|
259
|
+
border: "#7055f6",
|
|
260
|
+
borderHover: "#9580ff",
|
|
261
261
|
borderPress: "rgba(255, 255, 255, 0)"
|
|
262
262
|
},
|
|
263
263
|
tertiary: {
|
|
264
|
-
bg: "rgba(
|
|
265
|
-
bgHover: "rgba(
|
|
266
|
-
bgPress: "rgba(
|
|
264
|
+
bg: "rgba(80, 49, 232, 0)",
|
|
265
|
+
bgHover: "rgba(149, 128, 255, 0.07)",
|
|
266
|
+
bgPress: "rgba(80, 49, 232, 0.12)",
|
|
267
267
|
border: "rgba(255, 255, 255, 0)",
|
|
268
268
|
borderHover: "rgba(255, 255, 255, 0)",
|
|
269
269
|
borderPress: "rgba(255, 255, 255, 0)"
|
|
@@ -298,8 +298,8 @@ var control = {
|
|
|
298
298
|
bg: "rgba(232, 79, 48, 0.4)",
|
|
299
299
|
bgHover: "rgba(246, 112, 85, 0.4)",
|
|
300
300
|
bgPress: "rgba(195, 61, 34, 0.4)",
|
|
301
|
-
border: "rgba(
|
|
302
|
-
borderHover: "rgba(
|
|
301
|
+
border: "rgba(246, 112, 85, 0.32)",
|
|
302
|
+
borderHover: "rgba(246, 112, 85, 0.32)",
|
|
303
303
|
borderPress: "rgba(255, 255, 255, 0)"
|
|
304
304
|
},
|
|
305
305
|
tertiary: {
|
|
@@ -337,7 +337,7 @@ var control = {
|
|
|
337
337
|
textDisable: "rgba(255, 255, 255, 0.36)"
|
|
338
338
|
},
|
|
339
339
|
focus: {
|
|
340
|
-
bg: "
|
|
340
|
+
bg: "rgba(0, 0, 0, 0.5)",
|
|
341
341
|
border: "#31cae8"
|
|
342
342
|
},
|
|
343
343
|
check: {
|
|
@@ -361,11 +361,11 @@ var control = {
|
|
|
361
361
|
bgDisable: "rgba(52, 71, 75, 0.85)"
|
|
362
362
|
},
|
|
363
363
|
"switch": {
|
|
364
|
-
bg: "#
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
border: "
|
|
368
|
-
borderHover: "
|
|
364
|
+
bg: "#135d6c",
|
|
365
|
+
bgHover: "#1b8398",
|
|
366
|
+
bgDisable: "rgba(178, 242, 255, 0.25)",
|
|
367
|
+
border: "#22a8c3",
|
|
368
|
+
borderHover: "#22a8c3",
|
|
369
369
|
borderDisable: "rgba(255, 255, 255, 0)"
|
|
370
370
|
},
|
|
371
371
|
knob: {
|
|
@@ -560,13 +560,13 @@ declare const colors: {
|
|
|
560
560
|
};
|
|
561
561
|
overlay: {
|
|
562
562
|
mono: string;
|
|
563
|
-
monoHover: string;
|
|
564
563
|
brand: string;
|
|
565
564
|
brandExtra: string;
|
|
566
565
|
success: string;
|
|
567
566
|
warning: string;
|
|
568
567
|
alert: string;
|
|
569
568
|
neutral: string;
|
|
569
|
+
monoHover: string;
|
|
570
570
|
};
|
|
571
571
|
layer: {
|
|
572
572
|
scrim: string;
|
|
@@ -775,8 +775,8 @@ declare const colors: {
|
|
|
775
775
|
};
|
|
776
776
|
switch: {
|
|
777
777
|
bg: string;
|
|
778
|
-
bgDisable: string;
|
|
779
778
|
bgHover: string;
|
|
779
|
+
bgDisable: string;
|
|
780
780
|
border: string;
|
|
781
781
|
borderHover: string;
|
|
782
782
|
borderDisable: string;
|
|
@@ -956,13 +956,13 @@ declare const colors: {
|
|
|
956
956
|
};
|
|
957
957
|
overlay: {
|
|
958
958
|
mono: string;
|
|
959
|
-
monoHover: string;
|
|
960
959
|
brand: string;
|
|
961
960
|
brandExtra: string;
|
|
962
961
|
success: string;
|
|
963
962
|
warning: string;
|
|
964
963
|
alert: string;
|
|
965
964
|
neutral: string;
|
|
965
|
+
monoHover: string;
|
|
966
966
|
};
|
|
967
967
|
layer: {
|
|
968
968
|
scrim: string;
|
|
@@ -1171,8 +1171,8 @@ declare const colors: {
|
|
|
1171
1171
|
};
|
|
1172
1172
|
switch: {
|
|
1173
1173
|
bg: string;
|
|
1174
|
-
bgDisable: string;
|
|
1175
1174
|
bgHover: string;
|
|
1175
|
+
bgDisable: string;
|
|
1176
1176
|
border: string;
|
|
1177
1177
|
borderHover: string;
|
|
1178
1178
|
borderDisable: string;
|
|
@@ -1352,13 +1352,13 @@ declare const colors: {
|
|
|
1352
1352
|
};
|
|
1353
1353
|
overlay: {
|
|
1354
1354
|
mono: string;
|
|
1355
|
-
monoHover: string;
|
|
1356
1355
|
brand: string;
|
|
1357
1356
|
brandExtra: string;
|
|
1358
1357
|
success: string;
|
|
1359
1358
|
warning: string;
|
|
1360
1359
|
alert: string;
|
|
1361
1360
|
neutral: string;
|
|
1361
|
+
monoHover: string;
|
|
1362
1362
|
};
|
|
1363
1363
|
layer: {
|
|
1364
1364
|
scrim: string;
|
|
@@ -1567,8 +1567,8 @@ declare const colors: {
|
|
|
1567
1567
|
};
|
|
1568
1568
|
switch: {
|
|
1569
1569
|
bg: string;
|
|
1570
|
-
bgDisable: string;
|
|
1571
1570
|
bgHover: string;
|
|
1571
|
+
bgDisable: string;
|
|
1572
1572
|
border: string;
|
|
1573
1573
|
borderHover: string;
|
|
1574
1574
|
borderDisable: string;
|
|
@@ -1748,13 +1748,13 @@ declare const colors: {
|
|
|
1748
1748
|
};
|
|
1749
1749
|
overlay: {
|
|
1750
1750
|
mono: string;
|
|
1751
|
-
monoHover: string;
|
|
1752
1751
|
brand: string;
|
|
1753
1752
|
brandExtra: string;
|
|
1754
1753
|
success: string;
|
|
1755
1754
|
warning: string;
|
|
1756
1755
|
alert: string;
|
|
1757
1756
|
neutral: string;
|
|
1757
|
+
monoHover: string;
|
|
1758
1758
|
};
|
|
1759
1759
|
layer: {
|
|
1760
1760
|
scrim: string;
|
|
@@ -1963,8 +1963,8 @@ declare const colors: {
|
|
|
1963
1963
|
};
|
|
1964
1964
|
switch: {
|
|
1965
1965
|
bg: string;
|
|
1966
|
-
bgDisable: string;
|
|
1967
1966
|
bgHover: string;
|
|
1967
|
+
bgDisable: string;
|
|
1968
1968
|
border: string;
|
|
1969
1969
|
borderHover: string;
|
|
1970
1970
|
borderDisable: string;
|
|
@@ -2144,13 +2144,13 @@ declare const colors: {
|
|
|
2144
2144
|
};
|
|
2145
2145
|
overlay: {
|
|
2146
2146
|
mono: string;
|
|
2147
|
-
monoHover: string;
|
|
2148
2147
|
brand: string;
|
|
2149
2148
|
brandExtra: string;
|
|
2150
2149
|
success: string;
|
|
2151
2150
|
warning: string;
|
|
2152
2151
|
alert: string;
|
|
2153
2152
|
neutral: string;
|
|
2153
|
+
monoHover: string;
|
|
2154
2154
|
};
|
|
2155
2155
|
layer: {
|
|
2156
2156
|
scrim: string;
|
|
@@ -2359,8 +2359,8 @@ declare const colors: {
|
|
|
2359
2359
|
};
|
|
2360
2360
|
switch: {
|
|
2361
2361
|
bg: string;
|
|
2362
|
-
bgDisable: string;
|
|
2363
2362
|
bgHover: string;
|
|
2363
|
+
bgDisable: string;
|
|
2364
2364
|
border: string;
|
|
2365
2365
|
borderHover: string;
|
|
2366
2366
|
borderDisable: string;
|
|
@@ -2743,13 +2743,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
2743
2743
|
};
|
|
2744
2744
|
overlay: {
|
|
2745
2745
|
mono: string;
|
|
2746
|
-
monoHover: string;
|
|
2747
2746
|
brand: string;
|
|
2748
2747
|
brandExtra: string;
|
|
2749
2748
|
success: string;
|
|
2750
2749
|
warning: string;
|
|
2751
2750
|
alert: string;
|
|
2752
2751
|
neutral: string;
|
|
2752
|
+
monoHover: string;
|
|
2753
2753
|
};
|
|
2754
2754
|
layer: {
|
|
2755
2755
|
scrim: string;
|
|
@@ -2958,8 +2958,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
2958
2958
|
};
|
|
2959
2959
|
switch: {
|
|
2960
2960
|
bg: string;
|
|
2961
|
-
bgDisable: string;
|
|
2962
2961
|
bgHover: string;
|
|
2962
|
+
bgDisable: string;
|
|
2963
2963
|
border: string;
|
|
2964
2964
|
borderHover: string;
|
|
2965
2965
|
borderDisable: string;
|
|
@@ -3138,13 +3138,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
3138
3138
|
};
|
|
3139
3139
|
overlay: {
|
|
3140
3140
|
mono: string;
|
|
3141
|
-
monoHover: string;
|
|
3142
3141
|
brand: string;
|
|
3143
3142
|
brandExtra: string;
|
|
3144
3143
|
success: string;
|
|
3145
3144
|
warning: string;
|
|
3146
3145
|
alert: string;
|
|
3147
3146
|
neutral: string;
|
|
3147
|
+
monoHover: string;
|
|
3148
3148
|
};
|
|
3149
3149
|
layer: {
|
|
3150
3150
|
scrim: string;
|
|
@@ -3353,8 +3353,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
3353
3353
|
};
|
|
3354
3354
|
switch: {
|
|
3355
3355
|
bg: string;
|
|
3356
|
-
bgDisable: string;
|
|
3357
3356
|
bgHover: string;
|
|
3357
|
+
bgDisable: string;
|
|
3358
3358
|
border: string;
|
|
3359
3359
|
borderHover: string;
|
|
3360
3360
|
borderDisable: string;
|
|
@@ -3533,13 +3533,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
3533
3533
|
};
|
|
3534
3534
|
overlay: {
|
|
3535
3535
|
mono: string;
|
|
3536
|
-
monoHover: string;
|
|
3537
3536
|
brand: string;
|
|
3538
3537
|
brandExtra: string;
|
|
3539
3538
|
success: string;
|
|
3540
3539
|
warning: string;
|
|
3541
3540
|
alert: string;
|
|
3542
3541
|
neutral: string;
|
|
3542
|
+
monoHover: string;
|
|
3543
3543
|
};
|
|
3544
3544
|
layer: {
|
|
3545
3545
|
scrim: string;
|
|
@@ -3748,8 +3748,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
3748
3748
|
};
|
|
3749
3749
|
switch: {
|
|
3750
3750
|
bg: string;
|
|
3751
|
-
bgDisable: string;
|
|
3752
3751
|
bgHover: string;
|
|
3752
|
+
bgDisable: string;
|
|
3753
3753
|
border: string;
|
|
3754
3754
|
borderHover: string;
|
|
3755
3755
|
borderDisable: string;
|
|
@@ -4459,24 +4459,28 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4459
4459
|
tabs: (size: "xl" | "lg" | "md" | "sm") => {
|
|
4460
4460
|
height: number;
|
|
4461
4461
|
fontSize: number;
|
|
4462
|
+
lineHeight: number;
|
|
4462
4463
|
iconSize: number;
|
|
4463
4464
|
gap: number;
|
|
4464
4465
|
paddingHorizontal: number;
|
|
4465
4466
|
} | {
|
|
4466
4467
|
height: number;
|
|
4467
4468
|
fontSize: number;
|
|
4469
|
+
lineHeight: number;
|
|
4468
4470
|
iconSize: number;
|
|
4469
4471
|
gap: number;
|
|
4470
4472
|
paddingHorizontal: number;
|
|
4471
4473
|
} | {
|
|
4472
4474
|
height: number;
|
|
4473
4475
|
fontSize: number;
|
|
4476
|
+
lineHeight: number;
|
|
4474
4477
|
iconSize: number;
|
|
4475
4478
|
gap: number;
|
|
4476
4479
|
paddingHorizontal: number;
|
|
4477
4480
|
} | {
|
|
4478
4481
|
height: number;
|
|
4479
4482
|
fontSize: number;
|
|
4483
|
+
lineHeight: number;
|
|
4480
4484
|
iconSize: number;
|
|
4481
4485
|
gap: number;
|
|
4482
4486
|
paddingHorizontal: number;
|
|
@@ -5161,13 +5165,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
5161
5165
|
};
|
|
5162
5166
|
overlay: {
|
|
5163
5167
|
mono: string;
|
|
5164
|
-
monoHover: string;
|
|
5165
5168
|
brand: string;
|
|
5166
5169
|
brandExtra: string;
|
|
5167
5170
|
success: string;
|
|
5168
5171
|
warning: string;
|
|
5169
5172
|
alert: string;
|
|
5170
5173
|
neutral: string;
|
|
5174
|
+
monoHover: string;
|
|
5171
5175
|
};
|
|
5172
5176
|
layer: {
|
|
5173
5177
|
scrim: string;
|
|
@@ -5376,8 +5380,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
5376
5380
|
};
|
|
5377
5381
|
switch: {
|
|
5378
5382
|
bg: string;
|
|
5379
|
-
bgDisable: string;
|
|
5380
5383
|
bgHover: string;
|
|
5384
|
+
bgDisable: string;
|
|
5381
5385
|
border: string;
|
|
5382
5386
|
borderHover: string;
|
|
5383
5387
|
borderDisable: string;
|
|
@@ -5556,13 +5560,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
5556
5560
|
};
|
|
5557
5561
|
overlay: {
|
|
5558
5562
|
mono: string;
|
|
5559
|
-
monoHover: string;
|
|
5560
5563
|
brand: string;
|
|
5561
5564
|
brandExtra: string;
|
|
5562
5565
|
success: string;
|
|
5563
5566
|
warning: string;
|
|
5564
5567
|
alert: string;
|
|
5565
5568
|
neutral: string;
|
|
5569
|
+
monoHover: string;
|
|
5566
5570
|
};
|
|
5567
5571
|
layer: {
|
|
5568
5572
|
scrim: string;
|
|
@@ -5771,8 +5775,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
5771
5775
|
};
|
|
5772
5776
|
switch: {
|
|
5773
5777
|
bg: string;
|
|
5774
|
-
bgDisable: string;
|
|
5775
5778
|
bgHover: string;
|
|
5779
|
+
bgDisable: string;
|
|
5776
5780
|
border: string;
|
|
5777
5781
|
borderHover: string;
|
|
5778
5782
|
borderDisable: string;
|
|
@@ -5951,13 +5955,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
5951
5955
|
};
|
|
5952
5956
|
overlay: {
|
|
5953
5957
|
mono: string;
|
|
5954
|
-
monoHover: string;
|
|
5955
5958
|
brand: string;
|
|
5956
5959
|
brandExtra: string;
|
|
5957
5960
|
success: string;
|
|
5958
5961
|
warning: string;
|
|
5959
5962
|
alert: string;
|
|
5960
5963
|
neutral: string;
|
|
5964
|
+
monoHover: string;
|
|
5961
5965
|
};
|
|
5962
5966
|
layer: {
|
|
5963
5967
|
scrim: string;
|
|
@@ -6166,8 +6170,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
6166
6170
|
};
|
|
6167
6171
|
switch: {
|
|
6168
6172
|
bg: string;
|
|
6169
|
-
bgDisable: string;
|
|
6170
6173
|
bgHover: string;
|
|
6174
|
+
bgDisable: string;
|
|
6171
6175
|
border: string;
|
|
6172
6176
|
borderHover: string;
|
|
6173
6177
|
borderDisable: string;
|
|
@@ -6877,24 +6881,28 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
6877
6881
|
tabs: (size: "xl" | "lg" | "md" | "sm") => {
|
|
6878
6882
|
height: number;
|
|
6879
6883
|
fontSize: number;
|
|
6884
|
+
lineHeight: number;
|
|
6880
6885
|
iconSize: number;
|
|
6881
6886
|
gap: number;
|
|
6882
6887
|
paddingHorizontal: number;
|
|
6883
6888
|
} | {
|
|
6884
6889
|
height: number;
|
|
6885
6890
|
fontSize: number;
|
|
6891
|
+
lineHeight: number;
|
|
6886
6892
|
iconSize: number;
|
|
6887
6893
|
gap: number;
|
|
6888
6894
|
paddingHorizontal: number;
|
|
6889
6895
|
} | {
|
|
6890
6896
|
height: number;
|
|
6891
6897
|
fontSize: number;
|
|
6898
|
+
lineHeight: number;
|
|
6892
6899
|
iconSize: number;
|
|
6893
6900
|
gap: number;
|
|
6894
6901
|
paddingHorizontal: number;
|
|
6895
6902
|
} | {
|
|
6896
6903
|
height: number;
|
|
6897
6904
|
fontSize: number;
|
|
6905
|
+
lineHeight: number;
|
|
6898
6906
|
iconSize: number;
|
|
6899
6907
|
gap: number;
|
|
6900
6908
|
paddingHorizontal: number;
|