@wireapp/react-ui-kit 8.14.0 → 8.14.1

package/src/Layout/headerMenu/MenuItems.js

@@ -1,24 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItems = exports.menuItemsStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@emotion/react");
-
-var _mediaQueries = require("../../mediaQueries");
-
-var _util = require("../../util");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -37,40 +17,30 @@ var _util = require("../../util");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
-/** @jsx jsx */
-var menuItemsStyle = function menuItemsStyle(theme, props) {
-  return (0, _defineProperty2["default"])({
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItems = exports.menuItemsStyle = void 0;
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const util_1 = require("../../util");
+const menuItemsStyle = (theme, props) => ({
     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
-  });
-};
-
+    justifySelf: 'end',
+    [mediaQueries_1.media[mediaQueries_1.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", (0, _extends2["default"])({
-    css: function css(theme) {
-      return menuItemsStyle(theme, props);
-    }
-  }, filterMenuItemProps(props)));
-};
-
+const filterMenuItemProps = (props) => (0, util_1.filterProps)(props, ['open']);
+const MenuItems = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuItemsStyle)(theme, props) }, filterMenuItemProps(props))));
 exports.MenuItems = MenuItems;
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItems.tsx"],"names":["menuItemsStyle","theme","props","alignSelf","display","justifySelf","media","QueryKeys","TABLET_DOWN","backgroundColor","general","bottom","left","overflowY","position","right","top","transform","open","transition","zIndex","filterMenuItemProps","MenuItems"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAYO,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CAACC,KAAD,EAAQC,KAAR;AAAA;AACtFC,IAAAA,SAAS,EAAE,QAD2E;AAEtFC,IAAAA,OAAO,EAAE,MAF6E;AAGtFC,IAAAA,WAAW,EAAE;AAHyE,KAIrFC,oBAAMC,wBAAUC,WAAhB,CAJqF,EAItD;AAC9BC,IAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcD,eADD;AAE9BE,IAAAA,MAAM,EAAE,CAFsB;AAG9BC,IAAAA,IAAI,EAAE,CAHwB;AAI9BC,IAAAA,SAAS,EAAE,MAJmB;AAK9BC,IAAAA,QAAQ,EAAE,OALoB;AAM9BC,IAAAA,KAAK,EAAE,CANuB;AAO9BC,IAAAA,GAAG,EAAE,CAPyB;AAQ9BC,IAAAA,SAAS,EAAEf,KAAK,CAACgB,IAAN,GAAa,eAAb,GAA+B,kBARZ;AAS9BC,IAAAA,UAAU,EAAE,sBATkB;AAU9BC,IAAAA,MAAM,EAAE;AAVsB,GAJsD;AAAA,CAAjF;;;;AAkBP,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACnB,KAAD;AAAA,SAA2B,uBAAYA,KAAZ,EAAmB,CAAC,MAAD,CAAnB,CAA3B;AAAA,CAA5B;;AAEO,IAAMoB,SAAS,GAAG,SAAZA,SAAY,CAACpB,KAAD;AAAA,SACvB;AAAK,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQC,KAAR,CAAhC;AAAA;AAAV,KAA8DmB,mBAAmB,CAACnB,KAAD,CAAjF,EADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {filterProps} from '../../util';\nimport {Theme} from '../Theme';\n\nexport interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nexport const menuItemsStyle: <T>(theme: Theme, props: MenuItemsProps<T>) => CSSObject = (theme, props) => ({\n  alignSelf: 'center',\n  display: 'flex',\n  justifySelf: 'end',\n  [media[QueryKeys.TABLET_DOWN]]: {\n    backgroundColor: theme.general.backgroundColor,\n    bottom: 0,\n    left: 0,\n    overflowY: 'auto',\n    position: 'fixed',\n    right: 0,\n    top: 0,\n    transform: props.open ? 'translateX(0)' : 'translateX(110%)',\n    transition: 'transform 0.25s ease',\n    zIndex: 1,\n  },\n});\n\nconst filterMenuItemProps = (props: MenuItemsProps) => filterProps(props, ['open']);\n\nexport const MenuItems = (props: MenuItemsProps) => (\n  <div css={(theme: Theme) => menuItemsStyle(theme, props)} {...filterMenuItemProps(props)} />\n);\n"],"file":"MenuItems.js"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["MenuItems.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAIH,0CAA8C;AAE9C,qDAAoD;AACpD,qCAAuC;AAOhC,MAAM,cAAc,GAA6D,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACzG,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK;IAClB,CAAC,oBAAK,CAAC,wBAAS,CAAC,WAAW,CAAC,CAAC,EAAE;QAC9B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;QAC9C,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB;QAC5D,UAAU,EAAE,sBAAsB;QAClC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAhBU,QAAA,cAAc,kBAgBxB;AAEH,MAAM,mBAAmB,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7E,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAClD,wCAAK,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,mBAAmB,CAAC,KAAK,CAAC,EAAI,CAC7F,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/src/Layout/headerMenu/MenuLink.js

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

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

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

package/src/Layout/headerMenu/MenuOpenButton.js

@@ -1,24 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _mediaQueries = require("../../mediaQueries");
-
-var _util = require("../../util");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -37,49 +17,41 @@ var _util = require("../../util");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
 /** @jsx jsx */
-var menuOpenButtonStyle = function menuOpenButtonStyle(theme, _ref) {
-  var _ref2;
-
-  var open = _ref.open;
-  return _ref2 = {
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const util_1 = require("../../util");
+const menuOpenButtonStyle = (theme, { open }) => ({
     display: 'block',
     div: {
-      backgroundColor: theme.general.color,
-      height: '2px',
-      margin: '4px',
-      transition: 'all 0.25s ease-in-out',
-      width: '16px'
+        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
+        transform: open ? 'translateY(6px) rotate(-45deg)' : undefined,
     },
     'div:nth-of-type(2)': {
-      opacity: open ? 0 : undefined,
-      transform: open ? 'scale(0, 1)' : undefined
+        opacity: open ? 0 : undefined,
+        transform: open ? 'scale(0, 1)' : undefined,
     },
     'div:nth-of-type(3)': {
-      transform: open ? 'translateY(-6px) rotate(45deg)' : undefined
-    }
-  }, (0, _defineProperty2["default"])(_ref2, _mediaQueries.media[_mediaQueries.QueryKeys.DESKTOP], {
-    display: 'none'
-  }), (0, _defineProperty2["default"])(_ref2, "zIndex", 2), _ref2;
-};
-
+        transform: open ? 'translateY(-6px) rotate(45deg)' : undefined,
+    },
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
+        display: 'none',
+    },
+    zIndex: 2,
+});
 exports.menuOpenButtonStyle = menuOpenButtonStyle;
