@wireapp/react-ui-kit 8.14.3 → 8.14.4

package/src/Layout/headerMenu/MenuLink.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuLink = exports.filterMenuLinkProps = exports.MENU_LINK_CLASSNAME = exports.menuLinkStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _mediaQueries = require("../../mediaQueries");
+
+var _Text = require("../../Text");
+
+var _util = require("../../util");
+
+var _HeaderSubMenu = require("./HeaderSubMenu");
+
+var _excluded = ["bold", "color", "fontSize", "textTransform", "button"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var menuLinkStyle = function menuLinkStyle(theme, _ref) {
+  var _objectSpread2;
+
+  var _ref$bold = _ref.bold,
+      bold = _ref$bold === void 0 ? true : _ref$bold,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? theme.general.color : _ref$color,
+      _ref$fontSize = _ref.fontSize,
+      fontSize = _ref$fontSize === void 0 ? '11px' : _ref$fontSize,
+      _ref$textTransform = _ref.textTransform,
+      textTransform = _ref$textTransform === void 0 ? 'uppercase' : _ref$textTransform,
+      _ref$button = _ref.button,
+      button = _ref$button === void 0 ? false : _ref$button,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return _objectSpread(_objectSpread({}, (0, _Text.linkStyle)(theme, _objectSpread({
+    bold: bold,
+    color: color,
+    fontSize: fontSize,
+    textTransform: textTransform
+  }, props))), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], (0, _defineProperty2["default"])({
+    '&:first-of-type': {
+      marginLeft: 0
+    },
+    '&:last-of-type': {
+      marginRight: 0
+    },
+    margin: '0 26px 0 10px'
+  }, ".".concat(_HeaderSubMenu.DESKTOP_HEADER_SUB_MENU_CLASSNAME, " &"), {
+    '&:first-of-type': {
+      marginLeft: '10px'
+    },
+    '&:last-of-type': {
+      marginRight: '26px'
+    }
+  })), (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
+    border: 'none',
+    fontSize: '32px !important',
+    fontWeight: 300,
+    maxWidth: '480px',
+    padding: '8px 24px',
+    textTransform: 'none !important'
+  }), (0, _defineProperty2["default"])(_objectSpread2, "border", button ? '1px solid rgb(219, 226, 231)' : undefined), (0, _defineProperty2["default"])(_objectSpread2, "borderRadius", button ? '4px' : undefined), (0, _defineProperty2["default"])(_objectSpread2, "padding", button ? '10px 16px' : undefined), _objectSpread2));
+};
+
+exports.menuLinkStyle = menuLinkStyle;
+var MENU_LINK_CLASSNAME = 'menu-link';
+exports.MENU_LINK_CLASSNAME = MENU_LINK_CLASSNAME;
+
+var filterMenuLinkProps = function filterMenuLinkProps(props) {
+  return (0, _util.filterProps)((0, _Text.filterLinkProps)(props), ['button']);
+};
+
+exports.filterMenuLinkProps = filterMenuLinkProps;
+
+var MenuLink = function MenuLink(props) {
+  return (0, _react.jsx)("a", (0, _extends2["default"])({
+    className: MENU_LINK_CLASSNAME,
+    css: function css(theme) {
+      return menuLinkStyle(theme, props);
+    }
+  }, filterMenuLinkProps(props)));
+};
+
+exports.MenuLink = MenuLink;
+//# sourceMappingURL=MenuLink.js.map

