@xsolla/xui-core 0.161.0 → 0.161.1

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.8)"
160
+ float: "rgba(0, 0, 0, 0.5)"
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: "#22136c",
257
- bgHover: "#301b98",
258
- bgPress: "#140b41",
256
+ bg: "rgba(80, 49, 232, 0.4)",
257
+ bgHover: "rgba(149, 128, 255, 0.4)",
258
+ bgPress: "rgba(80, 49, 232, 0.4)",
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: "#6c2213",
299
- bgHover: "#98301b",
300
- bgPress: "#41140b",
301
- border: "#98301b",
302
- borderHover: "#c33d22",
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)",
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.8)",
340
+ bg: "rgba(0, 0, 0, 0.5)",
341
341
  border: "#31cae8"
342
342
  },
343
343
  check: {
@@ -374,7 +374,7 @@ var control = {
374
374
  bgActive: "#80eaff",
375
375
  bgActiveHover: "#b2f2ff",
376
376
  bgInactive: "#ffffff",
377
- bgInactiveHover: "#f4f5f6",
377
+ bgInactiveHover: "#f6f8f9",
378
378
  bgDisable: "rgba(255, 255, 255, 0.4)"
379
379
  },
380
380
  text: {
@@ -419,8 +419,8 @@ var control = {
419
419
  id: {
420
420
  bg: "#34474b",
421
421
  bgSeries: "#000000",
422
- textSeries: "#b7c5c8",
423
- textNumber: "#b7c5c8",
422
+ textSeries: "#4b6368",
423
+ textNumber: "#000000",
424
424
  textCompact: "rgba(255, 255, 255, 0.48)"
425
425
  },
426
426
  subentity: {
@@ -433,9 +433,6 @@ var control = {
433
433
  textCompact: "rgba(255, 255, 255, 0.48)"
434
434
  }
435
435
  },
436
- toast: {
437
- bg: "#34474b"
438
- },
439
436
  toggleButton: {
440
437
  bg: "rgba(178, 242, 255, 0.1)",
441
438
  bgHover: "rgba(178, 242, 255, 0.15)",
@@ -853,9 +850,6 @@ declare const colors: {
853
850
  textCompact: string;
854
851
  };
855
852
  };
856
- toast: {
857
- bg: string;
858
- };
859
853
  toggleButton: {
860
854
  bg: string;
861
855
  bgHover: string;
@@ -1256,9 +1250,6 @@ declare const colors: {
1256
1250
  textCompact: string;
1257
1251
  };
1258
1252
  };
1259
- toast: {
1260
- bg: string;
1261
- };
1262
1253
  toggleButton: {
1263
1254
  bg: string;
1264
1255
  bgHover: string;
@@ -1659,9 +1650,6 @@ declare const colors: {
1659
1650
  textCompact: string;
1660
1651
  };
1661
1652
  };
1662
- toast: {
1663
- bg: string;
1664
- };
1665
1653
  toggleButton: {
1666
1654
  bg: string;
1667
1655
  bgHover: string;
@@ -2062,9 +2050,6 @@ declare const colors: {
2062
2050
  textCompact: string;
2063
2051
  };
2064
2052
  };
2065
- toast: {
2066
- bg: string;
2067
- };
2068
2053
  toggleButton: {
2069
2054
  bg: string;
2070
2055
  bgHover: string;
@@ -2465,9 +2450,6 @@ declare const colors: {
2465
2450
  textCompact: string;
2466
2451
  };
2467
2452
  };
2468
- toast: {
2469
- bg: string;
2470
- };
2471
2453
  toggleButton: {
2472
2454
  bg: string;
2473
2455
  bgHover: string;
@@ -3375,9 +3357,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3375
3357
  textCompact: string;
3376
3358
  };
3377
3359
  };
3378
- toast: {
3379
- bg: string;
3380
- };
3381
3360
  toggleButton: {
3382
3361
  bg: string;
3383
3362
  bgHover: string;
@@ -3777,9 +3756,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3777
3756
  textCompact: string;
3778
3757
  };
3779
3758
  };
3780
- toast: {
3781
- bg: string;
3782
- };
3783
3759
  toggleButton: {
3784
3760
  bg: string;
3785
3761
  bgHover: string;
@@ -4179,9 +4155,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4179
4155
  textCompact: string;
4180
4156
  };
4181
4157
  };