-
-var filterMenuOpenButtonProps = function filterMenuOpenButtonProps(props) {
-  return (0, _util.filterProps)(props, ['open']);
-};
-
-var MenuOpenButton = function MenuOpenButton(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
-    css: function css(theme) {
-      return menuOpenButtonStyle(theme, props);
-    }
-  }, filterMenuOpenButtonProps(props)), (0, _react.jsx)("div", null), (0, _react.jsx)("div", null), (0, _react.jsx)("div", null));
-};
-
+const filterMenuOpenButtonProps = (props) => (0, util_1.filterProps)(props, ['open']);
+const MenuOpenButton = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuOpenButtonStyle)(theme, props) }, filterMenuOpenButtonProps(props)),
+    (0, react_1.jsx)("div", null),
+    (0, react_1.jsx)("div", null),
+    (0, react_1.jsx)("div", null)));
 exports.MenuOpenButton = MenuOpenButton;
 //# sourceMappingURL=MenuOpenButton.js.map

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

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

package/src/Layout/headerMenu/MenuScrollableItems.js

@@ -1,22 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _mediaQueries = require("../../mediaQueries");
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -35,27 +17,22 @@ var _mediaQueries = require("../../mediaQueries");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
 /** @jsx jsx */
-var menuScrollableItemsStyle = function menuScrollableItemsStyle(props) {
-  return (0, _defineProperty2["default"])({
+const react_1 = require("@emotion/react");
+const mediaQueries_1 = require("../../mediaQueries");
+const menuScrollableItemsStyle = props => ({
     alignItems: 'center',
     alignSelf: 'center',
-    display: 'flex'
-  }, _mediaQueries.media[_mediaQueries.QueryKeys.TABLET_DOWN], {
-    alignItems: 'center',
-    flexDirection: 'column',
-    margin: 'auto'
-  });
-};
-
+    display: 'flex',
+    [mediaQueries_1.media[mediaQueries_1.QueryKeys.TABLET_DOWN]]: {
+        alignItems: 'center',
+        flexDirection: 'column',
+        margin: 'auto',
+    },
+});
 exports.menuScrollableItemsStyle = menuScrollableItemsStyle;
-
-var MenuScrollableItems = function MenuScrollableItems(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
-    css: menuScrollableItemsStyle(props)
-  }, props));
-};
-
+const MenuScrollableItems = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (0, exports.menuScrollableItemsStyle)(props) }, props)));
 exports.MenuScrollableItems = MenuScrollableItems;
 //# sourceMappingURL=MenuScrollableItems.js.map

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

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

package/src/Layout/headerMenu/MenuSubLink.js

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