@xsolla/xui-core 0.171.2 → 0.171.3-pr342.1781520705

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
@@ -5332,12 +5332,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5332
5332
  height: number;
5333
5333
  padding: number;
5334
5334
  fontSize: number;
5335
+ lineHeight: number;
5335
5336
  sublabelFontSize: number;
5336
5337
  spinnerSize: number;
5337
5338
  iconSize: number;
5338
5339
  iconContainerSize: number;
5339
- iconPadding: number;
5340
- loadingPadding: number;
5341
5340
  borderRadius: 8;
5342
5341
  labelIconSize: number;
5343
5342
  labelIconGap: number;
@@ -5345,12 +5344,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5345
5344
  height: number;
5346
5345
  padding: number;
5347
5346
  fontSize: number;
5347
+ lineHeight: number;
5348
5348
  sublabelFontSize: number;
5349
5349
  spinnerSize: number;
5350
5350
  iconSize: number;
5351
5351
  iconContainerSize: number;
5352
- iconPadding: number;
5353
- loadingPadding: number;
5354
5352
  borderRadius: 8;
5355
5353
  labelIconSize: number;
5356
5354
  labelIconGap: number;
@@ -5358,12 +5356,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5358
5356
  height: number;
5359
5357
  padding: number;
5360
5358
  fontSize: number;
5359
+ lineHeight: number;
5361
5360
  sublabelFontSize: number;
5362
5361
  spinnerSize: number;
5363
5362
  iconSize: number;
5364
5363
  iconContainerSize: number;
5365
- iconPadding: number;
5366
- loadingPadding: number;
5367
5364
  borderRadius: 6;
5368
5365
  labelIconSize: number;
5369
5366
  labelIconGap: number;
@@ -5371,12 +5368,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5371
5368
  height: number;
5372
5369
  padding: number;
5373
5370
  fontSize: number;
5371
+ lineHeight: number;
5374
5372
  sublabelFontSize: number;
5375
5373
  spinnerSize: number;
5376
5374
  iconSize: number;
5377
5375
  iconContainerSize: number;
5378
- iconPadding: number;
5379
- loadingPadding: number;
5380
5376
  borderRadius: 4;
5381
5377
  labelIconSize: number;
5382
5378
  labelIconGap: number;
@@ -5384,12 +5380,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5384
5380
  height: number;
5385
5381
  padding: number;
5386
5382
  fontSize: number;
5383
+ lineHeight: number;
5387
5384
  sublabelFontSize: number;
5388
5385
  spinnerSize: number;
5389
5386
  iconSize: number;
5390
5387
  iconContainerSize: number;
5391
- iconPadding: number;
5392
- loadingPadding: number;
5393
5388
  borderRadius: 4;
5394
5389
  labelIconSize: number;
5395
5390
  labelIconGap: number;
@@ -8635,12 +8630,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8635
8630
  height: number;
8636
8631
  padding: number;
8637
8632
  fontSize: number;
8633
+ lineHeight: number;
8638
8634
  sublabelFontSize: number;
8639
8635
  spinnerSize: number;
8640
8636
  iconSize: number;
8641
8637
  iconContainerSize: number;
8642
- iconPadding: number;
8643
- loadingPadding: number;
8644
8638
  borderRadius: 8;
8645
8639
  labelIconSize: number;
8646
8640
  labelIconGap: number;
@@ -8648,12 +8642,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8648
8642
  height: number;
8649
8643
  padding: number;
8650
8644
  fontSize: number;
8645
+ lineHeight: number;
8651
8646
  sublabelFontSize: number;
8652
8647
  spinnerSize: number;
8653
8648
  iconSize: number;
8654
8649
  iconContainerSize: number;
8655
- iconPadding: number;
8656
- loadingPadding: number;
8657
8650
  borderRadius: 8;
8658
8651
  labelIconSize: number;
8659
8652
  labelIconGap: number;
@@ -8661,12 +8654,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8661
8654
  height: number;
8662
8655
  padding: number;
8663
8656
  fontSize: number;
8657
+ lineHeight: number;
8664
8658
  sublabelFontSize: number;
8665
8659
  spinnerSize: number;
8666
8660
  iconSize: number;
8667
8661
  iconContainerSize: number;
8668
- iconPadding: number;
8669
- loadingPadding: number;
8670
8662
  borderRadius: 6;
8671
8663
  labelIconSize: number;
8672
8664
  labelIconGap: number;
@@ -8674,12 +8666,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8674
8666
  height: number;
8675
8667
  padding: number;
8676
8668
  fontSize: number;
8669
+ lineHeight: number;
8677
8670
  sublabelFontSize: number;
8678
8671
  spinnerSize: number;
8679
8672
  iconSize: number;
8680
8673
  iconContainerSize: number;
