@citygross/components 0.8.158 → 0.8.159

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type TFlex = {
+    children: React.ReactNode;
+    column?: boolean;
+    gap?: number;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const Flex: ({ children, ...props }: TFlex) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { TFlex } from './Flex';
+declare type TFlexStyles = Omit<TFlex, 'children'>;
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TFlexStyles, never>;
+export {};

package/build/@types/index.d.ts

@@ -23,6 +23,7 @@ export * from './components/DeliverySlotItem/DeliverySlotItem';
 export * from './components/DeliveryTimeBlock/DeliveryTimeBlock';
 export * from './components/Divider/Divider';
 export * from './components/DotIndicator/DotIndicator';
+export * from './components/Flex/Flex';
 export * from './components/Form/Form';
 export * from './components/FormControl/FormControl';
 export * from './components/FormElements/Checkbox/Checkbox';

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

@@ -37,6 +37,7 @@ require('../DateBox/DateBox.styles.js');
 require('../DeliverySlotItem/DeliverySlotItem.styles.js');
 require('../DeliveryTimeBlock/DeliveryTimeBlock.styles.js');
 require('../DotIndicator/DotIndicator.styles.js');
+require('../Flex/Flex.styles.js');
 require('../Form/Form.styles.js');
 require('../FormControl/FormControl.js');
 require('../ScreenReader/ScreenReader.styles.js');

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

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

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var React = require('react');
+var Flex_styles = require('./Flex.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Flex = function (_a) {
+    var children = _a.children, props = _tslib.__rest(_a, ["children"]);
+    return (React__default["default"].createElement(Flex_styles.Flex, _tslib.__assign({}, props), children));
+};
+
+exports.Flex = Flex;
+//# sourceMappingURL=Flex.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var Flex = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", "px;\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", "px;\n"])), function (_a) {
+    var column = _a.column;
+    return (column ? 'column' : 'row');
+}, function (_a) {
+    var gap = _a.gap;
+    return gap !== null && gap !== void 0 ? gap : 0;
+});
+var templateObject_1;
+
+exports.Flex = Flex;
+//# sourceMappingURL=Flex.styles.js.map

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

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

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

@@ -37,6 +37,7 @@ require('../DateBox/DateBox.styles.js');
 require('../DeliverySlotItem/DeliverySlotItem.styles.js');
 require('../DeliveryTimeBlock/DeliveryTimeBlock.styles.js');
 require('../DotIndicator/DotIndicator.styles.js');
+require('../Flex/Flex.styles.js');
 require('../Form/Form.styles.js');
 require('../FormControl/FormControl.js');
 require('../ScreenReader/ScreenReader.styles.js');

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

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

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

@@ -30,6 +30,7 @@ var DeliverySlotItem = require('./components/DeliverySlotItem/DeliverySlotItem.j
 var DeliveryTimeBlock = require('./components/DeliveryTimeBlock/DeliveryTimeBlock.js');
 var Divider = require('./components/Divider/Divider.js');
 var DotIndicator = require('./components/DotIndicator/DotIndicator.js');
+var Flex = require('./components/Flex/Flex.js');
 var Form = require('./components/Form/Form.js');
 var FormControl = require('./components/FormControl/FormControl.js');
 var Checkbox = require('./components/FormElements/Checkbox/Checkbox.js');
@@ -158,6 +159,7 @@ exports.DeliverySlotItem = DeliverySlotItem.DeliverySlotItem;
 exports.DeliveryTimeBlock = DeliveryTimeBlock.DeliveryTimeBlock;
 exports.Divider = Divider.Divider;
 exports.Dot = DotIndicator.Dot;
+exports.Flex = Flex.Flex;
 exports.Form = Form.Form;
 exports.FormControl = FormControl.FormControl;
 Object.defineProperty(exports, 'TScreenWidth', {

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

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

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

@@ -33,6 +33,7 @@ import '../DateBox/DateBox.styles.js';
 import '../DeliverySlotItem/DeliverySlotItem.styles.js';
 import '../DeliveryTimeBlock/DeliveryTimeBlock.styles.js';
 import '../DotIndicator/DotIndicator.styles.js';
+import '../Flex/Flex.styles.js';
 import '../Form/Form.styles.js';
 import '../FormControl/FormControl.js';
 import '../ScreenReader/ScreenReader.styles.js';

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

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

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

@@ -0,0 +1,11 @@
+import { __rest, __assign } from '../../../../_virtual/_tslib.js';
+import React from 'react';
+import { Flex as Flex$1 } from './Flex.styles.js';
+
+var Flex = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Flex$1, __assign({}, props), children));
+};
+
+export { Flex };
+//# sourceMappingURL=Flex.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var Flex = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", "px;\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", "px;\n"])), function (_a) {
+    var column = _a.column;
+    return (column ? 'column' : 'row');
+}, function (_a) {
+    var gap = _a.gap;
+    return gap !== null && gap !== void 0 ? gap : 0;
+});
+var templateObject_1;
+
+export { Flex };
+//# sourceMappingURL=Flex.styles.js.map

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

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

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

@@ -33,6 +33,7 @@ import '../DateBox/DateBox.styles.js';
 import '../DeliverySlotItem/DeliverySlotItem.styles.js';
 import '../DeliveryTimeBlock/DeliveryTimeBlock.styles.js';
 import '../DotIndicator/DotIndicator.styles.js';
+import '../Flex/Flex.styles.js';
 import '../Form/Form.styles.js';
 import '../FormControl/FormControl.js';
 import '../ScreenReader/ScreenReader.styles.js';

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

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

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

@@ -26,6 +26,7 @@ export { DeliverySlotItem } from './components/DeliverySlotItem/DeliverySlotItem
 export { DeliveryTimeBlock } from './components/DeliveryTimeBlock/DeliveryTimeBlock.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Dot } from './components/DotIndicator/DotIndicator.js';
+export { Flex } from './components/Flex/Flex.js';
 export { Form } from './components/Form/Form.js';
 export { FormControl, TScreenWidth } from './components/FormControl/FormControl.js';
 export { Checkbox } from './components/FormElements/Checkbox/Checkbox.js';

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.8.158",
+  "version": "0.8.159",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "90cc7855f1d8d589c925d96f50b7f2aac3960249"
+  "gitHead": "4b3f3eb80a054cf79f4966569730a87ff71b3109"
 }