4182
- toast: {
4183
- bg: string;
4184
- };
4185
4158
  toggleButton: {
4186
4159
  bg: string;
4187
4160
  bgHover: string;
@@ -6256,9 +6229,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6256
6229
  textCompact: string;
6257
6230
  };
6258
6231
  };
6259
- toast: {
6260
- bg: string;
6261
- };
6262
6232
  toggleButton: {
6263
6233
  bg: string;
6264
6234
  bgHover: string;
@@ -6658,9 +6628,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6658
6628
  textCompact: string;
6659
6629
  };
6660
6630
  };
6661
- toast: {
6662
- bg: string;
6663
- };
6664
6631
  toggleButton: {
6665
6632
  bg: string;
6666
6633
  bgHover: string;
@@ -7060,9 +7027,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7060
7027
  textCompact: string;
7061
7028
  };
7062
7029
  };
7063
- toast: {
7064
- bg: string;
7065
- };
7066
7030
  toggleButton: {
7067
7031
  bg: string;
7068
7032
  bgHover: string;
package/index.d.ts 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.8)"
160
+ float: "rgba(0, 0, 0, 0.5)"
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: "#22136c",
257
- bgHover: "#301b98",
258
- bgPress: "#140b41",
256
+ bg: "rgba(80, 49, 232, 0.4)",
257
+ bgHover: "rgba(149, 128, 255, 0.4)",
258
+ bgPress: "rgba(80, 49, 232, 0.4)",
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: "#6c2213",
299
- bgHover: "#98301b",
300
- bgPress: "#41140b",
301
- border: "#98301b",
302
- borderHover: "#c33d22",
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)",
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.8)",
340
+ bg: "rgba(0, 0, 0, 0.5)",
341
341
  border: "#31cae8"
342
342
  },
343
343
  check: {
@@ -374,7 +374,7 @@ var control = {
374
374
  bgActive: "#80eaff",
375
375
  bgActiveHover: "#b2f2ff",
376
376
  bgInactive: "#ffffff",
377
- bgInactiveHover: "#f4f5f6",
377
+ bgInactiveHover: "#f6f8f9",
378
378
  bgDisable: "rgba(255, 255, 255, 0.4)"
379
379
  },
380
380
  text: {
@@ -419,8 +419,8 @@ var control = {
419
419
  id: {
420
420
  bg: "#34474b",
421
421
  bgSeries: "#000000",
422
- textSeries: "#b7c5c8",
423
- textNumber: "#b7c5c8",
422
+ textSeries: "#4b6368",
423
+ textNumber: "#000000",
424
424
  textCompact: "rgba(255, 255, 255, 0.48)"
425
425
  },
426
426
  subentity: {
@@ -433,9 +433,6 @@ var control = {
433
433
  textCompact: "rgba(255, 255, 255, 0.48)"
434
434
  }
435
435
  },
436
- toast: {
437
- bg: "#34474b"
438
- },
439
436
  toggleButton: {
440
437
  bg: "rgba(178, 242, 255, 0.1)",
441
438
  bgHover: "rgba(178, 242, 255, 0.15)",
@@ -853,9 +850,6 @@ declare const colors: {
853
850
  textCompact: string;
854
851
  };
855
852
  };
856
- toast: {
857
- bg: string;
858
- };
859
853
  toggleButton: {
860
854
  bg: string;
861
855
  bgHover: string;
@@ -1256,9 +1250,6 @@ declare const colors: {
1256
1250
  textCompact: string;
1257
1251
  };
1258
1252
  };
1259
- toast: {
1260
- bg: string;
1261
- };
1262
1253
  toggleButton: {
1263
1254
  bg: string;
1264
1255
  bgHover: string;
@@ -1659,9 +1650,6 @@ declare const colors: {
1659
1650
  textCompact: string;
1660
1651
  };
1661
1652
  };
1662
- toast: {
1663
- bg: string;
1664
- };
1665
1653
  toggleButton: {
1666
1654
  bg: string;
1667
1655
  bgHover: string;
@@ -2062,9 +2050,6 @@ declare const colors: {
2062
2050
  textCompact: string;
2063
2051
  };
2064
2052
  };
2065
- toast: {
2066
- bg: string;
2067
- };
2068
2053
  toggleButton: {
2069
2054
  bg: string;
2070
2055
  bgHover: string;
@@ -2465,9 +2450,6 @@ declare const colors: {
2465
2450
  textCompact: string;
2466
2451
  };
2467
2452
  };
2468
- toast: {
2469
- bg: string;
2470
- };
2471
2453
  toggleButton: {
2472
2454
  bg: string;
2473
2455
  bgHover: string;
@@ -3375,9 +3357,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3375
3357
  textCompact: string;
3376
3358
  };
3377
3359
  };
3378
- toast: {
3379
- bg: string;
3380
- };
3381
3360
  toggleButton: {
3382
3361
  bg: string;
3383
3362
  bgHover: string;
@@ -3777,9 +3756,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3777
3756
  textCompact: string;
3778
3757
  };
3779
3758
  };
3780
- toast: {
3781
- bg: string;
3782
- };
3783
3759
  toggleButton: {
3784
3760
  bg: string;
3785
3761
  bgHover: string;
@@ -4179,9 +4155,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4179
4155
  textCompact: string;
4180
4156
  };
4181
4157
  };
