@xsolla/xui-core 0.141.1 → 0.147.1

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
@@ -4098,6 +4098,82 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4098
4098
  fieldGap: number;
4099
4099
  lineHeight: number;
4100
4100
  };
4101
+ imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
4102
+ box: number;
4103
+ wideWidth: number;
4104
+ padding: number;
4105
+ gap: number;
4106
+ iconSize: number;
4107
+ labelFontSize: number;
4108
+ labelLineHeight: number;
4109
+ descriptionFontSize: number;
4110
+ descriptionLineHeight: number;
4111
+ errorFontSize: number;
4112
+ errorLineHeight: number;
4113
+ errorGap: number;
4114
+ radius: number;
4115
+ borderWidth: number;
4116
+ } | {
4117
+ box: number;
4118
+ wideWidth: number;
4119
+ padding: number;
4120
+ gap: number;
4121
+ iconSize: number;
4122
+ labelFontSize: number;
4123
+ labelLineHeight: number;
4124
+ descriptionFontSize: number;
4125
+ descriptionLineHeight: number;
4126
+ errorFontSize: number;
4127
+ errorLineHeight: number;
4128
+ errorGap: number;
4129
+ radius: number;
4130
+ borderWidth: number;
4131
+ } | {
4132
+ box: number;
4133
+ wideWidth: number;
4134
+ padding: number;
4135
+ gap: number;
4136
+ iconSize: number;
4137
+ labelFontSize: number;
4138
+ labelLineHeight: number;
4139
+ descriptionFontSize: number;
4140
+ descriptionLineHeight: number;
4141
+ errorFontSize: number;
4142
+ errorLineHeight: number;
4143
+ errorGap: number;
4144
+ radius: number;
4145
+ borderWidth: number;
4146
+ } | {
4147
+ box: number;
4148
+ wideWidth: number;
4149
+ padding: number;
4150
+ gap: number;
4151
+ iconSize: number;
4152
+ labelFontSize: number;
4153
+ labelLineHeight: number;
4154
+ descriptionFontSize: number;
4155
+ descriptionLineHeight: number;
4156
+ errorFontSize: number;
4157
+ errorLineHeight: number;
4158
+ errorGap: number;
4159
+ radius: number;
4160
+ borderWidth: number;
4161
+ } | {
4162
+ box: number;
4163
+ wideWidth: number;
4164
+ padding: number;
4165
+ gap: number;
4166
+ iconSize: number;
4167
+ labelFontSize: number;
4168
+ labelLineHeight: number;
4169
+ descriptionFontSize: number;
4170
+ descriptionLineHeight: number;
4171
+ errorFontSize: number;
4172
+ errorLineHeight: number;
4173
+ errorGap: number;
4174
+ radius: number;
4175
+ borderWidth: number;
4176
+ };
4101
4177
  inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
4102
4178
  size: number;
4103
4179
  gap: number;
@@ -4600,7 +4676,22 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4600
4676
  descriptionFontSize: number;
4601
4677
  descriptionLineHeight: number;
4602
4678
  };
4603
- progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
4679
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "l" | "m" | "s") => {
4680
+ height: number;
4681
+ labelSize: number;
4682
+ helperSize: number;
4683
+ gap: number;
4684
+ } | {
4685
+ height: number;
4686
+ labelSize: number;
4687
+ helperSize: number;
4688
+ gap: number;
4689
+ } | {
4690
+ height: number;
4691
+ labelSize: number;
4692
+ helperSize: number;
4693
+ gap: number;
4694
+ } | {
4604
4695
  height: number;
4605
4696
  labelSize: number;
4606
4697
  helperSize: number;
@@ -4778,6 +4869,119 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4778
4869
  portalPadding: number;
4779
4870
  zIndex: number;
4780
4871
  };
