@xsolla/xui-core 0.154.1 → 0.154.2-pr250.1779091036

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;
@@ -4801,6 +4872,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4801
4872
  iconSize: number;
4802
4873
  gap: number;
4803
4874
  minWidth: number;
4875
+ panelWidth: number;
4876
+ statusDotSize: number;
4877
+ iconWrapperSize: number;
4878
+ triggerOffset: number;
4879
+ borderRadius: number;
4804
4880
  searchPaddingHorizontal: number;
4805
4881
  searchPaddingVertical: number;
4806
4882
  searchGap: number;
@@ -4817,6 +4893,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4817
4893
  iconSize: number;
4818
4894
  gap: number;
4819
4895
  minWidth: number;
4896
+ panelWidth: number;
4897
+ statusDotSize: number;
4898
+ iconWrapperSize: number;
4899
+ triggerOffset: number;
4900
+ borderRadius: number;
4820
4901
  searchPaddingHorizontal: number;
4821
4902
  searchPaddingVertical: number;
4822
4903
  searchGap: number;
@@ -4833,6 +4914,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4833
4914
  iconSize: number;
4834
4915
  gap: number;
4835
4916
  minWidth: number;
4917
+ panelWidth: number;
4918
+ statusDotSize: number;
4919
+ iconWrapperSize: number;
4920
+ triggerOffset: number;
4921
+ borderRadius: number;
4836
4922
  searchPaddingHorizontal: number;
4837
4923
  searchPaddingVertical: number;
4838
4924
  searchGap: number;
@@ -4849,6 +4935,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4849
4935
  iconSize: number;
4850
4936
  gap: number;
4851
4937
  minWidth: number;
4938
+ panelWidth: number;
4939
+ statusDotSize: number;
4940
+ iconWrapperSize: number;
4941
+ triggerOffset: number;
4942
+ borderRadius: number;
4852
4943
  searchPaddingHorizontal: number;
4853
4944
  searchPaddingVertical: number;
4854
4945
  searchGap: number;
@@ -5403,7 +5494,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5403
5494
  knob: {
5404
5495
  bg: string;
5405
5496
  bgHover: string;
5497
+ bgActive: string;
5498
+ bgActiveHover: string;
5406
5499
  bgInactive: string;
5500
+ bgInactiveHover: string;
5501
+ bgDisable: string;
5407
5502
  };
5408
5503
  text: {
5409
5504
  primary: string;
@@ -5461,6 +5556,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5461
5556
  textCompact: string;
5462
5557
  };
5463
5558
  };
5559
+ toast: {
5560
+ bg: string;
5561
+ };
5464
5562
  toggleButton: {
5465
5563
  bg: string;
5466
5564
  bgHover: string;
@@ -5798,7 +5896,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5798
5896
  knob: {
5799
5897
  bg: string;
5800
5898
  bgHover: string;
5899
+ bgActive: string;
5900
+ bgActiveHover: string;
5801
5901
  bgInactive: string;
5902
+ bgInactiveHover: string;
5903
+ bgDisable: string;
5802
5904
  };
5803
5905
  text: {
5804
5906
  primary: string;
@@ -5856,6 +5958,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5856
5958
  textCompact: string;
5857
5959
  };
5858
5960
  };
5961
+ toast: {
5962
+ bg: string;
5963
+ };
5859
5964
  toggleButton: {
5860
5965
  bg: string;
5861
5966
  bgHover: string;
@@ -6193,7 +6298,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6193
6298
  knob: {
6194
6299
  bg: string;
6195
6300
  bgHover: string;
6301
+ bgActive: string;
6302
+ bgActiveHover: string;
6196
6303
  bgInactive: string;
6304
+ bgInactiveHover: string;
6305
+ bgDisable: string;
6197
6306
  };
6198
6307
  text: {
6199
6308
  primary: string;
@@ -6251,6 +6360,9 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6251
6360
  textCompact: string;
6252
6361
  };
6253
6362
  };
