@citygross/components 0.7.93 → 0.7.94

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 (26) hide show
  1. package/build/@types/index.d.ts +2 -0
  2. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +1 -0
  3. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  4. package/build/cjs/components/src/components/MenuListItem/MenuListHeader.js +21 -0
  5. package/build/cjs/components/src/components/MenuListItem/MenuListHeader.js.map +1 -0
  6. package/build/cjs/components/src/components/MenuListItem/MenuListItem.js +26 -0
  7. package/build/cjs/components/src/components/MenuListItem/MenuListItem.js.map +1 -0
  8. package/build/cjs/components/src/components/MenuListItem/MenuListItem.styles.js +32 -0
  9. package/build/cjs/components/src/components/MenuListItem/MenuListItem.styles.js.map +1 -0
  10. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +1 -0
  11. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  12. package/build/cjs/components/src/index.js +4 -0
  13. package/build/cjs/components/src/index.js.map +1 -1
  14. package/build/es/components/src/components/AddressBlock/AddressBlock.js +1 -0
  15. package/build/es/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  16. package/build/es/components/src/components/MenuListItem/MenuListHeader.js +13 -0
  17. package/build/es/components/src/components/MenuListItem/MenuListHeader.js.map +1 -0
  18. package/build/es/components/src/components/MenuListItem/MenuListItem.js +18 -0
  19. package/build/es/components/src/components/MenuListItem/MenuListItem.js.map +1 -0
  20. package/build/es/components/src/components/MenuListItem/MenuListItem.styles.js +19 -0
  21. package/build/es/components/src/components/MenuListItem/MenuListItem.styles.js.map +1 -0
  22. package/build/es/components/src/components/WarningLabel/WarningLabel.js +1 -0
  23. package/build/es/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  24. package/build/es/components/src/index.js +2 -0
  25. package/build/es/components/src/index.js.map +1 -1
  26. package/package.json +2 -2
@@ -67,3 +67,5 @@ export * from './components/IconText/IconText';
67
67
  export * from './components/Logo/Logo';
68
68
  export * from './components/Dropdown/Dropdown';
69
69
  export * from './components/SearchListItem/SearchListItem';
70
+ export * from './components/MenuListItem/MenuListHeader';
71
+ export * from './components/MenuListItem/MenuListItem';
@@ -82,6 +82,7 @@ require('../SideModal/SideModal.styles.js');
82
82
  require('../IconText/IconText.styles.js');
83
83
  require('../Dropdown/Dropdown.styles.js');
84
84
  require('../SearchListItem/SearchListItem.styles.js');
85
+ require('../MenuListItem/MenuListItem.styles.js');
85
86
 
