@wireapp/react-ui-kit 8.17.3 → 8.17.4

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

@@ -1 +1 @@
-{"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"}
+{"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.js

@@ -1,37 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+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;
@@ -54,16 +33,16 @@ var menuOpenButtonStyle = function menuOpenButtonStyle(theme, _ref) {
     'div:nth-of-type(3)': {
       transform: open ? 'translateY(-6px) rotate(45deg)' : undefined
     }
-  }, (0, _defineProperty2["default"])(_ref2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
+  }, _defineProperty(_ref2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
     display: 'none'
-  }), (0, _defineProperty2["default"])(_ref2, "zIndex", 2), _ref2;
+  }), _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", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: function css(theme) {
       return menuOpenButtonStyle(theme, props);
     }

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

@@ -1 +1 @@
-{"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"}
+{"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.js

@@ -1,38 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+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 (0, _defineProperty2["default"])({
+  return _defineProperty({
     alignItems: 'center',
     alignSelf: 'center',
     display: 'flex'
@@ -44,7 +23,7 @@ var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
 };
 exports.menuScrollableItemsStyle = menuScrollableItemsStyle;
 var MenuScrollableItems = function MenuScrollableItems(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: menuScrollableItemsStyle(props)
   }, props));
 };

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

@@ -1 +1 @@
-{"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"}
+{"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.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _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) { (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; }
+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 = {
@@ -24,7 +23,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
     fontWeight: 600,
     textDecoration: 'none',
     transition: _motions.defaultTransition
-  }, (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
+  }, _defineProperty(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
     '&:first-of-type': {
       marginLeft: 0
     },
@@ -34,7 +33,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
     fontSize: '11px',
     margin: '0 26px 0 10px',
     textTransform: 'uppercase'
-  }), (0, _defineProperty2["default"])(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
+  }), _defineProperty(_objectSpread2, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
     border: 'none',
     fontSize: '32px !important',
     fontWeight: '300 !important',
@@ -45,7 +44,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
 };
 exports.menuSubLinkStyle = menuSubLinkStyle;
 var MenuSubLink = function MenuSubLink(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: function css(theme) {
       return menuSubLinkStyle(theme, props);
     }

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

@@ -1 +1 @@
-{"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;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,oDAC5BC,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,oDAEAP,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"}
+{"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"}

package/src/Menu/MenuModal.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuModal = exports.MenuItem = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity/");
 var _motions = require("../Identity/motions");
@@ -17,8 +13,13 @@ var _Overlay = require("../Modal/Overlay");
 var _util = require("../util");
 var _excluded = ["children", "onBackgroundClick"],
   _excluded2 = ["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 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; }
+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 menuModalWrapperStyle = function menuModalWrapperStyle(props) {
   return _objectSpread(_objectSpread({}, (0, _Overlay.overlayBackgroundStyle)(props)), {}, {
     alignItems: 'flex-end',
@@ -29,14 +30,14 @@ var menuModalWrapperStyle = function menuModalWrapperStyle(props) {
   });
 };
 var MenuModalWrapper = function MenuModalWrapper(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: menuModalWrapperStyle
   }, props));
 };
 var MenuModalBody = function MenuModalBody(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: function css(theme) {
-      return (0, _defineProperty2["default"])({
+      return _defineProperty({
         animation: "".concat(_motions.ANIMATION.bottomUpMovement, " ").concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.EXPONENTIAL),
         backgroundColor: _Identity.COLOR.tint(theme.general.backgroundColor, 0.16),
         boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',
@@ -56,7 +57,7 @@ var MenuModalBody = function MenuModalBody(props) {
   }, props));
 };
 var MenuModalContent = function MenuModalContent(props) {
-  return (0, _react.jsx)("ul", (0, _extends2["default"])({
+  return (0, _react.jsx)("ul", _extends({
     css: /*#__PURE__*/(0, _react.css)({
       li: {
         borderBottom: "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72)
@@ -77,7 +78,7 @@ var modalBackgroundStyle = function modalBackgroundStyle(props) {
   });
 };
 var MenuModalBackground = function MenuModalBackground(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: modalBackgroundStyle
   }, props));
 };
@@ -86,7 +87,7 @@ var MenuModal = function MenuModal(_ref2) {
     children = _ref2$children === void 0 ? null : _ref2$children,
     _ref2$onBackgroundCli = _ref2.onBackgroundClick,
     onBackgroundClick = _ref2$onBackgroundCli === void 0 ? _util.noop : _ref2$onBackgroundCli,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    props = _objectWithoutProperties(_ref2, _excluded);
   return (0, _react.jsx)(MenuModalWrapper, props, (0, _react.jsx)(MenuModalBody, null, (0, _react.jsx)(MenuModalContent, null, children)), (0, _react.jsx)(MenuModalBackground, {
     onClick: onBackgroundClick,
     "data-uie-name": "menu-background"
@@ -96,8 +97,8 @@ exports.MenuModal = MenuModal;
 var MenuItem = function MenuItem(_ref3) {
   var _ref3$children = _ref3.children,
     children = _ref3$children === void 0 ? null : _ref3$children,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return (0, _react.jsx)("li", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return (0, _react.jsx)("li", _extends({
     css: function css(theme) {
       return {
         alignItems: 'center',

package/src/Menu/MenuModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuModal.js","names":["menuModalWrapperStyle","props","overlayBackgroundStyle","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"sources":["MenuModal.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} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={(theme: Theme) => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"mappings":"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"}
+{"version":3,"file":"MenuModal.js","names":["menuModalWrapperStyle","props","overlayBackgroundStyle","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"sources":["MenuModal.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} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={(theme: Theme) => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAA6B;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7B,IAAMA,qBAAsE,GAAG,SAAzEA,qBAAsE,CAAGC,KAAK;EAAA,uCAC/E,IAAAC,+BAAsB,EAACD,KAAK,CAAC;IAChCE,UAAU,EAAE,UAAU;IACtBC,SAAS,EAAE,UAAU;IACrBC,OAAO,EAAE,MAAM;IACfC,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE;EAAC;AAAA,CACV;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIP,KAA0B;EAAA,OAAK;IAAK,GAAG,EAAED;EAAsB,GAAKC,KAAK,EAAI;AAAA;AAEvG,IAAMQ,aAAa,GAAG,SAAhBA,aAAa,CAAIR,KAAsC;EAAA,OAC3D;IACE,GAAG,EAAE,aAACS,KAAY;MAAA;QAChBC,SAAS,YAAKC,kBAAS,CAACC,gBAAgB,cAAIC,iBAAQ,CAACC,OAAO,gBAAMC,aAAI,CAACC,WAAW,CAAE;QACpFC,eAAe,EAAEC,eAAK,CAACC,IAAI,CAACV,KAAK,CAACW,OAAO,CAACH,eAAe,EAAE,IAAI,CAAC;QAChEI,SAAS,EAAE,mCAAmC;QAC9CjB,OAAO,EAAE,MAAM;QACfkB,aAAa,EAAE,QAAQ;QACvBC,cAAc,EAAE,eAAe;QAC/BC,UAAU,EAAE,MAAM;QAClBC,WAAW,EAAE,MAAM;QACnBnB,OAAO,EAAE,UAAU;QACnBoB,QAAQ,EAAE,UAAU;QACpBC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE;MAAI,GACXC,mBAAK,CAACC,uBAAS,CAACC,WAAW,CAAC,EAAG;QAC9BJ,KAAK,EAAE;MACT,CAAC;IAAA;EACA,GACC3B,KAAK,EACT;AAAA,CACH;AAED,IAAMgC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIhC,KAAwC;EAAA,OAChE;IACE,GAAG,+BAAE;MACHiC,EAAE,EAAE;QACFC,YAAY,sBAAehB,eAAK,CAACiB,eAAe;MAClD,CAAC;MACD,eAAe,EAAE;QACfD,YAAY,EAAE;MAChB,CAAC;MACDE,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,MAAM;MAChBhC,OAAO,EAAE;IACX,CAAC;EAAC,GACEN,KAAK,EACT;AAAA,CACH;AAED,IAAMuC,oBAAwE,GAAG,SAA3EA,oBAAwE,CAAGvC,KAAK;EAAA,uCACjF,IAAAC,+BAAsB,EAACD,KAAK,CAAC;IAChCwC,UAAU,EAAE;EAAuB;AAAA,CACnC;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIzC,KAA6B;EAAA,OAAK;IAAK,GAAG,EAAEuC;EAAqB,GAAKvC,KAAK,EAAI;AAAA;AAMrG,IAAM0C,SAAS,GAAG,SAAZA,SAAS;EAAA,2BACpBC,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAA,8BACfC,iBAAiB;IAAjBA,iBAAiB,sCAAGC,UAAI;IACrB7C,KAAK;EAAA,OAER,gBAAC,gBAAgB,EAAKA,KAAK,EACzB,gBAAC,aAAa,QACZ,gBAAC,gBAAgB,QAAE2C,QAAQ,CAAoB,CACjC,EAChB,gBAAC,mBAAmB;IAAC,OAAO,EAAEC,iBAAkB;IAAC,iBAAc;EAAiB,EAAG,CAClE;AAAA,CACpB;AAAC;AAIK,IAAME,QAAQ,GAAG,SAAXA,QAAQ;EAAA,2BAAKH,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAK3C,KAAK;EAAA,OACjD;IACE,GAAG,EAAE,aAACS,KAAY;MAAA,OAAM;QACtBP,UAAU,EAAE,QAAQ;QACpB6C,KAAK,EAAEtC,KAAK,CAACW,OAAO,CAAC2B,KAAK;QAC1BC,MAAM,EAAE,SAAS;QACjB5C,OAAO,EAAE,MAAM;QACf6C,MAAM,EAAE,MAAM;QACdC,aAAa,EAAE,MAAM;QACrBb,QAAQ,EAAE;MACZ,CAAC;IAAA;EAAE,GACCrC,KAAK,GAER2C,QAAQ,CACN;AAAA,CACN;AAAC"}

package/src/Menu/TabBar.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabBarItem = exports.TabBar = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../Identity");
@@ -17,10 +12,16 @@ var _util = require("../util");
 var _excluded = ["children"],
   _excluded2 = ["block", "center", "color", "bold", "active", "fontSize", "textTransform"],
   _excluded3 = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }
+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 _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 _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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
 var tabBarStyle = function tabBarStyle(_ref) {
-  (0, _objectDestructuringEmpty2["default"])(_ref);
+  _objectDestructuringEmpty(_ref);
   return {
     display: 'flex',
     width: '100%'
@@ -32,8 +33,8 @@ var filteredTabBarProps = function filteredTabBarProps(props) {
 var TabBar = function TabBar(_ref2) {
   var _ref2$children = _ref2.children,
     children = _ref2$children === void 0 ? null : _ref2$children,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return (0, _react.jsx)("div", _extends({
     css: tabBarStyle(props)
   }, filteredTabBarProps(props)), children);
 };
@@ -53,7 +54,7 @@ var tabBarItemStyle = function tabBarItemStyle(theme, _ref3) {
     fontSize = _ref3$fontSize === void 0 ? '11px' : _ref3$fontSize,
     _ref3$textTransform = _ref3.textTransform,
     textTransform = _ref3$textTransform === void 0 ? 'uppercase' : _ref3$textTransform,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+    props = _objectWithoutProperties(_ref3, _excluded2);
   return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
     block: block,
     bold: bold,
@@ -74,8 +75,8 @@ var tabBarItemStyle = function tabBarItemStyle(theme, _ref3) {
 var TabBarItem = function TabBarItem(_ref4) {
   var _ref4$children = _ref4.children,
     children = _ref4$children === void 0 ? null : _ref4$children,
-    props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return (0, _react.jsx)("span", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return (0, _react.jsx)("span", _extends({
     css: function css(theme) {
       return tabBarItemStyle(theme, props);
     }

package/src/Menu/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","names":["tabBarStyle","display","width","filteredTabBarProps","props","filterProps","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","textStyle","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"sources":["TabBar.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 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} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"mappings":";;;;;;;;;;;AAoBA;AACA;AAEA;AAEA;AACA;AAAoC;EAAA;EAAA;AAAA;AAAA;AAIpC,IAAMA,WAAoD,GAAG,SAAvDA,WAAoD,OAAW;EAAA;EACnE,OAAO;IACLC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAkB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,EAAE,CAAC;AAAA;AAEnE,IAAME,MAAM,GAAG,SAATA,MAAM;EAAA,2BAAKC,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OAC/C;IAAK,GAAG,EAAEJ,WAAW,CAACI,KAAK;EAAE,GAAKD,mBAAmB,CAACC,KAAK,CAAC,GACzDG,QAAQ,CACL;AAAA,CACP;AAAC;AAMF,IAAMC,eAA0E,GAAG,SAA7EA,eAA0E,CAC9EC,KAAK,SAWF;EAAA,wBATDC,KAAK;IAALA,KAAK,4BAAG,IAAI;IAAA,qBACZC,MAAM;IAANA,MAAM,6BAAG,IAAI;IAAA,oBACbC,KAAK;IAALA,KAAK,4BAAGH,KAAK,CAACI,OAAO,CAACD,KAAK;IAAA,mBAC3BE,IAAI;IAAJA,IAAI,2BAAG,IAAI;IAAA,qBACXC,MAAM;IAANA,MAAM,6BAAG,KAAK;IAAA,uBACdC,QAAQ;IAARA,QAAQ,+BAAG,MAAM;IAAA,4BACjBC,aAAa;IAAbA,aAAa,oCAAG,WAAW;IACxBb,KAAK;EAGV,uCACK,IAAAc,eAAS,EAACT,KAAK;IAAGC,KAAK,EAALA,KAAK;IAAEI,IAAI,EAAJA,IAAI;IAAEH,MAAM,EAANA,MAAM;IAAEC,KAAK,EAALA,KAAK;IAAEI,QAAQ,EAARA,QAAQ;IAAEC,aAAa,EAAbA;EAAa,GAAKb,KAAK,EAAE;IACpFe,YAAY,EAAEJ,MAAM,uBAAgBK,eAAK,CAACC,cAAc,wBAAkBD,eAAK,CAACE,eAAe,CAAE;IACjGC,MAAM,EAAE,SAAS;IACjBtB,OAAO,EAAE,MAAM;IACfuB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAEX,MAAM,GAAG,CAAC,GAAG,IAAI;IAC1BY,OAAO,EAAE;EAAO;AAEpB,CAAC;AAEM,IAAMC,UAAU,GAAG,SAAbA,UAAU;EAAA,2BAAKrB,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OACnD;IAAM,GAAG,EAAE,aAACK,KAAY;MAAA,OAAKD,eAAe,CAACC,KAAK,EAAEL,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAClEG,QAAQ,CACJ;AAAA,CACR;AAAC"}
+{"version":3,"file":"TabBar.js","names":["tabBarStyle","display","width","filteredTabBarProps","props","filterProps","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","textStyle","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"sources":["TabBar.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 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} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AAEA;AACA;AAAoC;EAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIpC,IAAMA,WAAoD,GAAG,SAAvDA,WAAoD,OAAW;EAAA;EACnE,OAAO;IACLC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAkB;EAAA,OAAK,IAAAC,iBAAW,EAACD,KAAK,EAAE,EAAE,CAAC;AAAA;AAEnE,IAAME,MAAM,GAAG,SAATA,MAAM;EAAA,2BAAKC,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OAC/C;IAAK,GAAG,EAAEJ,WAAW,CAACI,KAAK;EAAE,GAAKD,mBAAmB,CAACC,KAAK,CAAC,GACzDG,QAAQ,CACL;AAAA,CACP;AAAC;AAMF,IAAMC,eAA0E,GAAG,SAA7EA,eAA0E,CAC9EC,KAAK,SAWF;EAAA,wBATDC,KAAK;IAALA,KAAK,4BAAG,IAAI;IAAA,qBACZC,MAAM;IAANA,MAAM,6BAAG,IAAI;IAAA,oBACbC,KAAK;IAALA,KAAK,4BAAGH,KAAK,CAACI,OAAO,CAACD,KAAK;IAAA,mBAC3BE,IAAI;IAAJA,IAAI,2BAAG,IAAI;IAAA,qBACXC,MAAM;IAANA,MAAM,6BAAG,KAAK;IAAA,uBACdC,QAAQ;IAARA,QAAQ,+BAAG,MAAM;IAAA,4BACjBC,aAAa;IAAbA,aAAa,oCAAG,WAAW;IACxBb,KAAK;EAGV,uCACK,IAAAc,eAAS,EAACT,KAAK;IAAGC,KAAK,EAALA,KAAK;IAAEI,IAAI,EAAJA,IAAI;IAAEH,MAAM,EAANA,MAAM;IAAEC,KAAK,EAALA,KAAK;IAAEI,QAAQ,EAARA,QAAQ;IAAEC,aAAa,EAAbA;EAAa,GAAKb,KAAK,EAAE;IACpFe,YAAY,EAAEJ,MAAM,uBAAgBK,eAAK,CAACC,cAAc,wBAAkBD,eAAK,CAACE,eAAe,CAAE;IACjGC,MAAM,EAAE,SAAS;IACjBtB,OAAO,EAAE,MAAM;IACfuB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAEX,MAAM,GAAG,CAAC,GAAG,IAAI;IAC1BY,OAAO,EAAE;EAAO;AAEpB,CAAC;AAEM,IAAMC,UAAU,GAAG,SAAbA,UAAU;EAAA,2BAAKrB,QAAQ;IAARA,QAAQ,+BAAG,IAAI;IAAKH,KAAK;EAAA,OACnD;IAAM,GAAG,EAAE,aAACK,KAAY;MAAA,OAAKD,eAAe,CAACC,KAAK,EAAEL,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAClEG,QAAQ,CACJ;AAAA,CACR;AAAC"}

package/src/Misc/ButtonGroup.js

@@ -1,18 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _Identity = require("../Identity");
 var _excluded = ["children", "icon"];
+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 _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 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; }
+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 buttonGroupStyle = function buttonGroupStyle() {
   return {
     display: 'flex',
@@ -79,8 +79,8 @@ exports.ButtonGroup = ButtonGroup;
 var Button = function Button(_ref3) {
   var children = _ref3.children,
     icon = _ref3.icon,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-  return (0, _react.jsx)("button", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref3, _excluded);
+  return (0, _react.jsx)("button", _extends({
     css: function css(theme) {
       return buttonStyle(theme, props);
     }

package/src/Misc/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["buttonGroupStyle","display","alignItems","buttonStyle","theme","disabled","height","borderRadius","padding","background","COLOR_V2","WHITE","border","GRAY_40","cursor","backgroundColor","GRAY_20","svg","fill","GRAY_70","BLACK","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderColor","GRAY_50","GRAY_60","BLUE_LIGHT_50","BLUE_LIGHT_300","BLUE","ButtonGroup","children","Button","icon","props","marginLeft","fontSize","fontWeight","lineHeight","letterSpacing"],"sources":["ButtonGroup.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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 {ReactElement} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport {Theme} from '../Layout';\nimport {IconButtonProps} from './IconButton';\n\nconst buttonGroupStyle: <T>(theme: Theme) => CSSObject = () => ({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (theme, {disabled = false}) => ({\n  height: '32px',\n  borderRadius: '12px',\n  padding: '0 12px',\n  background: COLOR_V2.WHITE,\n  border: `1px solid ${COLOR_V2.GRAY_40}`,\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE,\n  svg: {\n    fill: disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLACK,\n  },\n  '&:not(:last-child)': {\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0',\n  },\n  '&:not(:first-child)': {\n    borderTopLeftRadius: '0',\n    borderBottomLeftRadius: '0',\n  },\n  '&:first-child:last-child': {\n    borderRadius: '0',\n  },\n  ...(!disabled && {\n    '&:hover, &:focus': {\n      backgroundColor: COLOR_V2.GRAY_20,\n    },\n    '&:hover': {\n      borderColor: COLOR_V2.GRAY_50,\n    },\n    '&:focus': {\n      borderColor: COLOR_V2.GRAY_60,\n    },\n    '&:active': {\n      backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n      borderColor: COLOR_V2.BLUE_LIGHT_300,\n      svg: {\n        fill: COLOR_V2.BLUE,\n      },\n    },\n  }),\n});\n\ninterface GroupButtonProps<T = HTMLButtonElement> {\n  children?: ReactElement | string;\n  icon?: ReactElement;\n}\n\nconst ButtonGroup = ({children}) => (\n  <div css={(theme: Theme) => buttonGroupStyle(theme)} role=\"group\" aria-label=\"Button Group\">\n    {children}\n  </div>\n);\n\nconst Button = ({children, icon, ...props}: GroupButtonProps) => {\n  return (\n    <button css={(theme: Theme) => buttonStyle(theme, props)} {...props}>\n      {icon}\n      {children && (\n        <span\n          css={{\n            marginLeft: !!icon && '6px',\n            fontSize: '12px',\n            fontWeight: 'bold',\n            lineHeight: '14px',\n            letterSpacing: '0.25px',\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </button>\n  );\n};\n\nButtonGroup.Button = Button;\n\nexport {ButtonGroup};\n"],"mappings":";;;;;;;;AAoBA;AAA8C;AAAA;AAG9C;AAAqC;AAAA;AAAA;AAIrC,IAAMA,gBAAgD,GAAG,SAAnDA,gBAAgD;EAAA,OAAU;IAC9DC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEF,IAAMC,WAAsE,GAAG,SAAzEA,WAAsE,CAAIC,KAAK;EAAA,yBAAGC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAAA;IACtGC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE,MAAM;IACpBC,OAAO,EAAE,QAAQ;IACjBC,UAAU,EAAEC,kBAAQ,CAACC,KAAK;IAC1BC,MAAM,sBAAeF,kBAAQ,CAACG,OAAO,CAAE;IACvCC,MAAM,EAAE,SAAS;IACjBb,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBa,eAAe,EAAEV,QAAQ,GAAGK,kBAAQ,CAACM,OAAO,GAAGN,kBAAQ,CAACC,KAAK;IAC7DM,GAAG,EAAE;MACHC,IAAI,EAAEb,QAAQ,GAAGK,kBAAQ,CAACS,OAAO,GAAGT,kBAAQ,CAACU;IAC/C,CAAC;IACD,oBAAoB,EAAE;MACpBC,oBAAoB,EAAE,GAAG;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACD,qBAAqB,EAAE;MACrBC,mBAAmB,EAAE,GAAG;MACxBC,sBAAsB,EAAE;IAC1B,CAAC;IACD,0BAA0B,EAAE;MAC1BjB,YAAY,EAAE;IAChB;EAAC,GACG,CAACF,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBU,eAAe,EAAEL,kBAAQ,CAACM;IAC5B,CAAC;IACD,SAAS,EAAE;MACTS,WAAW,EAAEf,kBAAQ,CAACgB;IACxB,CAAC;IACD,SAAS,EAAE;MACTD,WAAW,EAAEf,kBAAQ,CAACiB;IACxB,CAAC;IACD,UAAU,EAAE;MACVZ,eAAe,EAAEL,kBAAQ,CAACkB,aAAa;MACvCH,WAAW,EAAEf,kBAAQ,CAACmB,cAAc;MACpCZ,GAAG,EAAE;QACHC,IAAI,EAAER,kBAAQ,CAACoB;MACjB;IACF;EACF,CAAC;AAAA,CACD;AAOF,IAAMC,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAKC,QAAQ,SAARA,QAAQ;EAAA,OAC5B;IAAK,GAAG,EAAE,aAAC5B,KAAY;MAAA,OAAKJ,gBAAgB,CAACI,KAAK,CAAC;IAAA,CAAC;IAAC,IAAI,EAAC,OAAO;IAAC,cAAW;EAAc,GACxF4B,QAAQ,CACL;AAAA,CACP;AAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAM,QAAqD;EAAA,IAAhDD,QAAQ,SAARA,QAAQ;IAAEE,IAAI,SAAJA,IAAI;IAAKC,KAAK;EACvC,OACE;IAAQ,GAAG,EAAE,aAAC/B,KAAY;MAAA,OAAKD,WAAW,CAACC,KAAK,EAAE+B,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAChED,IAAI,EACJF,QAAQ,IACP;IACE,GAAG,+BAAE;MACHI,UAAU,EAAE,CAAC,CAACF,IAAI,IAAI,KAAK;MAC3BG,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE,MAAM;MAClBC,aAAa,EAAE;IACjB,CAAC;EAAC,GAEDR,QAAQ,CAEZ,CACM;AAEb,CAAC;AAEDD,WAAW,CAACE,MAAM,GAAGA,MAAM"}
+{"version":3,"file":"ButtonGroup.js","names":["buttonGroupStyle","display","alignItems","buttonStyle","theme","disabled","height","borderRadius","padding","background","COLOR_V2","WHITE","border","GRAY_40","cursor","backgroundColor","GRAY_20","svg","fill","GRAY_70","BLACK","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderColor","GRAY_50","GRAY_60","BLUE_LIGHT_50","BLUE_LIGHT_300","BLUE","ButtonGroup","children","Button","icon","props","marginLeft","fontSize","fontWeight","lineHeight","letterSpacing"],"sources":["ButtonGroup.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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 {ReactElement} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport {Theme} from '../Layout';\nimport {IconButtonProps} from './IconButton';\n\nconst buttonGroupStyle: <T>(theme: Theme) => CSSObject = () => ({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (theme, {disabled = false}) => ({\n  height: '32px',\n  borderRadius: '12px',\n  padding: '0 12px',\n  background: COLOR_V2.WHITE,\n  border: `1px solid ${COLOR_V2.GRAY_40}`,\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE,\n  svg: {\n    fill: disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLACK,\n  },\n  '&:not(:last-child)': {\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0',\n  },\n  '&:not(:first-child)': {\n    borderTopLeftRadius: '0',\n    borderBottomLeftRadius: '0',\n  },\n  '&:first-child:last-child': {\n    borderRadius: '0',\n  },\n  ...(!disabled && {\n    '&:hover, &:focus': {\n      backgroundColor: COLOR_V2.GRAY_20,\n    },\n    '&:hover': {\n      borderColor: COLOR_V2.GRAY_50,\n    },\n    '&:focus': {\n      borderColor: COLOR_V2.GRAY_60,\n    },\n    '&:active': {\n      backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n      borderColor: COLOR_V2.BLUE_LIGHT_300,\n      svg: {\n        fill: COLOR_V2.BLUE,\n      },\n    },\n  }),\n});\n\ninterface GroupButtonProps<T = HTMLButtonElement> {\n  children?: ReactElement | string;\n  icon?: ReactElement;\n}\n\nconst ButtonGroup = ({children}) => (\n  <div css={(theme: Theme) => buttonGroupStyle(theme)} role=\"group\" aria-label=\"Button Group\">\n    {children}\n  </div>\n);\n\nconst Button = ({children, icon, ...props}: GroupButtonProps) => {\n  return (\n    <button css={(theme: Theme) => buttonStyle(theme, props)} {...props}>\n      {icon}\n      {children && (\n        <span\n          css={{\n            marginLeft: !!icon && '6px',\n            fontSize: '12px',\n            fontWeight: 'bold',\n            lineHeight: '14px',\n            letterSpacing: '0.25px',\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </button>\n  );\n};\n\nButtonGroup.Button = Button;\n\nexport {ButtonGroup};\n"],"mappings":";;;;;;AAoBA;AAGA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIrC,IAAMA,gBAAgD,GAAG,SAAnDA,gBAAgD;EAAA,OAAU;IAC9DC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEF,IAAMC,WAAsE,GAAG,SAAzEA,WAAsE,CAAIC,KAAK;EAAA,yBAAGC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAAA;IACtGC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE,MAAM;IACpBC,OAAO,EAAE,QAAQ;IACjBC,UAAU,EAAEC,kBAAQ,CAACC,KAAK;IAC1BC,MAAM,sBAAeF,kBAAQ,CAACG,OAAO,CAAE;IACvCC,MAAM,EAAE,SAAS;IACjBb,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBa,eAAe,EAAEV,QAAQ,GAAGK,kBAAQ,CAACM,OAAO,GAAGN,kBAAQ,CAACC,KAAK;IAC7DM,GAAG,EAAE;MACHC,IAAI,EAAEb,QAAQ,GAAGK,kBAAQ,CAACS,OAAO,GAAGT,kBAAQ,CAACU;IAC/C,CAAC;IACD,oBAAoB,EAAE;MACpBC,oBAAoB,EAAE,GAAG;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACD,qBAAqB,EAAE;MACrBC,mBAAmB,EAAE,GAAG;MACxBC,sBAAsB,EAAE;IAC1B,CAAC;IACD,0BAA0B,EAAE;MAC1BjB,YAAY,EAAE;IAChB;EAAC,GACG,CAACF,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBU,eAAe,EAAEL,kBAAQ,CAACM;IAC5B,CAAC;IACD,SAAS,EAAE;MACTS,WAAW,EAAEf,kBAAQ,CAACgB;IACxB,CAAC;IACD,SAAS,EAAE;MACTD,WAAW,EAAEf,kBAAQ,CAACiB;IACxB,CAAC;IACD,UAAU,EAAE;MACVZ,eAAe,EAAEL,kBAAQ,CAACkB,aAAa;MACvCH,WAAW,EAAEf,kBAAQ,CAACmB,cAAc;MACpCZ,GAAG,EAAE;QACHC,IAAI,EAAER,kBAAQ,CAACoB;MACjB;IACF;EACF,CAAC;AAAA,CACD;AAOF,IAAMC,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAKC,QAAQ,SAARA,QAAQ;EAAA,OAC5B;IAAK,GAAG,EAAE,aAAC5B,KAAY;MAAA,OAAKJ,gBAAgB,CAACI,KAAK,CAAC;IAAA,CAAC;IAAC,IAAI,EAAC,OAAO;IAAC,cAAW;EAAc,GACxF4B,QAAQ,CACL;AAAA,CACP;AAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAM,QAAqD;EAAA,IAAhDD,QAAQ,SAARA,QAAQ;IAAEE,IAAI,SAAJA,IAAI;IAAKC,KAAK;EACvC,OACE;IAAQ,GAAG,EAAE,aAAC/B,KAAY;MAAA,OAAKD,WAAW,CAACC,KAAK,EAAE+B,KAAK,CAAC;IAAA;EAAC,GAAKA,KAAK,GAChED,IAAI,EACJF,QAAQ,IACP;IACE,GAAG,+BAAE;MACHI,UAAU,EAAE,CAAC,CAACF,IAAI,IAAI,KAAK;MAC3BG,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE,MAAM;MAClBC,aAAa,EAAE;IACjB,CAAC;EAAC,GAEDR,QAAQ,CAEZ,CACM;AAEb,CAAC;AAEDD,WAAW,CAACE,MAAM,GAAGA,MAAM"}

package/src/Misc/IconButton.js

@@ -1,20 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconButtonStyle = exports.IconButtonVariant = exports.IconButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _motions = require("../Identity/motions");
 var _Text = require("../Text");
 var _util = require("../util");
 var _excluded = ["children"];
+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 _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 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; }
+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 IconButtonVariant;
 exports.IconButtonVariant = IconButtonVariant;
 (function (IconButtonVariant) {
@@ -91,8 +91,8 @@ var iconButtonStyle = function iconButtonStyle(theme, _ref) {
 exports.iconButtonStyle = iconButtonStyle;
 var IconButton = function IconButton(_ref2) {
   var children = _ref2.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _react.jsx)("button", (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return (0, _react.jsx)("button", _extends({
     css: function css(theme) {
       return iconButtonStyle(theme, props);
     }