@wireapp/react-ui-kit 8.17.3 → 8.17.5

package/src/Layout/MatchMedia.js

@@ -1,46 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMatchMedia = exports.MatchMedia = exports.IsTabletUp = exports.IsTabletDown = exports.IsTablet = exports.IsMobileUp = exports.IsMobileDown = exports.IsMobile = exports.IsDesktopXL = exports.IsDesktop = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _mediaQueries = require("../mediaQueries");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/*
- * 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 */
-/* @jsxFrag React.Fragment */
-
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var useMatchMedia = function useMatchMedia(query) {
   var matchMedia = (0, _react2.useMemo)(function () {
     return window.matchMedia("(".concat(query, ")"));
   }, [query]);
   var _useState = (0, _react2.useState)(matchMedia.matches),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isMatching = _useState2[0],
     setIsMatching = _useState2[1];
   var updateMatching = function updateMatching(event) {
@@ -65,49 +47,49 @@ var MatchMedia = function MatchMedia(_ref) {
 };
 exports.MatchMedia = MatchMedia;
 var IsDesktop = function IsDesktop(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.DESKTOP
   }, props));
 };
 exports.IsDesktop = IsDesktop;
 var IsDesktopXL = function IsDesktopXL(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.DESKTOP_XL
   }, props));
 };
 exports.IsDesktopXL = IsDesktopXL;
 var IsMobile = function IsMobile(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE
   }, props));
 };
 exports.IsMobile = IsMobile;
 var IsMobileDown = function IsMobileDown(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE_DOWN
   }, props));
 };
 exports.IsMobileDown = IsMobileDown;
 var IsMobileUp = function IsMobileUp(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.MOBILE_UP
   }, props));
 };
 exports.IsMobileUp = IsMobileUp;
 var IsTablet = function IsTablet(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET
   }, props));
 };
 exports.IsTablet = IsTablet;
 var IsTabletDown = function IsTabletDown(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET_DOWN
   }, props));
 };
 exports.IsTabletDown = IsTabletDown;
 var IsTabletUp = function IsTabletUp(props) {
-  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, _extends({
     query: _mediaQueries.QueryKeys.TABLET_UP
   }, props));
 };

package/src/Layout/MatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"MatchMedia.js","names":["useMatchMedia","query","matchMedia","useMemo","window","useState","matches","isMatching","setIsMatching","updateMatching","event","useEffect","addEventListener","removeEventListener","MatchMedia","children","not","matchQuery","QUERY","IsDesktop","props","QueryKeys","DESKTOP","IsDesktopXL","DESKTOP_XL","IsMobile","MOBILE","IsMobileDown","MOBILE_DOWN","IsMobileUp","MOBILE_UP","IsTablet","TABLET","IsTabletDown","TABLET_DOWN","IsTabletUp","TABLET_UP"],"sources":["MatchMedia.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 */\n/* @jsxFrag React.Fragment */\nimport {jsx} from '@emotion/react';\nimport React, {ReactFragment, useEffect, useMemo, useState} from 'react';\n\nimport {QUERY, QueryKeys} from '../mediaQueries';\n\ntype Query = string | QueryKeys;\n\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n  not?: boolean;\n  query: Query;\n}\n\nexport const useMatchMedia = (query: Query) => {\n  const matchMedia = useMemo(() => window.matchMedia(`(${query})`), [query]);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = (event: MediaQueryListEvent) => {\n    setIsMatching(event.matches);\n  };\n\n  useEffect(() => {\n    matchMedia.addEventListener('change', updateMatching);\n    return () => matchMedia.removeEventListener('change', updateMatching);\n  }, [matchMedia]);\n\n  return isMatching;\n};\n\nexport const MatchMedia: React.FC<MatchMediaProps> = ({query, children, not}) => {\n  const matchQuery = useMatchMedia(QUERY[query] || query);\n  const isMatching = not ? !matchQuery : matchQuery;\n  return isMatching ? <>{children}</> : null;\n};\n\nexport type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\n\nexport const IsDesktop = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP} {...props} />;\nexport const IsDesktopXL = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP_XL} {...props} />;\nexport const IsMobile = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE} {...props} />;\nexport const IsMobileDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_DOWN} {...props} />;\nexport const IsMobileUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_UP} {...props} />;\nexport const IsTablet = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET} {...props} />;\nexport const IsTabletDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_DOWN} {...props} />;\nexport const IsTabletUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_UP} {...props} />;\n"],"mappings":"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"}
+{"version":3,"file":"MatchMedia.js","names":["useMatchMedia","query","matchMedia","useMemo","window","useState","matches","isMatching","setIsMatching","updateMatching","event","useEffect","addEventListener","removeEventListener","MatchMedia","children","not","matchQuery","QUERY","IsDesktop","props","QueryKeys","DESKTOP","IsDesktopXL","DESKTOP_XL","IsMobile","MOBILE","IsMobileDown","MOBILE_DOWN","IsMobileUp","MOBILE_UP","IsTablet","TABLET","IsTabletDown","TABLET_DOWN","IsTabletUp","TABLET_UP"],"sources":["MatchMedia.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 */\n/* @jsxFrag React.Fragment */\nimport {jsx} from '@emotion/react';\nimport React, {ReactFragment, useEffect, useMemo, useState} from 'react';\n\nimport {QUERY, QueryKeys} from '../mediaQueries';\n\ntype Query = string | QueryKeys;\n\nexport interface MatchMediaProps extends React.HTMLProps<ReactFragment> {\n  not?: boolean;\n  query: Query;\n}\n\nexport const useMatchMedia = (query: Query) => {\n  const matchMedia = useMemo(() => window.matchMedia(`(${query})`), [query]);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = (event: MediaQueryListEvent) => {\n    setIsMatching(event.matches);\n  };\n\n  useEffect(() => {\n    matchMedia.addEventListener('change', updateMatching);\n    return () => matchMedia.removeEventListener('change', updateMatching);\n  }, [matchMedia]);\n\n  return isMatching;\n};\n\nexport const MatchMedia: React.FC<MatchMediaProps> = ({query, children, not}) => {\n  const matchQuery = useMatchMedia(QUERY[query] || query);\n  const isMatching = not ? !matchQuery : matchQuery;\n  return isMatching ? <>{children}</> : null;\n};\n\nexport type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;\n\nexport const IsDesktop = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP} {...props} />;\nexport const IsDesktopXL = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.DESKTOP_XL} {...props} />;\nexport const IsMobile = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE} {...props} />;\nexport const IsMobileDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_DOWN} {...props} />;\nexport const IsMobileUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.MOBILE_UP} {...props} />;\nexport const IsTablet = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET} {...props} />;\nexport const IsTabletDown = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_DOWN} {...props} />;\nexport const IsTabletUp = (props: NamedMatchMediaProps) => <MatchMedia query={QueryKeys.TABLET_UP} {...props} />;\n"],"mappings":";;;;;;;AAqBA;AACA;AAEA;AAAiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAY,EAAK;EAC7C,IAAMC,UAAU,GAAG,IAAAC,eAAO,EAAC;IAAA,OAAMC,MAAM,CAACF,UAAU,YAAKD,KAAK,OAAI;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAE1E,gBAAoC,IAAAI,gBAAQ,EAACH,UAAU,CAACI,OAAO,CAAC;IAAA;IAAzDC,UAAU;IAAEC,aAAa;EAEhC,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAK;IACrDF,aAAa,CAACE,KAAK,CAACJ,OAAO,CAAC;EAC9B,CAAC;EAED,IAAAK,iBAAS,EAAC,YAAM;IACdT,UAAU,CAACU,gBAAgB,CAAC,QAAQ,EAAEH,cAAc,CAAC;IACrD,OAAO;MAAA,OAAMP,UAAU,CAACW,mBAAmB,CAAC,QAAQ,EAAEJ,cAAc,CAAC;IAAA;EACvE,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhB,OAAOK,UAAU;AACnB,CAAC;AAAC;AAEK,IAAMO,UAAqC,GAAG,SAAxCA,UAAqC,OAA+B;EAAA,IAA1Bb,KAAK,QAALA,KAAK;IAAEc,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;EACzE,IAAMC,UAAU,GAAGjB,aAAa,CAACkB,mBAAK,CAACjB,KAAK,CAAC,IAAIA,KAAK,CAAC;EACvD,IAAMM,UAAU,GAAGS,GAAG,GAAG,CAACC,UAAU,GAAGA,UAAU;EACjD,OAAOV,UAAU,GAAG,mDAAGQ,QAAQ,CAAI,GAAG,IAAI;AAC5C,CAAC;AAAC;AAIK,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACC;EAAQ,GAAKF,KAAK,EAAI;AAAA;AAAC;AACvG,IAAMG,WAAW,GAAG,SAAdA,WAAW,CAAIH,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACG;EAAW,GAAKJ,KAAK,EAAI;AAAA;AAAC;AAC5G,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,CAAIL,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACK;EAAO,GAAKN,KAAK,EAAI;AAAA;AAAC;AACrG,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIP,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACO;EAAY,GAAKR,KAAK,EAAI;AAAA;AAAC;AAC9G,IAAMS,UAAU,GAAG,SAAbA,UAAU,CAAIT,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACS;EAAU,GAAKV,KAAK,EAAI;AAAA;AAAC;AAC1G,IAAMW,QAAQ,GAAG,SAAXA,QAAQ,CAAIX,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACW;EAAO,GAAKZ,KAAK,EAAI;AAAA;AAAC;AACrG,IAAMa,YAAY,GAAG,SAAfA,YAAY,CAAIb,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACa;EAAY,GAAKd,KAAK,EAAI;AAAA;AAAC;AAC9G,IAAMe,UAAU,GAAG,SAAbA,UAAU,CAAIf,KAA2B;EAAA,OAAK,gBAAC,UAAU;IAAC,KAAK,EAAEC,uBAAS,CAACe;EAAU,GAAKhB,KAAK,EAAI;AAAA;AAAC"}

