@wireapp/react-ui-kit 8.17.1 → 8.17.3

package/src/Layout/headerMenu/HeaderSubMenu.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderSubMenu = exports.MobileStyledHeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = void 0;
-
+exports.MobileStyledHeaderSubMenu = exports.HeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 _Identity = require("../../Identity");
-
 var _motions = require("../../Identity/motions");
-
 var _mediaQueries = require("../../mediaQueries");
-
 var _MenuSubLink = require("./MenuSubLink");
-
 var _MenuLink = require("./MenuLink");
-
 var _excluded = ["caption", "isOpen", "children"];
-
 var desktopStyledHeaderSubMenuStyle = function desktopStyledHeaderSubMenuStyle(theme, props) {
   return (0, _defineProperty2["default"])({
     alignItems: 'left',
@@ -57,10 +44,8 @@ var desktopStyledHeaderSubMenuStyle = function desktopStyledHeaderSubMenuStyle(t
     marginTop: '8px'
   });
 };
-
 var DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';
 exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = DESKTOP_HEADER_SUB_MENU_CLASSNAME;
-
 var DesktopStyledHeaderSubMenu = function DesktopStyledHeaderSubMenu(props) {
   return (0, _react.jsx)("div", (0, _extends2["default"])({
     className: DESKTOP_HEADER_SUB_MENU_CLASSNAME,
@@ -69,9 +54,7 @@ var DesktopStyledHeaderSubMenu = function DesktopStyledHeaderSubMenu(props) {
     }
   }, props));
 };
-
 exports.DesktopStyledHeaderSubMenu = DesktopStyledHeaderSubMenu;
-
 var mobileStyledHeaderSubMenuStyle = function mobileStyledHeaderSubMenuStyle(props) {
   return {
     '*': {
@@ -86,20 +69,17 @@ var mobileStyledHeaderSubMenuStyle = function mobileStyledHeaderSubMenuStyle(pro
     paddingTop: '8px'
   };
 };
-
 var MobileStyledHeaderSubMenu = function MobileStyledHeaderSubMenu(props) {
   return (0, _react.jsx)("span", (0, _extends2["default"])({
     css: mobileStyledHeaderSubMenuStyle(props)
   }, props));
 };
-
 exports.MobileStyledHeaderSubMenu = MobileStyledHeaderSubMenu;
-
 var HeaderSubMenu = function HeaderSubMenu(_ref2) {
   var caption = _ref2.caption,
-      isOpen = _ref2.isOpen,
-      children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    isOpen = _ref2.isOpen,
+    children = _ref2.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var isDesktop = typeof window !== 'undefined' && window.matchMedia("(".concat(_mediaQueries.QUERY.desktop, ")")).matches;
   return (0, _react.jsx)(_MenuSubLink.MenuSubLink, (0, _extends2["default"])({}, props, {
     style: {
@@ -149,6 +129,5 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
     unmountOnExit: true
   }, (0, _react.jsx)(MobileStyledHeaderSubMenu, null, children))));
 };
-
 exports.HeaderSubMenu = HeaderSubMenu;
 //# sourceMappingURL=HeaderSubMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderSubMenu.tsx"],"names":["desktopStyledHeaderSubMenuStyle","theme","props","alignItems","backgroundColor","COLOR","tint","general","borderRadius","boxShadow","display","flexDirection","justifyContent","minWidth","padding","span","height","margin","paddingLeft","paddingRight","whiteSpace","MENU_LINK_CLASSNAME","marginTop","DESKTOP_HEADER_SUB_MENU_CLASSNAME","DesktopStyledHeaderSubMenu","mobileStyledHeaderSubMenuStyle","fontWeight","borderTop","GRAY_LIGHTEN_72","paddingTop","MobileStyledHeaderSubMenu","HeaderSubMenu","caption","isOpen","children","isDesktop","window","matchMedia","QUERY","desktop","matches","cursor","position","textAlign","DURATION","DEFAULT","left","zIndex"],"mappings":"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","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 {COLOR, Opacity, Slide, YAxisMovement} from '../../Identity';\nimport {DURATION} from '../../Identity/motions';\nimport {QUERY} from '../../mediaQueries';\nimport {Theme} from '../Theme';\nimport {MenuSubLink} from './MenuSubLink';\nimport {MENU_LINK_CLASSNAME} from './MenuLink';\n\nexport type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst desktopStyledHeaderSubMenuStyle: (theme: Theme, props: DesktopStyledHeaderSubMenuProps) => CSSObject = (\n  theme,\n  props,\n) => ({\n  alignItems: 'left',\n  backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n  borderRadius: '8px',\n  boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  minWidth: '200px',\n  padding: '8px 8px',\n  span: {\n    '&:hover': {\n      backgroundColor: theme.general.backgroundColor,\n      borderRadius: '4px',\n    },\n    alignItems: 'center',\n    display: 'flex',\n    height: '30px',\n    margin: 0,\n    paddingLeft: '10px !important',\n    paddingRight: '10px !important',\n    whiteSpace: 'nowrap',\n  },\n  [`.${MENU_LINK_CLASSNAME}:nth-of-type(n+2)`]: {\n    marginTop: '8px',\n  },\n});\n\nexport const DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';\n\nexport const DesktopStyledHeaderSubMenu = (props: DesktopStyledHeaderSubMenuProps) => (\n  <div\n    className={DESKTOP_HEADER_SUB_MENU_CLASSNAME}\n    css={(theme: Theme) => desktopStyledHeaderSubMenuStyle(theme, props)}\n    {...props}\n  />\n);\n\nexport interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nconst mobileStyledHeaderSubMenuStyle: (props: MobileStyledHeaderSubMenuProps) => CSSObject = props => ({\n  '*': {\n    fontWeight: 200,\n  },\n  alignItems: 'center',\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  marginTop: '16px',\n  paddingTop: '8px',\n});\n\nexport const MobileStyledHeaderSubMenu = (props: MobileStyledHeaderSubMenuProps) => (\n  <span css={mobileStyledHeaderSubMenuStyle(props)} {...props} />\n);\n\nexport interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  caption: string;\n  isOpen: boolean;\n}\n\nexport const HeaderSubMenu: React.FC<HeaderSubMenuProps> = ({caption, isOpen, children, ...props}) => {\n  const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${QUERY.desktop})`).matches;\n  return (\n    <MenuSubLink\n      {...props}\n      style={{cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center'}}\n    >\n      <span>{caption}</span>\n      <Opacity\n        in={isOpen && isDesktop}\n        timeout={DURATION.DEFAULT}\n        style={{display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1}}\n        mountOnEnter={false}\n        unmountOnExit={false}\n      >\n        <YAxisMovement\n          in={isOpen && isDesktop}\n          startValue={'-30px'}\n          endValue={'0px'}\n          style={{display: 'inline-block'}}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <DesktopStyledHeaderSubMenu>{children}</DesktopStyledHeaderSubMenu>\n        </YAxisMovement>\n      </Opacity>\n      <Opacity\n        in={isOpen && !isDesktop}\n        timeout={DURATION.DEFAULT}\n        mountOnEnter={false}\n        unmountOnExit={false}\n        style={{display: 'block', position: 'relative'}}\n      >\n        <Slide\n          in={isOpen && !isDesktop}\n          startValue={'-56%'}\n          endValue={'0'}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <MobileStyledHeaderSubMenu>{children}</MobileStyledHeaderSubMenu>\n        </Slide>\n      </Opacity>\n    </MenuSubLink>\n  );\n};\n"],"file":"HeaderSubMenu.js"}
+{"version":3,"file":"HeaderSubMenu.js","names":["desktopStyledHeaderSubMenuStyle","theme","props","alignItems","backgroundColor","COLOR","tint","general","borderRadius","boxShadow","display","flexDirection","justifyContent","minWidth","padding","span","height","margin","paddingLeft","paddingRight","whiteSpace","MENU_LINK_CLASSNAME","marginTop","DESKTOP_HEADER_SUB_MENU_CLASSNAME","DesktopStyledHeaderSubMenu","mobileStyledHeaderSubMenuStyle","fontWeight","borderTop","GRAY_LIGHTEN_72","paddingTop","MobileStyledHeaderSubMenu","HeaderSubMenu","caption","isOpen","children","isDesktop","window","matchMedia","QUERY","desktop","matches","cursor","position","textAlign","DURATION","DEFAULT","left","zIndex"],"sources":["HeaderSubMenu.tsx"],"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 {COLOR, Opacity, Slide, YAxisMovement} from '../../Identity';\nimport {DURATION} from '../../Identity/motions';\nimport {QUERY} from '../../mediaQueries';\nimport {Theme} from '../Theme';\nimport {MenuSubLink} from './MenuSubLink';\nimport {MENU_LINK_CLASSNAME} from './MenuLink';\n\nexport type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst desktopStyledHeaderSubMenuStyle: (theme: Theme, props: DesktopStyledHeaderSubMenuProps) => CSSObject = (\n  theme,\n  props,\n) => ({\n  alignItems: 'left',\n  backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n  borderRadius: '8px',\n  boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  minWidth: '200px',\n  padding: '8px 8px',\n  span: {\n    '&:hover': {\n      backgroundColor: theme.general.backgroundColor,\n      borderRadius: '4px',\n    },\n    alignItems: 'center',\n    display: 'flex',\n    height: '30px',\n    margin: 0,\n    paddingLeft: '10px !important',\n    paddingRight: '10px !important',\n    whiteSpace: 'nowrap',\n  },\n  [`.${MENU_LINK_CLASSNAME}:nth-of-type(n+2)`]: {\n    marginTop: '8px',\n  },\n});\n\nexport const DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';\n\nexport const DesktopStyledHeaderSubMenu = (props: DesktopStyledHeaderSubMenuProps) => (\n  <div\n    className={DESKTOP_HEADER_SUB_MENU_CLASSNAME}\n    css={(theme: Theme) => desktopStyledHeaderSubMenuStyle(theme, props)}\n    {...props}\n  />\n);\n\nexport interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nconst mobileStyledHeaderSubMenuStyle: (props: MobileStyledHeaderSubMenuProps) => CSSObject = props => ({\n  '*': {\n    fontWeight: 200,\n  },\n  alignItems: 'center',\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  marginTop: '16px',\n  paddingTop: '8px',\n});\n\nexport const MobileStyledHeaderSubMenu = (props: MobileStyledHeaderSubMenuProps) => (\n  <span css={mobileStyledHeaderSubMenuStyle(props)} {...props} />\n);\n\nexport interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  caption: string;\n  isOpen: boolean;\n}\n\nexport const HeaderSubMenu: React.FC<HeaderSubMenuProps> = ({caption, isOpen, children, ...props}) => {\n  const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${QUERY.desktop})`).matches;\n  return (\n    <MenuSubLink\n      {...props}\n      style={{cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center'}}\n    >\n      <span>{caption}</span>\n      <Opacity\n        in={isOpen && isDesktop}\n        timeout={DURATION.DEFAULT}\n        style={{display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1}}\n        mountOnEnter={false}\n        unmountOnExit={false}\n      >\n        <YAxisMovement\n          in={isOpen && isDesktop}\n          startValue={'-30px'}\n          endValue={'0px'}\n          style={{display: 'inline-block'}}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <DesktopStyledHeaderSubMenu>{children}</DesktopStyledHeaderSubMenu>\n        </YAxisMovement>\n      </Opacity>\n      <Opacity\n        in={isOpen && !isDesktop}\n        timeout={DURATION.DEFAULT}\n        mountOnEnter={false}\n        unmountOnExit={false}\n        style={{display: 'block', position: 'relative'}}\n      >\n        <Slide\n          in={isOpen && !isDesktop}\n          startValue={'-56%'}\n          endValue={'0'}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <MobileStyledHeaderSubMenu>{children}</MobileStyledHeaderSubMenu>\n        </Slide>\n      </Opacity>\n    </MenuSubLink>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuContent.d.js"}
+{"version":3,"file":"MenuContent.d.js","names":[],"sources":["MenuContent.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { TextProps } from '../../Text';\nexport interface MenuContentProps<T = HTMLDivElement> extends TextProps<T> {\n    open?: boolean;\n}\nexport declare const menuContentStyle: <T>(props: MenuContentProps<T>) => CSSObject;\nexport declare const MenuContent: (props: MenuContentProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/headerMenu/MenuContent.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuContent = exports.menuContentStyle = void 0;
-
+exports.menuContentStyle = exports.MenuContent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _util = require("../../util");
-
 var _Content = require("../Content");
-
-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; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var menuContentStyle = function menuContentStyle(props) {
   return _objectSpread(_objectSpread({}, (0, _Content.contentStyle)(props)), {}, {
     alignItems: 'center',
@@ -35,18 +26,14 @@ var menuContentStyle = function menuContentStyle(props) {
     zIndex: props.open ? 10000 : undefined
   });
 };
-
 exports.menuContentStyle = menuContentStyle;
-
 var filterMenuContentProps = function filterMenuContentProps(props) {
   return (0, _util.filterProps)(props, ['open']);
 };
-
 var MenuContent = function MenuContent(props) {
   return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: menuContentStyle(props)
   }, filterMenuContentProps(props)));
 };
-
 exports.MenuContent = MenuContent;
 //# sourceMappingURL=MenuContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuContent.tsx"],"names":["menuContentStyle","props","alignItems","display","gridColumnGap","gridTemplateColumns","height","justifyContent","left","open","undefined","position","width","zIndex","filterMenuContentProps","MenuContent"],"mappings":";;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;;;;;AAMO,IAAMA,gBAA8D,GAAG,SAAjEA,gBAAiE,CAAAC,KAAK;AAAA,yCAC9E,2BAAaA,KAAb,CAD8E;AAEjFC,IAAAA,UAAU,EAAE,QAFqE;AAGjFC,IAAAA,OAAO,EAAE,MAHwE;AAIjFC,IAAAA,aAAa,EAAE,KAJkE;AAKjFC,IAAAA,mBAAmB,EAAE,cAL4D;AAMjFC,IAAAA,MAAM,EAAE,MANyE;AAOjFC,IAAAA,cAAc,EAAE,eAPiE;AAQjFC,IAAAA,IAAI,EAAEP,KAAK,CAACQ,IAAN,GAAa,CAAb,GAAiBC,SAR0D;AASjFC,IAAAA,QAAQ,EAAEV,KAAK,CAACQ,IAAN,GAAa,OAAb,GAAuBC,SATgD;AAUjFE,IAAAA,KAAK,EAAEX,KAAK,CAACQ,IAAN,GAAa,MAAb,GAAsBC,SAVoD;AAWjFG,IAAAA,MAAM,EAAEZ,KAAK,CAACQ,IAAN,GAAa,KAAb,GAAqBC;AAXoD;AAAA,CAA5E;;;;AAcP,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACb,KAAD;AAAA,SAA6B,uBAAYA,KAAZ,EAAmB,CAAC,MAAD,CAAnB,CAA7B;AAAA,CAA/B;;AAEO,IAAMc,WAAW,GAAG,SAAdA,WAAc,CAACd,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAED,gBAAgB,CAACC,KAAD;AAA1B,KAAuCa,sBAAsB,CAACb,KAAD,CAA7D,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 {TextProps} from '../../Text';\nimport {filterProps} from '../../util';\nimport {contentStyle} from '../Content';\n\nexport interface MenuContentProps<T = HTMLDivElement> extends TextProps<T> {\n  open?: boolean;\n}\n\nexport const menuContentStyle: <T>(props: MenuContentProps<T>) => CSSObject = props => ({\n  ...contentStyle(props),\n  alignItems: 'center',\n  display: 'grid',\n  gridColumnGap: '8px',\n  gridTemplateColumns: '1fr auto 1fr',\n  height: '64px',\n  justifyContent: 'space-between',\n  left: props.open ? 0 : undefined,\n  position: props.open ? 'fixed' : undefined,\n  width: props.open ? '100%' : undefined,\n  zIndex: props.open ? 10000 : undefined,\n});\n\nconst filterMenuContentProps = (props: MenuContentProps) => filterProps(props, ['open']);\n\nexport const MenuContent = (props: MenuContentProps) => (\n  <div css={menuContentStyle(props)} {...filterMenuContentProps(props)} />\n);\n"],"file":"MenuContent.js"}
+{"version":3,"file":"MenuContent.js","names":["menuContentStyle","props","contentStyle","alignItems","display","gridColumnGap","gridTemplateColumns","height","justifyContent","left","open","undefined","position","width","zIndex","filterMenuContentProps","filterProps","MenuContent"],"sources":["MenuContent.tsx"],"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 {TextProps} from '../../Text';\nimport {filterProps} from '../../util';\nimport {contentStyle} from '../Content';\n\nexport interface MenuContentProps<T = HTMLDivElement> extends TextProps<T> {\n  open?: boolean;\n}\n\nexport const menuContentStyle: <T>(props: MenuContentProps<T>) => CSSObject = props => ({\n  ...contentStyle(props),\n  alignItems: 'center',\n  display: 'grid',\n  gridColumnGap: '8px',\n  gridTemplateColumns: '1fr auto 1fr',\n  height: '64px',\n  justifyContent: 'space-between',\n  left: props.open ? 0 : undefined,\n  position: props.open ? 'fixed' : undefined,\n  width: props.open ? '100%' : undefined,\n  zIndex: props.open ? 10000 : undefined,\n});\n\nconst filterMenuContentProps = (props: MenuContentProps) => filterProps(props, ['open']);\n\nexport const MenuContent = (props: MenuContentProps) => (\n  <div css={menuContentStyle(props)} {...filterMenuContentProps(props)} />\n);\n"],"mappings":";;;;;;;;;AAoBA;AAGA;AACA;AAAwC;AAAA;AAMjC,IAAMA,gBAA8D,GAAG,SAAjEA,gBAA8D,CAAGC,KAAK;EAAA,uCAC9E,IAAAC,qBAAY,EAACD,KAAK,CAAC;IACtBE,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,mBAAmB,EAAE,cAAc;IACnCC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,eAAe;IAC/BC,IAAI,EAAER,KAAK,CAACS,IAAI,GAAG,CAAC,GAAGC,SAAS;IAChCC,QAAQ,EAAEX,KAAK,CAACS,IAAI,GAAG,OAAO,GAAGC,SAAS;IAC1CE,KAAK,EAAEZ,KAAK,CAACS,IAAI,GAAG,MAAM,GAAGC,SAAS;IACtCG,MAAM,EAAEb,KAAK,CAACS,IAAI,GAAG,KAAK,GAAGC;EAAS;AAAA,CACtC;AAAC;AAEH,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAId,KAAuB;EAAA,OAAK,IAAAe,iBAAW,EAACf,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC;AAAA;AAEjF,IAAMgB,WAAW,GAAG,SAAdA,WAAW,CAAIhB,KAAuB;EAAA,OACjD;IAAK,GAAG,EAAED,gBAAgB,CAACC,KAAK;EAAE,GAAKc,sBAAsB,CAACd,KAAK,CAAC,EAAI;AAAA,CACzE;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuItems.d.js"}
+{"version":3,"file":"MenuItems.d.js","names":[],"sources":["MenuItems.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport React from 'react';\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Theme';\nexport interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    open?: boolean;\n}\nexport declare const menuItemsStyle: <T>(theme: Theme, props: MenuItemsProps<T>) => CSSObject;\nexport declare const MenuItems: (props: MenuItemsProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/headerMenu/MenuItems.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuItems = exports.menuItemsStyle = void 0;
-
+exports.menuItemsStyle = exports.MenuItems = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _mediaQueries = require("../../mediaQueries");
-
 var _util = require("../../util");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -39,6 +31,7 @@ var _util = require("../../util");
  */
 
 /** @jsx jsx */
+
 var menuItemsStyle = function menuItemsStyle(theme, props) {
   return (0, _defineProperty2["default"])({
     alignSelf: 'center',
@@ -57,13 +50,10 @@ var menuItemsStyle = function menuItemsStyle(theme, props) {
     zIndex: 1
   });
 };
-
 exports.menuItemsStyle = menuItemsStyle;
-
 var filterMenuItemProps = function filterMenuItemProps(props) {
   return (0, _util.filterProps)(props, ['open']);
 };
-
 var MenuItems = function MenuItems(props) {
   return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: function css(theme) {
@@ -71,6 +61,5 @@ var MenuItems = function MenuItems(props) {
     }
   }, filterMenuItemProps(props)));
 };
-
 exports.MenuItems = MenuItems;
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItems.tsx"],"names":["menuItemsStyle","theme","props","alignSelf","display","justifySelf","media","QueryKeys","TABLET_DOWN","backgroundColor","general","bottom","left","overflowY","position","right","top","transform","open","transition","zIndex","filterMenuItemProps","MenuItems"],"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,cAAwE,GAAG,SAA3EA,cAA2E,CAACC,KAAD,EAAQC,KAAR;AAAA;AACtFC,IAAAA,SAAS,EAAE,QAD2E;AAEtFC,IAAAA,OAAO,EAAE,MAF6E;AAGtFC,IAAAA,WAAW,EAAE;AAHyE,KAIrFC,oBAAMC,wBAAUC,WAAhB,CAJqF,EAItD;AAC9BC,IAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcD,eADD;AAE9BE,IAAAA,MAAM,EAAE,CAFsB;AAG9BC,IAAAA,IAAI,EAAE,CAHwB;AAI9BC,IAAAA,SAAS,EAAE,MAJmB;AAK9BC,IAAAA,QAAQ,EAAE,OALoB;AAM9BC,IAAAA,KAAK,EAAE,CANuB;AAO9BC,IAAAA,GAAG,EAAE,CAPyB;AAQ9BC,IAAAA,SAAS,EAAEf,KAAK,CAACgB,IAAN,GAAa,eAAb,GAA+B,kBARZ;AAS9BC,IAAAA,UAAU,EAAE,sBATkB;AAU9BC,IAAAA,MAAM,EAAE;AAVsB,GAJsD;AAAA,CAAjF;;;;AAkBP,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACnB,KAAD;AAAA,SAA2B,uBAAYA,KAAZ,EAAmB,CAAC,MAAD,CAAnB,CAA3B;AAAA,CAA5B;;AAEO,IAAMoB,SAAS,GAAG,SAAZA,SAAY,CAACpB,KAAD;AAAA,SACvB;AAAK,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQC,KAAR,CAAhC;AAAA;AAAV,KAA8DmB,mBAAmB,CAACnB,KAAD,CAAjF,EADuB;AAAA,CAAlB","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 React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {filterProps} from '../../util';\nimport {Theme} from '../Theme';\n\nexport interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nexport const menuItemsStyle: <T>(theme: Theme, props: MenuItemsProps<T>) => CSSObject = (theme, props) => ({\n  alignSelf: 'center',\n  display: 'flex',\n  justifySelf: 'end',\n  [media[QueryKeys.TABLET_DOWN]]: {\n    backgroundColor: theme.general.backgroundColor,\n    bottom: 0,\n    left: 0,\n    overflowY: 'auto',\n    position: 'fixed',\n    right: 0,\n    top: 0,\n    transform: props.open ? 'translateX(0)' : 'translateX(110%)',\n    transition: 'transform 0.25s ease',\n    zIndex: 1,\n  },\n});\n\nconst filterMenuItemProps = (props: MenuItemsProps) => filterProps(props, ['open']);\n\nexport const MenuItems = (props: MenuItemsProps) => (\n  <div css={(theme: Theme) => menuItemsStyle(theme, props)} {...filterMenuItemProps(props)} />\n);\n"],"file":"MenuItems.js"}
+{"version":3,"file":"MenuItems.js","names":["menuItemsStyle","theme","props","alignSelf","display","justifySelf","media","QueryKeys","TABLET_DOWN","backgroundColor","general","bottom","left","overflowY","position","right","top","transform","open","transition","zIndex","filterMenuItemProps","filterProps","MenuItems"],"sources":["MenuItems.tsx"],"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 React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {filterProps} from '../../util';\nimport {Theme} from '../Theme';\n\nexport interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nexport const menuItemsStyle: <T>(theme: Theme, props: MenuItemsProps<T>) => CSSObject = (theme, props) => ({\n  alignSelf: 'center',\n  display: 'flex',\n  justifySelf: 'end',\n  [media[QueryKeys.TABLET_DOWN]]: {\n    backgroundColor: theme.general.backgroundColor,\n    bottom: 0,\n    left: 0,\n    overflowY: 'auto',\n    position: 'fixed',\n    right: 0,\n    top: 0,\n    transform: props.open ? 'translateX(0)' : 'translateX(110%)',\n    transition: 'transform 0.25s ease',\n    zIndex: 1,\n  },\n});\n\nconst filterMenuItemProps = (props: MenuItemsProps) => filterProps(props, ['open']);\n\nexport const MenuItems = (props: MenuItemsProps) => (\n  <div css={(theme: Theme) => menuItemsStyle(theme, props)} {...filterMenuItemProps(props)} />\n);\n"],"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,cAAwE,GAAG,SAA3EA,cAAwE,CAAIC,KAAK,EAAEC,KAAK;EAAA;IACnGC,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE,MAAM;IACfC,WAAW,EAAE;EAAK,GACjBC,mBAAK,CAACC,uBAAS,CAACC,WAAW,CAAC,EAAG;IAC9BC,eAAe,EAAER,KAAK,CAACS,OAAO,CAACD,eAAe;IAC9CE,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,MAAM;IACjBC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,SAAS,EAAEf,KAAK,CAACgB,IAAI,GAAG,eAAe,GAAG,kBAAkB;IAC5DC,UAAU,EAAE,sBAAsB;IAClCC,MAAM,EAAE;EACV,CAAC;AAAA,CACD;AAAC;AAEH,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAInB,KAAqB;EAAA,OAAK,IAAAoB,iBAAW,EAACpB,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC;AAAA;AAE5E,IAAMqB,SAAS,GAAG,SAAZA,SAAS,CAAIrB,KAAqB;EAAA,OAC7C;IAAK,GAAG,EAAE,aAACD,KAAY;MAAA,OAAKD,cAAc,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GAAKmB,mBAAmB,CAACnB,KAAK,CAAC,EAAI;AAAA,CAC7F;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuLink.d.js"}
+{"version":3,"file":"MenuLink.d.js","names":[],"sources":["MenuLink.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { LinkProps } from '../../Text';\nimport { Theme } from '../Theme';\nexport interface MenuLinkProps<T = HTMLAnchorElement> extends LinkProps<T> {\n    button?: boolean;\n}\nexport declare const menuLinkStyle: <T>(theme: Theme, props: MenuLinkProps<T>) => CSSObject;\nexport declare const MENU_LINK_CLASSNAME = \"menu-link\";\nexport declare const filterMenuLinkProps: (props: MenuLinkProps) => Object;\nexport declare const MenuLink: (props: MenuLinkProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/headerMenu/MenuLink.js

@@ -1,48 +1,34 @@
 "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;
-
+exports.menuLinkStyle = exports.filterMenuLinkProps = exports.MenuLink = exports.MENU_LINK_CLASSNAME = 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; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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);
+    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,
@@ -72,17 +58,13 @@ var menuLinkStyle = function menuLinkStyle(theme, _ref) {
     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,
@@ -91,6 +73,5 @@ var MenuLink = function MenuLink(props) {
     }
   }, filterMenuLinkProps(props)));
 };