86
87
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
87
88
 
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Icon = require('@citygross/icons');
6
+ var React = require('react');
7
+ var MenuListItem_styles = require('./MenuListItem.styles.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var MenuListHeader = function (_a) {
14
+ var onClick = _a.onClick, dropdownHeader = _a.dropdownHeader, mainCategorySelected = _a.mainCategorySelected;
15
+ return (React__default["default"].createElement(MenuListItem_styles.MainCategoryWrapper, { onClick: onClick },
16
+ React__default["default"].createElement(MenuListItem_styles.HeaderText, null, dropdownHeader),
17
+ !mainCategorySelected && React__default["default"].createElement(Icon.Icons.ChevronRight, null)));
18
+ };
19
+
20
+ exports.MenuListHeader = MenuListHeader;
21
+ //# sourceMappingURL=MenuListHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var designTokens = require('@citygross/design-tokens');
6
+ var Icon = require('@citygross/icons');
7
+ var React = require('react');
8
+ var Dropdown = require('../Dropdown/Dropdown.js');
9
+ var MenuListItem_styles = require('./MenuListItem.styles.js');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+
15
+ var MenuListItem = function (_a) {
16
+ var _b, _c, _d, _e;
17
+ var onClick = _a.onClick, isOpen = _a.isOpen, dropdownHeader = _a.dropdownHeader, _f = _a.paddingLeft, paddingLeft = _f === void 0 ? 0 : _f, backgroundColor = _a.backgroundColor, children = _a.children;
18
+ return (React__default["default"].createElement(MenuListItem_styles.MenuListItemWrapper, null,
19
+ React__default["default"].createElement(Dropdown.Dropdown, { onClick: onClick, isOpen: isOpen, dropdownHeader: React__default["default"].createElement(MenuListItem_styles.HeaderWrapper, { paddingLeft: paddingLeft, backgroundColor: backgroundColor, isOpen: isOpen },
20
+ React__default["default"].createElement(MenuListItem_styles.BodyText, { isOpen: isOpen }, dropdownHeader),
21
+ isOpen ? (React__default["default"].createElement(Icon.Icons.Minus, { width: (_b = designTokens.theme.constants) === null || _b === void 0 ? void 0 : _b.menuListItemIconSize, height: (_c = designTokens.theme.constants) === null || _c === void 0 ? void 0 : _c.menuListItemIconSize })) : (React__default["default"].createElement(Icon.Icons.Plus, { width: (_d = designTokens.theme.constants) === null || _d === void 0 ? void 0 : _d.menuListItemIconSize, height: (_e = designTokens.theme.constants) === null || _e === void 0 ? void 0 : _e.menuListItemIconSize }))) },
22
+ React__default["default"].createElement(MenuListItem_styles.NestedWrapper, { nested: true, paddingLeft: paddingLeft }, children))));
23
+ };
24
+
25
+ exports.MenuListItem = MenuListItem;
26
+ //# sourceMappingURL=MenuListItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _tslib = require('../../../../_virtual/_tslib.js');
6
+ var styled = require('styled-components');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
+
12
+ var MenuListItemWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
13
+ var MainCategoryWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: ", "px;\n cursor: pointer;\n background-color: ", ";\n min-height: ", "px;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n padding: ", "px;\n cursor: pointer;\n background-color: ", ";\n min-height: ", "px;\n align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return props.isOpen ? props.backgroundColor : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; });
14
+ var NestedWrapper = styled__default["default"](MainCategoryWrapper)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n padding: ", ";\n display: flex;\n flex-direction: column;\n"], ["\n padding: ", ";\n display: flex;\n flex-direction: column;\n"])), function (props) { var _a; return (props.nested ? 0 : "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px")); });
15
+ var HeaderWrapper = styled__default["default"](MainCategoryWrapper)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n padding-left: ", "px;\n"], ["\n padding-left: ", "px;\n"])), function (props) { return props.paddingLeft; });
16
+ styled__default["default"](MainCategoryWrapper)(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n padding-left: ", "px;\n align-self: flex-start;\n"], ["\n padding-left: ", "px;\n align-self: flex-start;\n"])), function (props) { return props.paddingLeft; });
17
+ var HeaderText = styled__default["default"].h2(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n"], ["\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s4; }, 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.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m2; });
18
+ var BodyText = styled__default["default"].p(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n display: flex;\n gap: ", "px;\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n color: ", ";\n"], ["\n display: flex;\n gap: ", "px;\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n color: ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === 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) {
19
+ var _a, _b;
20
+ return props.isOpen
21
+ ? (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.medium
22
+ : (_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.weight.regular;
23
+ }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.black; });
24
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
25
+
26
+ exports.BodyText = BodyText;
27
+ exports.HeaderText = HeaderText;
28
+ exports.HeaderWrapper = HeaderWrapper;
29
+ exports.MainCategoryWrapper = MainCategoryWrapper;
30
+ exports.MenuListItemWrapper = MenuListItemWrapper;
31
+ exports.NestedWrapper = NestedWrapper;
32
+ //# sourceMappingURL=MenuListItem.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -82,6 +82,7 @@ require('../SideModal/SideModal.styles.js');
82
82
  require('../IconText/IconText.styles.js');
83
83
  require('../Dropdown/Dropdown.styles.js');
84
84
  require('../SearchListItem/SearchListItem.styles.js');
85
+ require('../MenuListItem/MenuListItem.styles.js');
85
86
 
86
87
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
87
88
 
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -72,6 +72,8 @@ var IconText = require('./components/IconText/IconText.js');
72
72
  var Logo = require('./components/Logo/Logo.js');
73
73
  var Dropdown = require('./components/Dropdown/Dropdown.js');
74
74
  var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
75
+ var MenuListHeader = require('./components/MenuListItem/MenuListHeader.js');
76
+ var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
75
77
 
76
78
 
77
79
 
@@ -176,4 +178,6 @@ exports.IconText = IconText.IconText;
176
178
  exports.Logo = Logo.Logo;
177
179
  exports.Dropdown = Dropdown.Dropdown;
178
180
  exports.SearchListItem = SearchListItem.SearchListItem;
181
+ exports.MenuListHeader = MenuListHeader.MenuListHeader;
182
+ exports.MenuListItem = MenuListItem.MenuListItem;
179
183
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -78,6 +78,7 @@ import '../SideModal/SideModal.styles.js';
78
78
  import '../IconText/IconText.styles.js';
79
79
  import '../Dropdown/Dropdown.styles.js';
80
80
  import '../SearchListItem/SearchListItem.styles.js';
81
+ import '../MenuListItem/MenuListItem.styles.js';
81
82
 