package/src/Layout/headerMenu/MenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuLink.tsx"],"names":["menuLinkStyle","theme","bold","color","general","fontSize","textTransform","button","props","media","QueryKeys","DESKTOP","marginLeft","marginRight","margin","DESKTOP_HEADER_SUB_MENU_CLASSNAME","TABLET_DOWN","border","fontWeight","maxWidth","padding","undefined","MENU_LINK_CLASSNAME","filterMenuLinkProps","MenuLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;AAEA;;;;;;;;AAMO,IAAMA,aAAsE,GAAG,SAAzEA,aAAyE,CACpFC,KADoF;AAAA;;AAAA,uBAEnFC,IAFmF;AAAA,MAEnFA,IAFmF,0BAE5E,IAF4E;AAAA,wBAEtEC,KAFsE;AAAA,MAEtEA,KAFsE,2BAE9DF,KAAK,CAACG,OAAN,CAAcD,KAFgD;AAAA,2BAEzCE,QAFyC;AAAA,MAEzCA,QAFyC,8BAE9B,MAF8B;AAAA,gCAEtBC,aAFsB;AAAA,MAEtBA,aAFsB,mCAEN,WAFM;AAAA,yBAEOC,MAFP;AAAA,MAEOA,MAFP,4BAEgB,KAFhB;AAAA,MAE0BC,KAF1B;AAAA,yCAIjF,qBAAUP,KAAV;AAAkBC,IAAAA,IAAI,EAAJA,IAAlB;AAAwBC,IAAAA,KAAK,EAALA,KAAxB;AAA+BE,IAAAA,QAAQ,EAARA,QAA/B;AAAyCC,IAAAA,aAAa,EAAbA;AAAzC,KAA2DE,KAA3D,EAJiF,8EAKnFC,oBAAMC,wBAAUC,OAAhB,CALmF;AAMlF,uBAAmB;AACjBC,MAAAA,UAAU,EAAE;AADK,KAN+D;AASlF,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KATgE;AAYlFC,IAAAA,MAAM,EAAE;AAZ0E,gBAa7EC,gDAb6E,SAarC;AAC3C,uBAAmB;AACjBH,MAAAA,UAAU,EAAE;AADK,KADwB;AAI3C,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG;AAJyB,GAbqC,qDAsBnFJ,oBAAMC,wBAAUM,WAAhB,CAtBmF,EAsBpD;AAC9BC,IAAAA,MAAM,EAAE,MADsB;AAE9BZ,IAAAA,QAAQ,EAAE,iBAFoB;AAG9Ba,IAAAA,UAAU,EAAE,GAHkB;AAI9BC,IAAAA,QAAQ,EAAE,OAJoB;AAK9BC,IAAAA,OAAO,EAAE,UALqB;AAM9Bd,IAAAA,aAAa,EAAE;AANe,GAtBoD,8DA8B5EC,MAAM,GAAG,8BAAH,GAAoCc,SA9BkC,oEA+BtEd,MAAM,GAAG,KAAH,GAAWc,SA/BqD,+DAgC3Ed,MAAM,GAAG,WAAH,GAAiBc,SAhCoD;AAAA,CAA/E;;;AAmCA,IAAMC,mBAAmB,GAAG,WAA5B;;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACf,KAAD;AAAA,SACjC,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAqD,CAAC,QAAD,CAArD,CADiC;AAAA,CAA5B;;;;AAGA,IAAMgB,QAAQ,GAAG,SAAXA,QAAW,CAAChB,KAAD;AAAA,SACtB;AACE,IAAA,SAAS,EAAEc,mBADb;AAEE,IAAA,GAAG,EAAE,aAACrB,KAAD;AAAA,aAAkBD,aAAa,CAACC,KAAD,EAAQO,KAAR,CAA/B;AAAA;AAFP,KAGMe,mBAAmB,CAACf,KAAD,CAHzB,EADsB;AAAA,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {LinkProps, filterLinkProps, linkStyle} from '../../Text';\nimport {filterProps} from '../../util';\nimport {Theme} from '../Theme';\nimport {DESKTOP_HEADER_SUB_MENU_CLASSNAME} from './HeaderSubMenu';\n\nexport interface MenuLinkProps<T = HTMLAnchorElement> extends LinkProps<T> {\n  button?: boolean;\n}\n\nexport const menuLinkStyle: <T>(theme: Theme, props: MenuLinkProps<T>) => CSSObject = (\n  theme,\n  {bold = true, color = theme.general.color, fontSize = '11px', textTransform = 'uppercase', button = false, ...props},\n) => ({\n  ...linkStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n  [media[QueryKeys.DESKTOP]]: {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-of-type': {\n      marginRight: 0,\n    },\n    margin: '0 26px 0 10px',\n    [`.${DESKTOP_HEADER_SUB_MENU_CLASSNAME} &`]: {\n      '&:first-of-type': {\n        marginLeft: '10px',\n      },\n      '&:last-of-type': {\n        marginRight: '26px',\n      },\n    },\n  },\n  [media[QueryKeys.TABLET_DOWN]]: {\n    border: 'none',\n    fontSize: '32px !important',\n    fontWeight: 300,\n    maxWidth: '480px',\n    padding: '8px 24px',\n    textTransform: 'none !important',\n  },\n  border: button ? '1px solid rgb(219, 226, 231)' : undefined,\n  borderRadius: button ? '4px' : undefined,\n  padding: button ? '10px 16px' : undefined,\n});\n\nexport const MENU_LINK_CLASSNAME = 'menu-link';\n\nexport const filterMenuLinkProps = (props: MenuLinkProps) =>\n  filterProps(filterLinkProps(props) as MenuLinkProps, ['button']);\n\nexport const MenuLink = (props: MenuLinkProps) => (\n  <a\n    className={MENU_LINK_CLASSNAME}\n    css={(theme: Theme) => menuLinkStyle(theme, props)}\n    {...filterMenuLinkProps(props)}\n  />\n);\n"],"file":"MenuLink.js"}

package/src/Layout/headerMenu/MenuOpenButton.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=MenuOpenButton.d.js.map

package/src/Layout/headerMenu/MenuOpenButton.d.js.map

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

package/src/Layout/headerMenu/MenuOpenButton.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import React from 'react';
+import { Theme } from '../Theme';
+export interface MenuOpenButtonProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+    open?: boolean;
+}
+export declare const menuOpenButtonStyle: <T>(theme: Theme, props: MenuOpenButtonProps<T>) => CSSObject;
+export declare const MenuOpenButton: (props: MenuOpenButtonProps) => jsx.JSX.Element;

package/src/Layout/headerMenu/MenuOpenButton.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _mediaQueries = require("../../mediaQueries");
+
+var _util = require("../../util");
+
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+/** @jsx jsx */
+var menuOpenButtonStyle = function menuOpenButtonStyle(theme, _ref) {
+  var _ref2;
+
+  var open = _ref.open;
+  return _ref2 = {
+    display: 'block',
+    div: {
+      backgroundColor: theme.general.color,
+      height: '2px',
+      margin: '4px',
+      transition: 'all 0.25s ease-in-out',
+      width: '16px'
+    },
+    'div:nth-of-type(1)': {
+      transform: open ? 'translateY(6px) rotate(-45deg)' : undefined
+    },
+    'div:nth-of-type(2)': {
+      opacity: open ? 0 : undefined,
+      transform: open ? 'scale(0, 1)' : undefined
+    },
+    'div:nth-of-type(3)': {
+      transform: open ? 'translateY(-6px) rotate(45deg)' : undefined
+    }
+  }, (0, _defineProperty2["default"])(_ref2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
+    display: 'none'
+  }), (0, _defineProperty2["default"])(_ref2, "zIndex", 2), _ref2;
+};
+
+exports.menuOpenButtonStyle = menuOpenButtonStyle;
+
+var filterMenuOpenButtonProps = function filterMenuOpenButtonProps(props) {
+  return (0, _util.filterProps)(props, ['open']);
+};
+
+var MenuOpenButton = function MenuOpenButton(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: function css(theme) {
+      return menuOpenButtonStyle(theme, props);
+    }
+  }, filterMenuOpenButtonProps(props)), (0, _react.jsx)("div", null), (0, _react.jsx)("div", null), (0, _react.jsx)("div", null));
+};
+
+exports.MenuOpenButton = MenuOpenButton;
+//# sourceMappingURL=MenuOpenButton.js.map

