@shoplflow/base 0.32.14 → 0.32.16

package/dist/index.cjs

@@ -1659,10 +1659,6 @@ var getWidthAndHeightFromSizeVar = (sizeVar) => {
         min-width: 40px;
         height: 40px;
         min-height: 40px;
-        & > svg {
-          width: 24px;
-          height: 24px;
-        }
       `;
     case "S":
       return react$1.css`
@@ -1670,10 +1666,6 @@ var getWidthAndHeightFromSizeVar = (sizeVar) => {
         min-width: 32px;
         height: 32px;
         min-height: 32px;
-        & > svg {
-          width: 20px;
-          height: 20px;
-        }
       `;
     case "XS":
       return react$1.css`
@@ -1681,10 +1673,6 @@ var getWidthAndHeightFromSizeVar = (sizeVar) => {
         min-width: 24px;
         height: 24px;
         min-height: 24px;
-        & > svg {
-          width: 12px;
-          height: 12px;
-        }
       `;
     default:
       return react$1.css`
@@ -1692,10 +1680,6 @@ var getWidthAndHeightFromSizeVar = (sizeVar) => {
         min-width: 40px;
         height: 40px;
         min-height: 40px;
-        & > svg {
-          width: 20px;
-          height: 20px;
-        }
       `;
   }
 };
@@ -1757,6 +1741,10 @@ var StyledIconButton = styled6__default.default.button`
   ${({ styleVar, color, isHovered }) => getStyleByStyleVar2(styleVar, color, isHovered)};
   ${({ sizeVar }) => getWidthAndHeightFromSizeVar(sizeVar)};
   ${({ disabled }) => getDisabledStyle(disabled)};
+  & > svg {
+    width: 20px;
+    height: 20px;
+  }
 `;
 var IconButton = React3.forwardRef(
   (_a, ref) => {
@@ -5886,17 +5874,24 @@ var NumberCombobox = (_a) => {
         placeholder,
         disabled,
         onKeyDown: (event) => {
-          var _a2;
-          if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+          var _a2, _b2;
+          event.stopPropagation();
+          if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "-") {
             event.preventDefault();
             return;
           }
-          setIsOpen(true);
+          if (event.key === "Tab") {
+            setIsOpen(false);
+            onSelect == null ? void 0 : onSelect(event.currentTarget.value);
+            (_a2 = inputRef.current) == null ? void 0 : _a2.blur();
+          } else {
+            setIsOpen(true);
+          }
           if (event.key === "Enter") {
             const currentValue = event.currentTarget.value;
             onSelect == null ? void 0 : onSelect(currentValue);
             setIsOpen(false);
-            (_a2 = inputRef.current) == null ? void 0 : _a2.blur();
+            (_b2 = inputRef.current) == null ? void 0 : _b2.blur();
             return;
           }
         },