82
83
  function AddressBlock(_a) {
83
84
  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;
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,13 @@
1
+ import { Icons } from '@citygross/icons';
2
+ import React from 'react';
3
+ import { MainCategoryWrapper, HeaderText } from './MenuListItem.styles.js';
4
+
5
+ var MenuListHeader = function (_a) {
6
+ var onClick = _a.onClick, dropdownHeader = _a.dropdownHeader, mainCategorySelected = _a.mainCategorySelected;
7
+ return (React.createElement(MainCategoryWrapper, { onClick: onClick },
8
+ React.createElement(HeaderText, null, dropdownHeader),
9
+ !mainCategorySelected && React.createElement(Icons.ChevronRight, null)));
10
+ };
11
+
12
+ export { MenuListHeader };
13
+ //# sourceMappingURL=MenuListHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -0,0 +1,18 @@
1
+ import { theme } from '@citygross/design-tokens';
2
+ import { Icons } from '@citygross/icons';
3
+ import React from 'react';
4
+ import { Dropdown } from '../Dropdown/Dropdown.js';
5
+ import { MenuListItemWrapper, HeaderWrapper, BodyText, NestedWrapper } from './MenuListItem.styles.js';
6
+
7
+ var MenuListItem = function (_a) {
8
+ var _b, _c, _d, _e;
9
+ var onClick = _a.onClick, isOpen = _a.isOpen, dropdownHeader = _a.dropdownHeader, _f = _a.paddingLeft, paddingLeft = _f === void 0 ? 0 : _f, backgroundColor = _a.backgroundColor, children = _a.children;
10
+ return (React.createElement(MenuListItemWrapper, null,
11
+ React.createElement(Dropdown, { onClick: onClick, isOpen: isOpen, dropdownHeader: React.createElement(HeaderWrapper, { paddingLeft: paddingLeft, backgroundColor: backgroundColor, isOpen: isOpen },
12
+ React.createElement(BodyText, { isOpen: isOpen }, dropdownHeader),
13
+ isOpen ? (React.createElement(Icons.Minus, { width: (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.menuListItemIconSize, height: (_c = theme.constants) === null || _c === void 0 ? void 0 : _c.menuListItemIconSize })) : (React.createElement(Icons.Plus, { width: (_d = theme.constants) === null || _d === void 0 ? void 0 : _d.menuListItemIconSize, height: (_e = theme.constants) === null || _e === void 0 ? void 0 : _e.menuListItemIconSize }))) },
14
+ React.createElement(NestedWrapper, { nested: true, paddingLeft: paddingLeft }, children))));
15
+ };
16
+
17
+ export { MenuListItem };
18
+ //# sourceMappingURL=MenuListItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
+ import styled from 'styled-components';
3
+
4
+ var MenuListItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
5
+ var MainCategoryWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: ", "px;\n cursor: pointer;\n background-color: ", ";\n min-height: ", "px;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n padding: ", "px;\n cursor: pointer;\n background-color: ", ";\n min-height: ", "px;\n align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return props.isOpen ? props.backgroundColor : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; });
6
+ var NestedWrapper = styled(MainCategoryWrapper)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: ", ";\n display: flex;\n flex-direction: column;\n"], ["\n padding: ", ";\n display: flex;\n flex-direction: column;\n"])), function (props) { var _a; return (props.nested ? 0 : "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px")); });
7
+ var HeaderWrapper = styled(MainCategoryWrapper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding-left: ", "px;\n"], ["\n padding-left: ", "px;\n"])), function (props) { return props.paddingLeft; });
8
+ styled(MainCategoryWrapper)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-left: ", "px;\n align-self: flex-start;\n"], ["\n padding-left: ", "px;\n align-self: flex-start;\n"])), function (props) { return props.paddingLeft; });
9
+ var HeaderText = styled.h2(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n"], ["\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s4; }, 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.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m2; });
10
+ var BodyText = styled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n color: ", ";\n"], ["\n display: flex;\n gap: ", "px;\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n color: ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === 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) {
11
+ var _a, _b;
12
+ return props.isOpen
13
+ ? (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.medium
14
+ : (_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.weight.regular;
15
+ }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.black; });
16
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
17
+
18
+ export { BodyText, HeaderText, HeaderWrapper, MainCategoryWrapper, MenuListItemWrapper, NestedWrapper };
19
+ //# sourceMappingURL=MenuListItem.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -78,6 +78,7 @@ import '../SideModal/SideModal.styles.js';
78
78
  import '../IconText/IconText.styles.js';
79
79
  import '../Dropdown/Dropdown.styles.js';
80
80
  import '../SearchListItem/SearchListItem.styles.js';
81
+ import '../MenuListItem/MenuListItem.styles.js';
81
82
 
82
83
  function WarningLabel(_a) {
83
84
  var children = _a.children, background = _a.background, toolTip = _a.toolTip;
@@ -1 +1 @@
1
- {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -68,4 +68,6 @@ export { IconText } from './components/IconText/IconText.js';
68
68
  export { Logo } from './components/Logo/Logo.js';
69
69
  export { Dropdown } from './components/Dropdown/Dropdown.js';
70
70
  export { SearchListItem } from './components/SearchListItem/SearchListItem.js';
71
+ export { MenuListHeader } from './components/MenuListItem/MenuListHeader.js';
72
+ export { MenuListItem } from './components/MenuListItem/MenuListItem.js';
71
73
  //# sourceMappingURL=index.js.map
@@ -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.93",
3
+ "version": "0.7.94",
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": "8b0d739acdcc934467c19466816c2fd855acc3f0"
74
+ "gitHead": "f5d8223c7fe4f0ca54e5ec3851118314bb81a7ad"
75
75
  }