@xsolla/xui-core 0.161.2 → 0.161.3

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.mjs CHANGED
@@ -101,7 +101,7 @@ var pentagram_dark_default = {
101
101
  },
102
102
  layer: {
103
103
  scrim: "rgba(0, 0, 0, 0.5)",
104
- float: "rgba(0, 0, 0, 0.5)"
104
+ float: "rgba(0, 0, 0, 0.8)"
105
105
  },
106
106
  control: {
107
107
  brand: {
@@ -197,9 +197,9 @@ var pentagram_dark_default = {
197
197
  borderPress: "rgba(255, 255, 255, 0)"
198
198
  },
199
199
  secondary: {
200
- bg: "rgba(80, 49, 232, 0.4)",
201
- bgHover: "rgba(149, 128, 255, 0.4)",
202
- bgPress: "rgba(80, 49, 232, 0.4)",
200
+ bg: "#22136c",
201
+ bgHover: "#301b98",
202
+ bgPress: "#140b41",
203
203
  border: "#7055f6",
204
204
  borderHover: "#9580ff",
205
205
  borderPress: "rgba(255, 255, 255, 0)"
@@ -239,11 +239,11 @@ var pentagram_dark_default = {
239
239
  borderPress: "rgba(255, 255, 255, 0)"
240
240
  },
241
241
  secondary: {
242
- bg: "rgba(232, 79, 48, 0.4)",
243
- bgHover: "rgba(246, 112, 85, 0.4)",
244
- bgPress: "rgba(195, 61, 34, 0.4)",
245
- border: "rgba(246, 112, 85, 0.32)",
246
- borderHover: "rgba(246, 112, 85, 0.32)",
242
+ bg: "#6c2213",
243
+ bgHover: "#98301b",
244
+ bgPress: "#41140b",
245
+ border: "#98301b",
246
+ borderHover: "#c33d22",
247
247
  borderPress: "rgba(255, 255, 255, 0)"
248
248
  },
249
249
  tertiary: {
@@ -281,7 +281,7 @@ var pentagram_dark_default = {
281
281
  textDisable: "rgba(255, 255, 255, 0.36)"
282
282
  },
283
283
  focus: {
284
- bg: "rgba(0, 0, 0, 0.5)",
284
+ bg: "rgba(0, 0, 0, 0.8)",
285
285
  border: "#31cae8"
286
286
  },
287
287
  check: {
@@ -318,7 +318,7 @@ var pentagram_dark_default = {
318
318
  bgActive: "#80eaff",
319
319
  bgActiveHover: "#b2f2ff",
320
320
  bgInactive: "#ffffff",
321
- bgInactiveHover: "#f6f8f9",
321
+ bgInactiveHover: "#f4f5f6",
322
322
  bgDisable: "rgba(255, 255, 255, 0.4)"
323
323
  },
324
324
  text: {
@@ -363,8 +363,8 @@ var pentagram_dark_default = {
363
363
  id: {
364
364
  bg: "#34474b",
365
365
  bgSeries: "#000000",
366
- textSeries: "#4b6368",
367
- textNumber: "#000000",
366
+ textSeries: "#b7c5c8",
367
+ textNumber: "#b7c5c8",
368
368
  textCompact: "rgba(255, 255, 255, 0.48)"
369
369
  },
370
370
  subentity: {
@@ -377,6 +377,9 @@ var pentagram_dark_default = {
377
377
  textCompact: "rgba(255, 255, 255, 0.48)"
378
378
  }
379
379
  },
380
+ toast: {
381
+ bg: "#34474b"
382
+ },
380
383
  toggleButton: {
381
384
  bg: "rgba(178, 242, 255, 0.1)",
382
385
  bgHover: "rgba(178, 242, 255, 0.15)",
@@ -443,7 +446,7 @@ var pentagram_light_default = {
443
446
  secondary: "rgba(0, 0, 0, 0.75)",
444
447
  tertiary: "rgba(0, 0, 0, 0.6)",
445
448
  brand: {
446
- primary: "#22a8c3",
449
+ primary: "#1b8398",
447
450
  secondary: "#31cae8"
448
451
  },
449
452
  brandExtra: {
@@ -599,9 +602,9 @@ var pentagram_light_default = {
599
602
  borderPress: "rgba(255, 255, 255, 0)"
600
603
  },
601
604
  secondary: {
602
- bg: "rgba(80, 49, 232, 0.4)",
603
- bgHover: "rgba(149, 128, 255, 0.4)",
604
- bgPress: "rgba(80, 49, 232, 0.4)",
605
+ bg: "#bfb2ff",
606
+ bgHover: "#d4ccff",
607
+ bgPress: "#9580ff",
605
608
  border: "#9580ff",
606
609
  borderHover: "#bfb2ff",
607
610
  borderPress: "rgba(255, 255, 255, 0)"
@@ -641,11 +644,11 @@ var pentagram_light_default = {
641
644
  borderPress: "rgba(255, 255, 255, 0)"
642
645
  },
643
646
  secondary: {
644
- bg: "rgba(232, 79, 48, 0.4)",
645
- bgHover: "rgba(246, 112, 85, 0.4)",
646
- bgPress: "rgba(195, 61, 34, 0.4)",
647
- border: "rgba(246, 112, 85, 0.32)",
648
- borderHover: "rgba(246, 112, 85, 0.32)",
647
+ bg: "#ffbfb2",
648
+ bgHover: "#ffd5cc",
649
+ bgPress: "#ff9580",
650
+ border: "#ff9580",
651
+ borderHover: "#ffbfb2",
649
652
  borderPress: "rgba(255, 255, 255, 0)"
650
653
  },
651
654
  tertiary: {
@@ -687,13 +690,13 @@ var pentagram_light_default = {
687
690
  border: "#31cae8"
688
691
  },
689
692
  check: {
690
- bg: "#ccf6ff",
691
- bgHover: "#e5fbff",
693
+ bg: "#233134",
694
+ bgHover: "#4b6368",
692
695
  bgDisable: "rgba(0, 0, 0, 0.25)",
693
- border: "#80eaff",
694
- borderHover: "#b2f2ff",
696
+ border: "#233134",
697
+ borderHover: "#4b6368",
695
698
  borderDisable: "rgba(0, 0, 0, 0)",
696
- icon: "#000000"
699
+ icon: "#ffffff"
697
700
  },
698
701
  faint: {
699
702
  bg: "rgba(0, 0, 0, 0.15)",
@@ -702,26 +705,26 @@ var pentagram_light_default = {
702
705
  borderHover: "rgba(0, 0, 0, 0.15)"
703
706
  },
704
707
  slider: {
705
- bg: "#80eaff",
706
- bgHover: "#b2f2ff",
708
+ bg: "#233134",
709
+ bgHover: "#4b6368",
707
710
  bgDisable: "#cccccc"
708
711
  },
709
712
  switch: {
710
- bg: "#ccf6ff",
711
- bgHover: "#e5fbff",
713
+ bg: "#233134",
714
+ bgHover: "#4b6368",
712
715
  bgDisable: "rgba(0, 0, 0, 0.25)",
713
- border: "#80eaff",
714
- borderHover: "#b2f2ff",
716
+ border: "#233134",
717
+ borderHover: "#4b6368",
715
718
  borderDisable: "rgba(0, 0, 0, 0)"
716
719
  },
717
720
  knob: {
718
- bg: "#000000",
719
- bgHover: "#233134",
720
- bgActive: "#000000",
721
- bgActiveHover: "#233134",
722
- bgInactive: "#000000",
723
- bgInactiveHover: "#233134",
724
- bgDisable: "rgba(0, 0, 0, 0.4)"
721
+ bg: "#233134",
722
+ bgHover: "#4b6368",
723
+ bgActive: "#ffffff",
724
+ bgActiveHover: "#f4f5f6",
725
+ bgInactive: "#ffffff",
726
+ bgInactiveHover: "#f4f5f6",
727
+ bgDisable: "rgba(0, 0, 0, 0.3)"
725
728
  },
726
729
  text: {
727
730
  primary: "#000000",
@@ -779,17 +782,20 @@ var pentagram_light_default = {
779
782
  textCompact: "rgba(0, 0, 0, 0.48)"
780
783
  }
781
784
  },
785
+ toast: {
786
+ bg: "#34474b"
787
+ },
782
788
  toggleButton: {
783
789
  bg: "rgba(0, 0, 0, 0.08)",
784
790
  bgHover: "rgba(0, 0, 0, 0.15)",
785
- bgActive: "#ccf6ff",
791
+ bgActive: "#233134",
786
792
  bgDisable: "rgba(0, 0, 0, 0.2)",
787
793
  border: "rgba(0, 0, 0, 0.1)",
788
794
  borderHover: "rgba(0, 0, 0, 0.15)",
789
- borderActive: "#80eaff",
795
+ borderActive: "#233134",
790
796
  borderDisable: "rgba(0, 0, 0, 0)",
791
797
  text: "#000000",
792
- textActive: "#000000",
798
+ textActive: "#ffffff",
793
799
  textDisable: "rgba(0, 0, 0, 0.36)"
794
800
  },
795
801
  appButton: {
@@ -1123,7 +1129,7 @@ var ltg_dark_default = {
1123
1129
  bgActiveHover: "#f6f8f9",
1124
1130
  bgInactive: "#ffffff",
1125
1131
  bgInactiveHover: "#f6f8f9",
1126
- bgDisable: "rgba(255, 255, 255, 0.4)"
1132
+ bgDisable: "#ffffff"
1127
1133
  },
1128
1134
  text: {
1129
1135
  primary: "#ffffff",
@@ -1167,8 +1173,8 @@ var ltg_dark_default = {
1167
1173
  id: {
1168
1174
  bg: "#d7dee0",
1169
1175
  bgSeries: "#000000",
1170
- textSeries: "#d7dee0",
1171
- textNumber: "#000000",
1176
+ textSeries: "#b7c5c8",
1177
+ textNumber: "#b7c5c8",
1172
1178
  textCompact: "rgba(255, 255, 255, 0.48)"
1173
1179
  },
1174
1180
  subentity: {
@@ -1181,6 +1187,9 @@ var ltg_dark_default = {
1181
1187
  textCompact: "rgba(255, 255, 255, 0.48)"
1182
1188
  }
1183
1189
  },
1190
+ toast: {
1191
+ bg: "#233134"
1192
+ },
1184
1193
  toggleButton: {
1185
1194
  bg: "rgba(255, 255, 255, 0.1)",
1186
1195
  bgHover: "rgba(255, 255, 255, 0.15)",