@wireapp/react-ui-kit 8.17.10 → 9.0.0

package/src/Layout/headerMenu/HeaderSubMenu.js

@@ -1,134 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileStyledHeaderSubMenu = exports.HeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = void 0;
-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"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var desktopStyledHeaderSubMenuStyle = function desktopStyledHeaderSubMenuStyle(theme, props) {
-  return _defineProperty({
-    alignItems: 'left',
-    backgroundColor: _Identity.COLOR.tint(theme.general.backgroundColor, 0.16),
-    borderRadius: '8px',
-    boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    minWidth: '200px',
-    padding: '8px 8px',
-    span: {
-      '&:hover': {
-        backgroundColor: theme.general.backgroundColor,
-        borderRadius: '4px'
-      },
-      alignItems: 'center',
-      display: 'flex',
-      height: '30px',
-      margin: 0,
-      paddingLeft: '10px !important',
-      paddingRight: '10px !important',
-      whiteSpace: 'nowrap'
-    }
-  }, ".".concat(_MenuLink.MENU_LINK_CLASSNAME, ":nth-of-type(n+2)"), {
-    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", _extends({
-    className: DESKTOP_HEADER_SUB_MENU_CLASSNAME,
-    css: function css(theme) {
-      return desktopStyledHeaderSubMenuStyle(theme, props);
-    }
-  }, props));
-};
-exports.DesktopStyledHeaderSubMenu = DesktopStyledHeaderSubMenu;
-var mobileStyledHeaderSubMenuStyle = function mobileStyledHeaderSubMenuStyle(props) {
-  return {
-    '*': {
-      fontWeight: 200
-    },
-    alignItems: 'center',
-    borderTop: "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72),
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    marginTop: '16px',
-    paddingTop: '8px'
-  };
-};
-var MobileStyledHeaderSubMenu = function MobileStyledHeaderSubMenu(props) {
-  return (0, _react.jsx)("span", _extends({
-    css: mobileStyledHeaderSubMenuStyle(props)
-  }, props));
-};
-exports.MobileStyledHeaderSubMenu = MobileStyledHeaderSubMenu;
-var HeaderSubMenu = function HeaderSubMenu(_ref2) {
-  var caption = _ref2.caption,
-    isOpen = _ref2.isOpen,
-    children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var isDesktop = typeof window !== 'undefined' && window.matchMedia("(".concat(_mediaQueries.QUERY.desktop, ")")).matches;
-  return (0, _react.jsx)(_MenuSubLink.MenuSubLink, _extends({}, props, {
-    style: {
-      cursor: 'pointer',
-      display: 'inline-block',
-      position: 'relative',
-      textAlign: 'center'
-    }
-  }), (0, _react.jsx)("span", null, caption), (0, _react.jsx)(_Identity.Opacity, {
-    "in": isOpen && isDesktop,
-    timeout: _motions.DURATION.DEFAULT,
-    style: {
-      display: 'inline-block',
-      left: -18,
-      marginTop: 10,
-      paddingTop: 20,
-      position: 'absolute',
-      zIndex: 1
-    },
-    mountOnEnter: false,
-    unmountOnExit: false
-  }, (0, _react.jsx)(_Identity.YAxisMovement, {
-    "in": isOpen && isDesktop,
-    startValue: '-30px',
-    endValue: '0px',
-    style: {
-      display: 'inline-block'
-    },
-    timeout: _motions.DURATION.DEFAULT,
-    mountOnEnter: false,
-    unmountOnExit: true
-  }, (0, _react.jsx)(DesktopStyledHeaderSubMenu, null, children))), (0, _react.jsx)(_Identity.Opacity, {
-    "in": isOpen && !isDesktop,
-    timeout: _motions.DURATION.DEFAULT,
-    mountOnEnter: false,
-    unmountOnExit: false,
-    style: {
-      display: 'block',
-      position: 'relative'
-    }
-  }, (0, _react.jsx)(_Identity.Slide, {
-    "in": isOpen && !isDesktop,
-    startValue: '-56%',
-    endValue: '0',
-    timeout: _motions.DURATION.DEFAULT,
-    mountOnEnter: false,
-    unmountOnExit: true
-  }, (0, _react.jsx)(MobileStyledHeaderSubMenu, null, children))));
-};
-exports.HeaderSubMenu = HeaderSubMenu;
-//# sourceMappingURL=HeaderSubMenu.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAI/C,IAAMA,+BAAoG,GAAG,SAAvGA,+BAAoG,CACxGC,KAAK,EACLC,KAAK;EAAA;IAELC,UAAU,EAAE,MAAM;IAClBC,eAAe,EAAEC,eAAK,CAACC,IAAI,CAACL,KAAK,CAACM,OAAO,CAACH,eAAe,EAAE,IAAI,CAAC;IAChEI,YAAY,EAAE,KAAK;IACnBC,SAAS,EAAE,kCAAkC;IAC7CC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,SAAS;IAClBC,IAAI,EAAE;MACJ,SAAS,EAAE;QACTX,eAAe,EAAEH,KAAK,CAACM,OAAO,CAACH,eAAe;QAC9CI,YAAY,EAAE;MAChB,CAAC;MACDL,UAAU,EAAE,QAAQ;MACpBO,OAAO,EAAE,MAAM;MACfM,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,CAAC;MACTC,WAAW,EAAE,iBAAiB;MAC9BC,YAAY,EAAE,iBAAiB;MAC/BC,UAAU,EAAE;IACd;EAAC,cACIC,6BAAmB,wBAAsB;IAC5CC,SAAS,EAAE;EACb,CAAC;AAAA,CACD;AAEK,IAAMC,iCAAiC,GAAG,4BAA4B;AAAC;AAEvE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0B,CAAItB,KAAsC;EAAA,OAC/E;IACE,SAAS,EAAEqB,iCAAkC;IAC7C,GAAG,EAAE,aAACtB,KAAY;MAAA,OAAKD,+BAA+B,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GACjEA,KAAK,EACT;AAAA,CACH;AAAC;AAMF,IAAMuB,8BAAoF,GAAG,SAAvFA,8BAAoF,CAAGvB,KAAK;EAAA,OAAK;IACrG,GAAG,EAAE;MACHwB,UAAU,EAAE;IACd,CAAC;IACDvB,UAAU,EAAE,QAAQ;IACpBwB,SAAS,sBAAetB,eAAK,CAACuB,eAAe,CAAE;IAC/ClB,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBU,SAAS,EAAE,MAAM;IACjBO,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAI5B,KAAqC;EAAA,OAC7E;IAAM,GAAG,EAAEuB,8BAA8B,CAACvB,KAAK;EAAE,GAAKA,KAAK,EAAI;AAAA,CAChE;AAAC;AAOK,IAAM6B,aAA2C,GAAG,SAA9CA,aAA2C,QAA8C;EAAA,IAAzCC,OAAO,SAAPA,OAAO;IAAEC,MAAM,SAANA,MAAM;IAAEC,QAAQ,SAARA,QAAQ;IAAKhC,KAAK;EAC9F,IAAMiC,SAAS,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,UAAU,YAAKC,mBAAK,CAACC,OAAO,OAAI,CAACC,OAAO;EAClG,OACE,gBAAC,wBAAW,eACNtC,KAAK;IACT,KAAK,EAAE;MAACuC,MAAM,EAAE,SAAS;MAAE/B,OAAO,EAAE,cAAc;MAAEgC,QAAQ,EAAE,UAAU;MAAEC,SAAS,EAAE;IAAQ;EAAE,IAE/F,8BAAOX,OAAO,CAAQ,EACtB,gBAAC,iBAAO;IACN,MAAIC,MAAM,IAAIE,SAAU;IACxB,OAAO,EAAES,iBAAQ,CAACC,OAAQ;IAC1B,KAAK,EAAE;MAACnC,OAAO,EAAE,cAAc;MAAEoC,IAAI,EAAE,CAAC,EAAE;MAAExB,SAAS,EAAE,EAAE;MAAEO,UAAU,EAAE,EAAE;MAAEa,QAAQ,EAAE,UAAU;MAAEK,MAAM,EAAE;IAAC,CAAE;IAC5G,YAAY,EAAE,KAAM;IACpB,aAAa,EAAE;EAAM,GAErB,gBAAC,uBAAa;IACZ,MAAId,MAAM,IAAIE,SAAU;IACxB,UAAU,EAAE,OAAQ;IACpB,QAAQ,EAAE,KAAM;IAChB,KAAK,EAAE;MAACzB,OAAO,EAAE;IAAc,CAAE;IACjC,OAAO,EAAEkC,iBAAQ,CAACC,OAAQ;IAC1B,YAAY,EAAE,KAAM;IACpB,aAAa,EAAE;EAAK,GAEpB,gBAAC,0BAA0B,QAAEX,QAAQ,CAA8B,CACrD,CACR,EACV,gBAAC,iBAAO;IACN,MAAID,MAAM,IAAI,CAACE,SAAU;IACzB,OAAO,EAAES,iBAAQ,CAACC,OAAQ;IAC1B,YAAY,EAAE,KAAM;IACpB,aAAa,EAAE,KAAM;IACrB,KAAK,EAAE;MAACnC,OAAO,EAAE,OAAO;MAAEgC,QAAQ,EAAE;IAAU;EAAE,GAEhD,gBAAC,eAAK;IACJ,MAAIT,MAAM,IAAI,CAACE,SAAU;IACzB,UAAU,EAAE,MAAO;IACnB,QAAQ,EAAE,GAAI;IACd,OAAO,EAAES,iBAAQ,CAACC,OAAQ;IAC1B,YAAY,EAAE,KAAM;IACpB,aAAa,EAAE;EAAK,GAEpB,gBAAC,yBAAyB,QAAEX,QAAQ,CAA6B,CAC3D,CACA,CACE;AAElB,CAAC;AAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuContentStyle = exports.MenuContent = void 0;
-var _react = require("@emotion/react");
-var _util = require("../../util");
-var _Content = require("../Content");
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var menuContentStyle = function menuContentStyle(props) {
-  return _objectSpread(_objectSpread({}, (0, _Content.contentStyle)(props)), {}, {
-    alignItems: 'center',
-    display: 'grid',
-    gridColumnGap: '8px',
-    gridTemplateColumns: '1fr auto 1fr',
-    height: '64px',
-    justifyContent: 'space-between',
-    left: props.open ? 0 : undefined,
-    position: props.open ? 'fixed' : undefined,
-    width: props.open ? '100%' : undefined,
-    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", _extends({
-    css: menuContentStyle(props)
-  }, filterMenuContentProps(props)));
-};
-exports.MenuContent = MenuContent;
-//# sourceMappingURL=MenuContent.js.map

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