-
 exports.MenuLink = MenuLink;
 //# sourceMappingURL=MenuLink.js.map

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

@@ -1 +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"}
+{"version":3,"file":"MenuLink.js","names":["menuLinkStyle","theme","bold","color","general","fontSize","textTransform","button","props","linkStyle","media","QueryKeys","DESKTOP","marginLeft","marginRight","margin","DESKTOP_HEADER_SUB_MENU_CLASSNAME","TABLET_DOWN","border","fontWeight","maxWidth","padding","undefined","MENU_LINK_CLASSNAME","filterMenuLinkProps","filterProps","filterLinkProps","MenuLink"],"sources":["MenuLink.tsx"],"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"],"mappings":";;;;;;;;;;AAoBA;AAEA;AACA;AACA;AAEA;AAAkE;AAAA;AAAA;AAM3D,IAAMA,aAAsE,GAAG,SAAzEA,aAAsE,CACjFC,KAAK;EAAA;EAAA,qBACJC,IAAI;IAAJA,IAAI,0BAAG,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGF,KAAK,CAACG,OAAO,CAACD,KAAK;IAAA,qBAAEE,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,WAAW;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAKC,KAAK;EAAA,uCAEhH,IAAAC,eAAS,EAACR,KAAK;IAAGC,IAAI,EAAJA,IAAI;IAAEC,KAAK,EAALA,KAAK;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,aAAa,EAAbA;EAAa,GAAKE,KAAK,EAAE,8EACpEE,mBAAK,CAACC,uBAAS,CAACC,OAAO,CAAC;IACvB,iBAAiB,EAAE;MACjBC,UAAU,EAAE;IACd,CAAC;IACD,gBAAgB,EAAE;MAChBC,WAAW,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;EAAe,cAClBC,gDAAiC,SAAO;IAC3C,iBAAiB,EAAE;MACjBH,UAAU,EAAE;IACd,CAAC;IACD,gBAAgB,EAAE;MAChBC,WAAW,EAAE;IACf;EACF,CAAC,qDAEFJ,mBAAK,CAACC,uBAAS,CAACM,WAAW,CAAC,EAAG;IAC9BC,MAAM,EAAE,MAAM;IACdb,QAAQ,EAAE,iBAAiB;IAC3Bc,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,UAAU;IACnBf,aAAa,EAAE;EACjB,CAAC,8DACOC,MAAM,GAAG,8BAA8B,GAAGe,SAAS,oEAC7Cf,MAAM,GAAG,KAAK,GAAGe,SAAS,+DAC/Bf,MAAM,GAAG,WAAW,GAAGe,SAAS;AAAA,CACzC;AAAC;AAEI,IAAMC,mBAAmB,GAAG,WAAW;AAAC;AAExC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIhB,KAAoB;EAAA,OACtD,IAAAiB,iBAAW,EAAC,IAAAC,qBAAe,EAAClB,KAAK,CAAC,EAAmB,CAAC,QAAQ,CAAC,CAAC;AAAA;AAAC;AAE5D,IAAMmB,QAAQ,GAAG,SAAXA,QAAQ,CAAInB,KAAoB;EAAA,OAC3C;IACE,SAAS,EAAEe,mBAAoB;IAC/B,GAAG,EAAE,aAACtB,KAAY;MAAA,OAAKD,aAAa,CAACC,KAAK,EAAEO,KAAK,CAAC;IAAA;EAAC,GAC/CgB,mBAAmB,CAAChB,KAAK,CAAC,EAC9B;AAAA,CACH;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuOpenButton.d.js"}
+{"version":3,"file":"MenuOpenButton.d.js","names":[],"sources":["MenuOpenButton.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nimport { Theme } from '../Theme';\nexport interface MenuOpenButtonProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    open?: boolean;\n}\nexport declare const menuOpenButtonStyle: <T>(theme: Theme, props: MenuOpenButtonProps<T>) => CSSObject;\nexport declare const MenuOpenButton: (props: MenuOpenButtonProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/headerMenu/MenuOpenButton.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
-
+exports.menuOpenButtonStyle = exports.MenuOpenButton = 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
@@ -39,9 +31,9 @@ var _util = require("../../util");
  */
 
 /** @jsx jsx */
+
 var menuOpenButtonStyle = function menuOpenButtonStyle(theme, _ref) {
   var _ref2;
-
   var open = _ref.open;
   return _ref2 = {
     display: 'block',
@@ -66,13 +58,10 @@ var menuOpenButtonStyle = function menuOpenButtonStyle(theme, _ref) {
     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) {
@@ -80,6 +69,5 @@ var MenuOpenButton = function MenuOpenButton(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

@@ -1 +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"}
+{"version":3,"file":"MenuOpenButton.js","names":["menuOpenButtonStyle","theme","open","display","div","backgroundColor","general","color","height","margin","transition","width","transform","undefined","opacity","media","QueryKeys","DESKTOP","filterMenuOpenButtonProps","props","filterProps","MenuOpenButton"],"sources":["MenuOpenButton.tsx"],"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"],"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,mBAAkF,CAAIC,KAAK;EAAA;EAAA,IAAGC,IAAI,QAAJA,IAAI;EAAA;IAC7GC,OAAO,EAAE,OAAO;IAChBC,GAAG,EAAE;MACHC,eAAe,EAAEJ,KAAK,CAACK,OAAO,CAACC,KAAK;MACpCC,MAAM,EAAE,KAAK;MACbC,MAAM,EAAE,KAAK;MACbC,UAAU,EAAE,uBAAuB;MACnCC,KAAK,EAAE;IACT,CAAC;IACD,oBAAoB,EAAE;MACpBC,SAAS,EAAEV,IAAI,GAAG,gCAAgC,GAAGW;IACvD,CAAC;IACD,oBAAoB,EAAE;MACpBC,OAAO,EAAEZ,IAAI,GAAG,CAAC,GAAGW,SAAS;MAC7BD,SAAS,EAAEV,IAAI,GAAG,aAAa,GAAGW;IACpC,CAAC;IACD,oBAAoB,EAAE;MACpBD,SAAS,EAAEV,IAAI,GAAG,gCAAgC,GAAGW;IACvD;EAAC,2CACAE,mBAAK,CAACC,uBAAS,CAACC,OAAO,CAAC,EAAG;IAC1Bd,OAAO,EAAE;EACX,CAAC,qDACO,CAAC;AAAA,CACT;AAAC;AAEH,IAAMe,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,KAA0B;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC;AAAA;AAEvF,IAAME,cAAc,GAAG,SAAjBA,cAAc,CAAIF,KAA0B;EAAA,OACvD;IAAK,GAAG,EAAE,aAAClB,KAAY;MAAA,OAAKD,mBAAmB,CAACC,KAAK,EAAEkB,KAAK,CAAC;IAAA;EAAC,GAAKD,yBAAyB,CAACC,KAAK,CAAC,GACjG,4BAAO,EACP,4BAAO,EACP,4BAAO,CACH;AAAA,CACP;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuScrollableItems.d.js"}
+{"version":3,"file":"MenuScrollableItems.d.js","names":[],"sources":["MenuScrollableItems.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport React from 'react';\nexport interface MenuScrollableItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    open?: boolean;\n}\nexport declare const menuScrollableItemsStyle: <T>(props: MenuScrollableItemsProps<T>) => CSSObject;\nexport declare const MenuScrollableItems: (props: MenuScrollableItemsProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/headerMenu/MenuScrollableItems.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
-
+exports.menuScrollableItemsStyle = exports.MenuScrollableItems = 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
@@ -37,6 +30,7 @@ var _mediaQueries = require("../../mediaQueries");
  */
 
 /** @jsx jsx */
+
 var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
   return (0, _defineProperty2["default"])({
     alignItems: 'center',
@@ -48,14 +42,11 @@ var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
     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

@@ -1 +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"}
+{"version":3,"file":"MenuScrollableItems.js","names":["menuScrollableItemsStyle","props","alignItems","alignSelf","display","media","QueryKeys","TABLET_DOWN","flexDirection","margin","MenuScrollableItems"],"sources":["MenuScrollableItems.tsx"],"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"],"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,wBAA8E,CAAGC,KAAK;EAAA;IACjGC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE;EAAM,GACdC,mBAAK,CAACC,uBAAS,CAACC,WAAW,CAAC,EAAG;IAC9BL,UAAU,EAAE,QAAQ;IACpBM,aAAa,EAAE,QAAQ;IACvBC,MAAM,EAAE;EACV,CAAC;AAAA,CACD;AAAC;AAEI,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIT,KAA+B;EAAA,OACjE;IAAK,GAAG,EAAED,wBAAwB,CAACC,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA,CACzD;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"MenuSubLink.d.js"}
+{"version":3,"file":"MenuSubLink.d.js","names":[],"sources":["MenuSubLink.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { TextProps } from '../../Text';\nimport { Theme } from '../Theme';\ndeclare type MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;\nexport declare const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject;\nexport declare const MenuSubLink: (props: MenuSubLinkProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}

package/src/Layout/headerMenu/MenuSubLink.js

@@ -1,31 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuSubLink = exports.menuSubLinkStyle = void 0;
-
+exports.menuSubLinkStyle = exports.MenuSubLink = 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; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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%)'
@@ -54,9 +43,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
     textTransform: 'none !important'
   }), _objectSpread2));
 };
-
 exports.menuSubLinkStyle = menuSubLinkStyle;
-
 var MenuSubLink = function MenuSubLink(props) {
   return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: function css(theme) {
@@ -64,6 +51,5 @@ var MenuSubLink = function MenuSubLink(props) {
     }
   }, props));
 };
-
 exports.MenuSubLink = MenuSubLink;
 //# sourceMappingURL=MenuSubLink.js.map