@xsolla/xui-core 0.156.0 → 0.157.0-pr303.1779367555

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
@@ -157,7 +157,7 @@ var overlay = {
157
157
  };
158
158
  var layer = {
159
159
  scrim: "rgba(0, 0, 0, 0.5)",
160
- float: "rgba(0, 0, 0, 0.5)"
160
+ float: "rgba(0, 0, 0, 0.8)"
161
161
  };
162
162
  var control = {
163
163
  brand: {
@@ -253,9 +253,9 @@ var control = {
253
253
  borderPress: "rgba(255, 255, 255, 0)"
254
254
  },
255
255
  secondary: {
256
- bg: "rgba(80, 49, 232, 0.4)",
257
- bgHover: "rgba(149, 128, 255, 0.4)",
258
- bgPress: "rgba(80, 49, 232, 0.4)",
256
+ bg: "#22136c",
257
+ bgHover: "#301b98",
258
+ bgPress: "#140b41",
259
259
  border: "#7055f6",
260
260
  borderHover: "#9580ff",
261
261
  borderPress: "rgba(255, 255, 255, 0)"
@@ -295,11 +295,11 @@ var control = {
295
295
  borderPress: "rgba(255, 255, 255, 0)"
296
296
  },
297
297
  secondary: {
298
- bg: "rgba(232, 79, 48, 0.4)",
299
- bgHover: "rgba(246, 112, 85, 0.4)",
300
- bgPress: "rgba(195, 61, 34, 0.4)",
301
- border: "rgba(246, 112, 85, 0.32)",
302
- borderHover: "rgba(246, 112, 85, 0.32)",
298
+ bg: "#6c2213",
299
+ bgHover: "#98301b",
300
+ bgPress: "#41140b",
301
+ border: "#98301b",
302
+ borderHover: "#c33d22",
303
303
  borderPress: "rgba(255, 255, 255, 0)"
304
304
  },
305
305
  tertiary: {
@@ -337,7 +337,7 @@ var control = {
337
337
  textDisable: "rgba(255, 255, 255, 0.36)"
338
338
  },
339
339
  focus: {
340
- bg: "rgba(0, 0, 0, 0.5)",
340
+ bg: "rgba(0, 0, 0, 0.8)",
341
341
  border: "#31cae8"
342
342
  },
343
343
  check: {
@@ -371,7 +371,11 @@ var control = {
371
371
  knob: {
372
372
  bg: "#80eaff",
373
373
  bgHover: "#b2f2ff",
374
- bgInactive: "#ffffff"
374
+ bgActive: "#80eaff",
375
+ bgActiveHover: "#b2f2ff",
376
+ bgInactive: "#ffffff",
377
+ bgInactiveHover: "#f4f5f6",
378
+ bgDisable: "rgba(255, 255, 255, 0.4)"
375
379
  },
376
380
  text: {
377
381
  primary: "#ffffff",
@@ -415,8 +419,8 @@ var control = {
415
419
  id: {
416
420
  bg: "#34474b",
417
421
  bgSeries: "#000000",
418
- textSeries: "#4b6368",
419
- textNumber: "#000000",
422
+ textSeries: "#b7c5c8",
423
+ textNumber: "#b7c5c8",
420
424
  textCompact: "rgba(255, 255, 255, 0.48)"
421
425
  },
422
426
  subentity: {
@@ -429,6 +433,9 @@ var control = {
429
433
  textCompact: "rgba(255, 255, 255, 0.48)"
430
434
  }
431
435
  },
436
+ toast: {
437
+ bg: "#34474b"
438
+ },
432
439
  toggleButton: {
433
440
  bg: "rgba(178, 242, 255, 0.1)",
434
441
  bgHover: "rgba(178, 242, 255, 0.15)",
@@ -784,7 +791,11 @@ declare const colors: {
784
791
  knob: {
785
792
  bg: string;
786
793
  bgHover: string;
794
+ bgActive: string;
795
+ bgActiveHover: string;
787
796
  bgInactive: string;
797
+ bgInactiveHover: string;
798
+ bgDisable: string;
788
799
  };
789
800
  text: {
790
801
  primary: string;
@@ -842,6 +853,9 @@ declare const colors: {
842
853
  textCompact: string;
843
854
  };
844
855
  };
856
+ toast: {
857
+ bg: string;
858
+ };
845
859
  toggleButton: {
846
860
  bg: string;
847
861
  bgHover: string;
@@ -1180,7 +1194,11 @@ declare const colors: {
1180
1194
  knob: {
1181
1195
  bg: string;
1182
1196
  bgHover: string;
1197
+ bgActive: string;
1198
+ bgActiveHover: string;
1183
1199
  bgInactive: string;
1200
+ bgInactiveHover: string;
1201
+ bgDisable: string;
1184
1202
  };
1185
1203
  text: {
1186
1204
  primary: string;
@@ -1238,6 +1256,9 @@ declare const colors: {
1238
1256
  textCompact: string;
1239
1257
  };
1240
1258
  };
1259
+ toast: {
1260
+ bg: string;
1261
+ };
1241
1262
  toggleButton: {
1242
1263
  bg: string;
1243
1264
  bgHover: string;
@@ -1576,7 +1597,11 @@ declare const colors: {
1576
1597
  knob: {
1577
1598
  bg: string;
1578
1599
  bgHover: string;
1600
+ bgActive: string;
1601
+ bgActiveHover: string;
1579
1602
  bgInactive: string;
1603
+ bgInactiveHover: string;
1604
+ bgDisable: string;
1580
1605
  };
1581
1606
  text: {
1582
1607
  primary: string;
@@ -1634,6 +1659,9 @@ declare const colors: {
1634
1659
  textCompact: string;
1635
1660
  };
1636
1661
  };
1662
+ toast: {
1663
+ bg: string;
1664
+ };
1637
1665
  toggleButton: {
1638
1666
  bg: string;
1639
1667
  bgHover: string;
@@ -1972,7 +2000,11 @@ declare const colors: {
1972
2000
  knob: {
1973
2001
  bg: string;
1974
2002
  bgHover: string;
2003
+ bgActive: string;
2004
+ bgActiveHover: string;
1975
2005
  bgInactive: string;
2006
+ bgInactiveHover: string;
2007
+ bgDisable: string;
1976
2008
  };
1977
2009
  text: {
1978
2010
  primary: string;
@@ -2030,6 +2062,9 @@ declare const colors: {
2030
2062
  textCompact: string;
2031
2063
  };
2032
2064
  };
2065
+ toast: {
2066
+ bg: string;
2067
+ };
2033
2068
  toggleButton: {
2034
2069
  bg: string;
2035
2070
  bgHover: string;
@@ -2368,7 +2403,11 @@ declare const colors: {
2368
2403
  knob: {
2369
2404
  bg: string;
2370
2405
  bgHover: string;
2406
+ bgActive: string;
2407
+ bgActiveHover: string;
2371
2408
  bgInactive: string;
2409
+ bgInactiveHover: string;
2410
+ bgDisable: string;
2372
2411
  };
2373
2412
  text: {
2374
2413
  primary: string;
@@ -2426,6 +2465,9 @@ declare const colors: {
2426
2465
  textCompact: string;
2427
2466
  };
2428
2467
  };
2468
+ toast: {
2469
+ bg: string;
2470
+ };
2429
2471
  toggleButton: {
2430
2472
  bg: string;
2431
2473
  bgHover: string;
@@ -2464,6 +2506,7 @@ declare const spacing: {
2464
2506
  declare const radius: {
2465
2507
  button: number;
2466
2508
  card: number;
2509
+ contextMenu: number;
2467
2510
  input: number;
2468
2511
  tagSmall: number;
2469
2512
  tagMedium: number;
@@ -2479,6 +2522,7 @@ declare const shadow: {
2479
2522
  surfaceHover: string;
2480
2523
  popover: string;
2481
2524
  modal: string;
2525
+ contextMenu: string;
2482
2526
  };
2483
2527
 
2484
2528
  /**
@@ -2967,7 +3011,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
2967
3011
  knob: {
2968
3012
  bg: string;
2969
3013
  bgHover: string;
3014
+ bgActive: string;
3015
+ bgActiveHover: string;
2970
3016
  bgInactive: string;
3017
+ bgInactiveHover: string;
3018
+ bgDisable: string;
2971
3019
  };
2972
3020
  text: {
2973
3021
  primary: string;
@@ -3025,6 +3073,9 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3025
3073
  textCompact: string;
3026
3074
  };
3027
3075
  };
3076
+ toast: {
3077
+ bg: string;
3078
+ };
3028
3079
  toggleButton: {
3029
3080
  bg: string;
3030
3081
  bgHover: string;
@@ -3362,7 +3413,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3362
3413
  knob: {
3363
3414
  bg: string;
3364
3415
  bgHover: string;
3416
+ bgActive: string;
3417
+ bgActiveHover: string;
3365
3418
  bgInactive: string;
3419
+ bgInactiveHover: string;
3420
+ bgDisable: string;
3366
3421
  };
3367
3422
  text: {
3368
3423
  primary: string;
@@ -3420,6 +3475,9 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3420
3475
  textCompact: string;
3421
3476
  };
3422
3477
  };
3478
+ toast: {
3479
+ bg: string;
3480
+ };
3423
3481
  toggleButton: {
3424
3482
  bg: string;
3425
3483
  bgHover: string;
@@ -3757,7 +3815,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3757
3815
  knob: {
3758
3816
  bg: string;
3759
3817
  bgHover: string;
3818
+ bgActive: string;
3819
+ bgActiveHover: string;
3760
3820
  bgInactive: string;
3821
+ bgInactiveHover: string;
3822
+ bgDisable: string;
3761
3823
  };
3762
3824
  text: {
3763
3825
  primary: string;
@@ -3815,6 +3877,9 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3815
3877
  textCompact: string;
3816
3878
  };
3817
3879
  };
3880
+ toast: {
3881
+ bg: string;
3882
+ };
3818
3883
  toggleButton: {
3819
3884
  bg: string;
3820
3885
  bgHover: string;
@@ -3850,6 +3915,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3850
3915
  radius: {
3851
3916
  button: number;
3852
3917
  card: number;
3918
+ contextMenu: number;
3853
3919
  input: number;
3854
3920
  tagSmall: number;
3855
3921
  tagMedium: number;
@@ -3864,6 +3930,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3864
3930
  surfaceHover: string;
3865
3931
  popover: string;
3866
3932
  modal: string;
3933
+ contextMenu: string;
3867
3934
  };
3868
3935
  fonts: {
3869
3936
  heading: string;
@@ -4012,6 +4079,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4012
4079
  };
4013
4080
  radio: (size: "xl" | "lg" | "md" | "sm") => {
4014
4081
  size: number;
4082
+ iconSize: number;
4015
4083
  fontSize: number;
4016
4084
  lineHeight: number;
4017
4085
  descriptionFontSize: number;
@@ -4021,6 +4089,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4021
4089
  borderWidth: number;
4022
4090
  } | {
4023
4091
  size: number;
4092
+ iconSize: number;
4024
4093
  fontSize: number;
4025
4094
  lineHeight: number;
4026
4095
  descriptionFontSize: number;
@@ -4030,6 +4099,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4030
4099
  borderWidth: number;
4031
4100
  } | {
4032
4101
  size: number;
4102
+ iconSize: number;
4033
4103
  fontSize: number;
4034
4104
  lineHeight: number;
4035
4105
  descriptionFontSize: number;
@@ -4039,6 +4109,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4039
4109
  borderWidth: number;
4040
4110
  } | {
4041
4111
  size: number;
4112
+ iconSize: number;
4042
4113
  fontSize: number;
4043
4114
  lineHeight: number;
4044
4115
  descriptionFontSize: number;
@@ -4942,6 +5013,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4942
5013
  iconSize: number;
4943
5014
  gap: number;
4944
5015
  minWidth: number;
5016
+ panelWidth: number;
5017
+ statusDotSize: number;
5018
+ iconWrapperSize: number;
5019
+ triggerOffset: number;
5020
+ borderRadius: number;
4945
5021
  searchPaddingHorizontal: number;
4946
5022
  searchPaddingVertical: number;
4947
5023
  searchGap: number;
@@ -4958,6 +5034,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4958
5034
  iconSize: number;
4959
5035
  gap: number;
4960
5036
  minWidth: number;
5037
+ panelWidth: number;
5038
+ statusDotSize: number;
5039
+ iconWrapperSize: number;
5040
+ triggerOffset: number;
5041
+ borderRadius: number;
4961
5042
  searchPaddingHorizontal: number;
4962
5043
  searchPaddingVertical: number;
4963
5044
  searchGap: number;
@@ -4974,6 +5055,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4974
5055
  iconSize: number;
4975
5056
  gap: number;
4976
5057
  minWidth: number;
5058
+ panelWidth: number;
5059
+ statusDotSize: number;
5060
+ iconWrapperSize: number;
5061
+ triggerOffset: number;
5062
+ borderRadius: number;
4977
5063
  searchPaddingHorizontal: number;
4978
5064
  searchPaddingVertical: number;
4979
5065
  searchGap: number;
@@ -4990,6 +5076,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4990
5076
  iconSize: number;
4991
5077
  gap: number;
4992
5078
  minWidth: number;
5079
+ panelWidth: number;
5080
+ statusDotSize: number;
5081
+ iconWrapperSize: number;
5082
+ triggerOffset: number;
5083
+ borderRadius: number;
4993
5084
  searchPaddingHorizontal: number;
4994
5085
  searchPaddingVertical: number;
4995
5086
  searchGap: number;
@@ -5544,7 +5635,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5544
5635
  knob: {
5545
5636
  bg: string;
5546
5637
  bgHover: string;
5638
+ bgActive: string;
5639
+ bgActiveHover: string;
5547
5640
  bgInactive: string;
5641
+ bgInactiveHover: string;
5642
+ bgDisable: string;
5548
5643
  };
5549
5644
  text: {
5550
5645
  primary: string;
@@ -5602,6 +5697,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5602
5697
  textCompact: string;
5603
5698
  };
5604
5699
  };
5700
+ toast: {
5701
+ bg: string;
5702
+ };
5605
5703
  toggleButton: {
5606
5704
  bg: string;
5607
5705
  bgHover: string;
@@ -5939,7 +6037,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5939
6037
  knob: {
5940
6038
  bg: string;
5941
6039
  bgHover: string;
6040
+ bgActive: string;
6041
+ bgActiveHover: string;
5942
6042
  bgInactive: string;
6043
+ bgInactiveHover: string;
6044
+ bgDisable: string;
5943
6045
  };
5944
6046
  text: {
5945
6047
  primary: string;
@@ -5997,6 +6099,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5997
6099
  textCompact: string;
5998
6100
  };
5999
6101
  };
6102
+ toast: {
6103
+ bg: string;
6104
+ };
6000
6105
  toggleButton: {
6001
6106
  bg: string;
6002
6107
  bgHover: string;
@@ -6334,7 +6439,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6334
6439
  knob: {
6335
6440
  bg: string;
6336
6441
  bgHover: string;
6442
+ bgActive: string;
6443
+ bgActiveHover: string;
6337
6444
  bgInactive: string;
6445
+ bgInactiveHover: string;
6446
+ bgDisable: string;
6338
6447
  };
6339
6448
  text: {
6340
6449
  primary: string;
@@ -6392,6 +6501,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6392
6501
  textCompact: string;
6393
6502
  };
6394
6503
  };
6504
+ toast: {
6505
+ bg: string;
6506
+ };
6395
6507
  toggleButton: {
6396
6508
  bg: string;
6397
6509
  bgHover: string;
@@ -6427,6 +6539,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6427
6539
  radius: {
6428
6540
  button: number;
6429
6541
  card: number;
6542
+ contextMenu: number;
6430
6543
  input: number;
6431
6544
  tagSmall: number;
6432
6545
  tagMedium: number;
@@ -6441,6 +6554,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6441
6554
  surfaceHover: string;
6442
6555
  popover: string;
6443
6556
  modal: string;
6557
+ contextMenu: string;
6444
6558
  };
6445
6559
  fonts: {
6446
6560
  heading: string;
@@ -6589,6 +6703,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6589
6703
  };
6590
6704
  radio: (size: "xl" | "lg" | "md" | "sm") => {
6591
6705
  size: number;
6706
+ iconSize: number;
6592
6707
  fontSize: number;
6593
6708
  lineHeight: number;
6594
6709
  descriptionFontSize: number;
@@ -6598,6 +6713,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6598
6713
  borderWidth: number;
6599
6714
  } | {
6600
6715
  size: number;
6716
+ iconSize: number;
6601
6717
  fontSize: number;
6602
6718
  lineHeight: number;
6603
6719
  descriptionFontSize: number;
@@ -6607,6 +6723,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6607
6723
  borderWidth: number;
6608
6724
  } | {
6609
6725
  size: number;
6726
+ iconSize: number;
6610
6727
  fontSize: number;
6611
6728
  lineHeight: number;
6612
6729
  descriptionFontSize: number;
@@ -6616,6 +6733,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6616
6733
  borderWidth: number;
6617
6734
  } | {
6618
6735
  size: number;
6736
+ iconSize: number;
6619
6737
  fontSize: number;
6620
6738
  lineHeight: number;
6621
6739
  descriptionFontSize: number;
@@ -7519,6 +7637,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7519
7637
  iconSize: number;
7520
7638
  gap: number;
7521
7639
  minWidth: number;
7640
+ panelWidth: number;
7641
+ statusDotSize: number;
7642
+ iconWrapperSize: number;
7643
+ triggerOffset: number;
7644
+ borderRadius: number;
7522
7645
  searchPaddingHorizontal: number;
7523
7646
  searchPaddingVertical: number;
7524
7647
  searchGap: number;
@@ -7535,6 +7658,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7535
7658
  iconSize: number;
7536
7659
  gap: number;
7537
7660
  minWidth: number;
7661
+ panelWidth: number;
7662
+ statusDotSize: number;
7663
+ iconWrapperSize: number;
7664
+ triggerOffset: number;
7665
+ borderRadius: number;
7538
7666
  searchPaddingHorizontal: number;
7539
7667
  searchPaddingVertical: number;
7540
7668
  searchGap: number;
@@ -7551,6 +7679,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7551
7679
  iconSize: number;
7552
7680
  gap: number;
7553
7681
  minWidth: number;
7682
+ panelWidth: number;
7683
+ statusDotSize: number;
7684
+ iconWrapperSize: number;
7685
+ triggerOffset: number;
7686
+ borderRadius: number;
7554
7687
  searchPaddingHorizontal: number;
7555
7688
  searchPaddingVertical: number;
7556
7689
  searchGap: number;
@@ -7567,6 +7700,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7567
7700
  iconSize: number;
7568
7701
  gap: number;
7569
7702
  minWidth: number;
7703
+ panelWidth: number;
7704
+ statusDotSize: number;
7705
+ iconWrapperSize: number;
7706
+ triggerOffset: number;
7707
+ borderRadius: number;
7570
7708
  searchPaddingHorizontal: number;
7571
7709
  searchPaddingVertical: number;
7572
7710
  searchGap: number;