package/src/Layout/headerMenu/MenuOpenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuOpenButton.tsx"],"names":["menuOpenButtonStyle","theme","open","display","div","backgroundColor","general","color","height","margin","transition","width","transform","undefined","opacity","media","QueryKeys","DESKTOP","filterMenuOpenButtonProps","props","MenuOpenButton"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAYO,IAAMA,mBAAkF,GAAG,SAArFA,mBAAqF,CAACC,KAAD;AAAA;;AAAA,MAASC,IAAT,QAASA,IAAT;AAAA;AAChGC,IAAAA,OAAO,EAAE,OADuF;AAEhGC,IAAAA,GAAG,EAAE;AACHC,MAAAA,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,KAD5B;AAEHC,MAAAA,MAAM,EAAE,KAFL;AAGHC,MAAAA,MAAM,EAAE,KAHL;AAIHC,MAAAA,UAAU,EAAE,uBAJT;AAKHC,MAAAA,KAAK,EAAE;AALJ,KAF2F;AAShG,0BAAsB;AACpBC,MAAAA,SAAS,EAAEV,IAAI,GAAG,gCAAH,GAAsCW;AADjC,KAT0E;AAYhG,0BAAsB;AACpBC,MAAAA,OAAO,EAAEZ,IAAI,GAAG,CAAH,GAAOW,SADA;AAEpBD,MAAAA,SAAS,EAAEV,IAAI,GAAG,aAAH,GAAmBW;AAFd,KAZ0E;AAgBhG,0BAAsB;AACpBD,MAAAA,SAAS,EAAEV,IAAI,GAAG,gCAAH,GAAsCW;AADjC;AAhB0E,6CAmB/FE,oBAAMC,wBAAUC,OAAhB,CAnB+F,EAmBpE;AAC1Bd,IAAAA,OAAO,EAAE;AADiB,GAnBoE,qDAsBxF,CAtBwF;AAAA,CAA3F;;;;AAyBP,IAAMe,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,KAAD;AAAA,SAAgC,uBAAYA,KAAZ,EAAmB,CAAC,MAAD,CAAnB,CAAhC;AAAA,CAAlC;;AAEO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACD,KAAD;AAAA,SAC5B;AAAK,IAAA,GAAG,EAAE,aAAClB,KAAD;AAAA,aAAkBD,mBAAmB,CAACC,KAAD,EAAQkB,KAAR,CAArC;AAAA;AAAV,KAAmED,yBAAyB,CAACC,KAAD,CAA5F,GACE,4BADF,EAEE,4BAFF,EAGE,4BAHF,CAD4B;AAAA,CAAvB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {filterProps} from '../../util';\nimport {Theme} from '../Theme';\n\nexport interface MenuOpenButtonProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nexport const menuOpenButtonStyle: <T>(theme: Theme, props: MenuOpenButtonProps<T>) => CSSObject = (theme, {open}) => ({\n  display: 'block',\n  div: {\n    backgroundColor: theme.general.color,\n    height: '2px',\n    margin: '4px',\n    transition: 'all 0.25s ease-in-out',\n    width: '16px',\n  },\n  'div:nth-of-type(1)': {\n    transform: open ? 'translateY(6px) rotate(-45deg)' : undefined,\n  },\n  'div:nth-of-type(2)': {\n    opacity: open ? 0 : undefined,\n    transform: open ? 'scale(0, 1)' : undefined,\n  },\n  'div:nth-of-type(3)': {\n    transform: open ? 'translateY(-6px) rotate(45deg)' : undefined,\n  },\n  [media[QueryKeys.DESKTOP]]: {\n    display: 'none',\n  },\n  zIndex: 2,\n});\n\nconst filterMenuOpenButtonProps = (props: MenuOpenButtonProps) => filterProps(props, ['open']);\n\nexport const MenuOpenButton = (props: MenuOpenButtonProps) => (\n  <div css={(theme: Theme) => menuOpenButtonStyle(theme, props)} {...filterMenuOpenButtonProps(props)}>\n    <div />\n    <div />\n    <div />\n  </div>\n);\n"],"file":"MenuOpenButton.js"}

package/src/Layout/headerMenu/MenuScrollableItems.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=MenuScrollableItems.d.js.map

package/src/Layout/headerMenu/MenuScrollableItems.d.js.map

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

package/src/Layout/headerMenu/MenuScrollableItems.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import React from 'react';
+export interface MenuScrollableItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+    open?: boolean;
+}
+export declare const menuScrollableItemsStyle: <T>(props: MenuScrollableItemsProps<T>) => CSSObject;
+export declare const MenuScrollableItems: (props: MenuScrollableItemsProps) => jsx.JSX.Element;

package/src/Layout/headerMenu/MenuScrollableItems.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _mediaQueries = require("../../mediaQueries");
+
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+/** @jsx jsx */
+var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
+  return (0, _defineProperty2["default"])({
+    alignItems: 'center',
+    alignSelf: 'center',
+    display: 'flex'
+  }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
+    alignItems: 'center',
+    flexDirection: 'column',
+    margin: 'auto'
+  });
+};
+
+exports.menuScrollableItemsStyle = menuScrollableItemsStyle;
+
+var MenuScrollableItems = function MenuScrollableItems(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: menuScrollableItemsStyle(props)
+  }, props));
+};
+
+exports.MenuScrollableItems = MenuScrollableItems;
+//# sourceMappingURL=MenuScrollableItems.js.map