8681
- iconPadding: number;
8682
- loadingPadding: number;
8683
8674
  borderRadius: 4;
8684
8675
  labelIconSize: number;
8685
8676
  labelIconGap: number;
@@ -8687,12 +8678,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8687
8678
  height: number;
8688
8679
  padding: number;
8689
8680
  fontSize: number;
8681
+ lineHeight: number;
8690
8682
  sublabelFontSize: number;
8691
8683
  spinnerSize: number;
8692
8684
  iconSize: number;
8693
8685
  iconContainerSize: number;
8694
- iconPadding: number;
8695
- loadingPadding: number;
8696
8686
  borderRadius: 4;
8697
8687
  labelIconSize: number;
8698
8688
  labelIconGap: number;
package/index.d.ts CHANGED
@@ -5332,12 +5332,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5332
5332
  height: number;
5333
5333
  padding: number;
5334
5334
  fontSize: number;
5335
+ lineHeight: number;
5335
5336
  sublabelFontSize: number;
5336
5337
  spinnerSize: number;
5337
5338
  iconSize: number;
5338
5339
  iconContainerSize: number;
5339
- iconPadding: number;
5340
- loadingPadding: number;
5341
5340
  borderRadius: 8;
5342
5341
  labelIconSize: number;
5343
5342
  labelIconGap: number;
@@ -5345,12 +5344,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5345
5344
  height: number;
5346
5345
  padding: number;
5347
5346
  fontSize: number;
5347
+ lineHeight: number;
5348
5348
  sublabelFontSize: number;
5349
5349
  spinnerSize: number;
5350
5350
  iconSize: number;
5351
5351
  iconContainerSize: number;
5352
- iconPadding: number;
5353
- loadingPadding: number;
5354
5352
  borderRadius: 8;
5355
5353
  labelIconSize: number;
5356
5354
  labelIconGap: number;
@@ -5358,12 +5356,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5358
5356
  height: number;
5359
5357
  padding: number;
5360
5358
  fontSize: number;
5359
+ lineHeight: number;
5361
5360
  sublabelFontSize: number;
5362
5361
  spinnerSize: number;
5363
5362
  iconSize: number;
5364
5363
  iconContainerSize: number;
5365
- iconPadding: number;
5366
- loadingPadding: number;
5367
5364
  borderRadius: 6;
5368
5365
  labelIconSize: number;
5369
5366
  labelIconGap: number;
@@ -5371,12 +5368,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5371
5368
  height: number;
5372
5369
  padding: number;
5373
5370
  fontSize: number;
5371
+ lineHeight: number;
5374
5372
  sublabelFontSize: number;
5375
5373
  spinnerSize: number;
5376
5374
  iconSize: number;
5377
5375
  iconContainerSize: number;
5378
- iconPadding: number;
5379
- loadingPadding: number;
5380
5376
  borderRadius: 4;
5381
5377
  labelIconSize: number;
5382
5378
  labelIconGap: number;
@@ -5384,12 +5380,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5384
5380
  height: number;
5385
5381
  padding: number;
5386
5382
  fontSize: number;
5383
+ lineHeight: number;
5387
5384
  sublabelFontSize: number;
5388
5385
  spinnerSize: number;
5389
5386
  iconSize: number;
5390
5387
  iconContainerSize: number;
5391
- iconPadding: number;
5392
- loadingPadding: number;
5393
5388
  borderRadius: 4;
5394
5389
  labelIconSize: number;
5395
5390
  labelIconGap: number;
@@ -8635,12 +8630,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8635
8630
  height: number;
8636
8631
  padding: number;
8637
8632
  fontSize: number;
8633
+ lineHeight: number;
8638
8634
  sublabelFontSize: number;
8639
8635
  spinnerSize: number;
8640
8636
  iconSize: number;
8641
8637
  iconContainerSize: number;
8642
- iconPadding: number;
8643
- loadingPadding: number;
8644
8638
  borderRadius: 8;
8645
8639
  labelIconSize: number;
8646
8640
  labelIconGap: number;
@@ -8648,12 +8642,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8648
8642
  height: number;
8649
8643
  padding: number;
8650
8644
  fontSize: number;
8645
+ lineHeight: number;
8651
8646
  sublabelFontSize: number;
8652
8647
  spinnerSize: number;
8653
8648
  iconSize: number;
8654
8649
  iconContainerSize: number;
8655
- iconPadding: number;
8656
- loadingPadding: number;
8657
8650
  borderRadius: 8;
8658
8651
  labelIconSize: number;
8659
8652
  labelIconGap: number;
@@ -8661,12 +8654,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8661
8654
  height: number;
8662
8655
  padding: number;
8663
8656
  fontSize: number;
8657
+ lineHeight: number;
8664
8658
  sublabelFontSize: number;
8665
8659
  spinnerSize: number;
8666
8660
  iconSize: number;