6363
+ toast: {
6364
+ bg: string;
6365
+ };
6254
6366
  toggleButton: {
6255
6367
  bg: string;
6256
6368
  bgHover: string;
@@ -6286,6 +6398,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6286
6398
  radius: {
6287
6399
  button: number;
6288
6400
  card: number;
6401
+ contextMenu: number;
6289
6402
  input: number;
6290
6403
  tagSmall: number;
6291
6404
  tagMedium: number;
@@ -6300,6 +6413,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6300
6413
  surfaceHover: string;
6301
6414
  popover: string;
6302
6415
  modal: string;
6416
+ contextMenu: string;
6303
6417
  };
6304
6418
  fonts: {
6305
6419
  heading: string;
@@ -6448,6 +6562,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6448
6562
  };
6449
6563
  radio: (size: "xl" | "lg" | "md" | "sm") => {
6450
6564
  size: number;
6565
+ iconSize: number;
6451
6566
  fontSize: number;
6452
6567
  lineHeight: number;
6453
6568
  descriptionFontSize: number;
@@ -6457,6 +6572,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6457
6572
  borderWidth: number;
6458
6573
  } | {
6459
6574
  size: number;
6575
+ iconSize: number;
6460
6576
  fontSize: number;
6461
6577
  lineHeight: number;
6462
6578
  descriptionFontSize: number;
@@ -6466,6 +6582,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6466
6582
  borderWidth: number;
6467
6583
  } | {
6468
6584
  size: number;
6585
+ iconSize: number;
6469
6586
  fontSize: number;
6470
6587
  lineHeight: number;
6471
6588
  descriptionFontSize: number;
@@ -6475,6 +6592,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6475
6592
  borderWidth: number;
6476
6593
  } | {
6477
6594
  size: number;
6595
+ iconSize: number;
6478
6596
  fontSize: number;
6479
6597
  lineHeight: number;
6480
6598
  descriptionFontSize: number;
@@ -7237,6 +7355,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7237
7355
  iconSize: number;
7238
7356
  gap: number;
7239
7357
  minWidth: number;
7358
+ panelWidth: number;
7359
+ statusDotSize: number;
7360
+ iconWrapperSize: number;
7361
+ triggerOffset: number;
7362
+ borderRadius: number;
7240
7363
  searchPaddingHorizontal: number;
7241
7364
  searchPaddingVertical: number;
7242
7365
  searchGap: number;
@@ -7253,6 +7376,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7253
7376
  iconSize: number;
7254
7377
  gap: number;
7255
7378
  minWidth: number;
7379
+ panelWidth: number;
7380
+ statusDotSize: number;
7381
+ iconWrapperSize: number;
7382
+ triggerOffset: number;
7383
+ borderRadius: number;
7256
7384
  searchPaddingHorizontal: number;
7257
7385
  searchPaddingVertical: number;
7258
7386
  searchGap: number;
@@ -7269,6 +7397,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7269
7397
  iconSize: number;
7270
7398
  gap: number;
7271
7399
  minWidth: number;
7400
+ panelWidth: number;
7401
+ statusDotSize: number;
7402
+ iconWrapperSize: number;
7403
+ triggerOffset: number;
7404
+ borderRadius: number;
7272
7405
  searchPaddingHorizontal: number;
7273
7406
  searchPaddingVertical: number;
7274
7407
  searchGap: number;
@@ -7285,6 +7418,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7285
7418
  iconSize: number;
7286
7419
  gap: number;
7287
7420
  minWidth: number;
7421
+ panelWidth: number;
7422
+ statusDotSize: number;
7423
+ iconWrapperSize: number;
7424
+ triggerOffset: number;
7425
+ borderRadius: number;
7288
7426
  searchPaddingHorizontal: number;
7289
7427
  searchPaddingVertical: number;
7290
7428
  searchGap: number;