@xsolla/xui-core 0.188.3 → 0.189.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
@@ -7151,6 +7151,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7151
7151
  borderWidth: number;
7152
7152
  fieldGap: number;
7153
7153
  lineHeight: number;
7154
+ contentGap: number;
7155
+ trailingGap: number;
7154
7156
  } | {
7155
7157
  height: number;
7156
7158
  paddingVertical: number;
@@ -7161,6 +7163,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7161
7163
  borderWidth: number;
7162
7164
  fieldGap: number;
7163
7165
  lineHeight: number;
7166
+ contentGap: number;
7167
+ trailingGap: number;
7164
7168
  } | {
7165
7169
  height: number;
7166
7170
  paddingVertical: number;
@@ -7171,6 +7175,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7171
7175
  borderWidth: number;
7172
7176
  fieldGap: number;
7173
7177
  lineHeight: number;
7178
+ contentGap: number;
7179
+ trailingGap: number;
7174
7180
  } | {
7175
7181
  height: number;
7176
7182
  paddingVertical: number;
@@ -7181,6 +7187,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7181
7187
  borderWidth: number;
7182
7188
  fieldGap: number;
7183
7189
  lineHeight: number;
7190
+ contentGap: number;
7191
+ trailingGap: number;
7184
7192
  } | {
7185
7193
  height: number;
7186
7194
  paddingVertical: number;
@@ -7191,6 +7199,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7191
7199
  borderWidth: number;
7192
7200
  fieldGap: number;
7193
7201
  lineHeight: number;
7202
+ contentGap: number;
7203
+ trailingGap: number;
7194
7204
  };
7195
7205
  imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
7196
7206
  box: number;
package/index.d.ts CHANGED
@@ -7151,6 +7151,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7151
7151
  borderWidth: number;
7152
7152
  fieldGap: number;
7153
7153
  lineHeight: number;
7154
+ contentGap: number;
7155
+ trailingGap: number;
7154
7156
  } | {
7155
7157
  height: number;
7156
7158
  paddingVertical: number;
@@ -7161,6 +7163,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7161
7163
  borderWidth: number;
7162
7164
  fieldGap: number;
7163
7165
  lineHeight: number;
7166
+ contentGap: number;
7167
+ trailingGap: number;
7164
7168
  } | {
7165
7169
  height: number;
7166
7170
  paddingVertical: number;
@@ -7171,6 +7175,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7171
7175
  borderWidth: number;
7172
7176
  fieldGap: number;
7173
7177
  lineHeight: number;
7178
+ contentGap: number;
7179
+ trailingGap: number;
7174
7180
  } | {
7175
7181
  height: number;
7176
7182
  paddingVertical: number;
@@ -7181,6 +7187,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7181
7187
  borderWidth: number;
7182
7188
  fieldGap: number;
7183
7189
  lineHeight: number;
7190
+ contentGap: number;
7191
+ trailingGap: number;
7184
7192
  } | {
7185
7193
  height: number;
7186
7194
  paddingVertical: number;
@@ -7191,6 +7199,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
7191
7199
  borderWidth: number;
7192
7200
  fieldGap: number;
7193
7201
  lineHeight: number;
7202
+ contentGap: number;
7203
+ trailingGap: number;
7194
7204
  };
7195
7205
  imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
7196
7206
  box: number;
package/index.js CHANGED
@@ -3724,22 +3724,26 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
3724
3724
  paddingVertical: 12,
3725
3725
  paddingHorizontal: 12,
3726
3726
  fontSize: 20,
3727
- iconSize: 18,
3727
+ iconSize: 22,
3728
3728
  radius: shape.input.xl.borderRadius,
3729
3729
  borderWidth: 2,
3730
3730
  fieldGap: 8,
3731
- lineHeight: 20
3731
+ lineHeight: 20,
3732
+ contentGap: 10,
3733
+ trailingGap: 10
3732
3734
  },
3733
3735
  lg: {
3734
3736
  height: 56,
3735
3737
  paddingVertical: 14,
3736
3738
  paddingHorizontal: 12,
3737
3739
  fontSize: 18,
3738
- iconSize: 18,
3740
+ iconSize: 20,
3739
3741
  radius: shape.input.lg.borderRadius,
3740
3742
  borderWidth: 2,
3741
3743
  fieldGap: 6,
3742
- lineHeight: 18
3744
+ lineHeight: 18,
3745
+ contentGap: 8,
3746
+ trailingGap: 10
3743
3747
  },
3744
3748
  md: {
3745
3749
  height: 48,
@@ -3750,29 +3754,35 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
3750
3754
  radius: shape.input.md.borderRadius,
3751
3755
  borderWidth: 1,
3752
3756
  fieldGap: 4,
3753
- lineHeight: 16
3757
+ lineHeight: 16,
3758
+ contentGap: 6,
3759
+ trailingGap: 8
3754
3760
  },
3755
3761
  sm: {
3756
3762
  height: 40,
3757
3763
  paddingVertical: 7,
3758
3764
  paddingHorizontal: 10,
3759
3765
  fontSize: 14,
3760
- iconSize: 18,
3766
+ iconSize: 16,
3761
3767
  radius: shape.input.sm.borderRadius,
3762
3768
  borderWidth: 1,
3763
3769
  fieldGap: 4,
3764
- lineHeight: 14
3770
+ lineHeight: 14,
3771
+ contentGap: 4,
3772
+ trailingGap: 8
3765
3773
  },
3766
3774
  xs: {
3767
3775
  height: 32,
3768
3776
  paddingVertical: 7,
3769
3777
  paddingHorizontal: 10,
3770
3778
  fontSize: 12,
3771
- iconSize: 18,
3779
+ iconSize: 14,
3772
3780
  radius: shape.input.xs.borderRadius,
3773
3781
  borderWidth: 1,
3774
3782
  fieldGap: 4,
3775
- lineHeight: 10
3783
+ lineHeight: 10,
3784
+ contentGap: 4,
3785
+ trailingGap: 4
3776
3786
  }
3777
3787
  };
3778
3788
  return configs[size];