@@ -1 +0,0 @@
-{"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;AAAA;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

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

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

@@ -1 +0,0 @@
-{"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,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuItemsStyle = exports.MenuItems = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _mediaQueries = require("../../mediaQueries");
-var _util = require("../../util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var menuItemsStyle = function menuItemsStyle(theme, props) {
-  return _defineProperty({
-    alignSelf: 'center',
-    display: 'flex',
-    justifySelf: 'end'
-  }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
-    backgroundColor: theme.general.backgroundColor,
-    bottom: 0,
-    left: 0,
-    overflowY: 'auto',
-    position: 'fixed',
-    right: 0,
-    top: 0,
-    transform: props.open ? 'translateX(0)' : 'translateX(110%)',
-    transition: 'transform 0.25s ease',
-    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", _extends({
-    css: function css(theme) {
-      return menuItemsStyle(theme, props);
-    }
-  }, filterMenuItemProps(props)));
-};
-exports.MenuItems = MenuItems;
-//# sourceMappingURL=MenuItems.js.map

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

@@ -1 +0,0 @@
-{"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;AAAuC;AAAA;AAAA;AAOhC,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

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

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

@@ -1 +0,0 @@
-{"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,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuLinkStyle = exports.filterMenuLinkProps = exports.MenuLink = exports.MENU_LINK_CLASSNAME = void 0;
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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 = _objectWithoutProperties(_ref, _excluded);
-  return _objectSpread(_objectSpread({}, (0, _Text.linkStyle)(theme, _objectSpread({
-    bold: bold,
-    color: color,
-    fontSize: fontSize,
-    textTransform: textTransform
-  }, props))), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], _defineProperty({
-    '&: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'
-    }
-  })), _defineProperty(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
-    border: 'none',
-    fontSize: '32px !important',
-    fontWeight: 300,
-    maxWidth: '480px',
-    padding: '8px 24px',
-    textTransform: 'none !important'
-  }), _defineProperty(_objectSpread2, "border", button ? '1px solid rgb(219, 226, 231)' : undefined), _defineProperty(_objectSpread2, "borderRadius", button ? '4px' : undefined), _defineProperty(_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", _extends({
-    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

@@ -1 +0,0 @@
-{"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;AAAA;AAAA;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,6DACpEE,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,oCAEFJ,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,6CACOC,MAAM,GAAG,8BAA8B,GAAGe,SAAS,mDAC7Cf,MAAM,GAAG,KAAK,GAAGe,SAAS,8CAC/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

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

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

@@ -1 +0,0 @@
-{"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,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuOpenButtonStyle = exports.MenuOpenButton = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _mediaQueries = require("../../mediaQueries");
-var _util = require("../../util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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
-    }
-  }, _defineProperty(_ref2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
-    display: 'none'
-  }), _defineProperty(_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", _extends({
-    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

@@ -1 +0,0 @@
-{"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;AAAuC;AAAA;AAAA;AAOhC,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,0BACAE,mBAAK,CAACC,uBAAS,CAACC,OAAO,CAAC,EAAG;IAC1Bd,OAAO,EAAE;EACX,CAAC,oCACO,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

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

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

@@ -1 +0,0 @@
-{"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,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuScrollableItemsStyle = exports.MenuScrollableItems = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _mediaQueries = require("../../mediaQueries");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
-  return _defineProperty({
-    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", _extends({
-    css: menuScrollableItemsStyle(props)
-  }, props));
-};
-exports.MenuScrollableItems = MenuScrollableItems;
-//# sourceMappingURL=MenuScrollableItems.js.map

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

@@ -1 +0,0 @@
-{"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;AAAoD;AAAA;AAAA;AAM7C,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

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

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

@@ -1 +0,0 @@
-{"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,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuSubLinkStyle = exports.MenuSubLink = void 0;
-var _react = require("@emotion/react");
-var _motions = require("../../Identity/motions");
-var _mediaQueries = require("../../mediaQueries");
-var _Text = require("../../Text");
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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
-  }, _defineProperty(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
-    '&:first-of-type': {
-      marginLeft: 0
-    },
-    '&:last-child': {
-      marginRight: 0
-    },
-    fontSize: '11px',
-    margin: '0 26px 0 10px',
-    textTransform: 'uppercase'
-  }), _defineProperty(_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", _extends({
-    css: function css(theme) {
-      return menuSubLinkStyle(theme, props);
-    }
-  }, props));
-};
-exports.MenuSubLink = MenuSubLink;
-//# sourceMappingURL=MenuSubLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuSubLink.js","names":["menuSubLinkStyle","theme","props","textStyle","filter","color","general","cursor","fontWeight","textDecoration","transition","defaultTransition","media","QueryKeys","DESKTOP","marginLeft","marginRight","fontSize","margin","textTransform","TABLET_DOWN","border","maxWidth","padding","MenuSubLink"],"sources":["MenuSubLink.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 {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"],"mappings":";;;;;;AAoBA;AAEA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAKzC,IAAMA,gBAA4E,GAAG,SAA/EA,gBAA4E,CAAIC,KAAK,EAAEC,KAAK;EAAA;EAAA,uCACpG,IAAAC,eAAS,EAACF,KAAK,EAAEC,KAAK,CAAC;IAC1B,SAAS,EAAE;MACTE,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACD,KAAK;IAC1BE,MAAM,EAAE,SAAS;IACjBC,UAAU,EAAE,GAAG;IACfC,cAAc,EAAE,MAAM;IACtBC,UAAU,EAAEC;EAAiB,mCAC5BC,mBAAK,CAACC,uBAAS,CAACC,OAAO,CAAC,EAAG;IAC1B,iBAAiB,EAAE;MACjBC,UAAU,EAAE;IACd,CAAC;IACD,cAAc,EAAE;MACdC,WAAW,EAAE;IACf,CAAC;IACDC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE,eAAe;IACvBC,aAAa,EAAE;EACjB,CAAC,mCAEAP,mBAAK,CAACC,uBAAS,CAACO,WAAW,CAAC,EAAG;IAC9BC,MAAM,EAAE,MAAM;IACdJ,QAAQ,EAAE,iBAAiB;IAC3BT,UAAU,EAAE,gBAAgB;IAC5Bc,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,UAAU;IACnBJ,aAAa,EAAE;EACjB,CAAC;AAAA,CACD;AAAC;AAEI,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAItB,KAAuB;EAAA,OACjD;IAAK,GAAG,EAAE,aAACD,KAAY;MAAA,OAAKD,gBAAgB,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,EAAI;AAAA,CAC1E;AAAC"}