@citygross/components 0.7.98 → 0.7.99

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 (21) hide show
  1. package/build/@types/components/SlideInOutContainer/SlideInOutContainer.d.ts +9 -0
  2. package/build/@types/components/SlideInOutContainer/SlideInOutContainer.stories.d.ts +8 -0
  3. package/build/@types/components/SlideInOutContainer/SlideInOutContainer.styles.d.ts +7 -0
  4. package/build/@types/index.d.ts +1 -0
  5. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +1 -0
  6. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  7. package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js +16 -0
  8. package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map +1 -0
  9. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +1 -0
  10. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  11. package/build/cjs/components/src/index.js +3 -0
  12. package/build/cjs/components/src/index.js.map +1 -1
  13. package/build/es/components/src/components/AddressBlock/AddressBlock.js +1 -0
  14. package/build/es/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  15. package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js +10 -0
  16. package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map +1 -0
  17. package/build/es/components/src/components/WarningLabel/WarningLabel.js +1 -0
  18. package/build/es/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  19. package/build/es/components/src/index.js +3 -0
  20. package/build/es/components/src/index.js.map +1 -1
  21. package/package.json +2 -2
package/build/@types/components/SlideInOutContainer/SlideInOutContainer.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export declare type TSlideInOutContainer = {
3
+ children?: React.ReactNode;
4
+ isVisible?: boolean;
5
+ slideFrom?: 'left' | 'right';
6
+ isInitial?: boolean;
7
+ };
8
+ declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, children }: TSlideInOutContainer) => JSX.Element;
9
+ export default SlideInOutContainer;
package/build/@types/components/SlideInOutContainer/SlideInOutContainer.stories.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { Story } from '@storybook/react';
3
+ declare const _default: {
4
+ component: ({ slideFrom, isVisible, isInitial, children }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
5
+ title: string;
6
+ };
7
+ export default _default;
8
+ export declare const Default: Story;
package/build/@types/components/SlideInOutContainer/SlideInOutContainer.styles.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ declare type TSideModalContainer = {
2
+ background?: string;
3
+ slideFrom?: 'left' | 'right';
4
+ maxWidth?: string;
5
+ };
6
+ export declare const SideModalContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSideModalContainer, never>;
7
+ export {};
package/build/@types/index.d.ts CHANGED
@@ -69,3 +69,4 @@ export * from './components/Dropdown/Dropdown';
69
69
  export * from './components/SearchListItem/SearchListItem';
70
70
  export * from './components/MenuListItem/MenuListHeader';
71
71
  export * from './components/MenuListItem/MenuListItem';
72
+ export * from './components/SlideInOutContainer/SlideInOutContainer';
package/build/cjs/components/src/components/AddressBlock/AddressBlock.js CHANGED
@@ -83,6 +83,7 @@ require('../IconText/IconText.styles.js');
83
83
  require('../Dropdown/Dropdown.styles.js');
84
84
  require('../SearchListItem/SearchListItem.styles.js');
85
85
  require('../MenuListItem/MenuListItem.styles.js');
86
+ require('../SlideInOutContainer/SlideInOutContainer.styles.js');
86
87
 
87
88
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
88
89
 
package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js ADDED
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ var _tslib = require('../../../../_virtual/_tslib.js');
4
+ var framerMotion = require('framer-motion');
5
+ var styled = require('styled-components');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
10
+
11
+ 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) {
12
+ var maxWidth = _a.maxWidth;
13
+ return maxWidth && "max-width:".concat(maxWidth);
14
+ }, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
15
+ var templateObject_1;
16
+ //# sourceMappingURL=SlideInOutContainer.styles.js.map
package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/WarningLabel/WarningLabel.js CHANGED
@@ -83,6 +83,7 @@ require('../IconText/IconText.styles.js');
83
83
  require('../Dropdown/Dropdown.styles.js');
84
84
  require('../SearchListItem/SearchListItem.styles.js');
85
85
  require('../MenuListItem/MenuListItem.styles.js');
86
+ require('../SlideInOutContainer/SlideInOutContainer.styles.js');
86
87
 
87
88
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
88
89
 
package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/index.js CHANGED
@@ -74,6 +74,9 @@ var Dropdown = require('./components/Dropdown/Dropdown.js');
74
74
  var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
75
75
  var MenuListHeader = require('./components/MenuListItem/MenuListHeader.js');
76
76
  var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
77
+ require('framer-motion');
78
+ require('react');
79
+ require('./components/SlideInOutContainer/SlideInOutContainer.styles.js');
77
80
 
78
81
 
79
82
 
package/build/cjs/components/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/AddressBlock/AddressBlock.js CHANGED
@@ -79,6 +79,7 @@ import '../IconText/IconText.styles.js';
79
79
  import '../Dropdown/Dropdown.styles.js';
80
80
  import '../SearchListItem/SearchListItem.styles.js';
81
81
  import '../MenuListItem/MenuListItem.styles.js';
82
+ import '../SlideInOutContainer/SlideInOutContainer.styles.js';
82
83
 
83
84
  function AddressBlock(_a) {
84
85
  var _b = _a.deliverOption, deliverOption = _b === void 0 ? 'Address' : _b, icon = _a.icon, storeName = _a.storeName, customerName = _a.customerName, street = _a.street, zipCode = _a.zipCode, city = _a.city, doorCode = _a.doorCode, floor = _a.floor, deliveryInstructions = _a.deliveryInstructions, xsSpacing = _a.xsSpacing, lgSpacing = _a.lgSpacing;
package/build/es/components/src/components/AddressBlock/AddressBlock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js ADDED
@@ -0,0 +1,10 @@
1
+ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
+ import { motion } from 'framer-motion';
3
+ import styled from 'styled-components';
4
+
5
+ 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) {
6
+ var maxWidth = _a.maxWidth;
7
+ return maxWidth && "max-width:".concat(maxWidth);
8
+ }, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); });
9
+ var templateObject_1;
10
+ //# sourceMappingURL=SlideInOutContainer.styles.js.map
package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
package/build/es/components/src/components/WarningLabel/WarningLabel.js CHANGED
@@ -79,6 +79,7 @@ import '../IconText/IconText.styles.js';
79
79
  import '../Dropdown/Dropdown.styles.js';
80
80
  import '../SearchListItem/SearchListItem.styles.js';
81
81
  import '../MenuListItem/MenuListItem.styles.js';
82
+ import '../SlideInOutContainer/SlideInOutContainer.styles.js';
82
83
 
83
84
  function WarningLabel(_a) {
84
85
  var children = _a.children, background = _a.background, toolTip = _a.toolTip;
package/build/es/components/src/components/WarningLabel/WarningLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/index.js CHANGED
@@ -70,4 +70,7 @@ export { Dropdown } from './components/Dropdown/Dropdown.js';
70
70
  export { SearchListItem } from './components/SearchListItem/SearchListItem.js';
71
71
  export { MenuListHeader } from './components/MenuListItem/MenuListHeader.js';
72
72
  export { MenuListItem } from './components/MenuListItem/MenuListItem.js';
73
+ import 'framer-motion';
74
+ import 'react';
75
+ import './components/SlideInOutContainer/SlideInOutContainer.styles.js';
73
76
  //# sourceMappingURL=index.js.map
package/build/es/components/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.98",
3
+ "version": "0.7.99",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "a2574bd403bc62e4ce2a87c6acf5bb623bb6ea8a"
74
+ "gitHead": "ed08313d9b9185ee857c5bee01c50d5b8312dd94"
75
75
  }