@xsolla/xui-core 0.109.0 → 0.110.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 (8) hide show
  1. package/index.d.mts +543 -3
  2. package/index.d.ts +543 -3
  3. package/index.js +195 -15
  4. package/index.js.flow +546 -42
  5. package/index.js.map +1 -1
  6. package/index.mjs +195 -15
  7. package/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/index.mjs CHANGED
@@ -126,10 +126,19 @@ var xsolla_dark_default = {
126
126
  borderHover: "rgba(255, 255, 255, 0)",
127
127
  borderPress: "rgba(255, 255, 255, 0)"
128
128
  },
129
+ ghost: {
130
+ bg: "rgba(255, 255, 255, 0)",
131
+ bgHover: "rgba(255, 255, 255, 0.04)",
132
+ bgPress: "rgba(255, 255, 255, 0.08)",
133
+ border: "rgba(255, 255, 255, 0.16)",
134
+ borderHover: "rgba(255, 255, 255, 0.24)",
135
+ borderPress: "rgba(255, 255, 255, 0.16)"
136
+ },
129
137
  text: {
130
138
  primary: "#000000",
131
139
  secondary: "#ffffff",
132
140
  tertiary: "#55dcf6",
141
+ ghost: "#ffffff",
133
142
  disable: "#b3b3b3"
134
143
  }
135
144
  },
@@ -158,10 +167,19 @@ var xsolla_dark_default = {
158
167
  borderHover: "rgba(255, 255, 255, 0)",
159
168
  borderPress: "rgba(255, 255, 255, 0)"
160
169
  },
170
+ ghost: {
171
+ bg: "rgba(255, 255, 255, 0)",
172
+ bgHover: "rgba(255, 255, 255, 0.04)",
173
+ bgPress: "rgba(255, 255, 255, 0.08)",
174
+ border: "rgba(255, 255, 255, 0.16)",
175
+ borderHover: "rgba(255, 255, 255, 0.24)",
176
+ borderPress: "rgba(255, 255, 255, 0.16)"
177
+ },
161
178
  text: {
162
179
  primary: "#000000",
163
180
  secondary: "#ffffff",
164
- tertiary: "#ffffff"
181
+ tertiary: "#ffffff",
182
+ ghost: "#ffffff"
165
183
  }
166
184
  },
167
185
  brandExtra: {
@@ -189,10 +207,19 @@ var xsolla_dark_default = {
189
207
  borderHover: "rgba(255, 255, 255, 0)",
190
208
  borderPress: "rgba(255, 255, 255, 0)"
191
209
  },
210
+ ghost: {
211
+ bg: "rgba(255, 255, 255, 0)",
212
+ bgHover: "rgba(255, 255, 255, 0.04)",
213
+ bgPress: "rgba(255, 255, 255, 0.08)",
214
+ border: "rgba(255, 255, 255, 0.16)",
215
+ borderHover: "rgba(255, 255, 255, 0.24)",
216
+ borderPress: "rgba(255, 255, 255, 0.16)"
217
+ },
192
218
  text: {
193
219
  primary: "#000000",
194
220
  secondary: "#ffffff",
195
- tertiary: "#cef655"
221
+ tertiary: "#cef655",
222
+ ghost: "#ffffff"
196
223
  }
197
224
  },
198
225
  alert: {
@@ -222,10 +249,19 @@ var xsolla_dark_default = {
222
249
  borderHover: "rgba(255, 255, 255, 0)",
223
250
  borderPress: "rgba(255, 255, 255, 0)"
224
251
  },
252
+ ghost: {
253
+ bg: "rgba(255, 255, 255, 0)",
254
+ bgHover: "rgba(255, 255, 255, 0.04)",
255
+ bgPress: "rgba(255, 255, 255, 0.08)",
256
+ border: "rgba(255, 255, 255, 0.16)",
257
+ borderHover: "rgba(255, 255, 255, 0.24)",
258
+ borderPress: "rgba(255, 255, 255, 0.16)"
259
+ },
225
260
  text: {
226
261
  primary: "#ffffff",
227
262
  secondary: "#ffffff",
228
- tertiary: "#f67055"
263
+ tertiary: "#f67055",
264
+ ghost: "#ffffff"
229
265
  }
230
266
  },
