@xsolla/xui-core 0.112.0 → 0.113.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 CHANGED
@@ -116,26 +116,26 @@ var control = {
116
116
  borderPress: "rgba(255, 255, 255, 0)"
117
117
  },
118
118
  tertiary: {
119
- bg: "#34474b",
120
- bgHover: "#3d5256",
121
- bgPress: "#2b3b3e",
122
- border: "rgba(255, 255, 255, 0.12)",
123
- borderHover: "rgba(255, 255, 255, 0.18)",
124
- borderPress: "rgba(255, 255, 255, 0.12)"
119
+ bg: "rgba(85, 220, 246, 0)",
120
+ bgHover: "rgba(85, 220, 246, 0.07)",
121
+ bgPress: "rgba(85, 220, 246, 0.12)",
122
+ border: "rgba(255, 255, 255, 0)",
123
+ borderHover: "rgba(255, 255, 255, 0)",
124
+ borderPress: "rgba(255, 255, 255, 0)"
125
125
  },
126
126
  ghost: {
127
127
  bg: "rgba(255, 255, 255, 0)",
128
- bgHover: "rgba(255, 255, 255, 0.04)",
129
- bgPress: "rgba(255, 255, 255, 0.08)",
130
- border: "rgba(255, 255, 255, 0.16)",
131
- borderHover: "rgba(255, 255, 255, 0.24)",
132
- borderPress: "rgba(255, 255, 255, 0.16)"
128
+ bgHover: "rgba(85, 220, 246, 0.04)",
129
+ bgPress: "rgba(85, 220, 246, 0.08)",
130
+ border: "rgba(85, 220, 246, 0.16)",
131
+ borderHover: "rgba(85, 220, 246, 0.24)",
132
+ borderPress: "rgba(85, 220, 246, 0.16)"
133
133
  },
134
134
  text: {
135
135
  primary: "#000000",
136
136
  secondary: "#ffffff",
137
- tertiary: "#b7c5c8",
138
- ghost: "#ffffff",
137
+ tertiary: "#55dcf6",
138
+ ghost: "#55dcf6",
139
139
  disable: "#b3b3b3"
140
140
  }
141
141
  },
@@ -206,17 +206,17 @@ var control = {
206
206
  },
207
207
  ghost: {
208
208
  bg: "rgba(255, 255, 255, 0)",
209
- bgHover: "rgba(255, 255, 255, 0.04)",
210
- bgPress: "rgba(255, 255, 255, 0.08)",
211
- border: "rgba(255, 255, 255, 0.16)",
212
- borderHover: "rgba(255, 255, 255, 0.24)",
213
- borderPress: "rgba(255, 255, 255, 0.16)"
209
+ bgHover: "rgba(206, 246, 85, 0.04)",
210
+ bgPress: "rgba(206, 246, 85, 0.08)",
211
+ border: "rgba(206, 246, 85, 0.16)",
212
+ borderHover: "rgba(206, 246, 85, 0.24)",
213
+ borderPress: "rgba(206, 246, 85, 0.16)"
214
214
  },
215
215
  text: {
216
216
  primary: "#000000",
217
217
  secondary: "#ffffff",
218
218
  tertiary: "#cef655",
219
- ghost: "#ffffff"
219
+ ghost: "#cef655"
220
220
  }
221
221
  },
222
222
  alert: {
@@ -248,19 +248,29 @@ var control = {
248
248
  },
249
249
  ghost: {
250
250
  bg: "rgba(255, 255, 255, 0)",
251
- bgHover: "rgba(255, 255, 255, 0.04)",
252
- bgPress: "rgba(255, 255, 255, 0.08)",
253
- border: "rgba(255, 255, 255, 0.16)",
254
- borderHover: "rgba(255, 255, 255, 0.24)",
255
- borderPress: "rgba(255, 255, 255, 0.16)"
251
+ bgHover: "rgba(246, 112, 85, 0.04)",
252
+ bgPress: "rgba(246, 112, 85, 0.08)",
253
+ border: "rgba(246, 112, 85, 0.16)",
254
+ borderHover: "rgba(246, 112, 85, 0.24)",
255
+ borderPress: "rgba(246, 112, 85, 0.16)"
256
256
  },
257
257
  text: {
258
258
  primary: "#ffffff",
259
259
  secondary: "#ffffff",
260
260
  tertiary: "#f67055",
261
- ghost: "#ffffff"
261
+ ghost: "#f67055"
262
262
  }
263
263
  },
