react-jupiter 5.11.6 → 5.11.8

package/display/index.style.js

@@ -17,7 +17,7 @@ Block=exports.Block=_styledComponents.default.div(_templateObject2||(_templateOb
 
 
 
-DisplayStyle=exports.DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n  ","\n  ","\n\n  ","\n\n  ","\n  ","\n\n  ","\n  ","\n  ","\n  ","\n"])),
+DisplayStyle=exports.DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n  ","\n  ","\n\n  ","\n\n  ","\n  ","\n  ","\n\n  ","\n  ","\n  ","\n  ","\n"])),
 (a)=>{let{display:b}=a;return b?"display: ".concat(
 b,";"):
 ""},
@@ -42,6 +42,12 @@ b,";\n      }"):
 b,";"):
 ""},
 
+(a)=>{let{alignItemsMobile:b}=a;return b?"@media only screen and (max-width: ".concat(
+_themes.default.breakpoints.sm,"px) {\n        align-items: ").concat(
+b,";\n      }"):
+
+""},
+
 (a)=>{let{flexDirection:b}=a;return b?"flex-direction: ".concat(
 b,";"):
 ""},

package/modal/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactModal=_interopRequireDefault(require("react-modal")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../icon")),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactModal=_interopRequireDefault(require("react-modal")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../icon")),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
 
 
 
@@ -31,15 +31,54 @@ function JupiterModal(a)
 
 
 {let{onRequestClose:d=()=>{},onAfterOpen:e=()=>{},hasCloseButton:f=!0,disabledClose:g=!1,modalWidth:h="80%",modalWidthMobile:i="100%",fullHeight:j=!1,isOpen:b,children:c}=a;
+const[k,l]=(0,_react.useState)(window.matchMedia("(max-width: 600px)").matches);
+(0,_react.useEffect)(()=>{const
+a=window.matchMedia("(max-width: 600px)"),
+b=(a)=>l(a.matches);
+
+
+return a.addEventListener("change",b),()=>a.removeEventListener("change",b)
+},[]);
+
+const m={
+overlay:{
+position:"fixed",
+top:0,
+left:0,
+right:0,
+bottom:0,
+backgroundColor:"rgba(0, 0, 0, 0.75)"
+},
+content:{
+position:"absolute",
+top:"50%",
+left:"50%",
+right:"auto",
+bottom:"auto",
+marginRight:"-50%",
+transform:"translate(-50%, -50%)",
+width:k?i:h,
+maxWidth:"990px",
+padding:"20px",
+backgroundColor:"white",
+height:j?"100%":"auto",
+display:"flex",
+flexDirection:"column",
+pointerEvents:"auto",
+backgroundClip:"padding-box",
+border:"1px solid rgba(0,0,0,.2)",
+borderRadius:".2rem"
+}
+};
 return/*#__PURE__*/(
 _react.default.createElement(_reactModal.default,{
 isOpen:b,
 onAfterOpen:e,
 onRequestClose:d,
-contentLabel:"Example Modal",
 shouldCloseOnOverlayClick:!g,
 overlayClassName:"modal",
-className:"overlay"},/*#__PURE__*/
+className:"content",
+style:m},/*#__PURE__*/
 
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.StyledWrapper,null,
@@ -49,8 +88,13 @@ _react.default.createElement(_icon.default,{name:"close",size:"md"})
 ),
 
 c
-),/*#__PURE__*/
-_react.default.createElement("style",null,"\n          .modal {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            right: auto;\n            bottom: auto;\n            transform: translate(-50%, -50%);\n            width: ".concat(
+)
+
+
+
+
+
+
 
 
 
@@ -59,16 +103,12 @@ _react.default.createElement("style",null,"\n          .modal {\n            pos
 
 
 
-h,";\n            height: ").concat(
-j?"100%":"auto",";\n          }\n          @media(max-width: 767px){\n            .modal {\n              width: ").concat(
 
 
 
-i,";\n            }\n          }\n          .overlay {\n            background: ").concat(
 
 
 
-_theme.default.overlayColor,";\n            position: relative;\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-orient: vertical;\n            -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n            flex-direction: column;\n            width: 100%;\n            pointer-events: auto;\n            background-color: #fff;\n            background-clip: padding-box;\n            border: 1px solid rgba(0,0,0,.2);\n            border-radius: .2rem;\n            outline: 0;\n            padding: 5px;\n          }\n        ")
 
 
 
@@ -87,7 +127,6 @@ _theme.default.overlayColor,";\n            position: relative;\n            dis
 
 
 
-)
 ))
 
 }var _default=exports.default=

package/modal/theme.js

@@ -2,7 +2,8 @@
 
 const theme={
 borderRadius:_themes.default.borderRadius.low,
-overlayColor:_themes.default.colors.white,
+overlayColor:_themes.default.colors.gray00,
+white:_themes.default.colors.white,
 defaultColor:_themes.default.colors.riverBedDark,
 modalShadow:_themes.default.shadows[5]
 };var _default=exports.default=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.11.6",
+  "version": "5.11.8",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [