@xsolla/xui-core 0.116.0 → 0.117.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 +153 -19
  2. package/index.d.ts +153 -19
  3. package/index.js +88 -46
  4. package/index.js.flow +144 -23
  5. package/index.js.map +1 -1
  6. package/index.mjs +88 -46
  7. package/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/index.mjs CHANGED
@@ -119,8 +119,8 @@ var xsolla_dark_default = {
119
119
  borderPress: "rgba(255, 255, 255, 0)"
120
120
  },
121
121
  tertiary: {
122
- bg: "rgba(85, 220, 246, 0)",
123
- bgHover: "rgba(85, 220, 246, 0.07)",
122
+ bg: "rgba(255, 255, 255, 0)",
123
+ bgHover: "rgba(178, 242, 255, 0.07)",
124
124
  bgPress: "rgba(85, 220, 246, 0.12)",
125
125
  border: "rgba(255, 255, 255, 0)",
126
126
  borderHover: "rgba(255, 255, 255, 0)",
@@ -296,7 +296,7 @@ var xsolla_dark_default = {
296
296
  border: "rgba(255, 255, 255, 0)",
297
297
  borderHover: "rgba(255, 255, 255, 0)",
298
298
  borderDisable: "rgba(255, 255, 255, 0)",
299
- text: "#000000"
299
+ icon: "#000000"
300
300
  },
301
301
  faint: {
302
302
  bg: "rgba(255, 255, 255, 0.15)",
@@ -304,9 +304,23 @@ var xsolla_dark_default = {
304
304
  border: "rgba(255, 255, 255, 0)",
305
305
  borderHover: "rgba(255, 255, 255, 0.16)"
306
306
  },
307
+ slider: {
308
+ bg: "#ffffff",
309
+ bgHover: "#ffffff",
310
+ bgDisable: "rgba(52, 71, 75, 0.85)"
311
+ },
307
312
  switch: {
308
313
  bg: "rgba(255, 255, 255, 0.1)",
309
- bgHover: "rgba(255, 255, 255, 0.15)"
314
+ bgHover: "rgba(255, 255, 255, 0.15)",
315
+ bgDisable: "rgba(255, 255, 255, 0.2)",
316
+ border: "#ffffff",
317
+ borderHover: "#ffffff",
318
+ borderDisable: "rgba(255, 255, 255, 0)"
319
+ },
320
+ knob: {
321
+ bg: "#ffffff",
322
+ bgHover: "#e8eced",
323
+ bgInactive: "#ffffff"
310
324
  },
311
325
  text: {
312
326
  primary: "#ffffff",
@@ -338,7 +352,7 @@ var xsolla_dark_default = {
338
352
  borderActive: "rgba(255, 255, 255, 0)",
339
353
  borderDisable: "rgba(255, 255, 255, 0.16)",
340
354
  text: "#e8eced",
341
- textActive: "#e8eced",
355
+ textActive: "#ffffff",
342
356
  textDisable: "rgba(255, 255, 255, 0.4)"
343
357
  }
344
358
  }
@@ -639,7 +653,7 @@ var xsolla_light_default = {
639
653
  border: "rgba(255, 255, 255, 0)",
640
654
  borderHover: "rgba(255, 255, 255, 0)",
641
655
  borderDisable: "rgba(255, 255, 255, 0)",
642
- text: "#ffffff"
656
+ icon: "#ffffff"
643
657
  },
644
658
  faint: {
645
659
  bg: "rgba(0, 0, 0, 0.15)",
@@ -647,9 +661,23 @@ var xsolla_light_default = {
647
661
  border: "rgba(0, 0, 0, 0)",
648
662
  borderHover: "rgba(0, 0, 0, 0.1)"
649
663
  },
664
+ slider: {
665
+ bg: "#000000",
666
+ bgHover: "#000000",
667
+ bgDisable: "#cccccc"
668
+ },
650
669
  switch: {
651
670
  bg: "rgba(0, 0, 0, 0.1)",
652
- bgHover: "rgba(0, 0, 0, 0.15)"
671
+ bgHover: "rgba(0, 0, 0, 0.15)",
672
+ bgDisable: "rgba(0, 0, 0, 0.2)",
673
+ border: "#ffffff",
674
+ borderHover: "#ffffff",
675
+ borderDisable: "rgba(255, 255, 255, 0)"
676
+ },
677
+ knob: {
678
+ bg: "#ffffff",
679
+ bgHover: "#233134",
680
+ bgInactive: "#ffffff"
653
681
  },
654
682
  text: {
655
683
  primary: "#000000",
@@ -677,11 +705,11 @@ var xsolla_light_default = {
677
705
  bgActive: "rgba(0, 0, 0, 0.1)",
678
706
  bgDisable: "rgba(0, 0, 0, 0.15)",
679
707
  border: "rgba(0, 0, 0, 0.1)",
680
- borderHover: "rgba(0, 0, 0, 0.1)",
708
+ borderHover: "rgba(0, 0, 0, 0.15)",
681
709
  borderActive: "rgba(0, 0, 0, 0.1)",
682
710
  borderDisable: "rgba(0, 0, 0, 0.1)",
683
711
  text: "#000000",
684
- textActive: "#000000",
712
+ textActive: "#ffffff",
685
713
  textDisable: "rgba(255, 255, 255, 0.4)"
686
714
  }
687
715
  }
@@ -762,7 +790,7 @@ var pentagram_dark_default = {
762
790
  },
763
791
  border: {
764
792
  primary: "#ffffff",
765
- secondary: "rgba(255, 255, 255, 0.16)",
793
+ secondary: "rgba(178, 242, 255, 0.1)",
766
794
  brand: "#55dcf6",
767
795
  brandExtra: "#cef655",
768
796
  inverse: "rgba(0, 0, 0, 0.15)",
@@ -805,9 +833,9 @@ var pentagram_dark_default = {
805
833
  borderPress: "rgba(255, 255, 255, 0)"
806
834
  },
807
835
  tertiary: {
808
- bg: "rgba(128, 234, 255, 0)",
809
- bgHover: "rgba(128, 234, 255, 0.07)",
810
- bgPress: "rgba(128, 234, 255, 0.12)",
836
+ bg: "rgba(255, 255, 255, 0)",
837
+ bgHover: "#0b3841",
838
+ bgPress: "#135d6c",
811
839
  border: "rgba(255, 255, 255, 0)",
812
840
  borderHover: "rgba(255, 255, 255, 0)",
813
841
  borderPress: "rgba(255, 255, 255, 0)"
@@ -838,17 +866,17 @@ var pentagram_dark_default = {
838
866
  borderPress: "rgba(255, 255, 255, 0)"
839
867
  },
840
868
  secondary: {
841
- bg: "rgba(255, 255, 255, 0.4)",
842
- bgHover: "rgba(255, 255, 255, 0.34)",
843
- bgPress: "rgba(255, 255, 255, 0.44)",
844
- border: "rgba(255, 255, 255, 0)",
845
- borderHover: "rgba(255, 255, 255, 0)",
869
+ bg: "#34474b",
870
+ bgHover: "#4b6368",
871
+ bgPress: "#233134",
872
+ border: "#4b6368",
873
+ borderHover: "#607f85",
846
874
  borderPress: "rgba(255, 255, 255, 0)"
847
875
  },
848
876
  tertiary: {
849
877
  bg: "rgba(255, 255, 255, 0)",
850
- bgHover: "rgba(255, 255, 255, 0.07)",
851
- bgPress: "rgba(255, 255, 255, 0.12)",
878
+ bgHover: "#233134",
879
+ bgPress: "#34474b",
852
880
  border: "rgba(255, 255, 255, 0)",
853
881
  borderHover: "rgba(255, 255, 255, 0)",
854
882
  borderPress: "rgba(255, 255, 255, 0)"
@@ -982,7 +1010,7 @@ var pentagram_dark_default = {
982
1010
  border: "#22a8c3",
983
1011
  borderHover: "#22a8c3",
984
1012
  borderDisable: "rgba(255, 255, 255, 0)",
985
- text: "#80eaff"
1013
+ icon: "#80eaff"
986
1014
  },
987
1015
  faint: {
988
1016
  bg: "rgba(178, 242, 255, 0.15)",
@@ -1162,12 +1190,12 @@ var pentagram_light_default = {
1162
1190
  borderPress: "rgba(255, 255, 255, 0)"
1163
1191
  },
1164
1192
  tertiary: {
1165
- bg: "rgba(34, 168, 195, 0)",
1166
- bgHover: "rgba(34, 168, 195, 0.07)",
1167
- bgPress: "rgba(34, 168, 195, 0.12)",
1168
- border: "rgba(0, 0, 0, 0)",
1169
- borderHover: "rgba(0, 0, 0, 0)",
1170
- borderPress: "rgba(0, 0, 0, 0)"
1193
+ bg: "rgba(255, 255, 255, 0)",
1194
+ bgHover: "#e5fbff",
1195
+ bgPress: "#ccf6ff",
1196
+ border: "rgba(255, 255, 255, 0)",
1197
+ borderHover: "rgba(255, 255, 255, 0)",
1198
+ borderPress: "rgba(255, 255, 255, 0)"
1171
1199
  },
1172
1200
  ghost: {
1173
1201
  bg: "rgba(0, 0, 0, 0)",
@@ -1180,32 +1208,32 @@ var pentagram_light_default = {
1180
1208
  text: {
1181
1209
  primary: "#000000",
1182
1210
  secondary: "#000000",
1183
- tertiary: "#22a8c3",
1211
+ tertiary: "#1b8398",
1184
1212
  ghost: "#22a8c3",
1185
1213
  disable: "#999999"
1186
1214
  }
1187
1215
  },
1188
1216
  mono: {
1189
1217
  primary: {
1190
- bg: "#000000",
1191
- bgHover: "#141d1f",
1192
- bgPress: "#1b2628",
1218
+ bg: "#141d1f",
1219
+ bgHover: "#233134",
1220
+ bgPress: "#000000",
1193
1221
  border: "rgba(255, 255, 255, 0)",
1194
1222
  borderHover: "rgba(255, 255, 255, 0)",
1195
1223
  borderPress: "rgba(255, 255, 255, 0)"
1196
1224
  },
1197
1225
  secondary: {
1198
- bg: "rgba(0, 0, 0, 0.12)",
1199
- bgHover: "rgba(21, 28, 30, 0.12)",
1200
- bgPress: "rgba(32, 42, 44, 0.12)",
1201
- border: "rgba(255, 255, 255, 0)",
1202
- borderHover: "rgba(255, 255, 255, 0)",
1226
+ bg: "#dadbd7",
1227
+ bgHover: "#e6e7e4",
1228
+ bgPress: "#c1c2bc",
1229
+ border: "#c1c2bc",
1230
+ borderHover: "#dadbd7",
1203
1231
  borderPress: "rgba(255, 255, 255, 0)"
1204
1232
  },
1205
1233
  tertiary: {
1206
- bg: "rgba(0, 0, 0, 0)",
1207
- bgHover: "rgba(21, 28, 30, 0.07)",
1208
- bgPress: "rgba(32, 42, 44, 0.12)",
1234
+ bg: "rgba(255, 255, 255, 0)",
1235
+ bgHover: "#f3f3f2",
1236
+ bgPress: "#e6e7e4",
1209
1237
  border: "rgba(255, 255, 255, 0)",
1210
1238
  borderHover: "rgba(255, 255, 255, 0)",
1211
1239
  borderPress: "rgba(255, 255, 255, 0)"
@@ -1339,7 +1367,7 @@ var pentagram_light_default = {
1339
1367
  border: "#80eaff",
1340
1368
  borderHover: "#b2f2ff",
1341
1369
  borderDisable: "rgba(0, 0, 0, 0)",
1342
- text: "#000000"
1370
+ icon: "#000000"
1343
1371
  },
1344
1372
  faint: {
1345
1373
  bg: "rgba(0, 0, 0, 0.15)",
@@ -1519,9 +1547,9 @@ var ltg_dark_default = {
1519
1547
  borderPress: "rgba(255, 255, 255, 0)"
1520
1548
  },
1521
1549
  tertiary: {
1522
- bg: "rgba(255, 202, 67, 0)",
1523
- bgHover: "rgba(255, 202, 67, 0.07)",
1524
- bgPress: "rgba(255, 202, 67, 0.12)",
1550
+ bg: "#ffffff",
1551
+ bgHover: "rgba(255, 255, 255, 0.76)",
1552
+ bgPress: "rgba(255, 255, 255, 0.5)",
1525
1553
  border: "rgba(255, 255, 255, 0)",
1526
1554
  borderHover: "rgba(255, 255, 255, 0)",
1527
1555
  borderPress: "rgba(255, 255, 255, 0)"
@@ -1537,7 +1565,7 @@ var ltg_dark_default = {
1537
1565
  text: {
1538
1566
  primary: "#000000",
1539
1567
  secondary: "#000000",
1540
- tertiary: "#ffca43",
1568
+ tertiary: "#000000",
1541
1569
  ghost: "#ffca43",
1542
1570
  disable: "#c4d1d4"
1543
1571
  }
@@ -1696,7 +1724,7 @@ var ltg_dark_default = {
1696
1724
  border: "#ffffff",
1697
1725
  borderHover: "#ffffff",
1698
1726
  borderDisable: "#ffffff",
1699
- text: "#ffffff"
1727
+ icon: "#ffffff"
1700
1728
  },
1701
1729
  faint: {
1702
1730
  bg: "rgba(255, 255, 255, 0.15)",
@@ -1704,9 +1732,23 @@ var ltg_dark_default = {
1704
1732
  border: "rgba(255, 255, 255, 0)",
1705
1733
  borderHover: "rgba(255, 255, 255, 0.24)"
1706
1734
  },
1735
+ slider: {
1736
+ bg: "#ffffff",
1737
+ bgHover: "#ffffff",
1738
+ bgDisable: "rgba(255, 255, 255, 0.2)"
1739
+ },
1707
1740
  switch: {
1708
1741
  bg: "rgba(255, 255, 255, 0.1)",
1709
- bgHover: "rgba(255, 255, 255, 0.15)"
1742
+ bgHover: "rgba(255, 255, 255, 0.15)",
1743
+ bgDisable: "rgba(255, 255, 255, 0.2)",
1744
+ border: "#ffffff",
1745
+ borderHover: "#ffffff",
1746
+ borderDisable: "#ffffff"
1747
+ },
1748
+ knob: {
1749
+ bg: "#ffffff",
1750
+ bgHover: "#f6f8f9",
1751
+ bgInactive: "#ffffff"
1710
1752
  },
1711
1753
  text: {
1712
1754
  primary: "#ffffff",