package/src/Layout/headerMenu/MenuScrollableItems.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuScrollableItems.tsx"],"names":["menuScrollableItemsStyle","props","alignItems","alignSelf","display","media","QueryKeys","TABLET_DOWN","flexDirection","margin","MenuScrollableItems"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAUO,IAAMA,wBAA8E,GAAG,SAAjFA,wBAAiF,CAAAC,KAAK;AAAA;AACjGC,IAAAA,UAAU,EAAE,QADqF;AAEjGC,IAAAA,SAAS,EAAE,QAFsF;AAGjGC,IAAAA,OAAO,EAAE;AAHwF,KAIhGC,oBAAMC,wBAAUC,WAAhB,CAJgG,EAIjE;AAC9BL,IAAAA,UAAU,EAAE,QADkB;AAE9BM,IAAAA,aAAa,EAAE,QAFe;AAG9BC,IAAAA,MAAM,EAAE;AAHsB,GAJiE;AAAA,CAA5F;;;;AAWA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACT,KAAD;AAAA,SACjC;AAAK,IAAA,GAAG,EAAED,wBAAwB,CAACC,KAAD;AAAlC,KAA+CA,KAA/C,EADiC;AAAA,CAA5B","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\n\nexport interface MenuScrollableItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nexport const menuScrollableItemsStyle: <T>(props: MenuScrollableItemsProps<T>) => CSSObject = props => ({\n  alignItems: 'center',\n  alignSelf: 'center',\n  display: 'flex',\n  [media[QueryKeys.TABLET_DOWN]]: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    margin: 'auto',\n  },\n});\n\nexport const MenuScrollableItems = (props: MenuScrollableItemsProps) => (\n  <div css={menuScrollableItemsStyle(props)} {...props} />\n);\n"],"file":"MenuScrollableItems.js"}

package/src/Layout/headerMenu/MenuSubLink.d.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=MenuSubLink.d.js.map

package/src/Layout/headerMenu/MenuSubLink.d.js.map

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

package/src/Layout/headerMenu/MenuSubLink.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { CSSObject, jsx } from '@emotion/react';
+import { TextProps } from '../../Text';
+import { Theme } from '../Theme';
+declare type MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;
+export declare const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject;
+export declare const MenuSubLink: (props: MenuSubLinkProps) => jsx.JSX.Element;
+export {};