4872
+ drawer: () => {
4873
+ widthSm: number;
4874
+ widthMd: number;
4875
+ widthLg: number;
4876
+ headerHeight: number;
4877
+ headerPaddingX: number;
4878
+ headerPaddingY: number;
4879
+ headerGap: number;
4880
+ titleFontSize: number;
4881
+ titleLineHeight: number;
4882
+ contentPaddingX: number;
4883
+ footerPadding: number;
4884
+ outerPadding: number;
4885
+ containerRadius: number;
4886
+ contentRadius: number;
4887
+ stepperPadding: number;
4888
+ stepperRadius: number;
4889
+ stepperContentGap: number;
4890
+ scrimColor: string;
4891
+ animationDuration: number;
4892
+ zIndex: number;
4893
+ };
4894
+ sidebar: () => {
4895
+ widthExpanded: number;
4896
+ widthCollapsed: number;
4897
+ radius: number;
4898
+ itemHeight: number;
4899
+ iconSize: number;
4900
+ padding: number;
4901
+ sectionLabelHeight: number;
4902
+ nestedItemPaddingLeft: number;
4903
+ nestedItemRailLeft: number;
4904
+ chevronSize: number;
4905
+ externalIconSize: number;
4906
+ chatBadgeSize: number;
4907
+ itemBadgeSize: number;
4908
+ focusOutlineWidth: number;
4909
+ scrollbarWidth: number;
4910
+ popoverGap: number;
4911
+ popoverViewportPadding: number;
4912
+ popoverMinWidth: number;
4913
+ popoverMaxWidth: number;
4914
+ popoverShadow: string;
4915
+ popoverZIndex: number;
4916
+ transitionWidth: string;
4917
+ transitionFadeIn: string;
4918
+ transitionFadeOut: string;
4919
+ transitionItem: string;
4920
+ transitionRows: string;
4921
+ };
4922
+ stepperB2b: () => {
4923
+ chipSize: number;
4924
+ chipRadius: number;
4925
+ chipPaddingTop: number;
4926
+ chipPaddingBottom: number;
4927
+ chipPaddingX: number;
4928
+ chipIconSize: number;
4929
+ numberFontSize: number;
4930
+ numberLineHeight: number;
4931
+ titleFontSize: number;
4932
+ titleLineHeight: number;
4933
+ descriptionFontSize: number;
4934
+ descriptionLineHeight: number;
4935
+ captionFontSize: number;
4936
+ captionLineHeight: number;
4937
+ itemGap: number;
4938
+ contentGap: number;
4939
+ contentMinHeight: number;
4940
+ contentWidth: number;
4941
+ activeCardRadiusVertical: number;
4942
+ activeCardRadiusHorizontal: number;
4943
+ activeCardPaddingTop: number;
4944
+ activeCardPaddingX: number;
4945
+ activeCardPaddingYHorizontal: number;
4946
+ activeCardPaddingLeftHorizontal: number;
4947
+ activeCardGapHorizontal: number;
4948
+ innerConnectorLength: number;
4949
+ connectorSegment: number;
4950
+ connectorCellHeight: number;
4951
+ connectorCellWidth: number;
4952
+ surfaceRadius: number;
4953
+ surfacePaddingVertical: number;
4954
+ surfacePaddingHorizontal: number;
4955
+ horizontalItemGap: number;
4956
+ horizontalFirstItemWidth: number;
4957
+ horizontalItemWidth: number;
4958
+ horizontalConnectorSegment: number;
4959
+ horizontalConnectorGap: number;
4960
+ simpleCardPadding: number;
4961
+ simpleCardRadius: number;
4962
+ simpleCardGap: number;
4963
+ simpleItemGap: number;
4964
+ simpleHorizontalCellWidth: number;
4965
+ simpleHorizontalStubLength: number;
4966
+ };
4967
+ collapsibleB2b: () => {
4968
+ triggerPadding: number;
4969
+ triggerGap: number;
4970
+ triggerMinHeight: number;
4971
+ surfaceRadius: number;
4972
+ cellRadius: number;
4973
+ iconSlotSize: number;
4974
+ iconSlotRadius: number;
4975
+ chevronSize: number;
4976
+ trailingGap: number;
4977
+ textGap: number;
4978
+ titleFontSize: number;
4979
+ titleLineHeight: number;
4980
+ captionFontSize: number;
4981
+ captionLineHeight: number;
4982
+ panelPadding: number;
4983
+ accordionItemGap: number;
4984
+ };
4781
4985
  toast: () => {
4782
4986
  minHeight: number;
4783
4987
  paddingHorizontal: number;
@@ -6312,6 +6516,82 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6312
6516
  fieldGap: number;
6313
6517
  lineHeight: number;
6314
6518
  };
