@xsolla/xui-core 0.125.0 → 0.126.0-pr193.1774924232

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
@@ -120,6 +120,7 @@ var border = {
120
120
  };
121
121
  var overlay = {
122
122
  mono: "rgba(255, 255, 255, 0.1)",
123
+ monoHover: "rgba(255, 255, 255, 0.2)",
123
124
  brand: "rgba(128, 234, 255, 0.2)",
124
125
  brandExtra: "rgba(206, 246, 85, 0.3)",
125
126
  success: "rgba(149, 255, 128, 0.2)",
@@ -492,6 +493,7 @@ declare const colors: {
492
493
  };
493
494
  overlay: {
494
495
  mono: string;
496
+ monoHover: string;
495
497
  brand: string;
496
498
  brandExtra: string;
497
499
  success: string;
@@ -847,6 +849,7 @@ declare const colors: {
847
849
  };
848
850
  overlay: {
849
851
  mono: string;
852
+ monoHover: string;
850
853
  brand: string;
851
854
  brandExtra: string;
852
855
  success: string;
@@ -1202,6 +1205,7 @@ declare const colors: {
1202
1205
  };
1203
1206
  overlay: {
1204
1207
  mono: string;
1208
+ monoHover: string;
1205
1209
  brand: string;
1206
1210
  brandExtra: string;
1207
1211
  success: string;
@@ -1557,6 +1561,7 @@ declare const colors: {
1557
1561
  };
1558
1562
  overlay: {
1559
1563
  mono: string;
1564
+ monoHover: string;
1560
1565
  brand: string;
1561
1566
  brandExtra: string;
1562
1567
  success: string;
@@ -1912,6 +1917,7 @@ declare const colors: {
1912
1917
  };
1913
1918
  overlay: {
1914
1919
  mono: string;
1920
+ monoHover: string;
1915
1921
  brand: string;
1916
1922
  brandExtra: string;
1917
1923
  success: string;
@@ -2267,6 +2273,7 @@ declare const colors: {
2267
2273
  };
2268
2274
  overlay: {
2269
2275
  mono: string;
2276
+ monoHover: string;
2270
2277
  brand: string;
2271
2278
  brandExtra: string;
2272
2279
  success: string;
@@ -2622,6 +2629,7 @@ declare const colors: {
2622
2629
  };
2623
2630
  overlay: {
2624
2631
  mono: string;
2632
+ monoHover: string;
2625
2633
  brand: string;
2626
2634
  brandExtra: string;
2627
2635
  success: string;
@@ -2977,6 +2985,7 @@ declare const colors: {
2977
2985
  };
2978
2986
  overlay: {
2979
2987
  mono: string;
2988
+ monoHover: string;
2980
2989
  brand: string;
2981
2990
  brandExtra: string;
2982
2991
  success: string;
@@ -3332,6 +3341,7 @@ declare const colors: {
3332
3341
  };
3333
3342
  overlay: {
3334
3343
  mono: string;
3344
+ monoHover: string;
3335
3345
  brand: string;
3336
3346
  brandExtra: string;
3337
3347
  success: string;
@@ -3766,6 +3776,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3766
3776
  };
3767
3777
  overlay: {
3768
3778
  mono: string;
3779
+ monoHover: string;
3769
3780
  brand: string;
3770
3781
  brandExtra: string;
3771
3782
  success: string;
@@ -4120,6 +4131,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4120
4131
  };
4121
4132
  overlay: {
4122
4133
  mono: string;
4134
+ monoHover: string;
4123
4135
  brand: string;
4124
4136
  brandExtra: string;
4125
4137
  success: string;
@@ -4474,6 +4486,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4474
4486
  };
4475
4487
  overlay: {
4476
4488
  mono: string;
4489
+ monoHover: string;
4477
4490
  brand: string;
4478
4491
  brandExtra: string;
4479
4492
  success: string;
@@ -4828,6 +4841,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4828
4841
  };
4829
4842
  overlay: {
4830
4843
  mono: string;
4844
+ monoHover: string;
4831
4845
  brand: string;
4832
4846
  brandExtra: string;
4833
4847
  success: string;
@@ -5182,6 +5196,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5182
5196
  };
5183
5197
  overlay: {
5184
5198
  mono: string;
5199
+ monoHover: string;
5185
5200
  brand: string;
5186
5201
  brandExtra: string;
5187
5202
  success: string;
@@ -5825,7 +5840,22 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5825
5840
  frameBorderRadius: number;
5826
5841
  knobBorderRadius: number;
5827
5842
  };
5828
- avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
5843
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
5844
+ size: number;
5845
+ fontSize: number;
5846
+ iconSize: number;
5847
+ badgeSize: number;
5848
+ badgeOffsetCircle: {
5849
+ right: number;
5850
+ top: number;
5851
+ };
5852
+ badgeOffsetSquare: {
5853
+ right: number;
5854
+ top: number;
5855
+ };
5856
+ borderRadiusSquare: number;
5857
+ borderRadiusCircle: number;
5858
+ } | {
5829
5859
  size: number;
5830
5860
  fontSize: number;
5831
5861
  iconSize: number;
@@ -6118,7 +6148,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
6118
6148
  gap: number;
6119
6149
  borderRadius: number;
6120
6150
  };
6121
- badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
6151
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
6152
+ size: number;
6153
+ fontSize: number;
6154
+ lineHeight: number;
6155
+ iconSize: number;
6156
+ padding: number;
6157
+ } | {
6122
6158
  size: number;
6123
6159
  fontSize: number;
6124
6160
  lineHeight: number;
package/index.d.ts CHANGED
@@ -120,6 +120,7 @@ var border = {
120
120
  };
121
121
  var overlay = {
122
122
  mono: "rgba(255, 255, 255, 0.1)",
123
+ monoHover: "rgba(255, 255, 255, 0.2)",
123
124
  brand: "rgba(128, 234, 255, 0.2)",
124
125
  brandExtra: "rgba(206, 246, 85, 0.3)",
125
126
  success: "rgba(149, 255, 128, 0.2)",
@@ -492,6 +493,7 @@ declare const colors: {
492
493
  };
493
494
  overlay: {
494
495
  mono: string;
496
+ monoHover: string;
495
497
  brand: string;
496
498
  brandExtra: string;
497
499
  success: string;
@@ -847,6 +849,7 @@ declare const colors: {
847
849
  };
848
850
  overlay: {
849
851
  mono: string;
852
+ monoHover: string;
850
853
  brand: string;
851
854
  brandExtra: string;
852
855
  success: string;
@@ -1202,6 +1205,7 @@ declare const colors: {
1202
1205
  };
1203
1206
  overlay: {
1204
1207
  mono: string;
1208
+ monoHover: string;
1205
1209
  brand: string;
1206
1210
  brandExtra: string;
1207
1211
  success: string;
@@ -1557,6 +1561,7 @@ declare const colors: {
1557
1561
  };
1558
1562
  overlay: {
1559
1563
  mono: string;
1564
+ monoHover: string;
1560
1565
  brand: string;
1561
1566
  brandExtra: string;
1562
1567
  success: string;
@@ -1912,6 +1917,7 @@ declare const colors: {
1912
1917
  };
1913
1918
  overlay: {
1914
1919
  mono: string;
1920
+ monoHover: string;
1915
1921
  brand: string;
1916
1922
  brandExtra: string;
1917
1923
  success: string;
@@ -2267,6 +2273,7 @@ declare const colors: {
2267
2273
  };
2268
2274
  overlay: {
2269
2275
  mono: string;
2276
+ monoHover: string;
2270
2277
  brand: string;
2271
2278
  brandExtra: string;
2272
2279
  success: string;
@@ -2622,6 +2629,7 @@ declare const colors: {
2622
2629
  };
2623
2630
  overlay: {
2624
2631
  mono: string;
2632
+ monoHover: string;
2625
2633
  brand: string;
2626
2634
  brandExtra: string;
2627
2635
  success: string;
@@ -2977,6 +2985,7 @@ declare const colors: {
2977
2985
  };
2978
2986
  overlay: {
2979
2987
  mono: string;
2988
+ monoHover: string;
2980
2989
  brand: string;
2981
2990
  brandExtra: string;
2982
2991
  success: string;
@@ -3332,6 +3341,7 @@ declare const colors: {
3332
3341
  };
3333
3342
  overlay: {
3334
3343
  mono: string;
3344
+ monoHover: string;
3335
3345
  brand: string;
3336
3346
  brandExtra: string;
3337
3347
  success: string;
@@ -3766,6 +3776,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3766
3776
  };
3767
3777
  overlay: {
3768
3778
  mono: string;
3779
+ monoHover: string;
3769
3780
  brand: string;
3770
3781
  brandExtra: string;
3771
3782
  success: string;
@@ -4120,6 +4131,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4120
4131
  };
4121
4132
  overlay: {
4122
4133
  mono: string;
4134
+ monoHover: string;
4123
4135
  brand: string;
4124
4136
  brandExtra: string;
4125
4137
  success: string;
@@ -4474,6 +4486,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4474
4486
  };
4475
4487
  overlay: {
4476
4488
  mono: string;
4489
+ monoHover: string;
4477
4490
  brand: string;
4478
4491
  brandExtra: string;
4479
4492
  success: string;
@@ -4828,6 +4841,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4828
4841
  };
4829
4842
  overlay: {
4830
4843
  mono: string;
4844
+ monoHover: string;
4831
4845
  brand: string;
4832
4846
  brandExtra: string;
4833
4847
  success: string;
@@ -5182,6 +5196,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5182
5196
  };
5183
5197
  overlay: {
5184
5198
  mono: string;
5199
+ monoHover: string;
5185
5200
  brand: string;
5186
5201
  brandExtra: string;
5187
5202
  success: string;
@@ -5825,7 +5840,22 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5825
5840
  frameBorderRadius: number;
5826
5841
  knobBorderRadius: number;
5827
5842
  };
5828
- avatar: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
5843
+ avatar: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
5844
+ size: number;
5845
+ fontSize: number;
5846
+ iconSize: number;
5847
+ badgeSize: number;
5848
+ badgeOffsetCircle: {
5849
+ right: number;
5850
+ top: number;
5851
+ };
5852
+ badgeOffsetSquare: {
5853
+ right: number;
5854
+ top: number;
5855
+ };
5856
+ borderRadiusSquare: number;
5857
+ borderRadiusCircle: number;
5858
+ } | {
5829
5859
  size: number;
5830
5860
  fontSize: number;
5831
5861
  iconSize: number;
@@ -6118,7 +6148,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
6118
6148
  gap: number;
6119
6149
  borderRadius: number;
6120
6150
  };
6121
- badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
6151
+ badge: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
6152
+ size: number;
6153
+ fontSize: number;
6154
+ lineHeight: number;
6155
+ iconSize: number;
6156
+ padding: number;
6157
+ } | {
6122
6158
  size: number;
6123
6159
  fontSize: number;
6124
6160
  lineHeight: number;
package/index.js CHANGED
@@ -143,6 +143,7 @@ var xsolla_dark_default = {
143
143
  },
144
144
  overlay: {
145
145
  mono: "rgba(255, 255, 255, 0.1)",
146
+ monoHover: "rgba(255, 255, 255, 0.2)",
146
147
  brand: "rgba(128, 234, 255, 0.2)",
147
148
  brandExtra: "rgba(206, 246, 85, 0.3)",
148
149
  success: "rgba(149, 255, 128, 0.2)",
@@ -500,6 +501,7 @@ var xsolla_light_default = {
500
501
  },
501
502
  overlay: {
502
503
  mono: "rgba(0, 0, 0, 0.05)",
504
+ monoHover: "rgba(0, 0, 0, 0.1)",
503
505
  brand: "rgba(128, 234, 255, 0.3)",
504
506
  brandExtra: "rgba(206, 246, 85, 0.3)",
505
507
  success: "rgba(149, 255, 128, 0.24)",
@@ -857,6 +859,7 @@ var pentagram_dark_default = {
857
859
  },
858
860
  overlay: {
859
861
  mono: "rgba(178, 242, 255, 0.06)",
862
+ monoHover: "rgba(178, 242, 255, 0.12)",
860
863
  brand: "rgba(128, 234, 255, 0.2)",
861
864
  brandExtra: "rgba(206, 246, 85, 0.3)",
862
865
  success: "rgba(149, 255, 128, 0.2)",
@@ -1214,6 +1217,7 @@ var pentagram_light_default = {
1214
1217
  },
1215
1218
  overlay: {
1216
1219
  mono: "rgba(0, 0, 0, 0.05)",
1220
+ monoHover: "rgba(0, 0, 0, 0.1)",
1217
1221
  brand: "rgba(128, 234, 255, 0.3)",
1218
1222
  brandExtra: "rgba(206, 246, 85, 0.3)",
1219
1223
  success: "rgba(149, 255, 128, 0.24)",
@@ -1571,6 +1575,7 @@ var ltg_dark_default = {
1571
1575
  },
1572
1576
  overlay: {
1573
1577
  mono: "rgba(255, 255, 255, 0.1)",
1578
+ monoHover: "rgba(255, 255, 255, 0.2)",
1574
1579
  brand: "rgba(255, 255, 255, 0.3)",
1575
1580
  brandExtra: "rgba(133, 118, 253, 0.3)",
1576
1581
  success: "rgba(20, 184, 126, 0.3)",
@@ -2686,51 +2691,61 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
2686
2691
  const configs = {
2687
2692
  xl: {
2688
2693
  size: 64,
2689
- fontSize: 24,
2690
- iconSize: 32,
2694
+ fontSize: 20,
2695
+ iconSize: 48,
2691
2696
  badgeSize: 20,
2692
2697
  badgeOffsetCircle: { right: -4, top: -4 },
2693
2698
  badgeOffsetSquare: { right: -8, top: -8 },
2694
- borderRadiusSquare: radius.avatarLarge,
2699
+ borderRadiusSquare: radius.avatarSmall,
2695
2700
  borderRadiusCircle: radius.avatarCircle
2696
2701
  },
2697
2702
  lg: {
2698
2703
  size: 56,
2699
2704
  fontSize: 20,
2700
- iconSize: 28,
2705
+ iconSize: 40,
2701
2706
  badgeSize: 20,
2702
2707
  badgeOffsetCircle: { right: -4, top: -4 },
2703
2708
  badgeOffsetSquare: { right: -8, top: -8 },
2704
- borderRadiusSquare: radius.avatarLarge,
2709
+ borderRadiusSquare: radius.avatarSmall,
2705
2710
  borderRadiusCircle: radius.avatarCircle
2706
2711
  },
2707
2712
  md: {
2708
2713
  size: 48,
2709
2714
  fontSize: 18,
2710
- iconSize: 24,
2715
+ iconSize: 32,
2711
2716
  badgeSize: 20,
2712
2717
  badgeOffsetCircle: { right: -5, top: -5 },
2713
2718
  badgeOffsetSquare: { right: -8, top: -8 },
2714
- borderRadiusSquare: radius.avatarLarge,
2719
+ borderRadiusSquare: radius.avatarSmall,
2715
2720
  borderRadiusCircle: radius.avatarCircle
2716
2721
  },
2717
2722
  sm: {
2718
2723
  size: 40,
2719
2724
  fontSize: 16,
2720
- iconSize: 20,
2725
+ iconSize: 24,
2721
2726
  badgeSize: 20,
2722
2727
  badgeOffsetCircle: { right: -6, top: -6 },
2723
2728
  badgeOffsetSquare: { right: -8, top: -8 },
2724
- borderRadiusSquare: radius.avatarLarge,
2729
+ borderRadiusSquare: radius.avatarSmall,
2725
2730
  borderRadiusCircle: radius.avatarCircle
2726
2731
  },
2727
2732
  xs: {
2728
2733
  size: 32,
2729
- fontSize: 14,
2734
+ fontSize: 12,
2735
+ iconSize: 24,
2736
+ badgeSize: 8,
2737
+ badgeOffsetCircle: { right: -1, top: -1 },
2738
+ badgeOffsetSquare: { right: -3, top: -3 },
2739
+ borderRadiusSquare: radius.avatarSmall,
2740
+ borderRadiusCircle: radius.avatarCircle
2741
+ },
2742
+ xxs: {
2743
+ size: 24,
2744
+ fontSize: 10,
2730
2745
  iconSize: 16,
2731
- badgeSize: 20,
2732
- badgeOffsetCircle: { right: -6, top: -6 },
2733
- badgeOffsetSquare: { right: -8, top: -8 },
2746
+ badgeSize: 6,
2747
+ badgeOffsetCircle: { right: -1, top: -1 },
2748
+ badgeOffsetSquare: { right: -2, top: -2 },
2734
2749
  borderRadiusSquare: radius.avatarSmall,
2735
2750
  borderRadiusCircle: radius.avatarCircle
2736
2751
  }
@@ -3008,7 +3023,8 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
3008
3023
  padding: 4
3009
3024
  },
3010
3025
  sm: { size: 8, fontSize: 8, lineHeight: 8, iconSize: 6, padding: 0 },
3011
- xs: { size: 6, fontSize: 6, lineHeight: 6, iconSize: 4, padding: 0 }
3026
+ xs: { size: 6, fontSize: 6, lineHeight: 6, iconSize: 4, padding: 0 },
3027
+ xxs: { size: 4, fontSize: 4, lineHeight: 4, iconSize: 4, padding: 0 }
3012
3028
  };
3013
3029
  return configs[size];
3014
3030
  },