@citygross/components 0.7.88 → 0.7.89

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

@@ -66,3 +66,4 @@ export * from './components/SideModal/SideModal';
 export * from './components/IconText/IconText';
 export * from './components/Logo/Logo';
 export * from './components/Dropdown/Dropdown';
+export * from './components/SearchListItem/SearchListItem';

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

@@ -81,6 +81,8 @@ require('framer-motion');
 require('../SideModal/SideModal.styles.js');
 require('../IconText/IconText.styles.js');
 require('../Dropdown/Dropdown.styles.js');
+require('../PriceTag/PriceTag.styles.js');
+require('../SearchListItem/SearchListItem.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/PriceTag/PriceTag.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PriceTag_styles = require('./PriceTag.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Add ability to change Price tag for sale, etc
+//      Should be about 4 variants
+//        2 for 100:-
+//        22 25/st
+var PriceTag = function (_a) {
+    var splash = _a.splash, price = _a.price, color = _a.color;
+    return (React__default["default"].createElement(PriceTag_styles.PriceTagWrapper, { splash: splash },
+        React__default["default"].createElement(PriceTag_styles.Text, { splash: splash, color: color }, price)));
+};
+
+exports.PriceTag = PriceTag;
+//# sourceMappingURL=PriceTag.js.map

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

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

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

@@ -0,0 +1,18 @@
+'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 PriceTagWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: url(", ");\n  padding: ", "px\n    ", "px;\n  float: right;\n\n  @media (max-width: ", "px) {\n    min-height: 70%;\n    justify-self: flex-end;\n  }\n"], ["\n  background: url(", ");\n  padding: ", "px\n    ", "px;\n  float: right;\n\n  @media (max-width: ", "px) {\n    min-height: 70%;\n    justify-self: flex-end;\n  }\n"])), function (props) { return (props.splash ? props.splash : 'none'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xxs; }, function (props) { var _a; return (_a = props === null || props === void 0 ? void 0 : props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceSplashHorizontalPadding; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var Text = styled__default["default"].h1(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-size: ", "px;\n"], ["\n  color: ", ";\n  font-size: ", "px;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.l1; });
+var templateObject_1, templateObject_2;
+
+exports.PriceTagWrapper = PriceTagWrapper;
+exports.Text = Text;
+//# sourceMappingURL=PriceTag.styles.js.map

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

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

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ListItem = require('../ListItem/ListItem.js');
+var PriceTag = require('../PriceTag/PriceTag.js');
+var SearchListItem_styles = require('./SearchListItem.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SearchListItem = function (_a) {
+    var searchProductItem = _a.searchProductItem, button = _a.button;
+    return (React__default["default"].createElement(SearchListItem_styles.SearchListItemWrapper, null,
+        React__default["default"].createElement(SearchListItem_styles.ListItemWrapper, null,
+            React__default["default"].createElement(ListItem.ListItem, { usedInSearch: true, loading: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.loading, item: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.item })),
+        React__default["default"].createElement(SearchListItem_styles.PriceTagWrapper, null,
+            React__default["default"].createElement(PriceTag.PriceTag, { splash: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.splash, color: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.color, price: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.price }, searchProductItem.price)),
+        React__default["default"].createElement(SearchListItem_styles.ButtonWrapper, null, button)));
+};
+
+exports.SearchListItem = SearchListItem;
+//# sourceMappingURL=SearchListItem.js.map

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

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

package/build/cjs/components/src/components/SearchListItem/SearchListItem.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 SearchListItemWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px;\n  gap: ", "px;\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-template-rows: 1fr;\n  grid-auto-flow: row;\n  grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n\n  @media (max-width: ", "px) {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    grid-auto-flow: row;\n    grid-template-areas:\n      'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n      'ListItemWrapper ButtonWrapper ButtonWrapper';\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px;\n  gap: ", "px;\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-template-rows: 1fr;\n  grid-auto-flow: row;\n  grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n\n  @media (max-width: ", "px) {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    grid-auto-flow: row;\n    grid-template-areas:\n      'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n      'ListItemWrapper ButtonWrapper ButtonWrapper';\n  }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var ListItemWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  grid-area: ListItemWrapper;\n"], ["\n  grid-area: ListItemWrapper;\n"])));
+var PriceTagWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  grid-area: PriceTagWrapper;\n"], ["\n  grid-area: PriceTagWrapper;\n"])));
+var ButtonWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  grid-area: ButtonWrapper;\n  min-width: ", "px;\n\n  @media (max-width: ", "px) {\n    justify-self: flex-end;\n  }\n"], ["\n  grid-area: ButtonWrapper;\n  min-width: ", "px;\n\n  @media (max-width: ", "px) {\n    justify-self: flex-end;\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.buttonWrapperMinWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+exports.ButtonWrapper = ButtonWrapper;
+exports.ListItemWrapper = ListItemWrapper;
+exports.PriceTagWrapper = PriceTagWrapper;
+exports.SearchListItemWrapper = SearchListItemWrapper;
+//# sourceMappingURL=SearchListItem.styles.js.map

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

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

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

@@ -81,6 +81,8 @@ require('framer-motion');
 require('../SideModal/SideModal.styles.js');
 require('../IconText/IconText.styles.js');
 require('../Dropdown/Dropdown.styles.js');
+require('../PriceTag/PriceTag.styles.js');
+require('../SearchListItem/SearchListItem.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

@@ -71,6 +71,7 @@ var SideModal = require('./components/SideModal/SideModal.js');
 var IconText = require('./components/IconText/IconText.js');
 var Logo = require('./components/Logo/Logo.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
+var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
 
 
 
@@ -174,4 +175,5 @@ exports.SideModal = SideModal.SideModal;
 exports.IconText = IconText.IconText;
 exports.Logo = Logo.Logo;
 exports.Dropdown = Dropdown.Dropdown;
+exports.SearchListItem = SearchListItem.SearchListItem;
 //# 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

@@ -77,6 +77,8 @@ import 'framer-motion';
 import '../SideModal/SideModal.styles.js';
 import '../IconText/IconText.styles.js';
 import '../Dropdown/Dropdown.styles.js';
+import '../PriceTag/PriceTag.styles.js';
+import '../SearchListItem/SearchListItem.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/PriceTag/PriceTag.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PriceTagWrapper, Text } from './PriceTag.styles.js';
+
+// Add ability to change Price tag for sale, etc
+//      Should be about 4 variants
+//        2 for 100:-
+//        22 25/st
+var PriceTag = function (_a) {
+    var splash = _a.splash, price = _a.price, color = _a.color;
+    return (React.createElement(PriceTagWrapper, { splash: splash },
+        React.createElement(Text, { splash: splash, color: color }, price)));
+};
+
+export { PriceTag };
+//# sourceMappingURL=PriceTag.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var PriceTagWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: url(", ");\n  padding: ", "px\n    ", "px;\n  float: right;\n\n  @media (max-width: ", "px) {\n    min-height: 70%;\n    justify-self: flex-end;\n  }\n"], ["\n  background: url(", ");\n  padding: ", "px\n    ", "px;\n  float: right;\n\n  @media (max-width: ", "px) {\n    min-height: 70%;\n    justify-self: flex-end;\n  }\n"])), function (props) { return (props.splash ? props.splash : 'none'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xxs; }, function (props) { var _a; return (_a = props === null || props === void 0 ? void 0 : props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceSplashHorizontalPadding; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var Text = styled.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", "px;\n"], ["\n  color: ", ";\n  font-size: ", "px;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.l1; });
+var templateObject_1, templateObject_2;
+
+export { PriceTagWrapper, Text };
+//# sourceMappingURL=PriceTag.styles.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ListItem } from '../ListItem/ListItem.js';
+import { PriceTag } from '../PriceTag/PriceTag.js';
+import { SearchListItemWrapper, ListItemWrapper, PriceTagWrapper, ButtonWrapper } from './SearchListItem.styles.js';
+
+var SearchListItem = function (_a) {
+    var searchProductItem = _a.searchProductItem, button = _a.button;
+    return (React.createElement(SearchListItemWrapper, null,
+        React.createElement(ListItemWrapper, null,
+            React.createElement(ListItem, { usedInSearch: true, loading: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.loading, item: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.item })),
+        React.createElement(PriceTagWrapper, null,
+            React.createElement(PriceTag, { splash: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.splash, color: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.color, price: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.price }, searchProductItem.price)),
+        React.createElement(ButtonWrapper, null, button)));
+};
+
+export { SearchListItem };
+//# sourceMappingURL=SearchListItem.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var SearchListItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px;\n  gap: ", "px;\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-template-rows: 1fr;\n  grid-auto-flow: row;\n  grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n\n  @media (max-width: ", "px) {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    grid-auto-flow: row;\n    grid-template-areas:\n      'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n      'ListItemWrapper ButtonWrapper ButtonWrapper';\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px;\n  gap: ", "px;\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-template-rows: 1fr;\n  grid-auto-flow: row;\n  grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n\n  @media (max-width: ", "px) {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    grid-auto-flow: row;\n    grid-template-areas:\n      'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n      'ListItemWrapper ButtonWrapper ButtonWrapper';\n  }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var ListItemWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  grid-area: ListItemWrapper;\n"], ["\n  grid-area: ListItemWrapper;\n"])));
+var PriceTagWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-area: PriceTagWrapper;\n"], ["\n  grid-area: PriceTagWrapper;\n"])));
+var ButtonWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-area: ButtonWrapper;\n  min-width: ", "px;\n\n  @media (max-width: ", "px) {\n    justify-self: flex-end;\n  }\n"], ["\n  grid-area: ButtonWrapper;\n  min-width: ", "px;\n\n  @media (max-width: ", "px) {\n    justify-self: flex-end;\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.buttonWrapperMinWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export { ButtonWrapper, ListItemWrapper, PriceTagWrapper, SearchListItemWrapper };
+//# sourceMappingURL=SearchListItem.styles.js.map

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

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

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

@@ -77,6 +77,8 @@ import 'framer-motion';
 import '../SideModal/SideModal.styles.js';
 import '../IconText/IconText.styles.js';
 import '../Dropdown/Dropdown.styles.js';
+import '../PriceTag/PriceTag.styles.js';
+import '../SearchListItem/SearchListItem.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

@@ -67,4 +67,5 @@ export { SideModal } from './components/SideModal/SideModal.js';
 export { IconText } from './components/IconText/IconText.js';
 export { Logo } from './components/Logo/Logo.js';
 export { Dropdown } from './components/Dropdown/Dropdown.js';
+export { SearchListItem } from './components/SearchListItem/SearchListItem.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.88",
+  "version": "0.7.89",
   "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": "64770a33cf49b495c7660b85cf079c632f779b8a"
+  "gitHead": "1316dd9bc679798c946cd010ee2c1dbb6f9d3754"
 }