6519
+ imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
6520
+ box: number;
6521
+ wideWidth: number;
6522
+ padding: number;
6523
+ gap: number;
6524
+ iconSize: number;
6525
+ labelFontSize: number;
6526
+ labelLineHeight: number;
6527
+ descriptionFontSize: number;
6528
+ descriptionLineHeight: number;
6529
+ errorFontSize: number;
6530
+ errorLineHeight: number;
6531
+ errorGap: number;
6532
+ radius: number;
6533
+ borderWidth: number;
6534
+ } | {
6535
+ box: number;
6536
+ wideWidth: number;
6537
+ padding: number;
6538
+ gap: number;
6539
+ iconSize: number;
6540
+ labelFontSize: number;
6541
+ labelLineHeight: number;
6542
+ descriptionFontSize: number;
6543
+ descriptionLineHeight: number;
6544
+ errorFontSize: number;
6545
+ errorLineHeight: number;
6546
+ errorGap: number;
6547
+ radius: number;
6548
+ borderWidth: number;
6549
+ } | {
6550
+ box: number;
6551
+ wideWidth: number;
6552
+ padding: number;
6553
+ gap: number;
6554
+ iconSize: number;
6555
+ labelFontSize: number;
6556
+ labelLineHeight: number;
6557
+ descriptionFontSize: number;
6558
+ descriptionLineHeight: number;
6559
+ errorFontSize: number;
6560
+ errorLineHeight: number;
6561
+ errorGap: number;
6562
+ radius: number;
6563
+ borderWidth: number;
6564
+ } | {
6565
+ box: number;
6566
+ wideWidth: number;
6567
+ padding: number;
6568
+ gap: number;
6569
+ iconSize: number;
6570
+ labelFontSize: number;
6571
+ labelLineHeight: number;
6572
+ descriptionFontSize: number;
6573
+ descriptionLineHeight: number;
6574
+ errorFontSize: number;
6575
+ errorLineHeight: number;
6576
+ errorGap: number;
6577
+ radius: number;
6578
+ borderWidth: number;
6579
+ } | {
6580
+ box: number;
6581
+ wideWidth: number;
6582
+ padding: number;
6583
+ gap: number;
6584
+ iconSize: number;
6585
+ labelFontSize: number;
6586
+ labelLineHeight: number;
6587
+ descriptionFontSize: number;
6588
+ descriptionLineHeight: number;
6589
+ errorFontSize: number;
6590
+ errorLineHeight: number;
6591
+ errorGap: number;
6592
+ radius: number;
6593
+ borderWidth: number;
6594
+ };
6315
6595
  inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
6316
6596
  size: number;
6317
6597
  gap: number;
@@ -6814,7 +7094,22 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6814
7094
  descriptionFontSize: number;
6815
7095
  descriptionLineHeight: number;
6816
7096
  };
6817
- progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
7097
+ progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "l" | "m" | "s") => {
7098
+ height: number;
7099
+ labelSize: number;
7100
+ helperSize: number;
7101
+ gap: number;
7102
+ } | {
7103
+ height: number;
7104
+ labelSize: number;
7105
+ helperSize: number;
7106
+ gap: number;
7107
+ } | {
7108
+ height: number;
7109
+ labelSize: number;
7110
+ helperSize: number;
7111
+ gap: number;
7112
+ } | {
6818
7113
  height: number;
6819
7114
  labelSize: number;
6820
7115
  helperSize: number;
@@ -6992,6 +7287,119 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
6992
7287
  portalPadding: number;
6993
7288
  zIndex: number;
6994
7289
  };
