react-jupiter 5.8.10 → 5.8.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/display/index.style.js +9 -1
  2. package/globalStyle.js +5 -1
  3. package/modal/index.js +24 -13
  4. package/modal/index.style.js +8 -6
  5. package/package.json +1 -1
package/display/index.style.js CHANGED
@@ -17,7 +17,7 @@ var Block=_styledComponents.default.div(_templateObject2||(_templateObject2=_tag
17
17
 
18
18
 
19
19
 
20
- var DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n ","\n\n ","\n ","\n"])),
20
+ var DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n ","\n ","\n\n ","\n\n ","\n ","\n\n ","\n ","\n"])),
21
21
  function(a){var b=a.display;return b?"display: ".concat(
22
22
  b,";"):
23
23
  ""},
@@ -30,6 +30,14 @@ function(a){var b=a.justifyContent;return b?"justify-content: ".concat(
30
30
  b,";"):
31
31
  ""},
32
32
 
33
+
34
+ function(a){var b=a.justifyContentMobile;return b?"@media only screen and (max-width: ".concat(
35
+ _themes.default.breakpoints.sm,"px) {\n justify-content: ").concat(
36
+ b,";\n }"):
37
+
38
+ ""},
39
+
40
+
33
41
  function(a){var b=a.alignItems;return b?"align-items: ".concat(
34
42
  b,";"):
35
43
  ""},
package/globalStyle.js CHANGED
@@ -1,6 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=require("styled-components");function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}var
2
2
 
3
- GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n h1, h2, h3, h4, h5, h6, p, ol, ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n ol, ul {\n list-style: none;\n }\n\n *, *:before, *:after {\n box-sizing: inherit;\n outline: none;\n }\n\n a {\n text-decoration: none;\n }\n"]))),_default=
3
+ GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n h1, h2, h3, h4, h5, h6, p, ol, ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n ol, ul {\n list-style: none;\n }\n\n *, *:before, *:after {\n box-sizing: inherit;\n outline: none;\n }\n\n a {\n text-decoration: none;\n }\n\n .ReactModal__Body--open {\n overflow: hidden;\n }\n"]))),_default=
4
+
5
+
6
+
7
+
4
8
 
5
9
 
6
10
 
package/modal/index.js CHANGED
@@ -17,36 +17,46 @@
17
17
 
18
18
 
19
19
 
20
+
20
21
  _reactModal.default.setAppElement("body");
21
22
 
22
23
  function JupiterModal(a){
24
+ var
25
+ b=
26
+
27
+
23
28
 
24
29
 
25
30
 
26
31
 
27
- function b(){
28
- d();
29
- }var c=a.isOpen,d=a.onRequestClose,e=a.onAfterOpen,f=a.children,g=a.hasCloseButton,h=a.disabledClose,i=a.modalWidth;
32
+
33
+ a.isOpen,c=a.onRequestClose,d=a.onAfterOpen,e=a.children,f=a.hasCloseButton,g=a.disabledClose,h=a.modalWidth,i=a.fullHeight;
30
34
 
31
35
  return/*#__PURE__*/(
32
36
  _react.default.createElement(_reactModal.default,{
33
- isOpen:c,
34
- onAfterOpen:e,
35
- onRequestClose:b,
37
+ isOpen:b,
38
+ onAfterOpen:d,
39
+ onRequestClose:c,
36
40
  contentLabel:"Example Modal",
37
- shouldCloseOnOverlayClick:!h,
41
+ shouldCloseOnOverlayClick:!g,
38
42
  style:
39
- (0,_index.customModalStyles)(_theme.default.borderRadius,_theme.default.overlayColor,i,_theme.default.modalShadow)},/*#__PURE__*/
43
+ (0,_index.customModalStyles)(
44
+ _theme.default.borderRadius,
45
+ _theme.default.overlayColor,
46
+ h,
47
+ _theme.default.modalShadow,
48
+ i)},/*#__PURE__*/
49
+
40
50
 
41
51
 
42
52
  _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
43
53
  _react.default.createElement(_index.StyledWrapper,null,
44
- !h&&g&&/*#__PURE__*/
45
- _react.default.createElement(_index.StyledIcon,{onClick:b,"aria-hidden":"true"},/*#__PURE__*/
46
- _react.default.createElement(_icon.default,{name:"close",size:"lg"})),
54
+ !g&&f&&/*#__PURE__*/
55
+ _react.default.createElement(_index.StyledIcon,{onClick:c,"aria-hidden":"true"},/*#__PURE__*/
56
+ _react.default.createElement(_icon.default,{name:"close",size:"md"})),
47
57
 
48
58
 
49
- f)));
59
+ e)));
50
60
 
51
61
 
52
62
 
@@ -57,7 +67,8 @@ onRequestClose:function onRequestClose(){},
57
67
  onAfterOpen:function onAfterOpen(){},
58
68
  hasCloseButton:!0,
59
69
  disabledClose:!1,
60
- modalWidth:"80%"
70
+ modalWidth:"80%",
71
+ fullHeight:!1
61
72
  };var _default=
62
73
 
63
74
  JupiterModal;exports.default=_default;
package/modal/index.style.js CHANGED
@@ -1,4 +1,5 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledWrapper=exports.StyledIcon=void 0,exports.customModalStyles=customModalStyles;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledWrapper=exports.StyledIcon=void 0,exports.customModalStyles=customModalStyles;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components")),_detectMobile=require("../utils/detectMobile");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
2
+
2
3
 
3
4
  var StyledIcon=_styledComponents.default.span(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n cursor: pointer;\n position: absolute;\n left: 0;\n top: 8px;\n"])));exports.StyledIcon=StyledIcon;
4
5
 
@@ -7,7 +8,7 @@ var StyledIcon=_styledComponents.default.span(_templateObject||(_templateObject=
7
8
 
8
9
 
9
10
 
10
- var StyledWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n width: 100%;\n min-height: 300px;\n padding: 24px;\n box-sizing: border-box;\n"])));exports.StyledWrapper=StyledWrapper;
11
+ var StyledWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n width: 100%;\n min-height: 300px;\n padding: 0 24px;\n box-sizing: border-box;\n"])));exports.StyledWrapper=StyledWrapper;
11
12
 
12
13
 
13
14
 
@@ -15,7 +16,7 @@ var StyledWrapper=_styledComponents.default.div(_templateObject2||(_templateObje
15
16
 
16
17
 
17
18
  function customModalStyles(
18
- a,b,c,d)
19
+ a,b,c,d,e)
19
20
  {
20
21
  return{
21
22
  content:{
@@ -26,10 +27,11 @@ bottom:"auto",
26
27
  transform:"translate(-50%, -50%)",
27
28
  borderRadius:"".concat(a,"px"),
28
29
  border:"0",
29
- padding:"0",
30
+ padding:_detectMobile.isMobile?"50px 0":"0",
31
+ margin:"0",
30
32
  width:c,
31
- minWidth:"max-content",
32
- boxShadow:"0 0 ".concat(d.blur,"px ").concat(d.spread,"px rgba(0, 0, 0, ").concat(d.opacity,")")
33
+ boxShadow:"0 0 ".concat(d.blur,"px ").concat(d.spread,"px rgba(0, 0, 0, ").concat(d.opacity,")"),
34
+ height:e?"100%":"auto"
33
35
  },
34
36
  overlay:{
35
37
  background:b
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-jupiter",
3
- "version": "5.8.10",
3
+ "version": "5.8.12",
4
4
  "main": "./index.js",
5
5
  "license": "MIT",
6
6
  "keywords": [