231
267
  input: {
@@ -422,10 +458,19 @@ var xsolla_light_default = {
422
458
  borderHover: "rgba(255, 255, 255, 0)",
423
459
  borderPress: "rgba(255, 255, 255, 0)"
424
460
  },
461
+ ghost: {
462
+ bg: "rgba(0, 0, 0, 0)",
463
+ bgHover: "rgba(0, 0, 0, 0.04)",
464
+ bgPress: "rgba(0, 0, 0, 0.08)",
465
+ border: "rgba(0, 0, 0, 0.1)",
466
+ borderHover: "rgba(0, 0, 0, 0.16)",
467
+ borderPress: "rgba(0, 0, 0, 0.1)"
468
+ },
425
469
  text: {
426
470
  primary: "#000000",
427
471
  secondary: "#000000",
428
472
  tertiary: "#1b8398",
473
+ ghost: "#000000",
429
474
  disable: "#999999"
430
475
  }
431
476
  },
@@ -454,10 +499,19 @@ var xsolla_light_default = {
454
499
  borderHover: "rgba(255, 255, 255, 0)",
455
500
  borderPress: "rgba(255, 255, 255, 0)"
456
501
  },
502
+ ghost: {
503
+ bg: "rgba(0, 0, 0, 0)",
504
+ bgHover: "rgba(0, 0, 0, 0.04)",
505
+ bgPress: "rgba(0, 0, 0, 0.08)",
506
+ border: "rgba(0, 0, 0, 0.1)",
507
+ borderHover: "rgba(0, 0, 0, 0.16)",
508
+ borderPress: "rgba(0, 0, 0, 0.1)"
509
+ },
457
510
  text: {
458
511
  primary: "#ffffff",
459
512
  secondary: "#000000",
460
- tertiary: "#000000"
513
+ tertiary: "#000000",
514
+ ghost: "#000000"
461
515
  }
462
516
  },
463
517
  brandExtra: {
@@ -485,10 +539,19 @@ var xsolla_light_default = {
485
539
  borderHover: "rgba(255, 255, 255, 0)",
486
540
  borderPress: "rgba(255, 255, 255, 0)"
487
541
  },
542
+ ghost: {
543
+ bg: "rgba(0, 0, 0, 0)",
544
+ bgHover: "rgba(0, 0, 0, 0.04)",
545
+ bgPress: "rgba(0, 0, 0, 0.08)",
546
+ border: "rgba(0, 0, 0, 0.1)",
547
+ borderHover: "rgba(0, 0, 0, 0.16)",
548
+ borderPress: "rgba(0, 0, 0, 0.1)"
549
+ },
488
550
  text: {
489
551
  primary: "#000000",
490
552
  secondary: "#000000",
491
- tertiary: "#79971b"
553
+ tertiary: "#79971b",
554
+ ghost: "#000000"
492
555
  }
493
556
  },
494
557
  alert: {
@@ -518,10 +581,19 @@ var xsolla_light_default = {
518
581
  borderHover: "rgba(255, 255, 255, 0)",
519
582
  borderPress: "rgba(255, 255, 255, 0)"
520
583
  },
584
+ ghost: {
585
+ bg: "rgba(0, 0, 0, 0)",
586
+ bgHover: "rgba(0, 0, 0, 0.04)",
587
+ bgPress: "rgba(0, 0, 0, 0.08)",
588
+ border: "rgba(0, 0, 0, 0.1)",
589
+ borderHover: "rgba(0, 0, 0, 0.16)",
590
+ borderPress: "rgba(0, 0, 0, 0.1)"
591
+ },
521
592
  text: {
522
593
  primary: "#ffffff",
523
594
  secondary: "#000000",
524
- tertiary: "#c33d22"
595
+ tertiary: "#c33d22",
596
+ ghost: "#000000"
525
597
  }
526
598
  },
527
599
  input: {
@@ -718,10 +790,19 @@ var pentagram_dark_default = {
718
790
  borderHover: "#607f85",
719
791
  borderPress: "rgba(255, 255, 255, 0)"
720
792
  },
793
+ ghost: {
794
+ bg: "rgba(255, 255, 255, 0)",
795
+ bgHover: "rgba(255, 255, 255, 0.04)",
796
+ bgPress: "rgba(255, 255, 255, 0.08)",
797
+ border: "rgba(255, 255, 255, 0.16)",
798
+ borderHover: "rgba(255, 255, 255, 0.24)",
799
+ borderPress: "rgba(255, 255, 255, 0.16)"
800
+ },
721
801
  text: {
722
802
  primary: "#000000",
723
803
  secondary: "#80eaff",
724
804
  tertiary: "#b7c5c8",
805
+ ghost: "#e8eced",
725
806
  disable: "rgba(232, 236, 237, 0.2)"
726
807
  }
727
808
  },
@@ -750,10 +831,19 @@ var pentagram_dark_default = {
750
831
  borderHover: "rgba(255, 255, 255, 0)",
751
832
  borderPress: "rgba(255, 255, 255, 0)"
752
833
  },
834
+ ghost: {
835
+ bg: "rgba(255, 255, 255, 0)",
836
+ bgHover: "rgba(255, 255, 255, 0.04)",
837
+ bgPress: "rgba(255, 255, 255, 0.08)",
838
+ border: "rgba(255, 255, 255, 0.16)",
839
+ borderHover: "rgba(255, 255, 255, 0.24)",
840
+ borderPress: "rgba(255, 255, 255, 0.16)"
841
+ },
753
842
  text: {
754
843
  primary: "#000000",
755
844
  secondary: "#ffffff",
756
- tertiary: "#ffffff"
845
+ tertiary: "#ffffff",
846
+ ghost: "#e8eced"
757
847
  }
758
848
  },
759
849
  brandExtra: {
@@ -781,10 +871,19 @@ var pentagram_dark_default = {
781
871
  borderHover: "rgba(255, 255, 255, 0)",
782
872
  borderPress: "rgba(255, 255, 255, 0)"
783
873
  },
874
+ ghost: {
875
+ bg: "rgba(255, 255, 255, 0)",
876
+ bgHover: "rgba(255, 255, 255, 0.04)",
877
+ bgPress: "rgba(255, 255, 255, 0.08)",
878
+ border: "rgba(255, 255, 255, 0.16)",
879
+ borderHover: "rgba(255, 255, 255, 0.24)",
880
+ borderPress: "rgba(255, 255, 255, 0.16)"
881
+ },
784
882
  text: {
785
883
  primary: "#000000",
786
884
  secondary: "#ffffff",
787
- tertiary: "#cef655"
885
+ tertiary: "#cef655",
886
+ ghost: "#e8eced"
788
887
  }
789
888
  },
790
889
  alert: {
@@ -814,10 +913,19 @@ var pentagram_dark_default = {
814
913
  borderHover: "rgba(255, 255, 255, 0)",
815
914
  borderPress: "rgba(255, 255, 255, 0)"
816
915
  },
916
+ ghost: {
917
+ bg: "rgba(255, 255, 255, 0)",
918
+ bgHover: "rgba(255, 255, 255, 0.04)",
919
+ bgPress: "rgba(255, 255, 255, 0.08)",
920
+ border: "rgba(255, 255, 255, 0.16)",
921
+ borderHover: "rgba(255, 255, 255, 0.24)",
922
+ borderPress: "rgba(255, 255, 255, 0.16)"
923
+ },
817
924
  text: {
818
925
  primary: "#ffffff",
819
926
  secondary: "#ffffff",
820
- tertiary: "#f67055"
927
+ tertiary: "#f67055",
928
+ ghost: "#e8eced"
821
929
  }
822
930
  },
