@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.
package/index.js.flow CHANGED
@@ -20,7 +20,6 @@ dark: {
20
20
  background: {
21
21
  primary: string,
22
22
  secondary: string,
23
- inverse: string,
24
23
  brand: {
25
24
  primary: string,
26
25
  secondary: string,...
@@ -29,6 +28,7 @@ brandExtra: {
29
28
  primary: string,
30
29
  secondary: string,...
31
30
  },
31
+ inverse: string,
32
32
  success: {
33
33
  primary: string,
34
34
  secondary: string,...
@@ -50,7 +50,6 @@ content: {
50
50
  primary: string,
51
51
  secondary: string,
52
52
  tertiary: string,
53
- inverse: string,
54
53
  brand: {
55
54
  primary: string,
56
55
  secondary: string,...
@@ -59,6 +58,11 @@ brandExtra: {
59
58
  primary: string,
60
59
  secondary: string,...
61
60
  },
61
+ inverse: string,
62
+ static: {
63
+ light: string,
64
+ dark: string,...
65
+ },
62
66
  success: {
63
67
  primary: string,
64
68
  secondary: string,...
@@ -82,18 +86,14 @@ success: string,
82
86
  warning: string,
83
87
  alert: string,
84
88
  neutral: string,...
85
- },
86
- static: {
87
- light: string,
88
- dark: string,...
89
89
  },...
90
90
  },
91
91
  border: {
92
92
  primary: string,
93
93
  secondary: string,
94
- inverse: string,
95
94
  brand: string,
96
95
  brandExtra: string,
96
+ inverse: string,
97
97
  success: string,
98
98
  warning: string,
99
99
  alert: string,
@@ -308,9 +308,23 @@ bgHover: string,
308
308
  border: string,
309
309
  borderHover: string,...
310
310
  },
311
+ slider: {
312
+ bg: string,
313
+ bgHover: string,
314
+ bgDisable: string,...
315
+ },
311
316
  switch: {
312
317
  bg: string,
313
- bgHover: string,...
318
+ bgHover: string,
319
+ bgDisable: string,
320
+ border: string,
321
+ borderHover: string,
322
+ borderDisable: string,...
323
+ },
324
+ knob: {
325
+ bg: string,
326
+ bgHover: string,
327
+ bgInactive: string,...
314
328
  },
315
329
  text: {
316
330
  primary: string,
@@ -335,13 +349,14 @@ textDisable: string,...
335
349
  toggleButton: {
336
350
  bg: string,
337
351
  bgHover: string,
338
- bgPress: string,
352
+ bgActive: string,
339
353
  bgDisable: string,
340
354
  border: string,
341
355
  borderHover: string,
342
- borderPress: string,
356
+ borderActive: string,
343
357
  borderDisable: string,
344
358
  text: string,
359
+ textActive: string,
345
360
  textDisable: string,...
346
361
  },...
347
362
  },...
@@ -350,7 +365,6 @@ light: {
350
365
  background: {
351
366
  primary: string,
352
367
  secondary: string,
353
- inverse: string,
354
368
  brand: {
355
369
  primary: string,
356
370
  secondary: string,...
@@ -359,6 +373,7 @@ brandExtra: {
359
373
  primary: string,
360
374
  secondary: string,...
361
375
  },
376
+ inverse: string,
362
377
  success: {
363
378
  primary: string,
364
379
  secondary: string,...
@@ -380,7 +395,6 @@ content: {
380
395
  primary: string,
381
396
  secondary: string,
382
397
  tertiary: string,
383
- inverse: string,
384
398
  brand: {
385
399
  primary: string,
386
400
  secondary: string,...
@@ -389,6 +403,11 @@ brandExtra: {
389
403
  primary: string,
390
404
  secondary: string,...
391
405
  },
406
+ inverse: string,
407
+ static: {
408
+ light: string,
409
+ dark: string,...
410
+ },
392
411
  success: {
393
412
  primary: string,
394
413
  secondary: string,...
@@ -412,18 +431,14 @@ success: string,
412
431
  warning: string,
413
432
  alert: string,
414
433
  neutral: string,...
415
- },
416
- static: {
417
- light: string,
418
- dark: string,...
419
434
  },...
420
435
  },
421
436
  border: {
422
437
  primary: string,
423
438
  secondary: string,
424
- inverse: string,
425
439
  brand: string,
426
440
  brandExtra: string,
441
+ inverse: string,
427
442
  success: string,
428
443
  warning: string,
429
444
  alert: string,
@@ -638,9 +653,23 @@ bgHover: string,
638
653
  border: string,
639
654
  borderHover: string,...
640
655
  },
656
+ slider: {
657
+ bg: string,
658
+ bgHover: string,
659
+ bgDisable: string,...
660
+ },
641
661
  switch: {
642
662
  bg: string,
643
- bgHover: string,...
663
+ bgHover: string,
664
+ bgDisable: string,
665
+ border: string,
666
+ borderHover: string,
667
+ borderDisable: string,...
668
+ },
669
+ knob: {
670
+ bg: string,
671
+ bgHover: string,
672
+ bgInactive: string,...
644
673
  },
645
674
  text: {
646
675
  primary: string,
@@ -665,13 +694,14 @@ textDisable: string,...
665
694
  toggleButton: {
666
695
  bg: string,
667
696
  bgHover: string,
668
- bgPress: string,
697
+ bgActive: string,
669
698
  bgDisable: string,
670
699
  border: string,
671
700
  borderHover: string,
672
- borderPress: string,
701
+ borderActive: string,
673
702
  borderDisable: string,
674
703
  text: string,
704
+ textActive: string,
675
705
  textDisable: string,...
676
706
  },...
677
707
  },...
@@ -680,7 +710,6 @@ textDisable: string,...
680
710
  background: {
681
711
  primary: string,
682
712
  secondary: string,
683
- inverse: string,
684
713
  brand: {
685
714
  primary: string,
686
715
  secondary: string,...
@@ -689,6 +718,7 @@ brandExtra: {
689
718
  primary: string,
690
719
  secondary: string,...
691
720
  },
721
+ inverse: string,
692
722
  success: {
693
723
  primary: string,
694
724
  secondary: string,...
@@ -710,7 +740,6 @@ content: {
710
740
  primary: string,
711
741
  secondary: string,
712
742
  tertiary: string,
713
- inverse: string,
714
743
  brand: {
715
744
  primary: string,
716
745
  secondary: string,...
@@ -719,6 +748,11 @@ brandExtra: {
719
748
  primary: string,
720
749
  secondary: string,...
721
750
  },
751
+ inverse: string,
752
+ static: {
753
+ light: string,
754
+ dark: string,...
755
+ },
722
756
  success: {
723
757
  primary: string,
724
758
  secondary: string,...
@@ -742,18 +776,14 @@ success: string,
742
776
  warning: string,
743
777
  alert: string,
744
778
  neutral: string,...
745
- },
746
- static: {
747
- light: string,
748
- dark: string,...
749
779
  },...
750
780
  },
751
781
  border: {
752
782
  primary: string,
753
783
  secondary: string,
754
- inverse: string,
755
784
  brand: string,
756
785
  brandExtra: string,
786
+ inverse: string,
757
787
  success: string,
758
788
  warning: string,
759
789
  alert: string,
@@ -968,9 +998,23 @@ bgHover: string,
968
998
  border: string,
969
999
  borderHover: string,...
970
1000
  },
1001
+ slider: {
1002
+ bg: string,
1003
+ bgHover: string,
1004
+ bgDisable: string,...
1005
+ },
971
1006
  switch: {
972
1007
  bg: string,
973
- bgHover: string,...
1008
+ bgHover: string,
1009
+ bgDisable: string,
1010
+ border: string,
1011
+ borderHover: string,
1012
+ borderDisable: string,...
1013
+ },
1014
+ knob: {
1015
+ bg: string,
1016
+ bgHover: string,
1017
+ bgInactive: string,...
974
1018
  },
975
1019
  text: {
976
1020
  primary: string,
@@ -995,13 +1039,14 @@ textDisable: string,...
995
1039
  toggleButton: {
996
1040
  bg: string,
997
1041
  bgHover: string,
998
- bgPress: string,
1042
+ bgActive: string,
999
1043
  bgDisable: string,
1000
1044
  border: string,
1001
1045
  borderHover: string,
1002
- borderPress: string,
1046
+ borderActive: string,
1003
1047
  borderDisable: string,
1004
1048
  text: string,
1049
+ textActive: string,
1005
1050
  textDisable: string,...
1006
1051
  },...
1007
1052
  },...
@@ -1010,7 +1055,6 @@ textDisable: string,...
1010
1055
  background: {
1011
1056
  primary: string,
1012
1057
  secondary: string,
1013
- inverse: string,
1014
1058
  brand: {
1015
1059
  primary: string,
1016
1060
  secondary: string,...
@@ -1019,6 +1063,7 @@ brandExtra: {
1019
1063
  primary: string,
1020
1064
  secondary: string,...
1021
1065
  },
1066
+ inverse: string,
1022
1067
  success: {
1023
1068
  primary: string,
1024
1069
  secondary: string,...
@@ -1040,7 +1085,6 @@ content: {
1040
1085
  primary: string,
1041
1086
  secondary: string,
1042
1087
  tertiary: string,
1043
- inverse: string,
1044
1088
  brand: {
1045
1089
  primary: string,
1046
1090
  secondary: string,...
@@ -1049,6 +1093,11 @@ brandExtra: {
1049
1093
  primary: string,
1050
1094
  secondary: string,...
1051
1095
  },
1096
+ inverse: string,
1097
+ static: {
1098
+ light: string,
1099
+ dark: string,...
1100
+ },
1052
1101
  success: {
1053
1102
  primary: string,
1054
1103
  secondary: string,...
@@ -1072,18 +1121,14 @@ success: string,
1072
1121
  warning: string,
1073
1122
  alert: string,
1074
1123
  neutral: string,...
1075
- },
1076
- static: {
1077
- light: string,
1078
- dark: string,...
1079
1124
  },...
1080
1125
  },
1081
1126
  border: {
1082
1127
  primary: string,
1083
1128
  secondary: string,
1084
- inverse: string,
1085
1129
  brand: string,
1086
1130
  brandExtra: string,
1131
+ inverse: string,
1087
1132
  success: string,
1088
1133
  warning: string,
1089
1134
  alert: string,
@@ -1298,9 +1343,23 @@ bgHover: string,
1298
1343
  border: string,
1299
1344
  borderHover: string,...
1300
1345
  },
1346
+ slider: {
1347
+ bg: string,
1348
+ bgHover: string,
1349
+ bgDisable: string,...
1350
+ },
1301
1351
  switch: {
1302
1352
  bg: string,
1303
- bgHover: string,...
1353
+ bgHover: string,
1354
+ bgDisable: string,
1355
+ border: string,
1356
+ borderHover: string,
1357
+ borderDisable: string,...
1358
+ },
1359
+ knob: {
1360
+ bg: string,
1361
+ bgHover: string,
1362
+ bgInactive: string,...
1304
1363
  },
1305
1364
  text: {
1306
1365
  primary: string,
@@ -1325,13 +1384,14 @@ textDisable: string,...
1325
1384
  toggleButton: {
1326
1385
  bg: string,
1327
1386
  bgHover: string,
1328
- bgPress: string,
1387
+ bgActive: string,
1329
1388
  bgDisable: string,
1330
1389
  border: string,
1331
1390
  borderHover: string,
1332
- borderPress: string,
1391
+ borderActive: string,
1333
1392
  borderDisable: string,
1334
1393
  text: string,
1394
+ textActive: string,
1335
1395
  textDisable: string,...
1336
1396
  },...
1337
1397
  },...
@@ -1655,13 +1715,14 @@ textDisable: string,...
1655
1715
  toggleButton: {
1656
1716
  bg: string,
1657
1717
  bgHover: string,
1658
- bgPress: string,
1718
+ bgActive: string,
1659
1719
  bgDisable: string,
1660
1720
  border: string,
1661
1721
  borderHover: string,
1662
- borderPress: string,
1722
+ borderActive: string,
1663
1723
  borderDisable: string,
1664
1724
  text: string,
1725
+ textActive: string,
1665
1726
  textDisable: string,...
1666
1727
  },...
1667
1728
  },...
@@ -1985,13 +2046,14 @@ textDisable: string,...
1985
2046
  toggleButton: {
1986
2047
  bg: string,
1987
2048
  bgHover: string,
1988
- bgPress: string,
2049
+ bgActive: string,
1989
2050
  bgDisable: string,
1990
2051
  border: string,
1991
2052
  borderHover: string,
1992
- borderPress: string,
2053
+ borderActive: string,
1993
2054
  borderDisable: string,
1994
2055
  text: string,
2056
+ textActive: string,
1995
2057
  textDisable: string,...
1996
2058
  },...
1997
2059
  },...
@@ -2315,13 +2377,14 @@ textDisable: string,...
2315
2377
  toggleButton: {
2316
2378
  bg: string,
2317
2379
  bgHover: string,
2318
- bgPress: string,
2380
+ bgActive: string,
2319
2381
  bgDisable: string,
2320
2382
  border: string,
2321
2383
  borderHover: string,
2322
- borderPress: string,
2384
+ borderActive: string,
2323
2385
  borderDisable: string,
2324
2386
  text: string,
2387
+ textActive: string,
2325
2388
  textDisable: string,...
2326
2389
  },...
2327
2390
  },...
@@ -2645,13 +2708,14 @@ textDisable: string,...
2645
2708
  toggleButton: {
2646
2709
  bg: string,
2647
2710
  bgHover: string,
2648
- bgPress: string,
2711
+ bgActive: string,
2649
2712
  bgDisable: string,
2650
2713
  border: string,
2651
2714
  borderHover: string,
2652
- borderPress: string,
2715
+ borderActive: string,
2653
2716
  borderDisable: string,
2654
2717
  text: string,
2718
+ textActive: string,
2655
2719
  textDisable: string,...
2656
2720
  },...
2657
2721
  },...
@@ -2975,13 +3039,14 @@ textDisable: string,...
2975
3039
  toggleButton: {
2976
3040
  bg: string,
2977
3041
  bgHover: string,
2978
- bgPress: string,
3042
+ bgActive: string,
2979
3043
  bgDisable: string,
2980
3044
  border: string,
2981
3045
  borderHover: string,
2982
- borderPress: string,
3046
+ borderActive: string,
2983
3047
  borderDisable: string,
2984
3048
  text: string,
3049
+ textActive: string,
2985
3050
  textDisable: string,...
2986
3051
  },...
2987
3052
  },...
@@ -3051,7 +3116,6 @@ colors: {
3051
3116
  background: {
3052
3117
  primary: string,
3053
3118
  secondary: string,
3054
- inverse: string,
3055
3119
  brand: {
3056
3120
  primary: string,
3057
3121
  secondary: string,...
@@ -3060,6 +3124,7 @@ brandExtra: {
3060
3124
  primary: string,
3061
3125
  secondary: string,...
3062
3126
  },
3127
+ inverse: string,
3063
3128
  success: {
3064
3129
  primary: string,
3065
3130
  secondary: string,...
@@ -3081,7 +3146,6 @@ content: {
3081
3146
  primary: string,
3082
3147
  secondary: string,
3083
3148
  tertiary: string,
3084
- inverse: string,
3085
3149
  brand: {
3086
3150
  primary: string,
3087
3151
  secondary: string,...
@@ -3090,6 +3154,11 @@ brandExtra: {
3090
3154
  primary: string,
3091
3155
  secondary: string,...
3092
3156
  },
3157
+ inverse: string,
3158
+ static: {
3159
+ light: string,
3160
+ dark: string,...
3161
+ },
3093
3162
  success: {
3094
3163
  primary: string,
3095
3164
  secondary: string,...
@@ -3113,18 +3182,14 @@ success: string,
3113
3182
  warning: string,
3114
3183
  alert: string,
3115
3184
  neutral: string,...
3116
- },
3117
- static: {
3118
- light: string,
3119
- dark: string,...
3120
3185
  },...
3121
3186
  },
3122
3187
  border: {
3123
3188
  primary: string,
3124
3189
  secondary: string,
3125
- inverse: string,
3126
3190
  brand: string,
3127
3191
  brandExtra: string,
3192
+ inverse: string,
3128
3193
  success: string,
3129
3194
  warning: string,
3130
3195
  alert: string,
@@ -3339,9 +3404,23 @@ bgHover: string,
3339
3404
  border: string,
3340
3405
  borderHover: string,...
3341
3406
  },
3407
+ slider: {
3408
+ bg: string,
3409
+ bgHover: string,
3410
+ bgDisable: string,...
3411
+ },
3342
3412
  switch: {
3343
3413
  bg: string,
3344
- bgHover: string,...
3414
+ bgHover: string,
3415
+ bgDisable: string,
3416
+ border: string,
3417
+ borderHover: string,
3418
+ borderDisable: string,...
3419
+ },
3420
+ knob: {
3421
+ bg: string,
3422
+ bgHover: string,
3423
+ bgInactive: string,...
3345
3424
  },
3346
3425
  text: {
3347
3426
  primary: string,
@@ -3366,13 +3445,14 @@ textDisable: string,...
3366
3445
  toggleButton: {
3367
3446
  bg: string,
3368
3447
  bgHover: string,
3369
- bgPress: string,
3448
+ bgActive: string,
3370
3449
  bgDisable: string,
3371
3450
  border: string,
3372
3451
  borderHover: string,
3373
- borderPress: string,
3452
+ borderActive: string,
3374
3453
  borderDisable: string,
3375
3454
  text: string,
3455
+ textActive: string,
3376
3456
  textDisable: string,...
3377
3457
  },...
3378
3458
  },...
@@ -3381,7 +3461,6 @@ textDisable: string,...
3381
3461
  background: {
3382
3462
  primary: string,
3383
3463
  secondary: string,
3384
- inverse: string,
3385
3464
  brand: {
3386
3465
  primary: string,
3387
3466
  secondary: string,...
@@ -3390,6 +3469,7 @@ brandExtra: {
3390
3469
  primary: string,
3391
3470
  secondary: string,...
3392
3471
  },
3472
+ inverse: string,
3393
3473
  success: {
3394
3474
  primary: string,
3395
3475
  secondary: string,...
@@ -3411,7 +3491,6 @@ content: {
3411
3491
  primary: string,
3412
3492
  secondary: string,
3413
3493
  tertiary: string,
3414
- inverse: string,
3415
3494
  brand: {
3416
3495
  primary: string,
3417
3496
  secondary: string,...
@@ -3420,6 +3499,11 @@ brandExtra: {
3420
3499
  primary: string,
3421
3500
  secondary: string,...
3422
3501
  },
3502
+ inverse: string,
3503
+ static: {
3504
+ light: string,
3505
+ dark: string,...
3506
+ },
3423
3507
  success: {
3424
3508
  primary: string,
3425
3509
  secondary: string,...
@@ -3443,18 +3527,14 @@ success: string,
3443
3527
  warning: string,
3444
3528
  alert: string,
3445
3529
  neutral: string,...
3446
- },
3447
- static: {
3448
- light: string,
3449
- dark: string,...
3450
3530
  },...
3451
3531
  },
3452
3532
  border: {
3453
3533
  primary: string,
3454
3534
  secondary: string,
3455
- inverse: string,
3456
3535
  brand: string,
3457
3536
  brandExtra: string,
3537
+ inverse: string,
3458
3538
  success: string,
3459
3539
  warning: string,
3460
3540
  alert: string,
@@ -3669,9 +3749,23 @@ bgHover: string,
3669
3749
  border: string,
3670
3750
  borderHover: string,...
3671
3751
  },
3752
+ slider: {
3753
+ bg: string,
3754
+ bgHover: string,
3755
+ bgDisable: string,...
3756
+ },
3672
3757
  switch: {
3673
3758
  bg: string,
3674
- bgHover: string,...
3759
+ bgHover: string,
3760
+ bgDisable: string,
3761
+ border: string,
3762
+ borderHover: string,
3763
+ borderDisable: string,...
3764
+ },
3765
+ knob: {
3766
+ bg: string,
3767
+ bgHover: string,
3768
+ bgInactive: string,...
3675
3769
  },
3676
3770
  text: {
3677
3771
  primary: string,
@@ -3696,13 +3790,14 @@ textDisable: string,...
3696
3790
  toggleButton: {
3697
3791
  bg: string,
3698
3792
  bgHover: string,
3699
- bgPress: string,
3793
+ bgActive: string,
3700
3794
  bgDisable: string,
3701
3795
  border: string,
3702
3796
  borderHover: string,
3703
- borderPress: string,
3797
+ borderActive: string,
3704
3798
  borderDisable: string,
3705
3799
  text: string,
3800
+ textActive: string,
3706
3801
  textDisable: string,...
3707
3802
  },...
3708
3803
  },...
@@ -4026,13 +4121,14 @@ textDisable: string,...
4026
4121
  toggleButton: {
4027
4122
  bg: string,
4028
4123
  bgHover: string,
4029
- bgPress: string,
4124
+ bgActive: string,
4030
4125
  bgDisable: string,
4031
4126
  border: string,
4032
4127
  borderHover: string,
4033
- borderPress: string,
4128
+ borderActive: string,
4034
4129
  borderDisable: string,
4035
4130
  text: string,
4131
+ textActive: string,
4036
4132
  textDisable: string,...
4037
4133
  },...
4038
4134
  },...
@@ -4356,13 +4452,14 @@ textDisable: string,...
4356
4452
  toggleButton: {
4357
4453
  bg: string,
4358
4454
  bgHover: string,
4359
- bgPress: string,
4455
+ bgActive: string,
4360
4456
  bgDisable: string,
4361
4457
  border: string,
4362
4458
  borderHover: string,
4363
- borderPress: string,
4459
+ borderActive: string,
4364
4460
  borderDisable: string,
4365
4461
  text: string,
4462
+ textActive: string,
4366
4463
  textDisable: string,...
4367
4464
  },...
4368
4465
  },...
@@ -4686,13 +4783,14 @@ textDisable: string,...
4686
4783
  toggleButton: {
4687
4784
  bg: string,
4688
4785
  bgHover: string,
4689
- bgPress: string,
4786
+ bgActive: string,
4690
4787
  bgDisable: string,
4691
4788
  border: string,
4692
4789
  borderHover: string,
4693
- borderPress: string,
4790
+ borderActive: string,
4694
4791
  borderDisable: string,
4695
4792
  text: string,
4793
+ textActive: string,
4696
4794
  textDisable: string,...
4697
4795
  },...
4698
4796
  },...