@xsolla/xui-core 0.111.0 → 0.112.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 +171 -72
  2. package/index.d.ts +171 -72
  3. package/index.js +102 -69
  4. package/index.js.flow +174 -76
  5. package/index.js.map +1 -1
  6. package/index.mjs +102 -69
  7. package/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/index.d.mts CHANGED
@@ -318,13 +318,14 @@ var control = {
318
318
  toggleButton: {
319
319
  bg: "rgba(255, 255, 255, 0.1)",
320
320
  bgHover: "rgba(255, 255, 255, 0.15)",
321
- bgPress: "#000000",
321
+ bgActive: "#000000",
322
322
  bgDisable: "rgba(255, 255, 255, 0.06)",
323
323
  border: "rgba(255, 255, 255, 0.16)",
324
324
  borderHover: "rgba(255, 255, 255, 0.16)",
325
- borderPress: "rgba(255, 255, 255, 0)",
325
+ borderActive: "rgba(255, 255, 255, 0)",
326
326
  borderDisable: "rgba(255, 255, 255, 0.16)",
327
327
  text: "#e8eced",
328
+ textActive: "#e8eced",
328
329
  textDisable: "rgba(255, 255, 255, 0.4)"
329
330
  }
330
331
  };
@@ -342,7 +343,6 @@ declare const colors: {
342
343
  background: {
343
344
  primary: string;
344
345
  secondary: string;
345
- inverse: string;
346
346
  brand: {
347
347
  primary: string;
348
348
  secondary: string;
@@ -351,6 +351,7 @@ declare const colors: {
351
351
  primary: string;
352
352
  secondary: string;
353
353
  };
354
+ inverse: string;
354
355
  success: {
355
356
  primary: string;
356
357
  secondary: string;
@@ -372,7 +373,6 @@ declare const colors: {
372
373
  primary: string;
373
374
  secondary: string;
374
375
  tertiary: string;
375
- inverse: string;
376
376
  brand: {
377
377
  primary: string;
378
378
  secondary: string;
@@ -381,6 +381,11 @@ declare const colors: {
381
381
  primary: string;
382
382
  secondary: string;
383
383
  };
384
+ inverse: string;
385
+ static: {
386
+ light: string;
387
+ dark: string;
388
+ };
384
389
  success: {
385
390
  primary: string;
386
391
  secondary: string;
@@ -405,17 +410,13 @@ declare const colors: {
405
410
  alert: string;
406
411
  neutral: string;
407
412
  };
408
- static: {
409
- light: string;
410
- dark: string;
411
- };
412
413
  };
413
414
  border: {
414
415
  primary: string;
415
416
  secondary: string;
416
- inverse: string;
417
417
  brand: string;
418
418
  brandExtra: string;
419
+ inverse: string;
419
420
  success: string;
420
421
  warning: string;
421
422
  alert: string;
@@ -630,9 +631,23 @@ declare const colors: {
630
631
  border: string;
631
632
  borderHover: string;
632
633
  };
634
+ slider: {
635
+ bg: string;
636
+ bgHover: string;
637
+ bgDisable: string;
638
+ };
633
639
  switch: {
634
640
  bg: string;
635
641
  bgHover: string;
642
+ bgDisable: string;
643
+ border: string;
644
+ borderHover: string;
645
+ borderDisable: string;
646
+ };
647
+ knob: {
648
+ bg: string;
649
+ bgHover: string;
650
+ bgInactive: string;
636
651
  };
637
652
  text: {
638
653
  primary: string;
@@ -657,13 +672,14 @@ declare const colors: {
657
672
  toggleButton: {
658
673
  bg: string;
659
674
  bgHover: string;
660
- bgPress: string;
675
+ bgActive: string;
661
676
  bgDisable: string;
662
677
  border: string;
663
678
  borderHover: string;
664
- borderPress: string;
679
+ borderActive: string;
665
680
  borderDisable: string;
666
681
  text: string;
682
+ textActive: string;
667
683
  textDisable: string;
668
684
  };
669
685
  };
@@ -672,7 +688,6 @@ declare const colors: {
672
688
  background: {
673
689
  primary: string;
674
690
  secondary: string;
675
- inverse: string;
676
691
  brand: {
677
692
  primary: string;
678
693
  secondary: string;
@@ -681,6 +696,7 @@ declare const colors: {
681
696
  primary: string;
682
697
  secondary: string;
683
698
  };
699
+ inverse: string;
684
700
  success: {
685
701
  primary: string;
686
702
  secondary: string;
@@ -702,7 +718,6 @@ declare const colors: {
702
718
  primary: string;
703
719
  secondary: string;
704
720
  tertiary: string;
705
- inverse: string;
706
721
  brand: {
707
722
  primary: string;
708
723
  secondary: string;
@@ -711,6 +726,11 @@ declare const colors: {
711
726
  primary: string;
712
727
  secondary: string;
713
728
  };
729
+ inverse: string;
730
+ static: {
731
+ light: string;
732
+ dark: string;
733
+ };
714
734
  success: {
715
735
  primary: string;
716
736
  secondary: string;
@@ -735,17 +755,13 @@ declare const colors: {
735
755
  alert: string;
736
756
  neutral: string;
737
757
  };
738
- static: {
739
- light: string;
740
- dark: string;
741
- };
742
758
  };
743
759
  border: {
744
760
  primary: string;
745
761
  secondary: string;
746
- inverse: string;
747
762
  brand: string;
748
763
  brandExtra: string;
764
+ inverse: string;
749
765
  success: string;
750
766
  warning: string;
751
767
  alert: string;
@@ -960,9 +976,23 @@ declare const colors: {
960
976
  border: string;
961
977
  borderHover: string;
962
978
  };
979
+ slider: {
980
+ bg: string;
981
+ bgHover: string;
982
+ bgDisable: string;
983
+ };
963
984
  switch: {
964
985
  bg: string;
965
986
  bgHover: string;
987
+ bgDisable: string;
988
+ border: string;
989
+ borderHover: string;
990
+ borderDisable: string;
991
+ };
992
+ knob: {
993
+ bg: string;
994
+ bgHover: string;
995
+ bgInactive: string;
966
996
  };
967
997
  text: {
968
998
  primary: string;
@@ -987,13 +1017,14 @@ declare const colors: {
987
1017
  toggleButton: {
988
1018
  bg: string;
989
1019
  bgHover: string;
990
- bgPress: string;
1020
+ bgActive: string;
991
1021
  bgDisable: string;
992
1022
  border: string;
993
1023
  borderHover: string;
994
- borderPress: string;
1024
+ borderActive: string;
995
1025
  borderDisable: string;
996
1026
  text: string;
1027
+ textActive: string;
997
1028
  textDisable: string;
998
1029
  };
999
1030
  };
@@ -1002,7 +1033,6 @@ declare const colors: {
1002
1033
  background: {
1003
1034
  primary: string;
1004
1035
  secondary: string;
1005
- inverse: string;
1006
1036
  brand: {
1007
1037
  primary: string;
1008
1038
  secondary: string;
@@ -1011,6 +1041,7 @@ declare const colors: {
1011
1041
  primary: string;
1012
1042
  secondary: string;
1013
1043
  };
1044
+ inverse: string;
1014
1045
  success: {
1015
1046
  primary: string;
1016
1047
  secondary: string;
@@ -1032,7 +1063,6 @@ declare const colors: {
1032
1063
  primary: string;
1033
1064
  secondary: string;
1034
1065
  tertiary: string;
1035
- inverse: string;
1036
1066
  brand: {
1037
1067
  primary: string;
1038
1068
  secondary: string;
@@ -1041,6 +1071,11 @@ declare const colors: {
1041
1071
  primary: string;
1042
1072
  secondary: string;
1043
1073
  };
1074
+ inverse: string;
1075
+ static: {
1076
+ light: string;
1077
+ dark: string;
1078
+ };
1044
1079
  success: {
1045
1080
  primary: string;
1046
1081
  secondary: string;
@@ -1065,17 +1100,13 @@ declare const colors: {
1065
1100
  alert: string;
1066
1101
  neutral: string;
1067
1102
  };
1068
- static: {
1069
- light: string;
1070
- dark: string;
1071
- };
1072
1103
  };
1073
1104
  border: {
1074
1105
  primary: string;
1075
1106
  secondary: string;
1076
- inverse: string;
1077
1107
  brand: string;
1078
1108
  brandExtra: string;
1109
+ inverse: string;
1079
1110
  success: string;
1080
1111
  warning: string;
1081
1112
  alert: string;
@@ -1290,9 +1321,23 @@ declare const colors: {
1290
1321
  border: string;
1291
1322
  borderHover: string;
1292
1323
  };
1324
+ slider: {
1325
+ bg: string;
1326
+ bgHover: string;
1327
+ bgDisable: string;
1328
+ };
1293
1329
  switch: {
1294
1330
  bg: string;
1295
1331
  bgHover: string;
1332
+ bgDisable: string;
1333
+ border: string;
1334
+ borderHover: string;
1335
+ borderDisable: string;
1336
+ };
1337
+ knob: {
1338
+ bg: string;
1339
+ bgHover: string;
1340
+ bgInactive: string;
1296
1341
  };
1297
1342
  text: {
1298
1343
  primary: string;
@@ -1317,13 +1362,14 @@ declare const colors: {
1317
1362
  toggleButton: {
1318
1363
  bg: string;
1319
1364
  bgHover: string;
1320
- bgPress: string;
1365
+ bgActive: string;
1321
1366
  bgDisable: string;
1322
1367
  border: string;
1323
1368
  borderHover: string;
1324
- borderPress: string;
1369
+ borderActive: string;
1325
1370
  borderDisable: string;
1326
1371
  text: string;
1372
+ textActive: string;
1327
1373
  textDisable: string;
1328
1374
  };
1329
1375
  };
@@ -1332,7 +1378,6 @@ declare const colors: {
1332
1378
  background: {
1333
1379
  primary: string;
1334
1380
  secondary: string;
1335
- inverse: string;
1336
1381
  brand: {
1337
1382
  primary: string;
1338
1383
  secondary: string;
@@ -1341,6 +1386,7 @@ declare const colors: {
1341
1386
  primary: string;
1342
1387
  secondary: string;
1343
1388
  };
1389
+ inverse: string;
1344
1390
  success: {
1345
1391
  primary: string;
1346
1392
  secondary: string;
@@ -1362,7 +1408,6 @@ declare const colors: {
1362
1408
  primary: string;
1363
1409
  secondary: string;
1364
1410
  tertiary: string;
1365
- inverse: string;
1366
1411
  brand: {
1367
1412
  primary: string;
1368
1413
  secondary: string;
@@ -1371,6 +1416,11 @@ declare const colors: {
1371
1416
  primary: string;
1372
1417
  secondary: string;
1373
1418
  };
1419
+ inverse: string;
1420
+ static: {
1421
+ light: string;
1422
+ dark: string;
1423
+ };
1374
1424
  success: {
1375
1425
  primary: string;
1376
1426
  secondary: string;
@@ -1395,17 +1445,13 @@ declare const colors: {
1395
1445
  alert: string;
1396
1446
  neutral: string;
1397
1447
  };
1398
- static: {
1399
- light: string;
1400
- dark: string;
1401
- };
1402
1448
  };
1403
1449
  border: {
1404
1450
  primary: string;
1405
1451
  secondary: string;
1406
- inverse: string;
1407
1452
  brand: string;
1408
1453
  brandExtra: string;
1454
+ inverse: string;
1409
1455
  success: string;
1410
1456
  warning: string;
1411
1457
  alert: string;
@@ -1620,9 +1666,23 @@ declare const colors: {
1620
1666
  border: string;
1621
1667
  borderHover: string;
1622
1668
  };
1669
+ slider: {
1670
+ bg: string;
1671
+ bgHover: string;
1672
+ bgDisable: string;
1673
+ };
1623
1674
  switch: {
1624
1675
  bg: string;
1625
1676
  bgHover: string;
1677
+ bgDisable: string;
1678
+ border: string;
1679
+ borderHover: string;
1680
+ borderDisable: string;
1681
+ };
1682
+ knob: {
1683
+ bg: string;
1684
+ bgHover: string;
1685
+ bgInactive: string;
1626
1686
  };
1627
1687
  text: {
1628
1688
  primary: string;
@@ -1647,13 +1707,14 @@ declare const colors: {
1647
1707
  toggleButton: {
1648
1708
  bg: string;
1649
1709
  bgHover: string;
1650
- bgPress: string;
1710
+ bgActive: string;
1651
1711
  bgDisable: string;
1652
1712
  border: string;
1653
1713
  borderHover: string;
1654
- borderPress: string;
1714
+ borderActive: string;
1655
1715
  borderDisable: string;
1656
1716
  text: string;
1717
+ textActive: string;
1657
1718
  textDisable: string;
1658
1719
  };
1659
1720
  };
@@ -1977,13 +2038,14 @@ declare const colors: {
1977
2038
  toggleButton: {
1978
2039
  bg: string;
1979
2040
  bgHover: string;
1980
- bgPress: string;
2041
+ bgActive: string;
1981
2042
  bgDisable: string;
1982
2043
  border: string;
1983
2044
  borderHover: string;
1984
- borderPress: string;
2045
+ borderActive: string;
1985
2046
  borderDisable: string;
1986
2047
  text: string;
2048
+ textActive: string;
1987
2049
  textDisable: string;
1988
2050
  };
1989
2051
  };
@@ -2307,13 +2369,14 @@ declare const colors: {
2307
2369
  toggleButton: {
2308
2370
  bg: string;
2309
2371
  bgHover: string;
2310
- bgPress: string;
2372
+ bgActive: string;
2311
2373
  bgDisable: string;
2312
2374
  border: string;
2313
2375
  borderHover: string;
2314
- borderPress: string;
2376
+ borderActive: string;
2315
2377
  borderDisable: string;
2316
2378
  text: string;
2379
+ textActive: string;
2317
2380
  textDisable: string;
2318
2381
  };
2319
2382
  };
@@ -2637,13 +2700,14 @@ declare const colors: {
2637
2700
  toggleButton: {
2638
2701
  bg: string;
2639
2702
  bgHover: string;
2640
- bgPress: string;
2703
+ bgActive: string;
2641
2704
  bgDisable: string;
2642
2705
  border: string;
2643
2706
  borderHover: string;
2644
- borderPress: string;
2707
+ borderActive: string;
2645
2708
  borderDisable: string;
2646
2709
  text: string;
2710
+ textActive: string;
2647
2711
  textDisable: string;
2648
2712
  };
2649
2713
  };
@@ -2967,13 +3031,14 @@ declare const colors: {
2967
3031
  toggleButton: {
2968
3032
  bg: string;
2969
3033
  bgHover: string;
2970
- bgPress: string;
3034
+ bgActive: string;
2971
3035
  bgDisable: string;
2972
3036
  border: string;
2973
3037
  borderHover: string;
2974
- borderPress: string;
3038
+ borderActive: string;
2975
3039
  borderDisable: string;
2976
3040
  text: string;
3041
+ textActive: string;
2977
3042
  textDisable: string;
2978
3043
  };
2979
3044
  };
@@ -3297,13 +3362,14 @@ declare const colors: {
3297
3362
  toggleButton: {
3298
3363
  bg: string;
3299
3364
  bgHover: string;
3300
- bgPress: string;
3365
+ bgActive: string;
3301
3366
  bgDisable: string;
3302
3367
  border: string;
3303
3368
  borderHover: string;
3304
- borderPress: string;
3369
+ borderActive: string;
3305
3370
  borderDisable: string;
3306
3371
  text: string;
3372
+ textActive: string;
3307
3373
  textDisable: string;
3308
3374
  };
3309
3375
  };
@@ -3379,7 +3445,6 @@ declare const themeConfig: (mode?: ThemeMode) => {
3379
3445
  background: {
3380
3446
  primary: string;
3381
3447
  secondary: string;
3382
- inverse: string;
3383
3448
  brand: {
3384
3449
  primary: string;
3385
3450
  secondary: string;
@@ -3388,6 +3453,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
3388
3453
  primary: string;
3389
3454
  secondary: string;
3390
3455
  };
3456
+ inverse: string;
3391
3457
  success: {
3392
3458
  primary: string;
3393
3459
  secondary: string;
@@ -3409,7 +3475,6 @@ declare const themeConfig: (mode?: ThemeMode) => {
3409
3475
  primary: string;
3410
3476
  secondary: string;
3411
3477
  tertiary: string;
3412
- inverse: string;
3413
3478
  brand: {
3414
3479
  primary: string;
3415
3480
  secondary: string;
@@ -3418,6 +3483,11 @@ declare const themeConfig: (mode?: ThemeMode) => {
3418
3483
  primary: string;
3419
3484
  secondary: string;
3420
3485
  };
3486
+ inverse: string;
3487
+ static: {
3488
+ light: string;
3489
+ dark: string;
3490
+ };
3421
3491
  success: {
3422
3492
  primary: string;
3423
3493
  secondary: string;
@@ -3442,17 +3512,13 @@ declare const themeConfig: (mode?: ThemeMode) => {
3442
3512
  alert: string;
3443
3513
  neutral: string;
3444
3514
  };
3445
- static: {
3446
- light: string;
3447
- dark: string;
3448
- };
3449
3515
  };
3450
3516
  border: {
3451
3517
  primary: string;
3452
3518
  secondary: string;
3453
- inverse: string;
3454
3519
  brand: string;
3455
3520
  brandExtra: string;
3521
+ inverse: string;
3456
3522
  success: string;
3457
3523
  warning: string;
3458
3524
  alert: string;
@@ -3667,9 +3733,23 @@ declare const themeConfig: (mode?: ThemeMode) => {
3667
3733
  border: string;
3668
3734
  borderHover: string;
3669
3735
  };
3736
+ slider: {
3737
+ bg: string;
3738
+ bgHover: string;
3739
+ bgDisable: string;
3740
+ };
3670
3741
  switch: {
3671
3742
  bg: string;
3672
3743
  bgHover: string;
3744
+ bgDisable: string;
3745
+ border: string;
3746
+ borderHover: string;
3747
+ borderDisable: string;
3748
+ };
3749
+ knob: {
3750
+ bg: string;
3751
+ bgHover: string;
3752
+ bgInactive: string;
3673
3753
  };
3674
3754
  text: {
3675
3755
  primary: string;
@@ -3694,13 +3774,14 @@ declare const themeConfig: (mode?: ThemeMode) => {
3694
3774
  toggleButton: {
3695
3775
  bg: string;
3696
3776
  bgHover: string;
3697
- bgPress: string;
3777
+ bgActive: string;
3698
3778
  bgDisable: string;
3699
3779
  border: string;
3700
3780
  borderHover: string;
3701
- borderPress: string;
3781
+ borderActive: string;
3702
3782
  borderDisable: string;
3703
3783
  text: string;
3784
+ textActive: string;
3704
3785
  textDisable: string;
3705
3786
  };
3706
3787
  };
@@ -3708,7 +3789,6 @@ declare const themeConfig: (mode?: ThemeMode) => {
3708
3789
  background: {
3709
3790
  primary: string;
3710
3791
  secondary: string;
3711
- inverse: string;
3712
3792
  brand: {
3713
3793
  primary: string;
3714
3794
  secondary: string;
@@ -3717,6 +3797,7 @@ declare const themeConfig: (mode?: ThemeMode) => {
3717
3797
  primary: string;
3718
3798
  secondary: string;
3719
3799
  };
3800
+ inverse: string;
3720
3801
  success: {
3721
3802
  primary: string;
3722
3803
  secondary: string;
@@ -3738,7 +3819,6 @@ declare const themeConfig: (mode?: ThemeMode) => {
3738
3819
  primary: string;
3739
3820
  secondary: string;
3740
3821
  tertiary: string;
3741
- inverse: string;
3742
3822
  brand: {
3743
3823
  primary: string;
3744
3824
  secondary: string;
@@ -3747,6 +3827,11 @@ declare const themeConfig: (mode?: ThemeMode) => {
3747
3827
  primary: string;
3748
3828
  secondary: string;
3749
3829
  };
3830
+ inverse: string;
3831
+ static: {
3832
+ light: string;
3833
+ dark: string;
3834
+ };
3750
3835
  success: {
3751
3836
  primary: string;
3752
3837
  secondary: string;
@@ -3771,17 +3856,13 @@ declare const themeConfig: (mode?: ThemeMode) => {
3771
3856
  alert: string;
3772
3857
  neutral: string;
3773
3858
  };
3774
- static: {
3775
- light: string;
3776
- dark: string;
3777
- };
3778
3859
  };
3779
3860
  border: {
3780
3861
  primary: string;
3781
3862
  secondary: string;
3782
- inverse: string;
3783
3863
  brand: string;
3784
3864
  brandExtra: string;
3865
+ inverse: string;
3785
3866
  success: string;
3786
3867
  warning: string;
3787
3868
  alert: string;
@@ -3996,9 +4077,23 @@ declare const themeConfig: (mode?: ThemeMode) => {
3996
4077
  border: string;
3997
4078
  borderHover: string;
3998
4079
  };
4080
+ slider: {
4081
+ bg: string;
4082
+ bgHover: string;
4083
+ bgDisable: string;
4084
+ };
3999
4085
  switch: {
4000
4086
  bg: string;
4001
4087
  bgHover: string;
4088
+ bgDisable: string;
4089
+ border: string;
4090
+ borderHover: string;
4091
+ borderDisable: string;
4092
+ };
4093
+ knob: {
4094
+ bg: string;
4095
+ bgHover: string;
4096
+ bgInactive: string;
4002
4097
  };
4003
4098
  text: {
4004
4099
  primary: string;
@@ -4023,13 +4118,14 @@ declare const themeConfig: (mode?: ThemeMode) => {
4023
4118
  toggleButton: {
4024
4119
  bg: string;
4025
4120
  bgHover: string;
4026
- bgPress: string;
4121
+ bgActive: string;
4027
4122
  bgDisable: string;
4028
4123
  border: string;
4029
4124
  borderHover: string;
4030
- borderPress: string;
4125
+ borderActive: string;
4031
4126
  borderDisable: string;
4032
4127
  text: string;
4128
+ textActive: string;
4033
4129
  textDisable: string;
4034
4130
  };
4035
4131
  };
@@ -4352,13 +4448,14 @@ declare const themeConfig: (mode?: ThemeMode) => {
4352
4448
  toggleButton: {
4353
4449
  bg: string;
4354
4450
  bgHover: string;
4355
- bgPress: string;
4451
+ bgActive: string;
4356
4452
  bgDisable: string;
4357
4453
  border: string;
4358
4454
  borderHover: string;
4359
- borderPress: string;
4455
+ borderActive: string;
4360
4456
  borderDisable: string;
4361
4457
  text: string;
4458
+ textActive: string;
4362
4459
  textDisable: string;
4363
4460
  };
4364
4461
  };
@@ -4681,13 +4778,14 @@ declare const themeConfig: (mode?: ThemeMode) => {
4681
4778
  toggleButton: {
4682
4779
  bg: string;
4683
4780
  bgHover: string;
4684
- bgPress: string;
4781
+ bgActive: string;
4685
4782
  bgDisable: string;
4686
4783
  border: string;
4687
4784
  borderHover: string;
4688
- borderPress: string;
4785
+ borderActive: string;
4689
4786
  borderDisable: string;
4690
4787
  text: string;
4788
+ textActive: string;
4691
4789
  textDisable: string;
4692
4790
  };
4693
4791
  };
@@ -5010,13 +5108,14 @@ declare const themeConfig: (mode?: ThemeMode) => {
5010
5108
  toggleButton: {
5011
5109
  bg: string;
5012
5110
  bgHover: string;
5013
- bgPress: string;
5111
+ bgActive: string;
5014
5112
  bgDisable: string;
5015
5113
  border: string;
5016
5114
  borderHover: string;
5017
- borderPress: string;
5115
+ borderActive: string;
5018
5116
  borderDisable: string;
5019
5117
  text: string;
5118
+ textActive: string;
5020
5119
  textDisable: string;
5021
5120
  };
5022
5121
  };