264
+ appButton: {
265
+ bg: "#34474b",
266
+ bgHover: "#3d5256",
267
+ bgPress: "#2b3b3e",
268
+ border: "rgba(255, 255, 255, 0.12)",
269
+ borderHover: "rgba(255, 255, 255, 0.18)",
270
+ borderPress: "rgba(255, 255, 255, 0.12)",
271
+ text: "#b7c5c8",
272
+ textDisable: "#b3b3b3"
273
+ },
264
274
  input: {
265
275
  bg: "rgba(255, 255, 255, 0.12)",
266
276
  bgHover: "rgba(255, 255, 255, 0.15)",
@@ -601,6 +611,16 @@ declare const colors: {
601
611
  ghost: string;
602
612
  };
603
613
  };
614
+ appButton: {
615
+ bg: string;
616
+ bgHover: string;
617
+ bgPress: string;
618
+ border: string;
619
+ borderHover: string;
620
+ borderPress: string;
621
+ text: string;
622
+ textDisable: string;
623
+ };
604
624
  input: {
605
625
  bg: string;
606
626
  bgHover: string;
@@ -946,6 +966,16 @@ declare const colors: {
946
966
  ghost: string;
947
967
  };
948
968
  };
969
+ appButton: {
970
+ bg: string;
971
+ bgHover: string;
972
+ bgPress: string;
973
+ border: string;
974
+ borderHover: string;
975
+ borderPress: string;
976
+ text: string;
977
+ textDisable: string;
978
+ };
949
979
  input: {
950
980
  bg: string;
951
981
  bgHover: string;
@@ -1291,6 +1321,16 @@ declare const colors: {
1291
1321
  ghost: string;
1292
1322
  };
1293
1323
  };
1324
+ appButton: {
1325
+ bg: string;
1326
+ bgHover: string;
1327
+ bgPress: string;
1328
+ border: string;
1329
+ borderHover: string;
1330
+ borderPress: string;
1331
+ text: string;
1332
+ textDisable: string;
1333
+ };
1294
1334
  input: {
1295
1335
  bg: string;
1296
1336
  bgHover: string;
@@ -1636,6 +1676,16 @@ declare const colors: {
1636
1676
  ghost: string;
1637
1677
  };
1638
1678
  };
1679
+ appButton: {
1680
+ bg: string;
1681
+ bgHover: string;
1682
+ bgPress: string;
1683
+ border: string;
1684
+ borderHover: string;
1685
+ borderPress: string;
1686
+ text: string;
1687
+ textDisable: string;
1688
+ };
1639
1689
  input: {
1640
1690
  bg: string;
1641
1691
  bgHover: string;
@@ -1981,6 +2031,16 @@ declare const colors: {
1981
2031
  ghost: string;
1982
2032
  };
1983
2033
  };
2034
+ appButton: {
2035
+ bg: string;
2036
+ bgHover: string;
2037
+ bgPress: string;
2038
+ border: string;
2039
+ borderHover: string;
2040
+ borderPress: string;
2041
+ text: string;
2042
+ textDisable: string;
2043
+ };
1984
2044
  input: {
1985
2045
  bg: string;
1986
2046
  bgHover: string;
@@ -2312,6 +2372,16 @@ declare const colors: {
2312
2372
  ghost: string;
2313
2373
  };
2314
2374
  };
2375
+ appButton: {
2376
+ bg: string;
2377
+ bgHover: string;
2378
+ bgPress: string;
2379
+ border: string;
2380
+ borderHover: string;
2381
+ borderPress: string;
2382
+ text: string;
2383
+ textDisable: string;
2384
+ };
2315
2385
  input: {
2316
2386
  bg: string;
2317
2387
  bgHover: string;
@@ -2643,6 +2713,16 @@ declare const colors: {
2643
2713
  ghost: string;
2644
2714
  };
2645
2715
  };
