@xsolla/xui-status-dropdown 0.222.0 → 0.224.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-status-dropdown",
-  "version": "0.222.0",
+  "version": "0.224.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,10 +13,10 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-context-menu": "0.222.0",
-    "@xsolla/xui-core": "0.222.0",
-    "@xsolla/xui-primitives-core": "0.222.0",
-    "@xsolla/xui-status": "0.222.0"
+    "@xsolla/xui-context-menu": "0.224.0",
+    "@xsolla/xui-core": "0.224.0",
+    "@xsolla/xui-primitives-core": "0.224.0",
+    "@xsolla/xui-status": "0.224.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.js

@@ -1144,6 +1144,8 @@ var import_jsx_runtime732 = require("react/jsx-runtime");
 var import_jsx_runtime733 = require("react/jsx-runtime");
 var import_jsx_runtime734 = require("react/jsx-runtime");
 var import_jsx_runtime735 = require("react/jsx-runtime");
+var import_jsx_runtime736 = require("react/jsx-runtime");
+var import_jsx_runtime737 = require("react/jsx-runtime");
 var StyledIcon2 = import_styled_components4.default.div`
   display: inline-flex;
   align-items: center;
@@ -1161,8 +1163,8 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent732,
-  lineContent: lineContent732,
+  solidContent: solidContent734,
+  lineContent: lineContent734,
   className,
   style,
   "data-testid": testId,
@@ -1170,7 +1172,7 @@ var BaseIcon = ({
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent732 : solidContent732;
+  const svgContent = variant === "line" ? lineContent734 : solidContent734;
   const sizeValue = (0, import_xui_primitives_core.resolveIconSize)(size);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     StyledIcon2,
@@ -1187,12 +1189,12 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--solid"><path id="Union" d="M7.20706 9L16.7928 9C17.2383 9 17.4614 9.53857 17.1464 9.85355L12.3535 14.6464C12.1582 14.8417 11.8417 14.8417 11.6464 14.6464L6.8535 9.85355C6.53852 9.53857 6.7616 9 7.20706 9Z" style="fill: currentColor"/></g></svg>`;
-var lineContent126 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--line"><path id="Union" d="M19.707 9.70703L12.3536 17.0605C12.1583 17.2558 11.8417 17.2558 11.6464 17.0605L4.29297 9.70703L5.70703 8.29297L12 14.5859L18.293 8.29297L19.707 9.70703Z" style="fill: currentColor"/></g></svg>`;
-var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(BaseIcon, { ...props, solidContent: solidContent126, lineContent: lineContent126 });
+var solidContent127 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--solid"><path id="Union" d="M7.20706 9L16.7928 9C17.2383 9 17.4614 9.53857 17.1464 9.85355L12.3535 14.6464C12.1582 14.8417 11.8417 14.8417 11.6464 14.6464L6.8535 9.85355C6.53852 9.53857 6.7616 9 7.20706 9Z" style="fill: currentColor"/></g></svg>`;
+var lineContent127 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_chevron-down--line"><path id="Union" d="M19.707 9.70703L12.3536 17.0605C12.1583 17.2558 11.8417 17.2558 11.6464 17.0605L4.29297 9.70703L5.70703 8.29297L12 14.5859L18.293 8.29297L19.707 9.70703Z" style="fill: currentColor"/></g></svg>`;
+var ChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(BaseIcon, { ...props, solidContent: solidContent127, lineContent: lineContent127 });
 
 // src/StatusDropdown.tsx
-var import_jsx_runtime736 = require("react/jsx-runtime");
+var import_jsx_runtime738 = require("react/jsx-runtime");
 var gapMap = {
   xl: 4,
   lg: 4,
@@ -1275,7 +1277,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
         setInternalIsOpen(open);
       }
     };
-    const trigger = /* @__PURE__ */ (0, import_jsx_runtime736.jsxs)(
+    const trigger = /* @__PURE__ */ (0, import_jsx_runtime738.jsxs)(
       Box,
       {
         ref,
@@ -1320,7 +1322,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
           outlineOffset: isFocusVisible ? 2 : void 0
         } : void 0,
         children: [
-          isWeb && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          isWeb && /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               "aria-hidden": true,
@@ -1333,7 +1335,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
               hoverStyle: { backgroundColor: theme.colors.overlay.mono }
             }
           ),
-          dot && /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          dot && /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1341,7 +1343,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Box,
                 {
                   testID: testID ? `${testID}-dot` : "status-dropdown-dot",
@@ -1353,14 +1355,14 @@ var StatusDropdown = (0, import_react3.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               paddingHorizontal: gap,
               flexShrink: 1,
               minWidth: 0,
               ...isWeb ? { overflow: "hidden" } : {},
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Text,
                 {
                   color: contentColor,
@@ -1383,7 +1385,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
             Box,
             {
               width: sizeStyles.iconSize,
@@ -1391,7 +1393,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
                 Icon,
                 {
                   size: sizeStyles.iconSize,
@@ -1400,7 +1402,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
                     transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
                     ...isWeb ? { transition: "transform 0.2s ease-in-out" } : {}
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(ChevronDown, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(ChevronDown, {})
                 }
               )
             }
@@ -1408,7 +1410,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
         ]
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime736.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime738.jsx)(
       import_xui_context_menu.ContextMenu,
       {
         trigger,