@citygross/components 0.7.76 → 0.7.77

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

@@ -58,3 +58,4 @@ export * from './containers/PageContainer/PageContainer';
 export * from './containers/TwoColumnsContainer/TwoColumnsPageContainer';
 export * from './components/UnorderedList';
 export * from './components/WarningLabel/WarningLabel';
+export * from './components/MobileTable';

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

@@ -72,6 +72,7 @@ require('../../../../utils/build/index.js');
 require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
 require('../UnorderedList/UnorderedList.styles.js');
 require('../WarningLabel/WarningLabel.styles.js');
+require('../MobileTable/MobileTable.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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/MobileTable/MobileTable.styles.js

@@ -0,0 +1,20 @@
+'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 MobileTable = styled__default['default'].table(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePaddingBottom; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; });
+var MobileTd = styled__default['default'].td(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
+var MobileLabel = styled__default['default'](MobileTd)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
+var templateObject_1, templateObject_2, templateObject_3;
+
+exports.MobileLabel = MobileLabel;
+exports.MobileTable = MobileTable;
+exports.MobileTd = MobileTd;
+//# sourceMappingURL=MobileTable.styles.js.map

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

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

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

@@ -72,6 +72,7 @@ require('../../../../utils/build/index.js');
 require('../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js');
 require('../UnorderedList/UnorderedList.styles.js');
 var WarningLabel_styles = require('./WarningLabel.styles.js');
+require('../MobileTable/MobileTable.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -63,6 +63,7 @@ var PageContainer = require('./containers/PageContainer/PageContainer.js');
 var TwoColumnsPageContainer = require('./containers/TwoColumnsContainer/TwoColumnsPageContainer.js');
 var UnorderedList_styles = require('./components/UnorderedList/UnorderedList.styles.js');
 var WarningLabel = require('./components/WarningLabel/WarningLabel.js');
+var MobileTable_styles = require('./components/MobileTable/MobileTable.styles.js');
 
 
 
@@ -168,4 +169,7 @@ exports.TwoColumnsPageContainer = TwoColumnsPageContainer.TwoColumnsPageContaine
 exports.UnorderedList = UnorderedList_styles.UnorderedList;
 exports.UnorderedListItem = UnorderedList_styles.UnorderedListItem;
 exports.WarningLabel = WarningLabel.WarningLabel;
+exports.MobileLabel = MobileTable_styles.MobileLabel;
+exports.MobileTable = MobileTable_styles.MobileTable;
+exports.MobileTd = MobileTable_styles.MobileTd;
 //# sourceMappingURL=index.js.map

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

@@ -68,6 +68,7 @@ import '../../../../utils/build/index.js';
 import '../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js';
 import '../UnorderedList/UnorderedList.styles.js';
 import '../WarningLabel/WarningLabel.styles.js';
+import '../MobileTable/MobileTable.styles.js';
 
 function AddressBlock(_a) {
     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

@@ -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/MobileTable/MobileTable.styles.js

@@ -0,0 +1,10 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var MobileTable = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePaddingBottom; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; });
+var MobileTd = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
+var MobileLabel = styled(MobileTd)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
+var templateObject_1, templateObject_2, templateObject_3;
+
+export { MobileLabel, MobileTable, MobileTd };
+//# sourceMappingURL=MobileTable.styles.js.map

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

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

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

@@ -68,6 +68,7 @@ import '../../../../utils/build/index.js';
 import '../../containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js';
 import '../UnorderedList/UnorderedList.styles.js';
 import { WarningIndicator } from './WarningLabel.styles.js';
+import '../MobileTable/MobileTable.styles.js';
 
 function WarningLabel(_a) {
     var children = _a.children, background = _a.background, toolTip = _a.toolTip;

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

@@ -59,4 +59,5 @@ export { PageContainer } from './containers/PageContainer/PageContainer.js';
 export { TwoColumnsPageContainer } from './containers/TwoColumnsContainer/TwoColumnsPageContainer.js';
 export { UnorderedList, UnorderedListItem } from './components/UnorderedList/UnorderedList.styles.js';
 export { WarningLabel } from './components/WarningLabel/WarningLabel.js';
+export { MobileLabel, MobileTable, MobileTd } from './components/MobileTable/MobileTable.styles.js';
 //# sourceMappingURL=index.js.map

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.7.76",
+  "version": "0.7.77",
   "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": "55f9b8d83e05e0685f02303cb6a60d5e0fddc736"
+  "gitHead": "6a9d58cbfe1dbcca09e918963aa57d3b6e155584"
 }