@citygross/components 0.7.106 → 0.7.108

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type TSearchSuggestionChip = {
+    text: String;
+    disabled?: boolean;
+    onClick: () => void;
+    hoverBackgroundColor?: string;
+    hoverBorderColor?: string;
+};
+export declare const SearchSuggestionChip: React.FunctionComponent<TSearchSuggestionChip>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Story } from '@storybook/react';
+import { TSearchSuggestionChip } from './SearchSuggestionChip';
+declare const _default: {
+    component: React.FunctionComponent<TSearchSuggestionChip>;
+    title: string;
+};
+export default _default;
+export declare const Default: Story<TSearchSuggestionChip>;

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

@@ -0,0 +1,7 @@
+declare type TChip = {
+    disabled?: boolean;
+    hoverBackgroundColor?: string;
+    hoverBorderColor?: string;
+};
+export declare const SearchSuggestionChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
+export {};

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

@@ -70,3 +70,4 @@ export * from './components/SearchListItem/SearchListItem';
 export * from './components/MenuListItem/MenuListHeader';
 export * from './components/MenuListItem/MenuListItem';
 export * from './components/SlideInOutContainer/SlideInOutContainer';
+export * from './components/SearchSuggestionChip/SearchSuggestionChip';

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

@@ -84,6 +84,7 @@ require('../Dropdown/Dropdown.styles.js');
 require('../SearchListItem/SearchListItem.styles.js');
 require('../MenuListItem/MenuListItem.styles.js');
 require('../SlideInOutContainer/SlideInOutContainer.styles.js');
+require('../SearchSuggestionChip/SearchSuggestionChip.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/SearchSuggestionChip/SearchSuggestionChip.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var SearchSuggestionChip_styles = require('./SearchSuggestionChip.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SearchSuggestionChip = function (_a) {
+    var text = _a.text, disabled = _a.disabled, onClick = _a.onClick, hoverBackgroundColor = _a.hoverBackgroundColor, hoverBorderColor = _a.hoverBorderColor;
+    return (React__default["default"].createElement(SearchSuggestionChip_styles.SearchSuggestionChipWrapper, { onClick: disabled ? function () { } : onClick, disabled: disabled, hoverBackgroundColor: hoverBackgroundColor, hoverBorderColor: hoverBorderColor }, text));
+};
+
+exports.SearchSuggestionChip = SearchSuggestionChip;
+//# sourceMappingURL=SearchSuggestionChip.js.map

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

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

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

@@ -0,0 +1,26 @@
+'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 SearchSuggestionChipWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s1; }, 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.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { return (props.disabled ? 'default' : 'pointer'); }, function (props) { return (props.disabled ? 'none' : 'all'); }, function (props) {
+    var _a;
+    return props.hoverBackgroundColor
+        ? props.hoverBackgroundColor
+        : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.yellowLighter;
+}, function (props) {
+    var _a;
+    return props.hoverBorderColor
+        ? props.hoverBorderColor
+        : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.yellowLight;
+});
+var templateObject_1;
+
+exports.SearchSuggestionChipWrapper = SearchSuggestionChipWrapper;
+//# sourceMappingURL=SearchSuggestionChip.styles.js.map

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

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

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

@@ -84,6 +84,7 @@ require('../Dropdown/Dropdown.styles.js');
 require('../SearchListItem/SearchListItem.styles.js');
 require('../MenuListItem/MenuListItem.styles.js');
 require('../SlideInOutContainer/SlideInOutContainer.styles.js');
+require('../SearchSuggestionChip/SearchSuggestionChip.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

@@ -75,6 +75,7 @@ var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
 var MenuListHeader = require('./components/MenuListItem/MenuListHeader.js');
 var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
 var SlideInOutContainer = require('./components/SlideInOutContainer/SlideInOutContainer.js');
+var SearchSuggestionChip = require('./components/SearchSuggestionChip/SearchSuggestionChip.js');
 
 
 
@@ -182,4 +183,5 @@ exports.SearchListItem = SearchListItem.SearchListItem;
 exports.MenuListHeader = MenuListHeader.MenuListHeader;
 exports.MenuListItem = MenuListItem.MenuListItem;
 exports.SlideInOutContainer = SlideInOutContainer.SlideInOutContainer;
+exports.SearchSuggestionChip = SearchSuggestionChip.SearchSuggestionChip;
 //# 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

@@ -80,6 +80,7 @@ import '../Dropdown/Dropdown.styles.js';
 import '../SearchListItem/SearchListItem.styles.js';
 import '../MenuListItem/MenuListItem.styles.js';
 import '../SlideInOutContainer/SlideInOutContainer.styles.js';
+import '../SearchSuggestionChip/SearchSuggestionChip.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/SearchSuggestionChip/SearchSuggestionChip.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SearchSuggestionChipWrapper } from './SearchSuggestionChip.styles.js';
+
+var SearchSuggestionChip = function (_a) {
+    var text = _a.text, disabled = _a.disabled, onClick = _a.onClick, hoverBackgroundColor = _a.hoverBackgroundColor, hoverBorderColor = _a.hoverBorderColor;
+    return (React.createElement(SearchSuggestionChipWrapper, { onClick: disabled ? function () { } : onClick, disabled: disabled, hoverBackgroundColor: hoverBackgroundColor, hoverBorderColor: hoverBorderColor }, text));
+};
+
+export { SearchSuggestionChip };
+//# sourceMappingURL=SearchSuggestionChip.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
+import styled from 'styled-components';
+
+var SearchSuggestionChipWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s1; }, 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.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { return (props.disabled ? 'default' : 'pointer'); }, function (props) { return (props.disabled ? 'none' : 'all'); }, function (props) {
+    var _a;
+    return props.hoverBackgroundColor
+        ? props.hoverBackgroundColor
+        : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.yellowLighter;
+}, function (props) {
+    var _a;
+    return props.hoverBorderColor
+        ? props.hoverBorderColor
+        : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.yellowLight;
+});
+var templateObject_1;
+
+export { SearchSuggestionChipWrapper };
+//# sourceMappingURL=SearchSuggestionChip.styles.js.map

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

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

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

@@ -80,6 +80,7 @@ import '../Dropdown/Dropdown.styles.js';
 import '../SearchListItem/SearchListItem.styles.js';
 import '../MenuListItem/MenuListItem.styles.js';
 import '../SlideInOutContainer/SlideInOutContainer.styles.js';
+import '../SearchSuggestionChip/SearchSuggestionChip.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

@@ -71,4 +71,5 @@ export { SearchListItem } from './components/SearchListItem/SearchListItem.js';
 export { MenuListHeader } from './components/MenuListItem/MenuListHeader.js';
 export { MenuListItem } from './components/MenuListItem/MenuListItem.js';
 export { SlideInOutContainer } from './components/SlideInOutContainer/SlideInOutContainer.js';
+export { SearchSuggestionChip } from './components/SearchSuggestionChip/SearchSuggestionChip.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.106",
+  "version": "0.7.108",
   "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": "f21f3a6b4d4be976c162c2a49fc5bf7545c441ea"
+  "gitHead": "2591fd960602c98533c3aefdfa72ff5c248308d6"
 }