823
931
  input: {
@@ -1014,10 +1122,19 @@ var pentagram_light_default = {
1014
1122
  borderHover: "#a8aaa2",
1015
1123
  borderPress: "rgba(255, 255, 255, 0)"
1016
1124
  },
1125
+ ghost: {
1126
+ bg: "rgba(0, 0, 0, 0)",
1127
+ bgHover: "rgba(0, 0, 0, 0.04)",
1128
+ bgPress: "rgba(0, 0, 0, 0.08)",
1129
+ border: "rgba(0, 0, 0, 0.1)",
1130
+ borderHover: "rgba(0, 0, 0, 0.16)",
1131
+ borderPress: "rgba(0, 0, 0, 0.1)"
1132
+ },
1017
1133
  text: {
1018
1134
  primary: "#000000",
1019
1135
  secondary: "#000000",
1020
1136
  tertiary: "#000000",
1137
+ ghost: "#000000",
1021
1138
  disable: "#999999"
1022
1139
  }
1023
1140
  },
@@ -1046,10 +1163,19 @@ var pentagram_light_default = {
1046
1163
  borderHover: "rgba(255, 255, 255, 0)",
1047
1164
  borderPress: "rgba(255, 255, 255, 0)"
1048
1165
  },
1166
+ ghost: {
1167
+ bg: "rgba(0, 0, 0, 0)",
1168
+ bgHover: "rgba(0, 0, 0, 0.04)",
1169
+ bgPress: "rgba(0, 0, 0, 0.08)",
1170
+ border: "rgba(0, 0, 0, 0.1)",
1171
+ borderHover: "rgba(0, 0, 0, 0.16)",
1172
+ borderPress: "rgba(0, 0, 0, 0.1)"
1173
+ },
1049
1174
  text: {
1050
1175
  primary: "#ffffff",
1051
1176
  secondary: "#000000",
1052
- tertiary: "#000000"
1177
+ tertiary: "#000000",
1178
+ ghost: "#000000"
1053
1179
  }
1054
1180
  },
1055
1181
  brandExtra: {
@@ -1077,10 +1203,19 @@ var pentagram_light_default = {
1077
1203
  borderHover: "rgba(255, 255, 255, 0)",
1078
1204
  borderPress: "rgba(255, 255, 255, 0)"
1079
1205
  },
1206
+ ghost: {
1207
+ bg: "rgba(0, 0, 0, 0)",
1208
+ bgHover: "rgba(0, 0, 0, 0.04)",
1209
+ bgPress: "rgba(0, 0, 0, 0.08)",
1210
+ border: "rgba(0, 0, 0, 0.1)",
1211
+ borderHover: "rgba(0, 0, 0, 0.16)",
1212
+ borderPress: "rgba(0, 0, 0, 0.1)"
1213
+ },
1080
1214
  text: {
1081
1215
  primary: "#000000",
1082
1216
  secondary: "#000000",
1083
- tertiary: "#79971b"
1217
+ tertiary: "#79971b",
1218
+ ghost: "#000000"
1084
1219
  }
1085
1220
  },
1086
1221
  alert: {
@@ -1110,10 +1245,19 @@ var pentagram_light_default = {
1110
1245
  borderHover: "rgba(255, 255, 255, 0)",
1111
1246
  borderPress: "rgba(255, 255, 255, 0)"
1112
1247
  },
1248
+ ghost: {
1249
+ bg: "rgba(0, 0, 0, 0)",
1250
+ bgHover: "rgba(0, 0, 0, 0.04)",
1251
+ bgPress: "rgba(0, 0, 0, 0.08)",
1252
+ border: "rgba(0, 0, 0, 0.1)",
1253
+ borderHover: "rgba(0, 0, 0, 0.16)",
1254
+ borderPress: "rgba(0, 0, 0, 0.1)"
1255
+ },
1113
1256
  text: {
1114
1257
  primary: "#ffffff",
1115
1258
  secondary: "#000000",
1116
- tertiary: "#c33d22"
1259
+ tertiary: "#c33d22",
1260
+ ghost: "#000000"
1117
1261
  }
1118
1262
  },