2716
+ appButton: {
2717
+ bg: string;
2718
+ bgHover: string;
2719
+ bgPress: string;
2720
+ border: string;
2721
+ borderHover: string;
2722
+ borderPress: string;
2723
+ text: string;
2724
+ textDisable: string;
2725
+ };
2646
2726
  input: {
2647
2727
  bg: string;
2648
2728
  bgHover: string;
@@ -2974,6 +3054,16 @@ declare const colors: {
2974
3054
  ghost: string;
2975
3055
  };
2976
3056
  };
3057
+ appButton: {
3058
+ bg: string;
3059
+ bgHover: string;
3060
+ bgPress: string;
3061
+ border: string;
3062
+ borderHover: string;
3063
+ borderPress: string;
3064
+ text: string;
3065
+ textDisable: string;
3066
+ };
2977
3067
  input: {
2978
3068
  bg: string;
2979
3069
  bgHover: string;
@@ -3305,6 +3395,16 @@ declare const colors: {
3305
3395
  ghost: string;
3306
3396
  };
3307
3397
  };
3398
+ appButton: {
3399
+ bg: string;
3400
+ bgHover: string;
3401
+ bgPress: string;
3402
+ border: string;
3403
+ borderHover: string;
3404
+ borderPress: string;
3405
+ text: string;
3406
+ textDisable: string;
3407
+ };
3308
3408
  input: {
3309
3409
  bg: string;
3310
3410
  bgHover: string;
@@ -3703,6 +3803,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
3703
3803
  ghost: string;
3704
3804
  };
3705
3805
  };
3806
+ appButton: {
3807
+ bg: string;
3808
+ bgHover: string;
3809
+ bgPress: string;
3810
+ border: string;
3811
+ borderHover: string;
3812
+ borderPress: string;
3813
+ text: string;
3814
+ textDisable: string;
3815
+ };
3706
3816
  input: {
3707
3817
  bg: string;
3708
3818
  bgHover: string;
@@ -4047,6 +4157,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4047
4157
  ghost: string;
4048
4158
  };
4049
4159
  };
4160
+ appButton: {
4161
+ bg: string;
4162
+ bgHover: string;
4163
+ bgPress: string;
4164
+ border: string;
4165
+ borderHover: string;
4166
+ borderPress: string;
4167
+ text: string;
4168
+ textDisable: string;
4169
+ };
4050
4170
  input: {
4051
4171
  bg: string;
4052
4172
  bgHover: string;
@@ -4391,6 +4511,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4391
4511
  ghost: string;
4392
4512
  };
4393
4513
  };
4514
+ appButton: {
4515
+ bg: string;
4516
+ bgHover: string;
4517
+ bgPress: string;
4518
+ border: string;
4519
+ borderHover: string;
4520
+ borderPress: string;
4521
+ text: string;
4522
+ textDisable: string;
4523
+ };
4394
4524
  input: {
4395
4525
  bg: string;
4396
4526
  bgHover: string;
@@ -4721,6 +4851,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4721
4851
  ghost: string;
4722
4852
  };
4723
4853
  };
4854
+ appButton: {
4855
+ bg: string;
4856
+ bgHover: string;
4857
+ bgPress: string;
4858
+ border: string;
4859
+ borderHover: string;
4860
+ borderPress: string;
4861
+ text: string;
4862
+ textDisable: string;
4863
+ };
4724
4864
  input: {
4725
4865
  bg: string;
4726
4866
  bgHover: string;
@@ -5051,6 +5191,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
5051
5191
  ghost: string;
5052
5192
  };
5053
5193
  };