8667
8661
  iconContainerSize: number;
8668
- iconPadding: number;
8669
- loadingPadding: number;
8670
8662
  borderRadius: 6;
8671
8663
  labelIconSize: number;
8672
8664
  labelIconGap: number;
@@ -8674,12 +8666,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8674
8666
  height: number;
8675
8667
  padding: number;
8676
8668
  fontSize: number;
8669
+ lineHeight: number;
8677
8670
  sublabelFontSize: number;
8678
8671
  spinnerSize: number;
8679
8672
  iconSize: number;
8680
8673
  iconContainerSize: number;
8681
- iconPadding: number;
8682
- loadingPadding: number;
8683
8674
  borderRadius: 4;
8684
8675
  labelIconSize: number;
8685
8676
  labelIconGap: number;
@@ -8687,12 +8678,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
8687
8678
  height: number;
8688
8679
  padding: number;
8689
8680
  fontSize: number;
8681
+ lineHeight: number;
8690
8682
  sublabelFontSize: number;
8691
8683
  spinnerSize: number;
8692
8684
  iconSize: number;
8693
8685
  iconContainerSize: number;
8694
- iconPadding: number;
8695
- loadingPadding: number;
8696
8686
  borderRadius: 4;
8697
8687
  labelIconSize: number;
8698
8688
  labelIconGap: number;
package/index.js CHANGED
@@ -2554,70 +2554,65 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
2554
2554
  height: 64,
2555
2555
  padding: 20,
2556
2556
  fontSize: 20,
2557
+ lineHeight: 22,
2557
2558
  sublabelFontSize: 18,
2558
2559
  spinnerSize: 24,
2559
2560
  iconSize: 32,
2560
2561
  iconContainerSize: 64,
2561
- iconPadding: 20,
2562
- loadingPadding: 40,
2563
2562
  borderRadius: shape.button.xl.borderRadius,
2564
- labelIconSize: 18,
2563
+ labelIconSize: 22,
2565
2564
  labelIconGap: 6
2566
2565
  },
2567
2566
  lg: {
2568
2567
  height: 56,
2569
- padding: 20,
2568
+ padding: 18,
2570
2569
  fontSize: 18,
2570
+ lineHeight: 20,
2571
2571
  sublabelFontSize: 16,
2572
2572
  spinnerSize: 24,
2573
2573
  iconSize: 28,
2574
2574
  iconContainerSize: 56,
2575
- iconPadding: 20,
2576
- loadingPadding: 36,
2577
2575
  borderRadius: shape.button.lg.borderRadius,
2578
- labelIconSize: 16,
2579
- labelIconGap: 6
2576
+ labelIconSize: 20,
2577
+ labelIconGap: 4
2580
2578
  },
2581
2579
  md: {
2582
2580
  height: 48,
2583
- padding: 20,
2581
+ padding: 16,
2584
2582
  fontSize: 16,
2583
+ lineHeight: 18,
2585
2584
  sublabelFontSize: 14,
2586
- spinnerSize: 20,
2585
+ spinnerSize: 24,
2587
2586
  iconSize: 24,
2588
2587
  iconContainerSize: 48,
2589
- iconPadding: 20,
2590
- loadingPadding: 32,
2591
2588
  borderRadius: shape.button.md.borderRadius,
2592
- labelIconSize: 14,
2589
+ labelIconSize: 18,
2593
2590
  labelIconGap: 4
2594
2591
  },
2595
2592
  sm: {
2596
2593
  height: 40,
2597
- padding: 20,
2594
+ padding: 14,
2598
2595
  fontSize: 14,
2596
+ lineHeight: 16,
2599
2597
  sublabelFontSize: 12,
2600
- spinnerSize: 16,
2598
+ spinnerSize: 24,
2601
2599
  iconSize: 20,
2602
2600
  iconContainerSize: 40,
2603
- iconPadding: 20,
2604
- loadingPadding: 28,
2605
2601
  borderRadius: shape.button.sm.borderRadius,
2606
- labelIconSize: 12,
2602
+ labelIconSize: 16,
2607
2603
  labelIconGap: 4
2608
2604
  },
2609
2605
  xs: {
2610
2606
  height: 32,
2611
- padding: 20,
2607
+ padding: 12,
2612
2608
  fontSize: 12,
2609
+ lineHeight: 14,
2613
2610
  sublabelFontSize: 10,
2614
2611
  spinnerSize: 16,
2615
2612
  iconSize: 16,
2616
2613
  iconContainerSize: 32,
2617
- iconPadding: 20,
2618
- loadingPadding: 28,
2619
2614
  borderRadius: shape.button.xs.borderRadius,
2620
- labelIconSize: 10,
2615
+ labelIconSize: 14,
2621
2616
  labelIconGap: 4
2622
2617
  }
2623
2618
  };