1119
1263
  input: {
@@ -1310,10 +1454,19 @@ var ltg_dark_default = {
1310
1454
  borderHover: "rgba(255, 255, 255, 0)",
1311
1455
  borderPress: "rgba(255, 255, 255, 0)"
1312
1456
  },
1457
+ ghost: {
1458
+ bg: "rgba(255, 255, 255, 0)",
1459
+ bgHover: "rgba(255, 255, 255, 0.04)",
1460
+ bgPress: "rgba(255, 255, 255, 0.08)",
1461
+ border: "rgba(255, 255, 255, 0.16)",
1462
+ borderHover: "rgba(255, 255, 255, 0.24)",
1463
+ borderPress: "rgba(255, 255, 255, 0.16)"
1464
+ },
1313
1465
  text: {
1314
1466
  primary: "#000000",
1315
1467
  secondary: "#000000",
1316
1468
  tertiary: "#000000",
1469
+ ghost: "#ffffff",
1317
1470
  disable: "#c4d1d4"
1318
1471
  }
1319
1472
  },
@@ -1342,10 +1495,19 @@ var ltg_dark_default = {
1342
1495
  borderHover: "rgba(255, 255, 255, 0)",
1343
1496
  borderPress: "rgba(255, 255, 255, 0)"
1344
1497
  },
1498
+ ghost: {
1499
+ bg: "rgba(255, 255, 255, 0)",
1500
+ bgHover: "rgba(255, 255, 255, 0.04)",
1501
+ bgPress: "rgba(255, 255, 255, 0.08)",
1502
+ border: "rgba(255, 255, 255, 0.16)",
1503
+ borderHover: "rgba(255, 255, 255, 0.24)",
1504
+ borderPress: "rgba(255, 255, 255, 0.16)"
1505
+ },
1345
1506
  text: {
1346
1507
  primary: "#000000",
1347
1508
  secondary: "#ffffff",
1348
- tertiary: "#000000"
1509
+ tertiary: "#000000",
1510
+ ghost: "#ffffff"
1349
1511
  }
1350
1512
  },
1351
1513
  brandExtra: {
@@ -1373,10 +1535,19 @@ var ltg_dark_default = {
1373
1535
  borderHover: "rgba(255, 255, 255, 0)",
1374
1536
  borderPress: "rgba(255, 255, 255, 0)"
1375
1537
  },
1538
+ ghost: {
1539
+ bg: "rgba(255, 255, 255, 0)",
1540
+ bgHover: "rgba(255, 255, 255, 0.04)",
1541
+ bgPress: "rgba(255, 255, 255, 0.08)",
1542
+ border: "rgba(255, 255, 255, 0.16)",
1543
+ borderHover: "rgba(255, 255, 255, 0.24)",
1544
+ borderPress: "rgba(255, 255, 255, 0.16)"
1545
+ },
1376
1546
  text: {
1377
1547
  primary: "#000000",
1378
1548
  secondary: "#000000",
1379
- tertiary: "#000000"
1549
+ tertiary: "#000000",
1550
+ ghost: "#ffffff"
1380
1551
  }
1381
1552
  },
1382
1553
  alert: {
@@ -1406,10 +1577,19 @@ var ltg_dark_default = {
1406
1577
  borderHover: "rgba(255, 255, 255, 0)",
1407
1578
  borderPress: "rgba(255, 255, 255, 0)"
1408
1579
  },
1580
+ ghost: {
1581
+ bg: "rgba(255, 255, 255, 0)",
1582
+ bgHover: "rgba(255, 255, 255, 0.04)",
1583
+ bgPress: "rgba(255, 255, 255, 0.08)",
1584
+ border: "rgba(255, 255, 255, 0.16)",
1585
+ borderHover: "rgba(255, 255, 255, 0.24)",
1586
+ borderPress: "rgba(255, 255, 255, 0.16)"
1587
+ },
1409
1588
  text: {
1410
1589
  primary: "#ffffff",
1411
1590
  secondary: "#000000",
1412
- tertiary: "#000000"
1591
+ tertiary: "#000000",
1592
+ ghost: "#ffffff"
1413
1593
  }
1414
1594
  },
1415
1595
  input: {