5194
+ appButton: {
5195
+ bg: string;
5196
+ bgHover: string;
5197
+ bgPress: string;
5198
+ border: string;
5199
+ borderHover: string;
5200
+ borderPress: string;
5201
+ text: string;
5202
+ textDisable: string;
5203
+ };
5054
5204
  input: {
5055
5205
  bg: string;
5056
5206
  bgHover: string;
package/index.d.ts CHANGED
@@ -116,26 +116,26 @@ var control = {
116
116
  borderPress: "rgba(255, 255, 255, 0)"
117
117
  },
118
118
  tertiary: {
119
- bg: "#34474b",
120
- bgHover: "#3d5256",
121
- bgPress: "#2b3b3e",
122
- border: "rgba(255, 255, 255, 0.12)",
123
- borderHover: "rgba(255, 255, 255, 0.18)",
124
- borderPress: "rgba(255, 255, 255, 0.12)"
119
+ bg: "rgba(85, 220, 246, 0)",
120
+ bgHover: "rgba(85, 220, 246, 0.07)",
121
+ bgPress: "rgba(85, 220, 246, 0.12)",
122
+ border: "rgba(255, 255, 255, 0)",
123
+ borderHover: "rgba(255, 255, 255, 0)",
124
+ borderPress: "rgba(255, 255, 255, 0)"
125
125
  },
126
126
  ghost: {
127
127
  bg: "rgba(255, 255, 255, 0)",
128
- bgHover: "rgba(255, 255, 255, 0.04)",
129
- bgPress: "rgba(255, 255, 255, 0.08)",
130
- border: "rgba(255, 255, 255, 0.16)",
131
- borderHover: "rgba(255, 255, 255, 0.24)",
132
- borderPress: "rgba(255, 255, 255, 0.16)"
128
+ bgHover: "rgba(85, 220, 246, 0.04)",
129
+ bgPress: "rgba(85, 220, 246, 0.08)",
130
+ border: "rgba(85, 220, 246, 0.16)",
131
+ borderHover: "rgba(85, 220, 246, 0.24)",
132
+ borderPress: "rgba(85, 220, 246, 0.16)"
133
133
  },
134
134
  text: {
135
135
  primary: "#000000",
136
136
  secondary: "#ffffff",
137
- tertiary: "#b7c5c8",
138
- ghost: "#ffffff",
137
+ tertiary: "#55dcf6",
138
+ ghost: "#55dcf6",
139
139
  disable: "#b3b3b3"
140
140
  }
141
141
  },
@@ -206,17 +206,17 @@ var control = {
206
206
  },
207
207
  ghost: {
208
208
  bg: "rgba(255, 255, 255, 0)",
209
- bgHover: "rgba(255, 255, 255, 0.04)",
210
- bgPress: "rgba(255, 255, 255, 0.08)",
211
- border: "rgba(255, 255, 255, 0.16)",
212
- borderHover: "rgba(255, 255, 255, 0.24)",
213
- borderPress: "rgba(255, 255, 255, 0.16)"
209
+ bgHover: "rgba(206, 246, 85, 0.04)",
210
+ bgPress: "rgba(206, 246, 85, 0.08)",
211
+ border: "rgba(206, 246, 85, 0.16)",
212
+ borderHover: "rgba(206, 246, 85, 0.24)",
213
+ borderPress: "rgba(206, 246, 85, 0.16)"
214
214
  },
215
215
  text: {
216
216
  primary: "#000000",
217
217
  secondary: "#ffffff",
218
218
  tertiary: "#cef655",
219
- ghost: "#ffffff"
219
+ ghost: "#cef655"
220
220
  }
221
221
  },
222
222
  alert: {
@@ -248,19 +248,29 @@ var control = {
248
248
  },
249
249
  ghost: {
250
250
  bg: "rgba(255, 255, 255, 0)",
251
- bgHover: "rgba(255, 255, 255, 0.04)",
252
- bgPress: "rgba(255, 255, 255, 0.08)",
253
- border: "rgba(255, 255, 255, 0.16)",
254
- borderHover: "rgba(255, 255, 255, 0.24)",
255
- borderPress: "rgba(255, 255, 255, 0.16)"
251
+ bgHover: "rgba(246, 112, 85, 0.04)",
252
+ bgPress: "rgba(246, 112, 85, 0.08)",
253
+ border: "rgba(246, 112, 85, 0.16)",
254
+ borderHover: "rgba(246, 112, 85, 0.24)",
255
+ borderPress: "rgba(246, 112, 85, 0.16)"
256
256
  },
257
257
  text: {
258
258
  primary: "#ffffff",
259
259
  secondary: "#ffffff",
260
260
  tertiary: "#f67055",
261
- ghost: "#ffffff"
261
+ ghost: "#f67055"
262
262
  }
263
263
  },
