widenarrow-ui 1.1.29 → 1.1.30

package/lib/index.esm.js

@@ -178,15 +178,24 @@ var styles$r = {"body":"Box-module_xGQn8w","container":"Box-module_ufkImw","marg
 var s$r = classNames.bind(styles$r);
 var Box = forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, children = _a.children, // flex
-    backgroundColor = _a.backgroundColor, withBorderRadius = _a.withBorderRadius, showOnBreakpoint = _a.showOnBreakpoint, width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, position = _a.position, style = _a.style, // inline style
-    onClickCallback = _a.onClickCallback, otherProps = __rest(_a, ["className", "children", "backgroundColor", "withBorderRadius", "showOnBreakpoint", "width", "minWidth", "maxWidth", "position", "style", "onClickCallback"]);
+    var className = _a.className, children = _a.children, displayFlex = _a.displayFlex, displayFlexCenter = _a.displayFlexCenter, displayFlexCenterSpaceBetween = _a.displayFlexCenterSpaceBetween, justifyContent = _a.justifyContent, flexDirection = _a.flexDirection, alignSelf = _a.alignSelf, alignItems = _a.alignItems, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, padding = _a.padding, paddingX = _a.paddingX, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingRight = _a.paddingRight, paddingLeft = _a.paddingLeft, margin = _a.margin, marginTop = _a.marginTop, marginX = _a.marginX, marginY = _a.marginY, marginBottom = _a.marginBottom, marginRight = _a.marginRight, marginLeft = _a.marginLeft, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, border = _a.border, borderTop = _a.borderTop, borderLeft = _a.borderLeft, borderBottom = _a.borderBottom, borderRight = _a.borderRight, withBorderRadius = _a.withBorderRadius, showOnBreakpoint = _a.showOnBreakpoint, width = _a.width, minWidth = _a.minWidth, maxWidth = _a.maxWidth, position = _a.position, style = _a.style, // inline style
+    onClickCallback = _a.onClickCallback, otherProps = __rest(_a, ["className", "children", "displayFlex", "displayFlexCenter", "displayFlexCenterSpaceBetween", "justifyContent", "flexDirection", "alignSelf", "alignItems", "flexWrap", "flexGrow", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingRight", "paddingLeft", "margin", "marginTop", "marginX", "marginY", "marginBottom", "marginRight", "marginLeft", "backgroundColor", "borderColor", "border", "borderTop", "borderLeft", "borderBottom", "borderRight", "withBorderRadius", "showOnBreakpoint", "width", "minWidth", "maxWidth", "position", "style", "onClickCallback"]);
     var onClick = function () {
         if (onClickCallback) {
             onClickCallback();
         }
     };
-    return (jsx("div", __assign({ className: s$r('container', __assign(__assign(__assign(__assign(__assign({}, flexClassNames(otherProps)), paddingClassNames(otherProps)), marginClassNames(otherProps)), borderClassNames(otherProps)), (_b = {}, _b["backgroundColor_".concat(backgroundColor)] = is(String, backgroundColor), _b["width_".concat(width)] = is(String, width), _b["minWidth_".concat(minWidth)] = is(String, minWidth), _b["maxWidth_".concat(maxWidth)] = is(String, maxWidth), _b.borderRadius = withBorderRadius, 
+    return (jsx("div", __assign({ className: s$r('container', __assign(__assign(__assign(__assign(__assign({}, flexClassNames({
+            displayFlex: displayFlex,
+            displayFlexCenter: displayFlexCenter,
+            displayFlexCenterSpaceBetween: displayFlexCenterSpaceBetween,
+            alignSelf: alignSelf,
+            justifyContent: justifyContent,
+            flexDirection: flexDirection,
+            flexGrow: flexGrow,
+            flexWrap: flexWrap,
+            alignItems: alignItems
+        })), paddingClassNames({ padding: padding, paddingX: paddingX, paddingY: paddingY, paddingTop: paddingTop, paddingBottom: paddingBottom, paddingRight: paddingRight, paddingLeft: paddingLeft })), marginClassNames({ margin: margin, marginTop: marginTop, marginX: marginX, marginY: marginY, marginBottom: marginBottom, marginRight: marginRight, marginLeft: marginLeft })), borderClassNames({ borderColor: borderColor, border: border, borderTop: borderTop, borderLeft: borderLeft, borderBottom: borderBottom, borderRight: borderRight })), (_b = {}, _b["backgroundColor_".concat(backgroundColor)] = is(String, backgroundColor), _b["width_".concat(width)] = is(String, width), _b["minWidth_".concat(minWidth)] = is(String, minWidth), _b["maxWidth_".concat(maxWidth)] = is(String, maxWidth), _b.borderRadius = withBorderRadius, 
         // position
         _b.position_relative = ref, _b["position_".concat(position)] = is(String, position), _b["showOnBreakpoint_".concat(showOnBreakpoint)] = is(String, showOnBreakpoint), _b[className] = className, _b))), style: style, ref: ref, onClick: onClick }, otherProps, { children: children && children })));
 });