4182
- toast: {
4183
- bg: string;
4184
- };
4185
4158
  toggleButton: {
4186
4159
  bg: string;
4187
4160
  bgHover: string;
@@ -6256,9 +6229,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6256
6229
  textCompact: string;
6257
6230
  };
6258
6231
  };
6259
- toast: {
6260
- bg: string;
6261
- };
6262
6232
  toggleButton: {
6263
6233
  bg: string;
6264
6234
  bgHover: string;
@@ -6658,9 +6628,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6658
6628
  textCompact: string;
6659
6629
  };
6660
6630
  };
6661
- toast: {
6662
- bg: string;
6663
- };
6664
6631
  toggleButton: {
6665
6632
  bg: string;
6666
6633
  bgHover: string;
@@ -7060,9 +7027,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
7060
7027
  textCompact: string;
7061
7028
  };
7062
7029
  };
7063
- toast: {
7064
- bg: string;
7065
- };
7066
7030
  toggleButton: {
7067
7031
  bg: string;
7068
7032
  bgHover: string;
package/index.js CHANGED
@@ -172,7 +172,7 @@ var pentagram_dark_default = {
172
172
  },
173
173
  layer: {
174
174
  scrim: "rgba(0, 0, 0, 0.5)",
175
- float: "rgba(0, 0, 0, 0.8)"
175
+ float: "rgba(0, 0, 0, 0.5)"
176
176
  },
177
177
  control: {
178
178
  brand: {
@@ -268,9 +268,9 @@ var pentagram_dark_default = {
268
268
  borderPress: "rgba(255, 255, 255, 0)"
269
269
  },
270
270
  secondary: {
271
- bg: "#22136c",
272
- bgHover: "#301b98",
273
- bgPress: "#140b41",
271
+ bg: "rgba(80, 49, 232, 0.4)",
272
+ bgHover: "rgba(149, 128, 255, 0.4)",
273
+ bgPress: "rgba(80, 49, 232, 0.4)",
274
274
  border: "#7055f6",
275
275
  borderHover: "#9580ff",
276
276
  borderPress: "rgba(255, 255, 255, 0)"
@@ -310,11 +310,11 @@ var pentagram_dark_default = {
310
310
  borderPress: "rgba(255, 255, 255, 0)"
311
311
  },
312
312
  secondary: {
313
- bg: "#6c2213",
314
- bgHover: "#98301b",
315
- bgPress: "#41140b",
316
- border: "#98301b",
317
- borderHover: "#c33d22",
313
+ bg: "rgba(232, 79, 48, 0.4)",
314
+ bgHover: "rgba(246, 112, 85, 0.4)",
315
+ bgPress: "rgba(195, 61, 34, 0.4)",
316
+ border: "rgba(246, 112, 85, 0.32)",
317
+ borderHover: "rgba(246, 112, 85, 0.32)",
318
318
  borderPress: "rgba(255, 255, 255, 0)"
319
319
  },
320
320
  tertiary: {
@@ -352,7 +352,7 @@ var pentagram_dark_default = {
352
352
  textDisable: "rgba(255, 255, 255, 0.36)"
353
353
  },
354
354
  focus: {
355
- bg: "rgba(0, 0, 0, 0.8)",
355
+ bg: "rgba(0, 0, 0, 0.5)",
356
356
  border: "#31cae8"
357
357
  },
358
358
  check: {
@@ -389,7 +389,7 @@ var pentagram_dark_default = {
389
389
  bgActive: "#80eaff",
390
390
  bgActiveHover: "#b2f2ff",
391
391
  bgInactive: "#ffffff",
392
- bgInactiveHover: "#f4f5f6",
392
+ bgInactiveHover: "#f6f8f9",
393
393
  bgDisable: "rgba(255, 255, 255, 0.4)"
394
394
  },
395
395
  text: {
@@ -434,8 +434,8 @@ var pentagram_dark_default = {
434
434
  id: {
435
435
  bg: "#34474b",
436
436
  bgSeries: "#000000",
437
- textSeries: "#b7c5c8",
438
- textNumber: "#b7c5c8",
437
+ textSeries: "#4b6368",
438
+ textNumber: "#000000",
439
439
  textCompact: "rgba(255, 255, 255, 0.48)"
440
440
  },
441
441
  subentity: {
@@ -448,9 +448,6 @@ var pentagram_dark_default = {
448
448
  textCompact: "rgba(255, 255, 255, 0.48)"
449
449
  }
450
450
  },
451
- toast: {
452
- bg: "#34474b"
453
- },
454
451
  toggleButton: {
455
452
  bg: "rgba(178, 242, 255, 0.1)",
456
453
  bgHover: "rgba(178, 242, 255, 0.15)",
@@ -517,7 +514,7 @@ var pentagram_light_default = {
517
514
  secondary: "rgba(0, 0, 0, 0.75)",
518
515
  tertiary: "rgba(0, 0, 0, 0.6)",
519
516
  brand: {
520
- primary: "#1b8398",
517
+ primary: "#22a8c3",
521
518
  secondary: "#31cae8"
522
519
  },
523
520
  brandExtra: {
@@ -673,9 +670,9 @@ var pentagram_light_default = {
673
670
  borderPress: "rgba(255, 255, 255, 0)"
674
671
  },
675
672
  secondary: {
676
- bg: "#bfb2ff",
677
- bgHover: "#d4ccff",
678
- bgPress: "#9580ff",
673
+ bg: "rgba(80, 49, 232, 0.4)",
674
+ bgHover: "rgba(149, 128, 255, 0.4)",
675
+ bgPress: "rgba(80, 49, 232, 0.4)",
679
676
  border: "#9580ff",
680
677
  borderHover: "#bfb2ff",
681
678
  borderPress: "rgba(255, 255, 255, 0)"
@@ -715,11 +712,11 @@ var pentagram_light_default = {
715
712
  borderPress: "rgba(255, 255, 255, 0)"
716
713
  },
717
714
  secondary: {
718
- bg: "#ffbfb2",
719
- bgHover: "#ffd5cc",
720
- bgPress: "#ff9580",
721
- border: "#ff9580",
722
- borderHover: "#ffbfb2",
715
+ bg: "rgba(232, 79, 48, 0.4)",
716
+ bgHover: "rgba(246, 112, 85, 0.4)",
717
+ bgPress: "rgba(195, 61, 34, 0.4)",
718
+ border: "rgba(246, 112, 85, 0.32)",
719
+ borderHover: "rgba(246, 112, 85, 0.32)",
723
720
  borderPress: "rgba(255, 255, 255, 0)"
724
721
  },
725
722
  tertiary: {
@@ -761,13 +758,13 @@ var pentagram_light_default = {
761
758
  border: "#31cae8"
762
759
  },
763
760
  check: {
764
- bg: "#233134",
765
- bgHover: "#4b6368",
761
+ bg: "#ccf6ff",
762
+ bgHover: "#e5fbff",
766
763
  bgDisable: "rgba(0, 0, 0, 0.25)",
767
- border: "#233134",
768
- borderHover: "#4b6368",
764
+ border: "#80eaff",
765
+ borderHover: "#b2f2ff",
769
766
  borderDisable: "rgba(0, 0, 0, 0)",
770
- icon: "#ffffff"
767
+ icon: "#000000"
771
768
  },
772
769
  faint: {
773
770
  bg: "rgba(0, 0, 0, 0.15)",
@@ -776,26 +773,26 @@ var pentagram_light_default = {
776
773
  borderHover: "rgba(0, 0, 0, 0.15)"
777
774
  },
778
775
  slider: {
779
- bg: "#233134",
780
- bgHover: "#4b6368",
776
+ bg: "#80eaff",
777
+ bgHover: "#b2f2ff",
781
778
  bgDisable: "#cccccc"
782
779
  },
783
780
  switch: {
784
- bg: "#233134",
785
- bgHover: "#4b6368",
781
+ bg: "#ccf6ff",
782
+ bgHover: "#e5fbff",
786
783
  bgDisable: "rgba(0, 0, 0, 0.25)",
787
- border: "#233134",
788
- borderHover: "#4b6368",
784
+ border: "#80eaff",
785
+ borderHover: "#b2f2ff",
789
786
  borderDisable: "rgba(0, 0, 0, 0)"
790
787
  },
791
788
  knob: {
792
- bg: "#233134",
793
- bgHover: "#4b6368",
794
- bgActive: "#ffffff",
795
- bgActiveHover: "#f4f5f6",
796
- bgInactive: "#ffffff",
797
- bgInactiveHover: "#f4f5f6",
798
- bgDisable: "rgba(0, 0, 0, 0.3)"
789
+ bg: "#000000",
790
+ bgHover: "#233134",
791
+ bgActive: "#000000",
792
+ bgActiveHover: "#233134",
793
+ bgInactive: "#000000",
794
+ bgInactiveHover: "#233134",
795
+ bgDisable: "rgba(0, 0, 0, 0.4)"
799
796
  },
800
797
  text: {
801
798
  primary: "#000000",
@@ -853,20 +850,17 @@ var pentagram_light_default = {
853
850
  textCompact: "rgba(0, 0, 0, 0.48)"
854
851
  }
855
852
  },
856
- toast: {
857
- bg: "#34474b"
858
- },
859
853
  toggleButton: {
860
854
  bg: "rgba(0, 0, 0, 0.08)",
861
855
  bgHover: "rgba(0, 0, 0, 0.15)",
862
- bgActive: "#233134",
856
+ bgActive: "#ccf6ff",
863
857
  bgDisable: "rgba(0, 0, 0, 0.2)",
864
858
  border: "rgba(0, 0, 0, 0.1)",
865
859
  borderHover: "rgba(0, 0, 0, 0.15)",
866
- borderActive: "#233134",
860
+ borderActive: "#80eaff",
867
861
  borderDisable: "rgba(0, 0, 0, 0)",
868
862
  text: "#000000",
869
- textActive: "#ffffff",
863
+ textActive: "#000000",
870
864
  textDisable: "rgba(0, 0, 0, 0.36)"
871
865
  },
872
866
  appButton: {
@@ -1200,7 +1194,7 @@ var ltg_dark_default = {
1200
1194
  bgActiveHover: "#f6f8f9",
1201
1195
  bgInactive: "#ffffff",
1202
1196
  bgInactiveHover: "#f6f8f9",
1203
- bgDisable: "#ffffff"
1197
+ bgDisable: "rgba(255, 255, 255, 0.4)"
1204
1198
  },
1205
1199
  text: {
1206
1200
  primary: "#ffffff",
@@ -1244,8 +1238,8 @@ var ltg_dark_default = {
1244
1238
  id: {
1245
1239
  bg: "#d7dee0",
1246
1240
  bgSeries: "#000000",
1247
- textSeries: "#b7c5c8",
1248
- textNumber: "#b7c5c8",
1241
+ textSeries: "#d7dee0",
1242
+ textNumber: "#000000",
1249
1243
  textCompact: "rgba(255, 255, 255, 0.48)"
1250
1244
  },
1251
1245
  subentity: {
@@ -1258,9 +1252,6 @@ var ltg_dark_default = {
1258
1252
  textCompact: "rgba(255, 255, 255, 0.48)"
1259
1253
  }
1260
1254
  },
1261
- toast: {
1262
- bg: "#233134"
1263
- },
1264
1255
  toggleButton: {
1265
1256
  bg: "rgba(255, 255, 255, 0.1)",
1266
1257
  bgHover: "rgba(255, 255, 255, 0.15)",