@xsolla/xui-core 0.148.2 → 0.149.0-pr268.1777874068

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
@@ -67,8 +67,8 @@ var background = {
67
67
  secondary: "#0b3841"
68
68
  },
69
69
  brandExtra: {
70
- primary: "#cef655",
71
- secondary: "#566c13"
70
+ primary: "#7055f6",
71
+ secondary: "#22136c"
72
72
  },
73
73
  inverse: "#ffffff",
74
74
  "static": {
@@ -101,7 +101,7 @@ var content = {
101
101
  secondary: "#55dcf6"
102
102
  },
103
103
  brandExtra: {
104
- primary: "#cef655",
104
+ primary: "#7055f6",
105
105
  secondary: "#9580ff"
106
106
  },
107
107
  inverse: "#000000",
@@ -136,7 +136,7 @@ var content = {
136
136
  };
137
137
  var border = {
138
138
  primary: "#ffffff",
139
- secondary: "rgba(178, 242, 255, 0.1)",
139
+ secondary: "rgba(178, 242, 255, 0.15)",
140
140
  brand: "#31cae8",
141
141
  brandExtra: "#9580ff",
142
142
  inverse: "rgba(0, 0, 0, 0.15)",
@@ -147,17 +147,17 @@ var border = {
147
147
  };
148
148
  var overlay = {
149
149
  mono: "rgba(178, 242, 255, 0.06)",
150
- monoHover: "rgba(178, 242, 255, 0.12)",
151
150
  brand: "rgba(128, 234, 255, 0.2)",
152
- brandExtra: "rgba(206, 246, 85, 0.3)",
151
+ brandExtra: "rgba(149, 128, 255, 0.3)",
153
152
  success: "rgba(149, 255, 128, 0.2)",
154
153
  warning: "rgba(255, 195, 128, 0.24)",
155
154
  alert: "rgba(232, 79, 48, 0.32)",
156
- neutral: "rgba(123, 152, 157, 0.28)"
155
+ neutral: "rgba(123, 152, 157, 0.28)",
156
+ monoHover: "rgba(178, 242, 255, 0.12)"
157
157
  };
158
158
  var layer = {
159
159
  scrim: "rgba(0, 0, 0, 0.5)",
160
- float: "#000000"
160
+ float: "rgba(0, 0, 0, 0.5)"
161
161
  };
162
162
  var control = {
163
163
  brand: {
@@ -245,25 +245,25 @@ var control = {
245
245
  },
246
246
  brandExtra: {
247
247
  primary: {
248
- bg: "#cef655",
249
- bgHover: "#bae831",
250
- bgPress: "#dfff80",
248
+ bg: "#7055f6",
249
+ bgHover: "#5031e8",
250
+ bgPress: "#9580ff",
251
251
  border: "rgba(255, 255, 255, 0)",
252
252
  borderHover: "rgba(255, 255, 255, 0)",
253
253
  borderPress: "rgba(255, 255, 255, 0)"
254
254
  },
255
255
  secondary: {
256
- bg: "rgba(186, 232, 49, 0.4)",
257
- bgHover: "rgba(206, 246, 85, 0.4)",
258
- bgPress: "rgba(186, 232, 49, 0.4)",
259
- border: "rgba(255, 255, 255, 0)",
260
- borderHover: "rgba(255, 255, 255, 0)",
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
+ border: "#7055f6",
260
+ borderHover: "#9580ff",
261
261
  borderPress: "rgba(255, 255, 255, 0)"
262
262
  },
263
263
  tertiary: {
264
- bg: "rgba(186, 232, 49, 0)",
265
- bgHover: "rgba(206, 246, 85, 0.07)",
266
- bgPress: "rgba(186, 232, 49, 0.12)",
264
+ bg: "rgba(80, 49, 232, 0)",
265
+ bgHover: "rgba(149, 128, 255, 0.07)",
266
+ bgPress: "rgba(80, 49, 232, 0.12)",
267
267
  border: "rgba(255, 255, 255, 0)",
268
268
  borderHover: "rgba(255, 255, 255, 0)",
269
269
  borderPress: "rgba(255, 255, 255, 0)"
@@ -298,8 +298,8 @@ var control = {
298
298
  bg: "rgba(232, 79, 48, 0.4)",
299
299
  bgHover: "rgba(246, 112, 85, 0.4)",
300
300
  bgPress: "rgba(195, 61, 34, 0.4)",
301
- border: "rgba(255, 255, 255, 0)",
302
- borderHover: "rgba(255, 255, 255, 0)",
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: "#000000",
340
+ bg: "rgba(0, 0, 0, 0.5)",
341
341
  border: "#31cae8"
342
342
  },
343
343
  check: {
@@ -361,11 +361,11 @@ var control = {
361
361
  bgDisable: "rgba(52, 71, 75, 0.85)"
362
362
  },
363
363
  "switch": {
364
- bg: "#34474b",
365
- bgDisable: "rgba(255, 255, 255, 0.15)",
366
- bgHover: "#44595e",
367
- border: "rgba(178, 242, 255, 0.1)",
368
- borderHover: "rgba(178, 242, 255, 0.15)",
364
+ bg: "#135d6c",
365
+ bgHover: "#1b8398",
366
+ bgDisable: "rgba(178, 242, 255, 0.25)",
367
+ border: "#22a8c3",
368
+ borderHover: "#22a8c3",
369
369
  borderDisable: "rgba(255, 255, 255, 0)"
370
370
  },
371
371
  knob: {
@@ -560,13 +560,13 @@ declare const colors: {
560
560
  };
561
561
  overlay: {
562
562
  mono: string;
563
- monoHover: string;
564
563
  brand: string;
565
564
  brandExtra: string;
566
565
  success: string;
567
566
  warning: string;
568
567
  alert: string;
569
568
  neutral: string;
569
+ monoHover: string;
570
570
  };
571
571
  layer: {
572
572
  scrim: string;
@@ -775,8 +775,8 @@ declare const colors: {
775
775
  };
776
776
  switch: {
777
777
  bg: string;
778
- bgDisable: string;
779
778
  bgHover: string;
779
+ bgDisable: string;
780
780
  border: string;
781
781
  borderHover: string;
782
782
  borderDisable: string;
@@ -956,13 +956,13 @@ declare const colors: {
956
956
  };
957
957
  overlay: {
958
958
  mono: string;
959
- monoHover: string;
960
959
  brand: string;
961
960
  brandExtra: string;
962
961
  success: string;
963
962
  warning: string;
964
963
  alert: string;
965
964
  neutral: string;
965
+ monoHover: string;
966
966
  };
967
967
  layer: {
968
968
  scrim: string;
@@ -1171,8 +1171,8 @@ declare const colors: {
1171
1171
  };
1172
1172
  switch: {
1173
1173
  bg: string;
1174
- bgDisable: string;
1175
1174
  bgHover: string;
1175
+ bgDisable: string;
1176
1176
  border: string;
1177
1177
  borderHover: string;
1178
1178
  borderDisable: string;
@@ -1352,13 +1352,13 @@ declare const colors: {
1352
1352
  };
1353
1353
  overlay: {
1354
1354
  mono: string;
1355
- monoHover: string;
1356
1355
  brand: string;
1357
1356
  brandExtra: string;
1358
1357
  success: string;
1359
1358
  warning: string;
1360
1359
  alert: string;
1361
1360
  neutral: string;
1361
+ monoHover: string;
1362
1362
  };
1363
1363
  layer: {
1364
1364
  scrim: string;
@@ -1567,8 +1567,8 @@ declare const colors: {
1567
1567
  };
1568
1568
  switch: {
1569
1569
  bg: string;
1570
- bgDisable: string;
1571
1570
  bgHover: string;
1571
+ bgDisable: string;
1572
1572
  border: string;
1573
1573
  borderHover: string;
1574
1574
  borderDisable: string;
@@ -1748,13 +1748,13 @@ declare const colors: {
1748
1748
  };
1749
1749
  overlay: {
1750
1750
  mono: string;
1751
- monoHover: string;
1752
1751
  brand: string;
1753
1752
  brandExtra: string;
1754
1753
  success: string;
1755
1754
  warning: string;
1756
1755
  alert: string;
1757
1756
  neutral: string;
1757
+ monoHover: string;
1758
1758
  };
1759
1759
  layer: {
1760
1760
  scrim: string;
@@ -1963,8 +1963,8 @@ declare const colors: {
1963
1963
  };
1964
1964
  switch: {
1965
1965
  bg: string;
1966
- bgDisable: string;
1967
1966
  bgHover: string;
1967
+ bgDisable: string;
1968
1968
  border: string;
1969
1969
  borderHover: string;
1970
1970
  borderDisable: string;
@@ -2144,13 +2144,13 @@ declare const colors: {
2144
2144
  };
2145
2145
  overlay: {
2146
2146
  mono: string;
2147
- monoHover: string;
2148
2147
  brand: string;
2149
2148
  brandExtra: string;
2150
2149
  success: string;
2151
2150
  warning: string;
2152
2151
  alert: string;
2153
2152
  neutral: string;
2153
+ monoHover: string;
2154
2154
  };
2155
2155
  layer: {
2156
2156
  scrim: string;
@@ -2359,8 +2359,8 @@ declare const colors: {
2359
2359
  };
2360
2360
  switch: {
2361
2361
  bg: string;
2362
- bgDisable: string;
2363
2362
  bgHover: string;
2363
+ bgDisable: string;
2364
2364
  border: string;
2365
2365
  borderHover: string;
2366
2366
  borderDisable: string;
@@ -2743,13 +2743,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
2743
2743
  };
2744
2744
  overlay: {
2745
2745
  mono: string;
2746
- monoHover: string;
2747
2746
  brand: string;
2748
2747
  brandExtra: string;
2749
2748
  success: string;
2750
2749
  warning: string;
2751
2750
  alert: string;
2752
2751
  neutral: string;
2752
+ monoHover: string;
2753
2753
  };
2754
2754
  layer: {
2755
2755
  scrim: string;
@@ -2958,8 +2958,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
2958
2958
  };
2959
2959
  switch: {
2960
2960
  bg: string;
2961
- bgDisable: string;
2962
2961
  bgHover: string;
2962
+ bgDisable: string;
2963
2963
  border: string;
2964
2964
  borderHover: string;
2965
2965
  borderDisable: string;
@@ -3138,13 +3138,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3138
3138
  };
3139
3139
  overlay: {
3140
3140
  mono: string;
3141
- monoHover: string;
3142
3141
  brand: string;
3143
3142
  brandExtra: string;
3144
3143
  success: string;
3145
3144
  warning: string;
3146
3145
  alert: string;
3147
3146
  neutral: string;
3147
+ monoHover: string;
3148
3148
  };
3149
3149
  layer: {
3150
3150
  scrim: string;
@@ -3353,8 +3353,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3353
3353
  };
3354
3354
  switch: {
3355
3355
  bg: string;
3356
- bgDisable: string;
3357
3356
  bgHover: string;
3357
+ bgDisable: string;
3358
3358
  border: string;
3359
3359
  borderHover: string;
3360
3360
  borderDisable: string;
@@ -3533,13 +3533,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3533
3533
  };
3534
3534
  overlay: {
3535
3535
  mono: string;
3536
- monoHover: string;
3537
3536
  brand: string;
3538
3537
  brandExtra: string;
3539
3538
  success: string;
3540
3539
  warning: string;
3541
3540
  alert: string;
3542
3541
  neutral: string;
3542
+ monoHover: string;
3543
3543
  };
3544
3544
  layer: {
3545
3545
  scrim: string;
@@ -3748,8 +3748,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3748
3748
  };
3749
3749
  switch: {
3750
3750
  bg: string;
3751
- bgDisable: string;
3752
3751
  bgHover: string;
3752
+ bgDisable: string;
3753
3753
  border: string;
3754
3754
  borderHover: string;
3755
3755
  borderDisable: string;
@@ -4100,7 +4100,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4100
4100
  };
4101
4101
  imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
4102
4102
  box: number;
4103
- wideWidth: number;
4104
4103
  padding: number;
4105
4104
  gap: number;
4106
4105
  iconSize: number;
@@ -4115,7 +4114,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4115
4114
  borderWidth: number;
4116
4115
  } | {
4117
4116
  box: number;
4118
- wideWidth: number;
4119
4117
  padding: number;
4120
4118
  gap: number;
4121
4119
  iconSize: number;
@@ -4130,7 +4128,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4130
4128
  borderWidth: number;
4131
4129
  } | {
4132
4130
  box: number;
4133
- wideWidth: number;
4134
4131
  padding: number;
4135
4132
  gap: number;
4136
4133
  iconSize: number;
@@ -4145,7 +4142,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4145
4142
  borderWidth: number;
4146
4143
  } | {
4147
4144
  box: number;
4148
- wideWidth: number;
4149
4145
  padding: number;
4150
4146
  gap: number;
4151
4147
  iconSize: number;
@@ -4160,7 +4156,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4160
4156
  borderWidth: number;
4161
4157
  } | {
4162
4158
  box: number;
4163
- wideWidth: number;
4164
4159
  padding: number;
4165
4160
  gap: number;
4166
4161
  iconSize: number;
@@ -5165,13 +5160,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5165
5160
  };
5166
5161
  overlay: {
5167
5162
  mono: string;
5168
- monoHover: string;
5169
5163
  brand: string;
5170
5164
  brandExtra: string;
5171
5165
  success: string;
5172
5166
  warning: string;
5173
5167
  alert: string;
5174
5168
  neutral: string;
5169
+ monoHover: string;
5175
5170
  };
5176
5171
  layer: {
5177
5172
  scrim: string;
@@ -5380,8 +5375,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5380
5375
  };
5381
5376
  switch: {
5382
5377
  bg: string;
5383
- bgDisable: string;
5384
5378
  bgHover: string;
5379
+ bgDisable: string;
5385
5380
  border: string;
5386
5381
  borderHover: string;
5387
5382
  borderDisable: string;
@@ -5560,13 +5555,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5560
5555
  };
5561
5556
  overlay: {
5562
5557
  mono: string;
5563
- monoHover: string;
5564
5558
  brand: string;
5565
5559
  brandExtra: string;
5566
5560
  success: string;
5567
5561
  warning: string;
5568
5562
  alert: string;
5569
5563
  neutral: string;
5564
+ monoHover: string;
5570
5565
  };
5571
5566
  layer: {
5572
5567
  scrim: string;
@@ -5775,8 +5770,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5775
5770
  };
5776
5771
  switch: {
5777
5772
  bg: string;
5778
- bgDisable: string;
5779
5773
  bgHover: string;
5774
+ bgDisable: string;
5780
5775
  border: string;
5781
5776
  borderHover: string;
5782
5777
  borderDisable: string;
@@ -5955,13 +5950,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
5955
5950
  };
5956
5951
  overlay: {
5957
5952
  mono: string;
5958
- monoHover: string;
5959
5953
  brand: string;
5960
5954
  brandExtra: string;
5961
5955
  success: string;
5962
5956
  warning: string;
5963
5957
  alert: string;
5964
5958
  neutral: string;
5959
+ monoHover: string;
5965
5960
  };
5966
5961
  layer: {
5967
5962
  scrim: string;
@@ -6170,8 +6165,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6170
6165
  };
6171
6166
  switch: {
6172
6167
  bg: string;
6173
- bgDisable: string;
6174
6168
  bgHover: string;
6169
+ bgDisable: string;
6175
6170
  border: string;
6176
6171
  borderHover: string;
6177
6172
  borderDisable: string;
@@ -6522,7 +6517,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6522
6517
  };
6523
6518
  imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
6524
6519
  box: number;
6525
- wideWidth: number;
6526
6520
  padding: number;
6527
6521
  gap: number;
6528
6522
  iconSize: number;
@@ -6537,7 +6531,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6537
6531
  borderWidth: number;
6538
6532
  } | {
6539
6533
  box: number;
6540
- wideWidth: number;
6541
6534
  padding: number;
6542
6535
  gap: number;
6543
6536
  iconSize: number;
@@ -6552,7 +6545,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6552
6545
  borderWidth: number;
6553
6546
  } | {
6554
6547
  box: number;
6555
- wideWidth: number;
6556
6548
  padding: number;
6557
6549
  gap: number;
6558
6550
  iconSize: number;
@@ -6567,7 +6559,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6567
6559
  borderWidth: number;
6568
6560
  } | {
6569
6561
  box: number;
6570
- wideWidth: number;
6571
6562
  padding: number;
6572
6563
  gap: number;
6573
6564
  iconSize: number;
@@ -6582,7 +6573,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6582
6573
  borderWidth: number;
6583
6574
  } | {
6584
6575
  box: number;
6585
- wideWidth: number;
6586
6576
  padding: number;
6587
6577
  gap: number;
6588
6578
  iconSize: number;