@xsolla/xui-status-dropdown 0.202.3 → 0.203.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-status-dropdown",
3
- "version": "0.202.3",
3
+ "version": "0.203.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
@@ -13,10 +13,10 @@
13
13
  "test:coverage": "vitest run --coverage"
14
14
  },
15
15
  "dependencies": {
16
- "@xsolla/xui-context-menu": "0.202.3",
17
- "@xsolla/xui-core": "0.202.3",
18
- "@xsolla/xui-primitives-core": "0.202.3",
19
- "@xsolla/xui-status": "0.202.3"
16
+ "@xsolla/xui-context-menu": "0.203.0",
17
+ "@xsolla/xui-core": "0.203.0",
18
+ "@xsolla/xui-primitives-core": "0.203.0",
19
+ "@xsolla/xui-status": "0.203.0"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": ">=16.8.0",
package/web/index.js CHANGED
@@ -1122,6 +1122,17 @@ var import_jsx_runtime721 = require("react/jsx-runtime");
1122
1122
  var import_jsx_runtime722 = require("react/jsx-runtime");
1123
1123
  var import_jsx_runtime723 = require("react/jsx-runtime");
1124
1124
  var import_jsx_runtime724 = require("react/jsx-runtime");
1125
+ var import_jsx_runtime725 = require("react/jsx-runtime");
1126
+ var import_jsx_runtime726 = require("react/jsx-runtime");
1127
+ var import_jsx_runtime727 = require("react/jsx-runtime");
1128
+ var import_jsx_runtime728 = require("react/jsx-runtime");
1129
+ var import_jsx_runtime729 = require("react/jsx-runtime");
1130
+ var import_jsx_runtime730 = require("react/jsx-runtime");
1131
+ var import_jsx_runtime731 = require("react/jsx-runtime");
1132
+ var import_jsx_runtime732 = require("react/jsx-runtime");
1133
+ var import_jsx_runtime733 = require("react/jsx-runtime");
1134
+ var import_jsx_runtime734 = require("react/jsx-runtime");
1135
+ var import_jsx_runtime735 = require("react/jsx-runtime");
1125
1136
  var StyledIcon2 = import_styled_components4.default.div`
1126
1137
  display: inline-flex;
1127
1138
  align-items: center;
@@ -1139,8 +1150,8 @@ var BaseIcon = ({
1139
1150
  variant = "line",
1140
1151
  size = 24,
1141
1152
  color = "currentColor",
1142
- solidContent: solidContent721,
1143
- lineContent: lineContent721,
1153
+ solidContent: solidContent732,
1154
+ lineContent: lineContent732,
1144
1155
  className,
1145
1156
  style,
1146
1157
  "data-testid": testId,
@@ -1148,7 +1159,7 @@ var BaseIcon = ({
1148
1159
  "aria-label": ariaLabel,
1149
1160
  "aria-hidden": ariaHidden
1150
1161
  }) => {
1151
- const svgContent = variant === "line" ? lineContent721 : solidContent721;
1162
+ const svgContent = variant === "line" ? lineContent732 : solidContent732;
1152
1163
  const sizeValue = typeof size === "number" ? `${size}px` : size;
1153
1164
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1154
1165
  StyledIcon2,
@@ -1170,7 +1181,7 @@ var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.
1170
1181
  var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
1171
1182
 
1172
1183
  // src/StatusDropdown.tsx
1173
- var import_jsx_runtime725 = require("react/jsx-runtime");
1184
+ var import_jsx_runtime736 = require("react/jsx-runtime");
1174
1185
  var gapMap = {
1175
1186
  xl: 4,
1176
1187
  lg: 4,
@@ -1252,7 +1263,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1252
1263
  setInternalIsOpen(open);
1253
1264
  }
1254
1265
  };
1255
- const trigger = /* @__PURE__ */ (0, import_jsx_runtime725.jsxs)(
1266
+ const trigger = /* @__PURE__ */ (0, import_jsx_runtime736.jsxs)(
1256
1267
  Box,
1257
1268
  {
1258
1269
  ref,
@@ -1297,7 +1308,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1297
1308
  outlineOffset: isFocusVisible ? 2 : void 0
1298
1309
  } : void 0,
1299
1310
  children: [
1300
- isWeb && /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1311
+ isWeb && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1301
1312
  Box,
1302
1313
  {
1303
1314
  "aria-hidden": true,
@@ -1310,7 +1321,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1310
1321
  hoverStyle: { backgroundColor: theme.colors.overlay.mono }
1311
1322
  }
1312
1323
  ),
1313
- dot && /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1324
+ dot && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1314
1325
  Box,
1315
1326
  {
1316
1327
  width: sizeStyles.iconSize,
@@ -1318,7 +1329,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1318
1329
  alignItems: "center",
1319
1330
  justifyContent: "center",
1320
1331
  flexShrink: 0,
1321
- children: /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1332
+ children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1322
1333
  Box,
1323
1334
  {
1324
1335
  testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1330,14 +1341,14 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1330
1341
  )
1331
1342
  }
1332
1343
  ),
1333
- /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1344
+ /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1334
1345
  Box,
1335
1346
  {
1336
1347
  paddingHorizontal: gap,
1337
1348
  flexShrink: 1,
1338
1349
  minWidth: 0,
1339
1350
  ...isWeb ? { overflow: "hidden" } : {},
1340
- children: /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1351
+ children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1341
1352
  Text,
1342
1353
  {
1343
1354
  color: contentColor,
@@ -1360,7 +1371,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1360
1371
  )
1361
1372
  }
1362
1373
  ),
1363
- /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1374
+ /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1364
1375
  Box,
1365
1376
  {
1366
1377
  width: sizeStyles.iconSize,
@@ -1368,7 +1379,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1368
1379
  alignItems: "center",
1369
1380
  justifyContent: "center",
1370
1381
  flexShrink: 0,
1371
- children: /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1382
+ children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1372
1383
  Icon,
1373
1384
  {
1374
1385
  size: sizeStyles.iconSize,
@@ -1377,7 +1388,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1377
1388
  transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
1378
1389
  ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
1379
1390
  },
1380
- children: /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(ChevronDown, {})
1391
+ children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(ChevronDown, {})
1381
1392
  }
1382
1393
  )
1383
1394
  }
@@ -1385,7 +1396,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
1385
1396
  ]
1386
1397
  }
1387
1398
  );
1388
- return /* @__PURE__ */ (0, import_jsx_runtime725.jsx)(
1399
+ return /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
1389
1400
  import_xui_context_menu.ContextMenu,
1390
1401
  {
1391
1402
  trigger,