264
+ appButton: {
265
+ bg: "#34474b",
266
+ bgHover: "#3d5256",
267
+ bgPress: "#2b3b3e",
268
+ border: "rgba(255, 255, 255, 0.12)",
269
+ borderHover: "rgba(255, 255, 255, 0.18)",
270
+ borderPress: "rgba(255, 255, 255, 0.12)",
271
+ text: "#b7c5c8",
272
+ textDisable: "#b3b3b3"
273
+ },
264
274
  input: {
265
275
  bg: "rgba(255, 255, 255, 0.12)",
266
276
  bgHover: "rgba(255, 255, 255, 0.15)",
@@ -601,6 +611,16 @@ declare const colors: {
601
611
  ghost: string;
602
612
  };
603
613
  };
614
+ appButton: {
615
+ bg: string;
616
+ bgHover: string;
617
+ bgPress: string;
618
+ border: string;
619
+ borderHover: string;
620
+ borderPress: string;
621
+ text: string;
622
+ textDisable: string;
623
+ };
604
624
  input: {
605
625
  bg: string;
606
626
  bgHover: string;
@@ -946,6 +966,16 @@ declare const colors: {
946
966
  ghost: string;
947
967
  };
948
968
  };
969
+ appButton: {
970
+ bg: string;
971
+ bgHover: string;
972
+ bgPress: string;
973
+ border: string;
974
+ borderHover: string;
975
+ borderPress: string;
976
+ text: string;
977
+ textDisable: string;
978
+ };
949
979
  input: {
950
980
  bg: string;
951
981
  bgHover: string;
@@ -1291,6 +1321,16 @@ declare const colors: {
1291
1321
  ghost: string;
1292
1322
  };
1293
1323
  };
1324
+ appButton: {
1325
+ bg: string;
1326
+ bgHover: string;
1327
+ bgPress: string;
1328
+ border: string;
1329
+ borderHover: string;
1330
+ borderPress: string;
1331
+ text: string;
1332
+ textDisable: string;
1333
+ };
1294
1334
  input: {
1295
1335
  bg: string;
1296
1336
  bgHover: string;
@@ -1636,6 +1676,16 @@ declare const colors: {
1636
1676
  ghost: string;
1637
1677
  };
1638
1678
  };
1679
+ appButton: {
1680
+ bg: string;
1681
+ bgHover: string;
1682
+ bgPress: string;
1683
+ border: string;
1684
+ borderHover: string;
1685
+ borderPress: string;
1686
+ text: string;
1687
+ textDisable: string;
1688
+ };
1639
1689
  input: {
1640
1690
  bg: string;
1641
1691
  bgHover: string;
@@ -1981,6 +2031,16 @@ declare const colors: {
1981
2031
  ghost: string;
1982
2032
  };
1983
2033
  };
2034
+ appButton: {
2035
+ bg: string;
2036
+ bgHover: string;
2037
+ bgPress: string;
2038
+ border: string;
2039
+ borderHover: string;
2040
+ borderPress: string;
2041
+ text: string;
2042
+ textDisable: string;
2043
+ };
1984
2044
  input: {
1985
2045
  bg: string;
1986
2046
  bgHover: string;
@@ -2312,6 +2372,16 @@ declare const colors: {
2312
2372
  ghost: string;
2313
2373
  };
2314
2374
  };
2375
+ appButton: {
2376
+ bg: string;
2377
+ bgHover: string;
2378
+ bgPress: string;
2379
+ border: string;
2380
+ borderHover: string;
2381
+ borderPress: string;
2382
+ text: string;
2383
+ textDisable: string;
2384
+ };
2315
2385
  input: {
2316
2386
  bg: string;
2317
2387
  bgHover: string;
@@ -2643,6 +2713,16 @@ declare const colors: {
2643
2713
  ghost: string;
2644
2714
  };
2645
2715
  };
