@citygross/components 0.7.104 → 0.7.106

package/build/@types/components/SlideInOutContainer/SlideInOutContainer.d.ts

@@ -4,5 +4,6 @@ export declare type TSlideInOutContainer = {
     isVisible?: boolean;
     slideFrom?: 'left' | 'right';
     isInitial?: boolean;
+    fullHeight?: boolean;
 };
-export declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, children }: TSlideInOutContainer) => JSX.Element;
+export declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, fullHeight, children, ...props }: TSlideInOutContainer) => JSX.Element;

package/build/@types/components/SlideInOutContainer/SlideInOutContainer.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Story } from '@storybook/react';
 declare const _default: {
-    component: ({ slideFrom, isVisible, isInitial, children }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
+    component: ({ slideFrom, isVisible, isInitial, fullHeight, children, ...props }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
     title: string;
 };
 export default _default;

package/build/@types/components/SlideInOutContainer/SlideInOutContainer.styles.d.ts

@@ -2,6 +2,7 @@ declare type TSideModalContainer = {
     background?: string;
     slideFrom?: 'left' | 'right';
     maxWidth?: string;
+    fullHeight?: boolean;
 };
 export declare const SideModalContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSideModalContainer, never>;
 export {};

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.js');
 var framerMotion = require('framer-motion');
 var React = require('react');
 var SlideInOutContainer_styles = require('./SlideInOutContainer.styles.js');
@@ -11,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var SlideInOutContainer = function (_a) {
-    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
-    return (React__default["default"].createElement(framerMotion.AnimatePresence, null, isVisible && (React__default["default"].createElement(SlideInOutContainer_styles.SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
+    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, fullHeight = _a.fullHeight, children = _a.children, props = _tslib.__rest(_a, ["slideFrom", "isVisible", "isInitial", "fullHeight", "children"]);
+    return (React__default["default"].createElement(framerMotion.AnimatePresence, null, isVisible && (React__default["default"].createElement(SlideInOutContainer_styles.SideModalContainer, _tslib.__assign({ slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, fullHeight: fullHeight, initial: {
             x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
-        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
+        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, props), children))));
 };
 
 exports.SlideInOutContainer = SlideInOutContainer;

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js

@@ -10,10 +10,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
+var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
     var maxWidth = _a.maxWidth;
     return maxWidth && "max-width:".concat(maxWidth);
-}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
+}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (_a) {
+    var fullHeight = _a.fullHeight;
+    return fullHeight &&
+        "\n    min-height: 100%;\n    height: 100%;\n    ";
+});
 var templateObject_1;
 
 exports.SideModalContainer = SideModalContainer;

package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js

@@ -1,12 +1,13 @@
+import { __rest, __assign } from '../../../../_virtual/_tslib.js';
 import { AnimatePresence } from 'framer-motion';
 import React from 'react';
 import { SideModalContainer } from './SlideInOutContainer.styles.js';
 
 var SlideInOutContainer = function (_a) {
-    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
-    return (React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
+    var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, fullHeight = _a.fullHeight, children = _a.children, props = __rest(_a, ["slideFrom", "isVisible", "isInitial", "fullHeight", "children"]);
+    return (React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalContainer, __assign({ slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, fullHeight: fullHeight, initial: {
             x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
-        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
+        }, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, props), children))));
 };
 
 export { SlideInOutContainer };

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js

@@ -2,10 +2,14 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import { motion } from 'framer-motion';
 import styled from 'styled-components';
 
-var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
+var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
     var maxWidth = _a.maxWidth;
     return maxWidth && "max-width:".concat(maxWidth);
-}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
+}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (_a) {
+    var fullHeight = _a.fullHeight;
+    return fullHeight &&
+        "\n    min-height: 100%;\n    height: 100%;\n    ";
+});
 var templateObject_1;
 
 export { SideModalContainer };

package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.104",
+  "version": "0.7.106",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
     "moment": "^2.29.1",
     "react-loading-skeleton": "^2.2.0"
   },
-  "gitHead": "8f96a720b3b9383d4500f25b4e381d67ae55ea54"
+  "gitHead": "f21f3a6b4d4be976c162c2a49fc5bf7545c441ea"
 }