@citygross/components 0.8.20 → 0.8.22
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.
- package/build/cjs/components/src/components/Modal/Modal.styles.js +2 -2
- package/build/cjs/components/src/components/SideModal/SideModal.styles.js +1 -1
- package/build/es/components/src/components/Modal/Modal.styles.js +2 -2
- package/build/es/components/src/components/SideModal/SideModal.styles.js +1 -1
- package/package.json +2 -2
|
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
12
|
var ModalOverlay = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"], ["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkOverlay; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
|
|
13
|
-
var ModalContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"], ["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"])), function (props) { return props.background && "background: ".concat(props.background); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) {
|
|
13
|
+
var ModalContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"], ["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"])), function (props) { return props.background && "background: ".concat(props.background); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) {
|
|
14
14
|
var _a, _b;
|
|
15
15
|
return props.maxWidth
|
|
16
16
|
? props.maxWidth
|
|
@@ -21,7 +21,7 @@ var ModalContainer = styled__default["default"].div(templateObject_2 || (templat
|
|
|
21
21
|
var ModalHeaderContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"], ["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
22
22
|
var ModalHeader = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
23
23
|
var CloseButtonWrapper = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
24
|
-
var ChildrenWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n
|
|
24
|
+
var ChildrenWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
|
|
25
25
|
var FooterWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
26
26
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
27
27
|
|
|
@@ -14,7 +14,7 @@ var SideModalOverlay = styled__default["default"](framerMotion.motion.div)(templ
|
|
|
14
14
|
return props.maxHeight &&
|
|
15
15
|
"\n max-height: ".concat(props.maxHeight, ";\n ");
|
|
16
16
|
}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
|
|
17
|
-
var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n height: 100dvh;\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"], ["\n height: 100dvh;\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"])), function (props) { return props.background; }, function (_a) {
|
|
17
|
+
var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n height: 100vh;\n @supports (height: 100dvh) {\n height: 100dvh;\n }\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"], ["\n height: 100vh;\n @supports (height: 100dvh) {\n height: 100dvh;\n }\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"])), function (props) { return props.background; }, function (_a) {
|
|
18
18
|
var maxWidth = _a.maxWidth;
|
|
19
19
|
return maxWidth && "max-width:".concat(maxWidth);
|
|
20
20
|
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) {
|
|
@@ -2,7 +2,7 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
4
|
var ModalOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"], ["\n display: flex;\n z-index: ", ";\n background: ", ";\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: 100%;\n justify-content: center;\n align-items: center;\n\n @media (min-width: ", "px) {\n padding: ", "px;\n }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkOverlay; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
|
|
5
|
-
var ModalContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"], ["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"])), function (props) { return props.background && "background: ".concat(props.background); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) {
|
|
5
|
+
var ModalContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"], ["\n overflow: auto;\n display: flex;\n flex-direction: column;\n ", ";\n max-width: 100%;\n max-height: 100vh;\n padding: ", "px;\n border-radius: ", "px;\n @media (min-width: ", "px) {\n padding: ", "px;\n width: 100%;\n max-width: ", ";\n max-height: 90vh;\n }\n"])), function (props) { return props.background && "background: ".concat(props.background); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) {
|
|
6
6
|
var _a, _b;
|
|
7
7
|
return props.maxWidth
|
|
8
8
|
? props.maxWidth
|
|
@@ -13,7 +13,7 @@ var ModalContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTe
|
|
|
13
13
|
var ModalHeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"], ["\n padding-bottom: ", "px;\n @media (min-width: ", "px) {\n padding-top: 8px;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
14
14
|
var ModalHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", "px;\n align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
|
|
15
15
|
var CloseButtonWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
16
|
-
var ChildrenWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n
|
|
16
|
+
var ChildrenWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 64px;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
|
|
17
17
|
var FooterWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
|
|
18
18
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
19
19
|
|
|
@@ -6,7 +6,7 @@ var SideModalOverlay = styled(motion.div)(templateObject_1 || (templateObject_1
|
|
|
6
6
|
return props.maxHeight &&
|
|
7
7
|
"\n max-height: ".concat(props.maxHeight, ";\n ");
|
|
8
8
|
}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
|
|
9
|
-
var SideModalContainer = styled(motion.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100dvh;\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"], ["\n height: 100dvh;\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"])), function (props) { return props.background; }, function (_a) {
|
|
9
|
+
var SideModalContainer = styled(motion.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100vh;\n @supports (height: 100dvh) {\n height: 100dvh;\n }\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"], ["\n height: 100vh;\n @supports (height: 100dvh) {\n height: 100dvh;\n }\n background: ", ";\n width: 100%;\n overscroll-behavior: none;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n z-index: ", ";\n ", ";\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: ", "px) {\n max-height: unset;\n width: ", "px;\n }\n"])), function (props) { return props.background; }, function (_a) {
|
|
10
10
|
var maxWidth = _a.maxWidth;
|
|
11
11
|
return maxWidth && "max-width:".concat(maxWidth);
|
|
12
12
|
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.22",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "63c7b0392ffbe72801efeda28874b2d7ef183bd6"
|
|
80
80
|
}
|