@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/web/index.mjs CHANGED
@@ -1146,6 +1146,7 @@ var StatusDropdown = forwardRef(
1146
1146
  label,
1147
1147
  palette = "Neutral",
1148
1148
  size = "xs",
1149
+ maxWidth,
1149
1150
  dot = false,
1150
1151
  children,
1151
1152
  isOpen: propIsOpen,
@@ -1199,6 +1200,8 @@ var StatusDropdown = forwardRef(
1199
1200
  height: sizeStyles.height,
1200
1201
  paddingHorizontal: sizeStyles.padding,
1201
1202
  gap,
1203
+ minWidth: 0,
1204
+ maxWidth,
1202
1205
  ...isWeb ? {
1203
1206
  onFocus: (event) => {
1204
1207
  const target = event?.target;
@@ -1247,19 +1250,36 @@ var StatusDropdown = forwardRef(
1247
1250
  )
1248
1251
  }
1249
1252
  ),
1250
- /* @__PURE__ */ jsx722(Box, { paddingHorizontal: gap, flexShrink: 0, children: /* @__PURE__ */ jsx722(
1251
- Text,
1253
+ /* @__PURE__ */ jsx722(
1254
+ Box,
1252
1255
  {
1253
- color: contentColor,
1254
- fontSize: sizeStyles.fontSize,
1255
- fontWeight: "500",
1256
- numberOfLines: 1,
1257
- style: {
1258
- lineHeight: `${sizeStyles.lineHeight}px`
1259
- },
1260
- children: label
1256
+ paddingHorizontal: gap,
1257
+ flexShrink: 1,
1258
+ minWidth: 0,
1259
+ ...isWeb ? { overflow: "hidden" } : {},
1260
+ children: /* @__PURE__ */ jsx722(
1261
+ Text,
1262
+ {
1263
+ color: contentColor,
1264
+ fontSize: sizeStyles.fontSize,
1265
+ fontWeight: "500",
1266
+ numberOfLines: 1,
1267
+ style: {
1268
+ lineHeight: `${sizeStyles.lineHeight}px`,
1269
+ // Text primitive ignores numberOfLines on web, so enforce
1270
+ // single-line truncation with real CSS.
1271
+ ...isWeb ? {
1272
+ display: "block",
1273
+ whiteSpace: "nowrap",
1274
+ overflow: "hidden",
1275
+ textOverflow: "ellipsis"
1276
+ } : {}
1277
+ },
1278
+ children: label
1279
+ }
1280
+ )
1261
1281
  }
1262
- ) }),
1282
+ ),
1263
1283
  /* @__PURE__ */ jsx722(
1264
1284
  Box,
1265
1285
  {
@@ -1267,6 +1287,7 @@ var StatusDropdown = forwardRef(
1267
1287
  height: sizeStyles.iconSize,
1268
1288
  alignItems: "center",
1269
1289
  justifyContent: "center",
1290
+ flexShrink: 0,
1270
1291
  children: /* @__PURE__ */ jsx722(
1271
1292
  Icon,
1272
1293
  {