package/src/Layout/headerMenu/MenuSubLink.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSubLink = exports.menuSubLinkStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _motions = require("../../Identity/motions");
+
+var _mediaQueries = require("../../mediaQueries");
+
+var _Text = require("../../Text");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
+  var _objectSpread2;
+
+  return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, props)), {}, (_objectSpread2 = {
+    '&:hover': {
+      filter: 'brightness(70%)'
+    },
+    color: theme.general.color,
+    cursor: 'pointer',
+    fontWeight: 600,
+    textDecoration: 'none',
+    transition: _motions.defaultTransition
+  }, (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
+    '&:first-of-type': {
+      marginLeft: 0
+    },
+    '&:last-child': {
+      marginRight: 0
+    },
+    fontSize: '11px',
+    margin: '0 26px 0 10px',
+    textTransform: 'uppercase'
+  }), (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
+    border: 'none',
+    fontSize: '32px !important',
+    fontWeight: '300 !important',
+    maxWidth: '480px',
+    padding: '8px 24px',
+    textTransform: 'none !important'
+  }), _objectSpread2));
+};
+
+exports.menuSubLinkStyle = menuSubLinkStyle;
+
+var MenuSubLink = function MenuSubLink(props) {
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: function css(theme) {
+      return menuSubLinkStyle(theme, props);
+    }
+  }, props));
+};
+
+exports.MenuSubLink = MenuSubLink;
+//# sourceMappingURL=MenuSubLink.js.map

package/src/Layout/headerMenu/MenuSubLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuSubLink.tsx"],"names":["menuSubLinkStyle","theme","props","filter","color","general","cursor","fontWeight","textDecoration","transition","defaultTransition","media","QueryKeys","DESKTOP","marginLeft","marginRight","fontSize","margin","textTransform","TABLET_DOWN","border","maxWidth","padding","MenuSubLink"],"mappings":";;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;;;;;AAKO,IAAMA,gBAA4E,GAAG,SAA/EA,gBAA+E,CAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,yCACvF,qBAAUD,KAAV,EAAiBC,KAAjB,CADuF;AAE1F,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC,KAF+E;AAK1FC,IAAAA,KAAK,EAAEH,KAAK,CAACI,OAAN,CAAcD,KALqE;AAM1FE,IAAAA,MAAM,EAAE,SANkF;AAO1FC,IAAAA,UAAU,EAAE,GAP8E;AAQ1FC,IAAAA,cAAc,EAAE,MAR0E;AAS1FC,IAAAA,UAAU,EAAEC;AAT8E,sDAUzFC,oBAAMC,wBAAUC,OAAhB,CAVyF,EAU9D;AAC1B,uBAAmB;AACjBC,MAAAA,UAAU,EAAE;AADK,KADO;AAI1B,oBAAgB;AACdC,MAAAA,WAAW,EAAE;AADC,KAJU;AAO1BC,IAAAA,QAAQ,EAAE,MAPgB;AAQ1BC,IAAAA,MAAM,EAAE,eARkB;AAS1BC,IAAAA,aAAa,EAAE;AATW,GAV8D,oDAsBzFP,oBAAMC,wBAAUO,WAAhB,CAtByF,EAsB1D;AAC9BC,IAAAA,MAAM,EAAE,MADsB;AAE9BJ,IAAAA,QAAQ,EAAE,iBAFoB;AAG9BT,IAAAA,UAAU,EAAE,gBAHkB;AAI9Bc,IAAAA,QAAQ,EAAE,OAJoB;AAK9BC,IAAAA,OAAO,EAAE,UALqB;AAM9BJ,IAAAA,aAAa,EAAE;AANe,GAtB0D;AAAA,CAArF;;;;AAgCA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACrB,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CAAlC;AAAA;AAAV,KAAgEA,KAAhE,EADyB;AAAA,CAApB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {defaultTransition} from '../../Identity/motions';\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {TextProps, textStyle} from '../../Text';\nimport {Theme} from '../Theme';\n\ntype MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;\n\nexport const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject = (theme, props) => ({\n  ...textStyle(theme, props),\n  '&:hover': {\n    filter: 'brightness(70%)',\n  },\n  color: theme.general.color,\n  cursor: 'pointer',\n  fontWeight: 600,\n  textDecoration: 'none',\n  transition: defaultTransition,\n  [media[QueryKeys.DESKTOP]]: {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-child': {\n      marginRight: 0,\n    },\n    fontSize: '11px',\n    margin: '0 26px 0 10px',\n    textTransform: 'uppercase',\n  },\n\n  [media[QueryKeys.TABLET_DOWN]]: {\n    border: 'none',\n    fontSize: '32px !important',\n    fontWeight: '300 !important',\n    maxWidth: '480px',\n    padding: '8px 24px',\n    textTransform: 'none !important',\n  },\n});\n\nexport const MenuSubLink = (props: MenuSubLinkProps) => (\n  <div css={(theme: Theme) => menuSubLinkStyle(theme, props)} {...props} />\n);\n"],"file":"MenuSubLink.js"}

package/src/Layout/headerMenu/index.d.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _HeaderMenu = require("./HeaderMenu");
+
+Object.keys(_HeaderMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HeaderMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeaderMenu[key];
+    }
+  });
+});
+
+var _HeaderSubMenu = require("./HeaderSubMenu");
+
+Object.keys(_HeaderSubMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HeaderSubMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeaderSubMenu[key];
+    }
+  });
+});
+
+var _MenuContent = require("./MenuContent");
+
+Object.keys(_MenuContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuContent[key];
+    }
+  });
+});
+
+var _MenuItems = require("./MenuItems");
+
+Object.keys(_MenuItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuItems[key];
+    }
+  });
+});
+
+var _MenuLink = require("./MenuLink");
+
+Object.keys(_MenuLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuLink[key];
+    }
+  });
+});
+
+var _MenuOpenButton = require("./MenuOpenButton");
+
+Object.keys(_MenuOpenButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuOpenButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuOpenButton[key];
+    }
+  });
+});
+
+var _MenuScrollableItems = require("./MenuScrollableItems");
+
+Object.keys(_MenuScrollableItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuScrollableItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuScrollableItems[key];
+    }
+  });
+});
+
+var _MenuSubLink = require("./MenuSubLink");
+
+Object.keys(_MenuSubLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuSubLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuSubLink[key];
+    }
+  });
+});
+//# sourceMappingURL=index.d.js.map