7290
+ drawer: () => {
7291
+ widthSm: number;
7292
+ widthMd: number;
7293
+ widthLg: number;
7294
+ headerHeight: number;
7295
+ headerPaddingX: number;
7296
+ headerPaddingY: number;
7297
+ headerGap: number;
7298
+ titleFontSize: number;
7299
+ titleLineHeight: number;
7300
+ contentPaddingX: number;
7301
+ footerPadding: number;
7302
+ outerPadding: number;
7303
+ containerRadius: number;
7304
+ contentRadius: number;
7305
+ stepperPadding: number;
7306
+ stepperRadius: number;
7307
+ stepperContentGap: number;
7308
+ scrimColor: string;
7309
+ animationDuration: number;
7310
+ zIndex: number;
7311
+ };
7312
+ sidebar: () => {
7313
+ widthExpanded: number;
7314
+ widthCollapsed: number;
7315
+ radius: number;
7316
+ itemHeight: number;
7317
+ iconSize: number;
7318
+ padding: number;
7319
+ sectionLabelHeight: number;
7320
+ nestedItemPaddingLeft: number;
7321
+ nestedItemRailLeft: number;
7322
+ chevronSize: number;
7323
+ externalIconSize: number;
7324
+ chatBadgeSize: number;
7325
+ itemBadgeSize: number;
7326
+ focusOutlineWidth: number;
7327
+ scrollbarWidth: number;
7328
+ popoverGap: number;
7329
+ popoverViewportPadding: number;
7330
+ popoverMinWidth: number;
7331
+ popoverMaxWidth: number;
7332
+ popoverShadow: string;
7333
+ popoverZIndex: number;
7334
+ transitionWidth: string;
7335
+ transitionFadeIn: string;
7336
+ transitionFadeOut: string;
7337
+ transitionItem: string;
7338
+ transitionRows: string;
7339
+ };
7340
+ stepperB2b: () => {
7341
+ chipSize: number;
7342
+ chipRadius: number;
7343
+ chipPaddingTop: number;
7344
+ chipPaddingBottom: number;
7345
+ chipPaddingX: number;
7346
+ chipIconSize: number;
7347
+ numberFontSize: number;
7348
+ numberLineHeight: number;
7349
+ titleFontSize: number;
7350
+ titleLineHeight: number;
7351
+ descriptionFontSize: number;
7352
+ descriptionLineHeight: number;
7353
+ captionFontSize: number;
7354
+ captionLineHeight: number;
7355
+ itemGap: number;
7356
+ contentGap: number;
7357
+ contentMinHeight: number;
7358
+ contentWidth: number;
7359
+ activeCardRadiusVertical: number;
7360
+ activeCardRadiusHorizontal: number;
7361
+ activeCardPaddingTop: number;
7362
+ activeCardPaddingX: number;
7363
+ activeCardPaddingYHorizontal: number;
7364
+ activeCardPaddingLeftHorizontal: number;
7365
+ activeCardGapHorizontal: number;
7366
+ innerConnectorLength: number;
7367
+ connectorSegment: number;
7368
+ connectorCellHeight: number;
7369
+ connectorCellWidth: number;
7370
+ surfaceRadius: number;
7371
+ surfacePaddingVertical: number;
7372
+ surfacePaddingHorizontal: number;
7373
+ horizontalItemGap: number;
7374
+ horizontalFirstItemWidth: number;
7375
+ horizontalItemWidth: number;
7376
+ horizontalConnectorSegment: number;
7377
+ horizontalConnectorGap: number;
7378
+ simpleCardPadding: number;
7379
+ simpleCardRadius: number;
7380
+ simpleCardGap: number;
7381
+ simpleItemGap: number;
7382
+ simpleHorizontalCellWidth: number;
7383
+ simpleHorizontalStubLength: number;
7384
+ };
7385
+ collapsibleB2b: () => {
7386
+ triggerPadding: number;
7387
+ triggerGap: number;
7388
+ triggerMinHeight: number;
7389
+ surfaceRadius: number;
7390
+ cellRadius: number;
7391
+ iconSlotSize: number;
7392
+ iconSlotRadius: number;
7393
+ chevronSize: number;
7394
+ trailingGap: number;
7395
+ textGap: number;
7396
+ titleFontSize: number;
7397
+ titleLineHeight: number;
7398
+ captionFontSize: number;
7399
+ captionLineHeight: number;
7400
+ panelPadding: number;
7401
+ accordionItemGap: number;
7402
+ };
6995
7403
  toast: () => {
6996
7404
  minHeight: number;
6997
7405
  paddingHorizontal: number;