@xsolla/xui-core 0.106.0 → 0.108.0

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
@@ -5388,7 +5388,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
5388
5388
  containerPadding: number;
5389
5389
  groupGap: number;
5390
5390
  };
5391
- toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm") => {
5391
+ toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
5392
+ height: number;
5393
+ paddingHorizontal: number;
5394
+ fontSize: number;
5395
+ lineHeight: number;
5396
+ iconSize: number;
5397
+ gap: number;
5398
+ borderRadius: number;
5399
+ itemGap: number;
5400
+ } | {
5392
5401
  height: number;
5393
5402
  paddingHorizontal: number;
5394
5403
  fontSize: number;
package/index.d.ts CHANGED
@@ -5388,7 +5388,16 @@ declare const themeConfig: (mode?: ThemeMode) => {
5388
5388
  containerPadding: number;
5389
5389
  groupGap: number;
5390
5390
  };
5391
- toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm") => {
5391
+ toggleButtonGroup: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
5392
+ height: number;
5393
+ paddingHorizontal: number;
5394
+ fontSize: number;
5395
+ lineHeight: number;
5396
+ iconSize: number;
5397
+ gap: number;
5398
+ borderRadius: number;
5399
+ itemGap: number;
5400
+ } | {
5392
5401
  height: number;
5393
5402
  paddingHorizontal: number;
5394
5403
  fontSize: number;
package/index.js CHANGED
@@ -2586,17 +2586,17 @@ var themeConfig = (mode = "dark") => ({
2586
2586
  const configs = {
2587
2587
  xl: {
2588
2588
  height: 64,
2589
- paddingHorizontal: 20,
2589
+ paddingHorizontal: 18,
2590
2590
  fontSize: 20,
2591
2591
  lineHeight: 22,
2592
2592
  iconSize: 24,
2593
- gap: 4,
2593
+ gap: 6,
2594
2594
  borderRadius: 8,
2595
2595
  itemGap: 8
2596
2596
  },
2597
2597
  lg: {
2598
2598
  height: 56,
2599
- paddingHorizontal: 20,
2599
+ paddingHorizontal: 16,
2600
2600
  fontSize: 18,
2601
2601
  lineHeight: 20,
2602
2602
  iconSize: 24,
@@ -2606,7 +2606,7 @@ var themeConfig = (mode = "dark") => ({
2606
2606
  },
2607
2607
  md: {
2608
2608
  height: 48,
2609
- paddingHorizontal: 20,
2609
+ paddingHorizontal: 16,
2610
2610
  fontSize: 16,
2611
2611
  lineHeight: 18,
2612
2612
  iconSize: 24,
@@ -2616,13 +2616,23 @@ var themeConfig = (mode = "dark") => ({
2616
2616
  },
2617
2617
  sm: {
2618
2618
  height: 40,
2619
- paddingHorizontal: 20,
2619
+ paddingHorizontal: 12,
2620
2620
  fontSize: 14,
2621
2621
  lineHeight: 16,
2622
- iconSize: 20,
2623
- gap: 4,
2622
+ iconSize: 24,
2623
+ gap: 2,
2624
2624
  borderRadius: 4,
2625
- itemGap: 8
2625
+ itemGap: 4
2626
+ },
2627
+ xs: {
2628
+ height: 32,
2629
+ paddingHorizontal: 12,
2630
+ fontSize: 14,
2631
+ lineHeight: 16,
2632
+ iconSize: 24,
2633
+ gap: 2,
2634
+ borderRadius: 4,
2635
+ itemGap: 4
2626
2636
  }
2627
2637
  };
2628
2638
  return configs[size];
package/index.js.flow CHANGED
@@ -5226,7 +5226,11 @@ containerPadding: number,
5226
5226
  groupGap: number,...
5227
5227
  },
5228
5228
  toggleButtonGroup: (
5229
- size: "xl" | "lg" | "md" | "sm") => {
5229
+ size: "xl"
5230
+ | "lg"
5231
+ | "md"
5232
+ | "sm"
5233
+ | "xs") => {
5230
5234
  height: number,
5231
5235
  paddingHorizontal: number,
5232
5236
  fontSize: number,
@@ -5235,7 +5239,8 @@ iconSize: number,
5235
5239
  gap: number,
5236
5240
  borderRadius: number,
5237
5241
  itemGap: number,...
5238
- } | {
5242
+ }
5243
+ | {
5239
5244
  height: number,
5240
5245
  paddingHorizontal: number,
5241
5246
  fontSize: number,
@@ -5244,7 +5249,8 @@ iconSize: number,
5244
5249
  gap: number,
5245
5250
  borderRadius: number,
5246
5251
  itemGap: number,...
5247
- } | {
5252
+ }
5253
+ | {
5248
5254
  height: number,
5249
5255
  paddingHorizontal: number,
5250
5256
  fontSize: number,
@@ -5253,7 +5259,18 @@ iconSize: number,
5253
5259
  gap: number,
5254
5260
  borderRadius: number,
5255
5261
  itemGap: number,...
5256
- } | {
5262
+ }
5263
+ | {
5264
+ height: number,
5265
+ paddingHorizontal: number,
5266
+ fontSize: number,
5267
+ lineHeight: number,
5268
+ iconSize: number,
5269
+ gap: number,
5270
+ borderRadius: number,
5271
+ itemGap: number,...
5272
+ }
5273
+ | {
5257
5274
  height: number,
5258
5275
  paddingHorizontal: number,
5259
5276
  fontSize: number,