beem-component 1.2.6 → 1.2.7

package/dist/components/Modals/modal.js

@@ -58,19 +58,20 @@ var Overlay = _styledComponents.default.div(_templateObject || (_templateObject
 
 exports.Overlay = Overlay;
 
-var ModalContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  margin: auto;\n  background: ", ";\n  width: ", ";\n  > *:not(:last-child) {\n    margin-bottom: 1rem;\n  }\n  @media (min-width: 576px) {\n    max-width: 500px;\n    width: 500px;\n  }\n"])), _colors.BmPrimaryWhite, function (_ref) {
-  var size = _ref.size;
-
-  if (size) {
-    if (size === "small") return "300px";
-    if (size === "default") return "500px";
-    if (size === "large") return "800px";
-    if (size === "xlarge") return "1140px";
-    return size;
-  }
-
-  return "500px";
-});
+var ModalContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  ", "\n  background: ", ";\n  ", "\n  width: auto;\n  max-width: 100%;\n\n  > *:not(:last-child) {\n    margin-bottom: 1rem;\n  }\n  @media (min-width: 576px) {\n    max-width: 500px;\n    width: 500px;\n  }\n"])), ''
+/* margin: auto; */
+, _colors.BmPrimaryWhite, ''
+/* width: ${({ size }) => {
+if (size) {
+if (size === "small") return "300px"; 
+if (size === "default") return "500px"; 
+if (size === "large") return "800px"; 
+if (size === "xlarge") return "1140px";
+return size;
+}
+return "500px";
+}}; */
+);
 
 exports.ModalContent = ModalContent;
 
@@ -78,13 +79,13 @@ var ModalWrapper = _styledComponents.default.div(_templateObject3 || (_templateO
 
 exports.ModalWrapper = ModalWrapper;
 
-var BmModal = function BmModal(_ref2) {
-  var children = _ref2.children,
-      show = _ref2.show,
-      size = _ref2.size,
-      onHide = _ref2.onHide,
-      centered = _ref2.centered,
-      rest = _objectWithoutProperties(_ref2, _excluded);
+var BmModal = function BmModal(_ref) {
+  var children = _ref.children,
+      show = _ref.show,
+      size = _ref.size,
+      onHide = _ref.onHide,
+      centered = _ref.centered,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)(show),
       _useState2 = _slicedToArray(_useState, 2),
@@ -126,13 +127,13 @@ exports.BmModal = BmModal;
 
 var ModalHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));
 
-BmModal.Header = function (_ref3) {
-  var children = _ref3.children,
-      size = _ref3.size,
-      onHide = _ref3.onHide,
-      closeButton = _ref3.closeButton,
-      show = _ref3.show,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
+BmModal.Header = function (_ref2) {
+  var children = _ref2.children,
+      size = _ref2.size,
+      onHide = _ref2.onHide,
+      closeButton = _ref2.closeButton,
+      show = _ref2.show,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/_react.default.createElement(Consumer, null, function (value) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ModalHeader, rest, children, closeButton && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, _extends({
@@ -145,8 +146,8 @@ BmModal.Header = function (_ref3) {
   });
 };
 
-BmModal.Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  max-height: ", ";\n  overflow: auto;\n"])), function (_ref4) {
-  var size = _ref4.size;
+BmModal.Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  max-height: ", ";\n  overflow: auto;\n"])), function (_ref3) {
+  var size = _ref3.size;
 
   if (size) {
     if (size === "small") return "21.429rem";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.2.6",
+    "version": "1.2.7",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/lib/components/Modals/modal.js

@@ -22,9 +22,9 @@ export const ModalContent = styled.div`
   flex-direction: column;
   border-radius: 0.25rem;
   padding: 1rem;
-  margin: auto;
+  ${'' /* margin: auto; */}
   background: ${BmPrimaryWhite};
-  width: ${({ size }) => {
+  ${'' /* width: ${({ size }) => {
     if (size) {
       if (size === "small") return "300px"; 
       if (size === "default") return "500px"; 
@@ -33,7 +33,10 @@ export const ModalContent = styled.div`
       return size;
     }
     return "500px";
-  }};
+  }}; */}
+  width: auto;
+  max-width: 100%;
+
   > *:not(:last-child) {
     margin-bottom: 1rem;
   }