@xsolla/xui-status-dropdown 0.172.0 → 0.172.2

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/native/index.mjs CHANGED
@@ -1106,6 +1106,7 @@ var StatusDropdown = forwardRef(
1106
1106
  label,
1107
1107
  palette = "Neutral",
1108
1108
  size = "xs",
1109
+ maxWidth,
1109
1110
  dot = false,
1110
1111
  children,
1111
1112
  isOpen: propIsOpen,
@@ -1159,6 +1160,8 @@ var StatusDropdown = forwardRef(
1159
1160
  height: sizeStyles.height,
1160
1161
  paddingHorizontal: sizeStyles.padding,
1161
1162
  gap,
1163
+ minWidth: 0,
1164
+ maxWidth,
1162
1165
  ...isWeb ? {
1163
1166
  onFocus: (event) => {
1164
1167
  const target = event?.target;
@@ -1207,19 +1210,36 @@ var StatusDropdown = forwardRef(
1207
1210
  )
1208
1211
  }
1209
1212
  ),
1210
- /* @__PURE__ */ jsx722(Box, { paddingHorizontal: gap, flexShrink: 0, children: /* @__PURE__ */ jsx722(
1211
- Text,
1213
+ /* @__PURE__ */ jsx722(
1214
+ Box,
1212
1215
  {
1213
- color: contentColor,
1214
- fontSize: sizeStyles.fontSize,
1215
- fontWeight: "500",
1216
- numberOfLines: 1,
1217
- style: {
1218
- lineHeight: `${sizeStyles.lineHeight}px`
1219
- },
1220
- children: label
1216
+ paddingHorizontal: gap,
1217
+ flexShrink: 1,
1218
+ minWidth: 0,
1219
+ ...isWeb ? { overflow: "hidden" } : {},
1220
+ children: /* @__PURE__ */ jsx722(
1221
+ Text,
1222
+ {
1223
+ color: contentColor,
1224
+ fontSize: sizeStyles.fontSize,
1225
+ fontWeight: "500",
1226
+ numberOfLines: 1,
1227
+ style: {
1228
+ lineHeight: `${sizeStyles.lineHeight}px`,
1229
+ // Text primitive ignores numberOfLines on web, so enforce
1230
+ // single-line truncation with real CSS.
1231
+ ...isWeb ? {
1232
+ display: "block",
1233
+ whiteSpace: "nowrap",
1234
+ overflow: "hidden",
1235
+ textOverflow: "ellipsis"
1236
+ } : {}
1237
+ },
1238
+ children: label
1239
+ }
1240
+ )
1221
1241
  }
1222
- ) }),
1242
+ ),
1223
1243
  /* @__PURE__ */ jsx722(
1224
1244
  Box,
1225
1245
  {
@@ -1227,6 +1247,7 @@ var StatusDropdown = forwardRef(
1227
1247
  height: sizeStyles.iconSize,
1228
1248
  alignItems: "center",
1229
1249
  justifyContent: "center",
1250
+ flexShrink: 0,
1230
1251
  children: /* @__PURE__ */ jsx722(
1231
1252
  Icon,
1232
1253
  {