@shoplflow/base 0.24.23 → 0.24.24

package/dist/index.cjs

@@ -1862,12 +1862,24 @@ var getBorderColorByStatus = ({ isFocused, isError, isHovered, disabled }) => {
 var InputWrapper = styled5__default.default.label`
   display: flex;
   align-items: center;
-  width: ${({ width }) => width != null ? width : "calc(100% - 2px)"};
-  min-width: ${({ minWidth }) => minWidth != null ? minWidth : "fit-content"};
-  height: ${({ height }) => height != null ? height : "fit-content"};
+  width: ${({ width }) => {
+  var _a;
+  return (_a = `calc(${width} - 2px)`) != null ? _a : "calc(100% - 2px)";
+}};
+  min-width: ${({ minWidth }) => {
+  var _a;
+  return (_a = `calc(${minWidth} - 2px)`) != null ? _a : "fit-content";
+}};
+  height: ${({ height }) => {
+  var _a;
+  return (_a = `calc(${height} - 2px)`) != null ? _a : "fit-content";
+}};
   flex-direction: ${({ direction }) => direction || "row"};
   justify-content: space-between;
-  min-height: ${({ minHeight }) => minHeight != null ? minHeight : "38px"};
+  min-height: ${({ minHeight }) => {
+  var _a;
+  return (_a = `calc(${minHeight} - 2px)`) != null ? _a : "fit-content";
+}};
   margin: 1px;
   gap: 8px;
   box-shadow: 0 0 0 1px ${(props) => getBorderColorByStatus(props)};
@@ -1922,7 +1934,7 @@ var Icon = React2.forwardRef((_a, ref) => {
 exports.Icon = Icon;
 var DropdownButton = React2.forwardRef(
   (_a, ref) => {
-    var _b = _a, { width, onClick, sizeVar = "M", placeholder, value, disabled, leftSource } = _b, rest = __objRest(_b, ["width", "onClick", "sizeVar", "placeholder", "value", "disabled", "leftSource"]);
+    var _b = _a, { width = "100%", onClick, sizeVar = "M", isError, placeholder, value, disabled, leftSource } = _b, rest = __objRest(_b, ["width", "onClick", "sizeVar", "isError", "placeholder", "value", "disabled", "leftSource"]);
     const { isOpen, setIsOpen } = useDropdown();
     const [isHovered, setIsHovered] = React2.useState(false);
     const handleOnClick = (e) => {
@@ -1946,6 +1958,7 @@ var DropdownButton = React2.forwardRef(
         isHovered,
         disabled,
         width,
+        isError,
         height: exports.getDropdownHeightBySizeVar(sizeVar),
         children: /* @__PURE__ */ jsxRuntime.jsxs(exports.StyledDropdownButton, __spreadProps(__spreadValues({ ref, onClick: handleOnClick, disabled }, rest), { sizeVar, children: [
           leftSource && leftSource,
@@ -2669,7 +2682,7 @@ var Input = React2.forwardRef(
       min,
       max,
       className,
-      width
+      width = "100%"
     } = _b, rest = __objRest(_b, [
       "onFocus",
       "onBlur",
@@ -2795,6 +2808,7 @@ var Input = React2.forwardRef(
         onMouseEnter: handleOnMouseEnter,
         onMouseLeave: handleOnMouseLeave,
         width: getWidth(),
+        height: type === "number" ? "32px" : "40px",
         "data-shoplflow": "input",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(