quicksnack 3.30.1 → 3.31.0

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 (4) hide show
  1. package/dist/components/Modal/Modal.js +2 -3
  2. package/dist/components/Overlay/Overlay.js +1 -1
  3. package/dist/typography/Header/Header.js +6 -5
  4. package/package.json +1 -1
package/dist/components/Modal/Modal.js CHANGED
@@ -36,13 +36,12 @@ var SlideInFromTop_1 = require("../../animation/SlideInFromTop/SlideInFromTop");
36
36
  var Panel_1 = require("../Panel/Panel");
37
37
  var Box_1 = require("../Box/Box");
38
38
  var Overlay_1 = require("../Overlay/Overlay");
39
- var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%); \n z-index: 50;\n"], ["\n position: fixed;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%); \n z-index: 50;\n"])));
39
+ var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 50;\n"], ["\n z-index: 50;\n"])));
40
40
  var StyledPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"], ["\n box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"])));
41
41
  var Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n line-height: ", ";\n font-size: 15px;\n"], ["\n line-height: ", ";\n font-size: 15px;\n"])), function (props) { return props.theme.spacing(6); });
42
42
  var Modal = function (_a) {
43
43
  var children = _a.children, handleClickOverlay = _a.handleClickOverlay, buttons = _a.buttons, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
44
- return (react_1.default.createElement(react_1.default.Fragment, null,
45
- react_1.default.createElement(Overlay_1.Overlay, { onClick: handleClickOverlay }),
44
+ return (react_1.default.createElement(Overlay_1.Overlay, { onClick: handleClickOverlay },
46
45
  react_1.default.createElement(Wrapper, null,
47
46
  react_1.default.createElement(SlideInFromTop_1.SlideInFromTop, null,
48
47
  react_1.default.createElement(StyledPanel, __assign({ footer: buttons ? (react_1.default.createElement(Box_1.Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && (react_1.default.createElement(Content, null, children)))))));
package/dist/components/Overlay/Overlay.js CHANGED
@@ -30,5 +30,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
30
30
  exports.Overlay = void 0;
31
31
  var styled_components_1 = __importStar(require("styled-components"));
32
32
  var delay = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n opacity: 0;\n } \n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 0;\n } \n 100% {\n opacity: 1;\n }\n"])));
33
- exports.Overlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed; \n top: 0;\n left: 0; \n right: 0;\n bottom: 0;\n z-index: 10;\n opacity: 0;\n background-color: rgba(0,0,0,0.6);\n animation: ", " 0.2s forwards;\n // animation-delay: .2s;\n"], ["\n position: fixed; \n top: 0;\n left: 0; \n right: 0;\n bottom: 0;\n z-index: 10;\n opacity: 0;\n background-color: rgba(0,0,0,0.6);\n animation: ", " 0.2s forwards;\n // animation-delay: .2s;\n"])), delay);
33
+ exports.Overlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n \n position: fixed; \n top: 0;\n left: 0; \n right: 0;\n bottom: 0;\n z-index: 10;\n opacity: 0;\n background-color: rgba(0,0,0,0.6);\n animation: ", " 0.2s forwards;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n \n position: fixed; \n top: 0;\n left: 0; \n right: 0;\n bottom: 0;\n z-index: 10;\n opacity: 0;\n background-color: rgba(0,0,0,0.6);\n animation: ", " 0.2s forwards;\n"])), delay);
34
34
  var templateObject_1, templateObject_2;
package/dist/typography/Header/Header.js CHANGED
@@ -55,12 +55,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
55
55
  exports.Header = void 0;
56
56
  var react_1 = __importDefault(require("react"));
57
57
  var styled_components_1 = __importStar(require("styled-components"));
58
+ var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
58
59
  var sharedStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0 0; \n padding: 0 0;\n font-weight: 700;\n line-height: 1.28571429em; \n"], ["\n margin: 0 0; \n padding: 0 0;\n font-weight: 700;\n line-height: 1.28571429em; \n"])));
59
- var H1 = styled_components_1.default.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 2rem;\n min-height: 1rem;\n ", "\n"], ["\n font-size: 2rem;\n min-height: 1rem;\n ", "\n"])), sharedStyles);
60
- var H2 = styled_components_1.default.h2(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 1.71428571rem;\n ", "\n"], ["\n font-size: 1.71428571rem;\n ", "\n"])), sharedStyles);
61
- var H3 = styled_components_1.default.h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.28571429rem;\n ", "\n"], ["\n font-size: 1.28571429rem;\n ", "\n"])), sharedStyles);
62
- var H4 = styled_components_1.default.h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.07142857rem;\n ", "\n"], ["\n font-size: 1.07142857rem;\n ", "\n"])), sharedStyles);
63
- var H5 = styled_components_1.default.h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 1rem;\n ", "\n"], ["\n font-size: 1rem;\n ", "\n"])), sharedStyles);
60
+ var H1 = styled_components_1.default.h1.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 2rem;\n min-height: 1rem;\n ", "\n"], ["\n font-size: 2rem;\n min-height: 1rem;\n ", "\n"])), sharedStyles);
61
+ var H2 = styled_components_1.default.h2.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 1.71428571rem;\n ", "\n"], ["\n font-size: 1.71428571rem;\n ", "\n"])), sharedStyles);
62
+ var H3 = styled_components_1.default.h3.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.28571429rem;\n ", "\n"], ["\n font-size: 1.28571429rem;\n ", "\n"])), sharedStyles);
63
+ var H4 = styled_components_1.default.h4.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.07142857rem;\n ", "\n"], ["\n font-size: 1.07142857rem;\n ", "\n"])), sharedStyles);
64
+ var H5 = styled_components_1.default.h5.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 1rem;\n ", "\n"], ["\n font-size: 1rem;\n ", "\n"])), sharedStyles);
64
65
  var mapping = {
65
66
  1: H1,
66
67
  2: H2,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quicksnack",
3
3
  "description": "Quickly create beautiful admin layouts using react",
4
- "version": "3.30.1",
4
+ "version": "3.31.0",
5
5
  "private": false,
6
6
  "files": [
7
7
  "dist/**"