2716
+ appButton: {
2717
+ bg: string;
2718
+ bgHover: string;
2719
+ bgPress: string;
2720
+ border: string;
2721
+ borderHover: string;
2722
+ borderPress: string;
2723
+ text: string;
2724
+ textDisable: string;
2725
+ };
2646
2726
  input: {
2647
2727
  bg: string;
2648
2728
  bgHover: string;
@@ -2974,6 +3054,16 @@ declare const colors: {
2974
3054
  ghost: string;
2975
3055
  };
2976
3056
  };
3057
+ appButton: {
3058
+ bg: string;
3059
+ bgHover: string;
3060
+ bgPress: string;
3061
+ border: string;
3062
+ borderHover: string;
3063
+ borderPress: string;
3064
+ text: string;
3065
+ textDisable: string;
3066
+ };
2977
3067
  input: {
2978
3068
  bg: string;
2979
3069
  bgHover: string;
@@ -3305,6 +3395,16 @@ declare const colors: {
3305
3395
  ghost: string;
3306
3396
  };
3307
3397
  };
3398
+ appButton: {
3399
+ bg: string;
3400
+ bgHover: string;
3401
+ bgPress: string;
3402
+ border: string;
3403
+ borderHover: string;
3404
+ borderPress: string;
3405
+ text: string;
3406
+ textDisable: string;
3407
+ };
3308
3408
  input: {
3309
3409
  bg: string;
3310
3410
  bgHover: string;
@@ -3703,6 +3803,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
3703
3803
  ghost: string;
3704
3804
  };
3705
3805
  };
3806
+ appButton: {
3807
+ bg: string;
3808
+ bgHover: string;
3809
+ bgPress: string;
3810
+ border: string;
3811
+ borderHover: string;
3812
+ borderPress: string;
3813
+ text: string;
3814
+ textDisable: string;
3815
+ };
3706
3816
  input: {
3707
3817
  bg: string;
3708
3818
  bgHover: string;
@@ -4047,6 +4157,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4047
4157
  ghost: string;
4048
4158
  };
4049
4159
  };
4160
+ appButton: {
4161
+ bg: string;
4162
+ bgHover: string;
4163
+ bgPress: string;
4164
+ border: string;
4165
+ borderHover: string;
4166
+ borderPress: string;
4167
+ text: string;
4168
+ textDisable: string;
4169
+ };
4050
4170
  input: {
4051
4171
  bg: string;
4052
4172
  bgHover: string;
@@ -4391,6 +4511,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4391
4511
  ghost: string;
4392
4512
  };
4393
4513
  };
4514
+ appButton: {
4515
+ bg: string;
4516
+ bgHover: string;
4517
+ bgPress: string;
4518
+ border: string;
4519
+ borderHover: string;
4520
+ borderPress: string;
4521
+ text: string;
4522
+ textDisable: string;
4523
+ };
4394
4524
  input: {
4395
4525
  bg: string;
4396
4526
  bgHover: string;
@@ -4721,6 +4851,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
4721
4851
  ghost: string;
4722
4852
  };
4723
4853
  };
4854
+ appButton: {
4855
+ bg: string;
4856
+ bgHover: string;
4857
+ bgPress: string;
4858
+ border: string;
4859
+ borderHover: string;
4860
+ borderPress: string;
4861
+ text: string;
4862
+ textDisable: string;
4863
+ };
4724
4864
  input: {
4725
4865
  bg: string;
4726
4866
  bgHover: string;
@@ -5051,6 +5191,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
5051
5191
  ghost: string;
5052
5192
  };
5053
5193
  };
5194
+ appButton: {
5195
+ bg: string;
5196
+ bgHover: string;
5197
+ bgPress: string;
5198
+ border: string;
5199
+ borderHover: string;
5200
+ borderPress: string;
5201
+ text: string;
5202
+ textDisable: string;
5203
+ };
5054
5204
  input: {
5055
5205
  bg: string;
5056
5206
  bgHover: string;