package/src/Layout/headerMenu/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './HeaderMenu';\nexport * from './HeaderSubMenu';\nexport * from './MenuContent';\nexport * from './MenuItems';\nexport * from './MenuLink';\nexport * from './MenuOpenButton';\nexport * from './MenuScrollableItems';\nexport * from './MenuSubLink';\n"],"file":"index.d.js"}

package/src/Layout/headerMenu/index.d.ts

@@ -0,0 +1,8 @@
+export * from './HeaderMenu';
+export * from './HeaderSubMenu';
+export * from './MenuContent';
+export * from './MenuItems';
+export * from './MenuLink';
+export * from './MenuOpenButton';
+export * from './MenuScrollableItems';
+export * from './MenuSubLink';

package/src/Layout/headerMenu/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _HeaderMenu = require("./HeaderMenu");
+
+Object.keys(_HeaderMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HeaderMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeaderMenu[key];
+    }
+  });
+});
+
+var _HeaderSubMenu = require("./HeaderSubMenu");
+
+Object.keys(_HeaderSubMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HeaderSubMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _HeaderSubMenu[key];
+    }
+  });
+});
+
+var _MenuContent = require("./MenuContent");
+
+Object.keys(_MenuContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuContent[key];
+    }
+  });
+});
+
+var _MenuItems = require("./MenuItems");
+
+Object.keys(_MenuItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuItems[key];
+    }
+  });
+});
+
+var _MenuLink = require("./MenuLink");
+
+Object.keys(_MenuLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuLink[key];
+    }
+  });
+});
+
+var _MenuOpenButton = require("./MenuOpenButton");
+
+Object.keys(_MenuOpenButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuOpenButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuOpenButton[key];
+    }
+  });
+});
+
+var _MenuScrollableItems = require("./MenuScrollableItems");
+
+Object.keys(_MenuScrollableItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuScrollableItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuScrollableItems[key];
+    }
+  });
+});
+
+var _MenuSubLink = require("./MenuSubLink");
+
+Object.keys(_MenuSubLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MenuSubLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MenuSubLink[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/src/Layout/headerMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './HeaderMenu';\nexport * from './HeaderSubMenu';\nexport * from './MenuContent';\nexport * from './MenuItems';\nexport * from './MenuLink';\nexport * from './MenuOpenButton';\nexport * from './MenuScrollableItems';\nexport * from './MenuSubLink';\n"],"file":"index.js"}