package/src/Layout/Spacer.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Spacer = Spacer;
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH

package/src/Layout/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","names":["Spacer","size","vertical","display","width","height"],"sources":["Spacer.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 {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"mappings":";;;;;;;AAoBA;AACA;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASO,SAASA,MAAM,OAA6D;EAAA,qBAA3DC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAChD,OAAO;IAAK,KAAK,EAAEA,QAAQ,GAAG;MAACC,OAAO,EAAE,cAAc;MAAEC,KAAK,EAAEH;IAAI,CAAC,GAAG;MAACI,MAAM,EAAEJ;IAAI;EAAE,EAAG;AAC3F"}
+{"version":3,"file":"Spacer.js","names":["Spacer","size","vertical","display","width","height"],"sources":["Spacer.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 {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"mappings":";;;;;;AAoBA;AACA;AAA0B;AArB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASO,SAASA,MAAM,OAA6D;EAAA,qBAA3DC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAChD,OAAO;IAAK,KAAK,EAAEA,QAAQ,GAAG;MAACC,OAAO,EAAE,cAAc;MAAEC,KAAK,EAAEH;IAAI,CAAC,GAAG;MAACI,MAAM,EAAEJ;IAAI;EAAE,EAAG;AAC3F"}

package/src/Layout/StyledApp.js

@@ -1,18 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledApp = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _GlobalStyle = require("../GlobalStyle");
 var _util = require("../util");
 var _Theme = require("./Theme");
 var _excluded = ["themeId", "theme", "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); }
 var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? theme.general.backgroundColor : _ref$backgroundColor;
@@ -25,7 +26,7 @@ var filterStyledAppProps = function filterStyledAppProps(props) {
   return (0, _util.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
 };
 var StyledAppContainer = function StyledAppContainer(props) {
-  return (0, _react2.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", _extends({
     css: function css(theme) {
       return styledAppContainerStyle(theme, props);
     }
@@ -36,7 +37,7 @@ var StyledApp = function StyledApp(_ref2) {
     themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
     theme = _ref2.theme,
     children = _ref2.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    props = _objectWithoutProperties(_ref2, _excluded);
   return (0, _react2.jsx)(_Theme.ThemeProvider, {
     theme: theme ? theme : _Theme.themes[themeId]
   }, (0, _react2.jsx)(StyledAppContainer, props, (0, _react2.jsx)(_GlobalStyle.GlobalStyle, null), children));

package/src/Layout/StyledApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledApp.js","names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppProps","props","filterProps","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children","themes"],"sources":["StyledApp.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider, themes} from './Theme';\n\ntype StyledAppContainerProps =\n  | {\n      themeId: THEME_ID;\n      theme?: never;\n    }\n  | {\n      theme: Theme;\n      themeId?: never;\n    };\n\ntype BackgroundColorProps = {\n  backgroundColor?: string;\n};\n\nexport type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\n\nconst styledAppContainerStyle: (\n  theme: Theme,\n  props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps,\n) => CSSObject = (theme, {backgroundColor = theme.general.backgroundColor}) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppProps = (props: Partial<StyledAppProps>) =>\n  filterProps(props, ['backgroundColor', 'themeId', 'theme']);\n\nconst StyledAppContainer = (props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppProps(props)} />\n);\n\nexport const StyledApp: React.FC<StyledAppProps> = ({themeId = THEME_ID.LIGHT, theme, children, ...props}) => (\n  <ThemeProvider theme={theme ? theme : themes[themeId]}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"mappings":";;;;;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAA+D;AAkB/D,IAAMA,uBAGQ,GAAG,SAHXA,uBAGQ,CAAIC,KAAK;EAAA,gCAAGC,eAAe;IAAfA,eAAe,qCAAGD,KAAK,CAACE,OAAO,CAACD,eAAe;EAAA,OAAO;IAC9EE,UAAU,EAAEF,eAAe;IAC3BG,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,KAA8B;EAAA,OAC1D,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAAA;AAE7D,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIF,KAA6D;EAAA,OACvF;IAAK,GAAG,EAAE,aAACN,KAAY;MAAA,OAAKD,uBAAuB,CAACC,KAAK,EAAEM,KAAK,CAAC;IAAA;EAAC,GAAKD,oBAAoB,CAACC,KAAK,CAAC,EAAI;AAAA,CACvG;AAEM,IAAMG,SAAmC,GAAG,SAAtCA,SAAmC;EAAA,0BAAKC,OAAO;IAAPA,OAAO,8BAAGC,eAAQ,CAACC,KAAK;IAAEZ,KAAK,SAALA,KAAK;IAAEa,QAAQ,SAARA,QAAQ;IAAKP,KAAK;EAAA,OACtG,iBAAC,oBAAa;IAAC,KAAK,EAAEN,KAAK,GAAGA,KAAK,GAAGc,aAAM,CAACJ,OAAO;EAAE,GACpD,iBAAC,kBAAkB,EAAKJ,KAAK,EAC3B,iBAAC,wBAAW,OAAG,EACdO,QAAQ,CACU,CACP;AAAA,CACjB;AAAC"}
+{"version":3,"file":"StyledApp.js","names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppProps","props","filterProps","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children","themes"],"sources":["StyledApp.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider, themes} from './Theme';\n\ntype StyledAppContainerProps =\n  | {\n      themeId: THEME_ID;\n      theme?: never;\n    }\n  | {\n      theme: Theme;\n      themeId?: never;\n    };\n\ntype BackgroundColorProps = {\n  backgroundColor?: string;\n};\n\nexport type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\n\nconst styledAppContainerStyle: (\n  theme: Theme,\n  props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps,\n) => CSSObject = (theme, {backgroundColor = theme.general.backgroundColor}) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppProps = (props: Partial<StyledAppProps>) =>\n  filterProps(props, ['backgroundColor', 'themeId', 'theme']);\n\nconst StyledAppContainer = (props: React.HTMLProps<HTMLDivElement> & BackgroundColorProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppProps(props)} />\n);\n\nexport const StyledApp: React.FC<StyledAppProps> = ({themeId = THEME_ID.LIGHT, theme, children, ...props}) => (\n  <ThemeProvider theme={theme ? theme : themes[themeId]}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AAA+D;AAAA;AAAA;AAAA;AAAA;AAkB/D,IAAMA,uBAGQ,GAAG,SAHXA,uBAGQ,CAAIC,KAAK;EAAA,gCAAGC,eAAe;IAAfA,eAAe,qCAAGD,KAAK,CAACE,OAAO,CAACD,eAAe;EAAA,OAAO;IAC9EE,UAAU,EAAEF,eAAe;IAC3BG,UAAU,EAAE;EACd,CAAC;AAAA,CAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,KAA8B;EAAA,OAC1D,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAAA;AAE7D,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIF,KAA6D;EAAA,OACvF;IAAK,GAAG,EAAE,aAACN,KAAY;MAAA,OAAKD,uBAAuB,CAACC,KAAK,EAAEM,KAAK,CAAC;IAAA;EAAC,GAAKD,oBAAoB,CAACC,KAAK,CAAC,EAAI;AAAA,CACvG;AAEM,IAAMG,SAAmC,GAAG,SAAtCA,SAAmC;EAAA,0BAAKC,OAAO;IAAPA,OAAO,8BAAGC,eAAQ,CAACC,KAAK;IAAEZ,KAAK,SAALA,KAAK;IAAEa,QAAQ,SAARA,QAAQ;IAAKP,KAAK;EAAA,OACtG,iBAAC,oBAAa;IAAC,KAAK,EAAEN,KAAK,GAAGA,KAAK,GAAGc,aAAM,CAACJ,OAAO;EAAE,GACpD,iBAAC,kBAAkB,EAAKJ,KAAK,EAC3B,iBAAC,wBAAW,OAAG,EACdO,QAAQ,CACU,CACP;AAAA,CACjB;AAAC"}

package/src/Layout/Theme.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.themes = exports.ThemeProvider = exports.THEME_ID = 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 _colors = require("../Identity/colors");
 var _colorsV = require("../Identity/colors-v2");
 var _themes;
+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 THEME_ID;
 exports.THEME_ID = THEME_ID;
 (function (THEME_ID) {
@@ -19,7 +19,7 @@ exports.THEME_ID = THEME_ID;
   THEME_ID["LIGHT"] = "THEME_LIGHT";
   THEME_ID["DEFAULT"] = "THEME_DEFAULT";
 })(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
-var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.DEFAULT, {
+var themes = (_themes = {}, _defineProperty(_themes, THEME_ID.DEFAULT, {
   Button: {
     primaryBg: 'var(--accent-color)',
     primaryHoverBg: 'var(--button-primary-hover)',
@@ -80,7 +80,7 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
     contrastColor: 'var(--text-input-background)',
     focusColor: 'var(--accent-color-focus)'
   }
-}), (0, _defineProperty2["default"])(_themes, THEME_ID.LIGHT, {
+}), _defineProperty(_themes, THEME_ID.LIGHT, {
   Button: {
     primaryBg: 'var(--accent-color)',
     primaryHoverBg: 'var(--button-primary-hover)',
@@ -141,7 +141,7 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
     disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_20,
     invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
   }
-}), (0, _defineProperty2["default"])(_themes, THEME_ID.DARK, {
+}), _defineProperty(_themes, THEME_ID.DARK, {
   Button: {
     primaryBg: 'var(--accent-color)',
     primaryHoverBg: 'var(--button-primary-hover)',
@@ -205,7 +205,7 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
 }), _themes);
 exports.themes = themes;
 var ThemeProvider = function ThemeProvider(props) {
-  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({}, props, {
+  return (0, _react.jsx)(_react.ThemeProvider, _extends({}, props, {
     theme: props.theme
   }));
 };

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","ThemeProvider","props","theme"],"sources":["Theme.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 {jsx, ThemeProvider as EmotionThemeProvider, Theme as ETheme} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n  DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\n  Button?: {\n    primaryBg: String;\n    primaryHoverBg: String;\n    primaryActiveBg: String;\n    primaryActiveBorder: String;\n    primaryFocusBorder: String;\n    primaryDisabledBg: String;\n    primaryDisabledText: String;\n    tertiaryBg: String;\n    tertiaryBorder: String;\n    tertiaryHoverBg: String;\n    tertiaryHoverBorder: String;\n    tertiarydisabledBg: String;\n    tertiaryDisabledBorder: String;\n    tertiaryActiveBg: String;\n  };\n  IconButton: {\n    activePrimaryBgColor: string;\n    focusBorderColor: string;\n    hoverPrimaryBgColor: string;\n    primaryActiveFillColor: string;\n    primaryBgColor: string;\n    primaryBorderColor: string;\n    primaryDisabledBgColor: string;\n    primaryDisabledBorderColor: string;\n    primaryHoverBorderColor: string;\n    secondaryActiveBorderColor: string;\n  };\n  Checkbox: {\n    background: string;\n    border: string;\n    borderFocused: string;\n    disableBgColor: string;\n    disableBorderColor: string;\n    disablecheckedBgColor: string;\n    invalidBorderColor: string;\n  };\n  general: {\n    backgroundColor: string;\n    color: string;\n    contrastColor: String;\n    dangerColor: string;\n    focusColor: String;\n    primaryColor: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n    borderHover: string;\n  };\n  Select: {\n    disabledColor: string;\n    contrastTextColor: string;\n    borderColor: string;\n    focusedDescriptionColor: string;\n    optionHoverBg: string;\n    selectedActiveBg: String;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.DEFAULT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    Checkbox: {\n      background: 'var(--checkbox-background)',\n      border: 'var(--checkbox-border)',\n      borderFocused: 'var(--accent-color)',\n      disableBgColor: 'var(--checkbox-background-disabled)',\n      disableBorderColor: 'var(--checkbox-border-disabled)',\n      disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n      invalidBorderColor: 'var(--danger-color)',\n    },\n    IconButton: {\n      activePrimaryBgColor: 'var(--accent-color-highlight)',\n      focusBorderColor: 'var(--accent-color-border)',\n      hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n      primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n      primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n      primaryBorderColor: 'var(--icon-button-primary-border)',\n      primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n      primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n      primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n      secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n    },\n    Input: {\n      backgroundColor: 'var(--text-input-background)',\n      backgroundColorDisabled: 'var(--text-input-disabled)',\n      labelColor: 'var(--text-input-label)',\n      placeholderColor: 'var(--text-input-placeholder)',\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    Select: {\n      borderColor: 'var(--text-input-border)',\n      contrastTextColor: 'var(--text-input-background)',\n      disabledColor: 'var(--text-input-placeholder)',\n      focusedDescriptionColor: 'var(--select-focused-description)',\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    general: {\n      backgroundColor: 'var(--app-bg)',\n      color: 'var(--main-color)',\n      dangerColor: 'var(--danger-color)',\n      primaryColor: 'var(--accent-color)',\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n  },\n  [THEME_ID.LIGHT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n      focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n      primaryActiveFillColor: COLOR_V2.BLUE,\n      primaryBgColor: COLOR_V2.WHITE,\n      primaryBorderColor: COLOR_V2.GRAY_40,\n      primaryDisabledBgColor: COLOR_V2.GRAY_20,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n      primaryHoverBorderColor: COLOR_V2.GRAY_50,\n      secondaryActiveBorderColor: 'transparent',\n    },\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR_V2.GRAY_20,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n      labelColor: COLOR_V2.GRAY_80,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\n      focusedDescriptionColor: COLOR_V2.WHITE,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_80,\n      borderFocused: BASE_LIGHT_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_20,\n      disableBorderColor: COLOR_V2.GRAY_60,\n      disablecheckedBgColor: COLOR_V2.GRAY_20,\n      invalidBorderColor: BASE_LIGHT_COLOR.RED,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n      focusBorderColor: COLOR_V2.BLUE_DARK_600,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n      primaryActiveFillColor: COLOR.WHITE,\n      primaryBgColor: COLOR_V2.GRAY_90,\n      primaryBorderColor: COLOR_V2.GRAY_100,\n      primaryDisabledBgColor: COLOR_V2.GRAY_95,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n      primaryHoverBorderColor: COLOR_V2.GRAY_70,\n      secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n    },\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.GRAY_100,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n      labelColor: COLOR_V2.GRAY_40,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\n      focusedDescriptionColor: COLOR_V2.GRAY_40,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-active)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_60,\n      borderFocused: BASE_DARK_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_10,\n      disableBorderColor: COLOR_V2.GRAY_70,\n      disablecheckedBgColor: COLOR_V2.GRAY_60,\n      invalidBorderColor: BASE_DARK_COLOR.RED,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  theme?: Theme;\n  children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"mappings":"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"}
+{"version":3,"file":"Theme.js","names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","ThemeProvider","props","theme"],"sources":["Theme.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 {jsx, ThemeProvider as EmotionThemeProvider, Theme as ETheme} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n  DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\n  Button?: {\n    primaryBg: String;\n    primaryHoverBg: String;\n    primaryActiveBg: String;\n    primaryActiveBorder: String;\n    primaryFocusBorder: String;\n    primaryDisabledBg: String;\n    primaryDisabledText: String;\n    tertiaryBg: String;\n    tertiaryBorder: String;\n    tertiaryHoverBg: String;\n    tertiaryHoverBorder: String;\n    tertiarydisabledBg: String;\n    tertiaryDisabledBorder: String;\n    tertiaryActiveBg: String;\n  };\n  IconButton: {\n    activePrimaryBgColor: string;\n    focusBorderColor: string;\n    hoverPrimaryBgColor: string;\n    primaryActiveFillColor: string;\n    primaryBgColor: string;\n    primaryBorderColor: string;\n    primaryDisabledBgColor: string;\n    primaryDisabledBorderColor: string;\n    primaryHoverBorderColor: string;\n    secondaryActiveBorderColor: string;\n  };\n  Checkbox: {\n    background: string;\n    border: string;\n    borderFocused: string;\n    disableBgColor: string;\n    disableBorderColor: string;\n    disablecheckedBgColor: string;\n    invalidBorderColor: string;\n  };\n  general: {\n    backgroundColor: string;\n    color: string;\n    contrastColor: String;\n    dangerColor: string;\n    focusColor: String;\n    primaryColor: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n    borderHover: string;\n  };\n  Select: {\n    disabledColor: string;\n    contrastTextColor: string;\n    borderColor: string;\n    focusedDescriptionColor: string;\n    optionHoverBg: string;\n    selectedActiveBg: String;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.DEFAULT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    Checkbox: {\n      background: 'var(--checkbox-background)',\n      border: 'var(--checkbox-border)',\n      borderFocused: 'var(--accent-color)',\n      disableBgColor: 'var(--checkbox-background-disabled)',\n      disableBorderColor: 'var(--checkbox-border-disabled)',\n      disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n      invalidBorderColor: 'var(--danger-color)',\n    },\n    IconButton: {\n      activePrimaryBgColor: 'var(--accent-color-highlight)',\n      focusBorderColor: 'var(--accent-color-border)',\n      hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n      primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n      primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n      primaryBorderColor: 'var(--icon-button-primary-border)',\n      primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n      primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n      primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n      secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n    },\n    Input: {\n      backgroundColor: 'var(--text-input-background)',\n      backgroundColorDisabled: 'var(--text-input-disabled)',\n      labelColor: 'var(--text-input-label)',\n      placeholderColor: 'var(--text-input-placeholder)',\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    Select: {\n      borderColor: 'var(--text-input-border)',\n      contrastTextColor: 'var(--text-input-background)',\n      disabledColor: 'var(--text-input-placeholder)',\n      focusedDescriptionColor: 'var(--select-focused-description)',\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    general: {\n      backgroundColor: 'var(--app-bg)',\n      color: 'var(--main-color)',\n      dangerColor: 'var(--danger-color)',\n      primaryColor: 'var(--accent-color)',\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n  },\n  [THEME_ID.LIGHT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n      focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n      primaryActiveFillColor: COLOR_V2.BLUE,\n      primaryBgColor: COLOR_V2.WHITE,\n      primaryBorderColor: COLOR_V2.GRAY_40,\n      primaryDisabledBgColor: COLOR_V2.GRAY_20,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n      primaryHoverBorderColor: COLOR_V2.GRAY_50,\n      secondaryActiveBorderColor: 'transparent',\n    },\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR_V2.GRAY_20,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n      labelColor: COLOR_V2.GRAY_80,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\n      focusedDescriptionColor: COLOR_V2.WHITE,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_80,\n      borderFocused: BASE_LIGHT_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_20,\n      disableBorderColor: COLOR_V2.GRAY_60,\n      disablecheckedBgColor: COLOR_V2.GRAY_20,\n      invalidBorderColor: BASE_LIGHT_COLOR.RED,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n      focusBorderColor: COLOR_V2.BLUE_DARK_600,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n      primaryActiveFillColor: COLOR.WHITE,\n      primaryBgColor: COLOR_V2.GRAY_90,\n      primaryBorderColor: COLOR_V2.GRAY_100,\n      primaryDisabledBgColor: COLOR_V2.GRAY_95,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n      primaryHoverBorderColor: COLOR_V2.GRAY_70,\n      secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n    },\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.GRAY_100,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n      labelColor: COLOR_V2.GRAY_40,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\n      focusedDescriptionColor: COLOR_V2.GRAY_40,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-active)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_60,\n      borderFocused: BASE_DARK_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_10,\n      disableBorderColor: COLOR_V2.GRAY_70,\n      disablecheckedBgColor: COLOR_V2.GRAY_60,\n      invalidBorderColor: BASE_DARK_COLOR.RED,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  theme?: Theme;\n  children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"mappings":"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"}

package/src/Layout/headerMenu/HeaderMenu.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderMenu = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _MenuContent = require("./MenuContent");
@@ -18,7 +14,16 @@ var _MenuScrollableItems = require("./MenuScrollableItems");
 var _excluded = ["children", "logoElement", "centerElement"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "107gg21",
   styles: "height:64px"
@@ -52,9 +57,9 @@ var HeaderMenu = function HeaderMenu(_ref) {
     logoElement = _ref$logoElement === void 0 ? null : _ref$logoElement,
     _ref$centerElement = _ref.centerElement,
     centerElement = _ref$centerElement === void 0 ? null : _ref$centerElement,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var toggleMenu = function toggleMenu() {
@@ -68,7 +73,7 @@ var HeaderMenu = function HeaderMenu(_ref) {
   var closeMenu = function closeMenu() {
     return setIsOpen(false);
   };
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     css: _ref2
   }, props, {
     "data-uie-name": "element-header-menu"

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderMenu.js","names":["HeaderMenu","children","logoElement","centerElement","props","useState","isOpen","setIsOpen","toggleMenu","window","scrollTo","current","closeMenu","justifySelf","position","undefined","right","top"],"sources":["HeaderMenu.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 {jsx} from '@emotion/react';\nimport React from 'react';\nimport {useState} from 'react';\n\nimport {MenuContent} from './MenuContent';\nimport {MenuItems} from './MenuItems';\nimport {MenuOpenButton} from './MenuOpenButton';\nimport {MenuScrollableItems} from './MenuScrollableItems';\n\nexport interface HeaderMenuProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  centerElement?: React.ReactNode;\n  logoElement?: React.ReactNode;\n}\n\nexport const HeaderMenu = ({children, logoElement = null, centerElement = null, ...props}: HeaderMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleMenu = () => {\n    if (typeof window !== 'undefined') {\n      window.scrollTo(0, 0);\n      setIsOpen(current => !current);\n    }\n  };\n\n  const closeMenu = () => setIsOpen(false);\n\n  return (\n    <div css={{height: '64px'}} {...props} data-uie-name=\"element-header-menu\">\n      <MenuContent open={isOpen}>\n        <div css={{alignSelf: 'center', display: 'flex', zIndex: 2}} onClick={closeMenu}>\n          {logoElement}\n        </div>\n        <div css={{alignSelf: 'center', display: 'flex'}}>{centerElement}</div>\n        <MenuOpenButton\n          onClick={toggleMenu}\n          open={isOpen}\n          style={{justifySelf: 'end', position: isOpen ? 'fixed' : undefined, right: '16px', top: '21px'}}\n          data-uie-name=\"do-toggle-header-menu\"\n        />\n        <MenuItems onClick={closeMenu} open={isOpen}>\n          <MenuScrollableItems>{children}</MenuScrollableItems>\n        </MenuItems>\n      </MenuContent>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAoBA;AACA;AAGA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAOnD,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAwF;EAAA,IAAnFC,QAAQ,QAARA,QAAQ;IAAA,wBAAEC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,IAAI;IAAKC,KAAK;EACtF,gBAA4B,IAAAC,gBAAQ,EAAC,KAAK,CAAC;IAAA;IAApCC,MAAM;IAAEC,SAAS;EAExB,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;IACvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjCA,MAAM,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;MACrBH,SAAS,CAAC,UAAAI,OAAO;QAAA,OAAI,CAACA,OAAO;MAAA,EAAC;IAChC;EACF,CAAC;EAED,IAAMC,SAAS,GAAG,SAAZA,SAAS;IAAA,OAASL,SAAS,CAAC,KAAK,CAAC;EAAA;EAExC,OACE;IAAK,GAAG;EAAmB,GAAKH,KAAK;IAAE,iBAAc;EAAqB,IACxE,gBAAC,wBAAW;IAAC,IAAI,EAAEE;EAAO,GACxB;IAAK,GAAG,OAAoD;IAAC,OAAO,EAAEM;EAAU,GAC7EV,WAAW,CACR,EACN;IAAK,GAAG;EAAyC,GAAEC,aAAa,CAAO,EACvE,gBAAC,8BAAc;IACb,OAAO,EAAEK,UAAW;IACpB,IAAI,EAAEF,MAAO;IACb,KAAK,EAAE;MAACO,WAAW,EAAE,KAAK;MAAEC,QAAQ,EAAER,MAAM,GAAG,OAAO,GAAGS,SAAS;MAAEC,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAM,CAAE;IAChG,iBAAc;EAAuB,EACrC,EACF,gBAAC,oBAAS;IAAC,OAAO,EAAEL,SAAU;IAAC,IAAI,EAAEN;EAAO,GAC1C,gBAAC,wCAAmB,QAAEL,QAAQ,CAAuB,CAC3C,CACA,CACV;AAEV,CAAC;AAAC"}
+{"version":3,"file":"HeaderMenu.js","names":["HeaderMenu","children","logoElement","centerElement","props","useState","isOpen","setIsOpen","toggleMenu","window","scrollTo","current","closeMenu","justifySelf","position","undefined","right","top"],"sources":["HeaderMenu.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 {jsx} from '@emotion/react';\nimport React from 'react';\nimport {useState} from 'react';\n\nimport {MenuContent} from './MenuContent';\nimport {MenuItems} from './MenuItems';\nimport {MenuOpenButton} from './MenuOpenButton';\nimport {MenuScrollableItems} from './MenuScrollableItems';\n\nexport interface HeaderMenuProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  centerElement?: React.ReactNode;\n  logoElement?: React.ReactNode;\n}\n\nexport const HeaderMenu = ({children, logoElement = null, centerElement = null, ...props}: HeaderMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleMenu = () => {\n    if (typeof window !== 'undefined') {\n      window.scrollTo(0, 0);\n      setIsOpen(current => !current);\n    }\n  };\n\n  const closeMenu = () => setIsOpen(false);\n\n  return (\n    <div css={{height: '64px'}} {...props} data-uie-name=\"element-header-menu\">\n      <MenuContent open={isOpen}>\n        <div css={{alignSelf: 'center', display: 'flex', zIndex: 2}} onClick={closeMenu}>\n          {logoElement}\n        </div>\n        <div css={{alignSelf: 'center', display: 'flex'}}>{centerElement}</div>\n        <MenuOpenButton\n          onClick={toggleMenu}\n          open={isOpen}\n          style={{justifySelf: 'end', position: isOpen ? 'fixed' : undefined, right: '16px', top: '21px'}}\n          data-uie-name=\"do-toggle-header-menu\"\n        />\n        <MenuItems onClick={closeMenu} open={isOpen}>\n          <MenuScrollableItems>{children}</MenuScrollableItems>\n        </MenuItems>\n      </MenuContent>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAoBA;AACA;AAGA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAOnD,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAwF;EAAA,IAAnFC,QAAQ,QAARA,QAAQ;IAAA,wBAAEC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,IAAI;IAAKC,KAAK;EACtF,gBAA4B,IAAAC,gBAAQ,EAAC,KAAK,CAAC;IAAA;IAApCC,MAAM;IAAEC,SAAS;EAExB,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;IACvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjCA,MAAM,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;MACrBH,SAAS,CAAC,UAAAI,OAAO;QAAA,OAAI,CAACA,OAAO;MAAA,EAAC;IAChC;EACF,CAAC;EAED,IAAMC,SAAS,GAAG,SAAZA,SAAS;IAAA,OAASL,SAAS,CAAC,KAAK,CAAC;EAAA;EAExC,OACE;IAAK,GAAG;EAAmB,GAAKH,KAAK;IAAE,iBAAc;EAAqB,IACxE,gBAAC,wBAAW;IAAC,IAAI,EAAEE;EAAO,GACxB;IAAK,GAAG,OAAoD;IAAC,OAAO,EAAEM;EAAU,GAC7EV,WAAW,CACR,EACN;IAAK,GAAG;EAAyC,GAAEC,aAAa,CAAO,EACvE,gBAAC,8BAAc;IACb,OAAO,EAAEK,UAAW;IACpB,IAAI,EAAEF,MAAO;IACb,KAAK,EAAE;MAACO,WAAW,EAAE,KAAK;MAAEC,QAAQ,EAAER,MAAM,GAAG,OAAO,GAAGS,SAAS;MAAEC,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAM,CAAE;IAChG,iBAAc;EAAuB,EACrC,EACF,gBAAC,oBAAS;IAAC,OAAO,EAAEL,SAAU;IAAC,IAAI,EAAEN;EAAO,GAC1C,gBAAC,wCAAmB,QAAEL,QAAQ,CAAuB,CAC3C,CACA,CACV;AAEV,CAAC;AAAC"}

package/src/Layout/headerMenu/HeaderSubMenu.js

@@ -1,13 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MobileStyledHeaderSubMenu = exports.HeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Identity = require("../../Identity");
@@ -16,8 +12,13 @@ var _mediaQueries = require("../../mediaQueries");
 var _MenuSubLink = require("./MenuSubLink");
 var _MenuLink = require("./MenuLink");
 var _excluded = ["caption", "isOpen", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var desktopStyledHeaderSubMenuStyle = function desktopStyledHeaderSubMenuStyle(theme, props) {
-  return (0, _defineProperty2["default"])({
+  return _defineProperty({
     alignItems: 'left',
     backgroundColor: _Identity.COLOR.tint(theme.general.backgroundColor, 0.16),
     borderRadius: '8px',
@@ -47,7 +48,7 @@ var desktopStyledHeaderSubMenuStyle = function desktopStyledHeaderSubMenuStyle(t
 var DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';
 exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = DESKTOP_HEADER_SUB_MENU_CLASSNAME;
 var DesktopStyledHeaderSubMenu = function DesktopStyledHeaderSubMenu(props) {
-  return (0, _react.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", _extends({
     className: DESKTOP_HEADER_SUB_MENU_CLASSNAME,
     css: function css(theme) {
       return desktopStyledHeaderSubMenuStyle(theme, props);
@@ -70,7 +71,7 @@ var mobileStyledHeaderSubMenuStyle = function mobileStyledHeaderSubMenuStyle(pro
   };
 };
 var MobileStyledHeaderSubMenu = function MobileStyledHeaderSubMenu(props) {
-  return (0, _react.jsx)("span", (0, _extends2["default"])({
+  return (0, _react.jsx)("span", _extends({
     css: mobileStyledHeaderSubMenuStyle(props)
   }, props));
 };
@@ -79,9 +80,9 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
   var caption = _ref2.caption,
     isOpen = _ref2.isOpen,
     children = _ref2.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    props = _objectWithoutProperties(_ref2, _excluded);
   var isDesktop = typeof window !== 'undefined' && window.matchMedia("(".concat(_mediaQueries.QUERY.desktop, ")")).matches;
-  return (0, _react.jsx)(_MenuSubLink.MenuSubLink, (0, _extends2["default"])({}, props, {
+  return (0, _react.jsx)(_MenuSubLink.MenuSubLink, _extends({}, props, {
     style: {
       cursor: 'pointer',
       display: 'inline-block',

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubMenu.js","names":["desktopStyledHeaderSubMenuStyle","theme","props","alignItems","backgroundColor","COLOR","tint","general","borderRadius","boxShadow","display","flexDirection","justifyContent","minWidth","padding","span","height","margin","paddingLeft","paddingRight","whiteSpace","MENU_LINK_CLASSNAME","marginTop","DESKTOP_HEADER_SUB_MENU_CLASSNAME","DesktopStyledHeaderSubMenu","mobileStyledHeaderSubMenuStyle","fontWeight","borderTop","GRAY_LIGHTEN_72","paddingTop","MobileStyledHeaderSubMenu","HeaderSubMenu","caption","isOpen","children","isDesktop","window","matchMedia","QUERY","desktop","matches","cursor","position","textAlign","DURATION","DEFAULT","left","zIndex"],"sources":["HeaderSubMenu.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR, Opacity, Slide, YAxisMovement} from '../../Identity';\nimport {DURATION} from '../../Identity/motions';\nimport {QUERY} from '../../mediaQueries';\nimport {Theme} from '../Theme';\nimport {MenuSubLink} from './MenuSubLink';\nimport {MENU_LINK_CLASSNAME} from './MenuLink';\n\nexport type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst desktopStyledHeaderSubMenuStyle: (theme: Theme, props: DesktopStyledHeaderSubMenuProps) => CSSObject = (\n  theme,\n  props,\n) => ({\n  alignItems: 'left',\n  backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n  borderRadius: '8px',\n  boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  minWidth: '200px',\n  padding: '8px 8px',\n  span: {\n    '&:hover': {\n      backgroundColor: theme.general.backgroundColor,\n      borderRadius: '4px',\n    },\n    alignItems: 'center',\n    display: 'flex',\n    height: '30px',\n    margin: 0,\n    paddingLeft: '10px !important',\n    paddingRight: '10px !important',\n    whiteSpace: 'nowrap',\n  },\n  [`.${MENU_LINK_CLASSNAME}:nth-of-type(n+2)`]: {\n    marginTop: '8px',\n  },\n});\n\nexport const DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';\n\nexport const DesktopStyledHeaderSubMenu = (props: DesktopStyledHeaderSubMenuProps) => (\n  <div\n    className={DESKTOP_HEADER_SUB_MENU_CLASSNAME}\n    css={(theme: Theme) => desktopStyledHeaderSubMenuStyle(theme, props)}\n    {...props}\n  />\n);\n\nexport interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nconst mobileStyledHeaderSubMenuStyle: (props: MobileStyledHeaderSubMenuProps) => CSSObject = props => ({\n  '*': {\n    fontWeight: 200,\n  },\n  alignItems: 'center',\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  marginTop: '16px',\n  paddingTop: '8px',\n});\n\nexport const MobileStyledHeaderSubMenu = (props: MobileStyledHeaderSubMenuProps) => (\n  <span css={mobileStyledHeaderSubMenuStyle(props)} {...props} />\n);\n\nexport interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  caption: string;\n  isOpen: boolean;\n}\n\nexport const HeaderSubMenu: React.FC<HeaderSubMenuProps> = ({caption, isOpen, children, ...props}) => {\n  const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${QUERY.desktop})`).matches;\n  return (\n    <MenuSubLink\n      {...props}\n      style={{cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center'}}\n    >\n      <span>{caption}</span>\n      <Opacity\n        in={isOpen && isDesktop}\n        timeout={DURATION.DEFAULT}\n        style={{display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1}}\n        mountOnEnter={false}\n        unmountOnExit={false}\n      >\n        <YAxisMovement\n          in={isOpen && isDesktop}\n          startValue={'-30px'}\n          endValue={'0px'}\n          style={{display: 'inline-block'}}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <DesktopStyledHeaderSubMenu>{children}</DesktopStyledHeaderSubMenu>\n        </YAxisMovement>\n      </Opacity>\n      <Opacity\n        in={isOpen && !isDesktop}\n        timeout={DURATION.DEFAULT}\n        mountOnEnter={false}\n        unmountOnExit={false}\n        style={{display: 'block', position: 'relative'}}\n      >\n        <Slide\n          in={isOpen && !isDesktop}\n          startValue={'-56%'}\n          endValue={'0'}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <MobileStyledHeaderSubMenu>{children}</MobileStyledHeaderSubMenu>\n        </Slide>\n      </Opacity>\n    </MenuSubLink>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"HeaderSubMenu.js","names":["desktopStyledHeaderSubMenuStyle","theme","props","alignItems","backgroundColor","COLOR","tint","general","borderRadius","boxShadow","display","flexDirection","justifyContent","minWidth","padding","span","height","margin","paddingLeft","paddingRight","whiteSpace","MENU_LINK_CLASSNAME","marginTop","DESKTOP_HEADER_SUB_MENU_CLASSNAME","DesktopStyledHeaderSubMenu","mobileStyledHeaderSubMenuStyle","fontWeight","borderTop","GRAY_LIGHTEN_72","paddingTop","MobileStyledHeaderSubMenu","HeaderSubMenu","caption","isOpen","children","isDesktop","window","matchMedia","QUERY","desktop","matches","cursor","position","textAlign","DURATION","DEFAULT","left","zIndex"],"sources":["HeaderSubMenu.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR, Opacity, Slide, YAxisMovement} from '../../Identity';\nimport {DURATION} from '../../Identity/motions';\nimport {QUERY} from '../../mediaQueries';\nimport {Theme} from '../Theme';\nimport {MenuSubLink} from './MenuSubLink';\nimport {MENU_LINK_CLASSNAME} from './MenuLink';\n\nexport type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst desktopStyledHeaderSubMenuStyle: (theme: Theme, props: DesktopStyledHeaderSubMenuProps) => CSSObject = (\n  theme,\n  props,\n) => ({\n  alignItems: 'left',\n  backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n  borderRadius: '8px',\n  boxShadow: '0 8px 24px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  minWidth: '200px',\n  padding: '8px 8px',\n  span: {\n    '&:hover': {\n      backgroundColor: theme.general.backgroundColor,\n      borderRadius: '4px',\n    },\n    alignItems: 'center',\n    display: 'flex',\n    height: '30px',\n    margin: 0,\n    paddingLeft: '10px !important',\n    paddingRight: '10px !important',\n    whiteSpace: 'nowrap',\n  },\n  [`.${MENU_LINK_CLASSNAME}:nth-of-type(n+2)`]: {\n    marginTop: '8px',\n  },\n});\n\nexport const DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';\n\nexport const DesktopStyledHeaderSubMenu = (props: DesktopStyledHeaderSubMenuProps) => (\n  <div\n    className={DESKTOP_HEADER_SUB_MENU_CLASSNAME}\n    css={(theme: Theme) => desktopStyledHeaderSubMenuStyle(theme, props)}\n    {...props}\n  />\n);\n\nexport interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  open?: boolean;\n}\n\nconst mobileStyledHeaderSubMenuStyle: (props: MobileStyledHeaderSubMenuProps) => CSSObject = props => ({\n  '*': {\n    fontWeight: 200,\n  },\n  alignItems: 'center',\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  marginTop: '16px',\n  paddingTop: '8px',\n});\n\nexport const MobileStyledHeaderSubMenu = (props: MobileStyledHeaderSubMenuProps) => (\n  <span css={mobileStyledHeaderSubMenuStyle(props)} {...props} />\n);\n\nexport interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n  caption: string;\n  isOpen: boolean;\n}\n\nexport const HeaderSubMenu: React.FC<HeaderSubMenuProps> = ({caption, isOpen, children, ...props}) => {\n  const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${QUERY.desktop})`).matches;\n  return (\n    <MenuSubLink\n      {...props}\n      style={{cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center'}}\n    >\n      <span>{caption}</span>\n      <Opacity\n        in={isOpen && isDesktop}\n        timeout={DURATION.DEFAULT}\n        style={{display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1}}\n        mountOnEnter={false}\n        unmountOnExit={false}\n      >\n        <YAxisMovement\n          in={isOpen && isDesktop}\n          startValue={'-30px'}\n          endValue={'0px'}\n          style={{display: 'inline-block'}}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <DesktopStyledHeaderSubMenu>{children}</DesktopStyledHeaderSubMenu>\n        </YAxisMovement>\n      </Opacity>\n      <Opacity\n        in={isOpen && !isDesktop}\n        timeout={DURATION.DEFAULT}\n        mountOnEnter={false}\n        unmountOnExit={false}\n        style={{display: 'block', position: 'relative'}}\n      >\n        <Slide\n          in={isOpen && !isDesktop}\n          startValue={'-56%'}\n          endValue={'0'}\n          timeout={DURATION.DEFAULT}\n          mountOnEnter={false}\n          unmountOnExit={true}\n        >\n          <MobileStyledHeaderSubMenu>{children}</MobileStyledHeaderSubMenu>\n        </Slide>\n      </Opacity>\n    </MenuSubLink>\n  );\n};\n"],"mappings":"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"}