@wireapp/react-ui-kit 8.17.1 → 8.17.3

package/src/Layout/MatchMedia.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IsTabletUp = exports.IsTabletDown = exports.IsTablet = exports.IsMobileUp = exports.IsMobileDown = exports.IsMobile = exports.IsDesktopXL = exports.IsDesktop = exports.MatchMedia = exports.useMatchMedia = void 0;
-
+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
@@ -43,22 +33,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 
 /** @jsx jsx */
-
 /* @jsxFrag React.Fragment */
+
 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),
-      isMatching = _useState2[0],
-      setIsMatching = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isMatching = _useState2[0],
+    setIsMatching = _useState2[1];
   var updateMatching = function updateMatching(event) {
     setIsMatching(event.matches);
   };
-
   (0, _react2.useEffect)(function () {
     matchMedia.addEventListener('change', updateMatching);
     return function () {
@@ -67,81 +54,62 @@ var useMatchMedia = function useMatchMedia(query) {
   }, [matchMedia]);
   return isMatching;
 };
-
 exports.useMatchMedia = useMatchMedia;
-
 var MatchMedia = function MatchMedia(_ref) {
   var query = _ref.query,
-      children = _ref.children,
-      not = _ref.not;
+    children = _ref.children,
+    not = _ref.not;
   var matchQuery = useMatchMedia(_mediaQueries.QUERY[query] || query);
   var isMatching = not ? !matchQuery : matchQuery;
   return isMatching ? (0, _react.jsx)(_react2["default"].Fragment, null, children) : null;
 };
-
 exports.MatchMedia = MatchMedia;
-
 var IsDesktop = function IsDesktop(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.DESKTOP
   }, props));
 };
-
 exports.IsDesktop = IsDesktop;
-
 var IsDesktopXL = function IsDesktopXL(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.DESKTOP_XL
   }, props));
 };
-
 exports.IsDesktopXL = IsDesktopXL;
-
 var IsMobile = function IsMobile(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE
   }, props));
 };
-
 exports.IsMobile = IsMobile;
-
 var IsMobileDown = function IsMobileDown(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE_DOWN
   }, props));
 };
-
 exports.IsMobileDown = IsMobileDown;
-
 var IsMobileUp = function IsMobileUp(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE_UP
   }, props));
 };
-
 exports.IsMobileUp = IsMobileUp;
-
 var IsTablet = function IsTablet(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET
   }, props));
 };
-
 exports.IsTablet = IsTablet;
-
 var IsTabletDown = function IsTabletDown(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET_DOWN
   }, props));
 };
-
 exports.IsTabletDown = IsTabletDown;
-
 var IsTabletUp = function IsTabletUp(props) {
   return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET_UP
   }, props));
 };
-
 exports.IsTabletUp = IsTabletUp;
 //# sourceMappingURL=MatchMedia.js.map

package/src/Layout/MatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MatchMedia.tsx"],"names":["useMatchMedia","query","matchMedia","window","matches","isMatching","setIsMatching","updateMatching","event","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"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\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"],"file":"MatchMedia.js"}
+{"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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"}

package/src/Layout/Spacer.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Spacer.d.js"}
+{"version":3,"file":"Spacer.d.js","names":[],"sources":["Spacer.d.ts"],"sourcesContent":["import React from 'react';\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    size?: number;\n    vertical?: boolean;\n}\nexport declare function Spacer({ size, vertical }: SpacerProps): React.ReactNode;\n"],"mappings":""}

package/src/Layout/Spacer.js

@@ -1,16 +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"));
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -31,11 +27,12 @@ var _react2 = _interopRequireDefault(require("react"));
  */
 
 /** @jsx jsx */
+
 function Spacer(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 8 : _ref$size,
-      _ref$vertical = _ref.vertical,
-      vertical = _ref$vertical === void 0 ? false : _ref$vertical;
+    size = _ref$size === void 0 ? 8 : _ref$size,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? false : _ref$vertical;
   return (0, _react.jsx)("div", {
     style: vertical ? {
       display: 'inline-block',

package/src/Layout/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spacer.tsx"],"names":["Spacer","size","vertical","display","width","height"],"mappings":";;;;;;;;;AAoBA;;AACA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AASO,SAASA,MAAT,OAA4E;AAAA,uBAA3DC,IAA2D;AAAA,MAA3DA,IAA2D,0BAApD,CAAoD;AAAA,2BAAjDC,QAAiD;AAAA,MAAjDA,QAAiD,8BAAtC,KAAsC;AACjF,SAAO;AAAK,IAAA,KAAK,EAAEA,QAAQ,GAAG;AAACC,MAAAA,OAAO,EAAE,cAAV;AAA0BC,MAAAA,KAAK,EAAEH;AAAjC,KAAH,GAA4C;AAACI,MAAAA,MAAM,EAAEJ;AAAT;AAAhE,IAAP;AACD","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"],"file":"Spacer.js"}
+{"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"}

package/src/Layout/StyledApp.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"StyledApp.d.js"}
+{"version":3,"file":"StyledApp.d.js","names":[],"sources":["StyledApp.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport React from 'react';\nimport { THEME_ID, Theme } from './Theme';\ndeclare type StyledAppContainerProps = {\n    themeId: THEME_ID;\n    theme?: never;\n} | {\n    theme: Theme;\n    themeId?: never;\n};\ndeclare type BackgroundColorProps = {\n    backgroundColor?: string;\n};\nexport declare type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;\nexport declare const StyledApp: React.FC<StyledAppProps>;\nexport {};\n"],"mappings":""}

package/src/Layout/StyledApp.js

@@ -1,41 +1,29 @@
 "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"];
-
 var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? theme.general.backgroundColor : _ref$backgroundColor;
+    backgroundColor = _ref$backgroundColor === void 0 ? theme.general.backgroundColor : _ref$backgroundColor;
   return {
     background: backgroundColor,
     transition: 'background 0.15s'
   };
 };
-
 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"])({
     css: function css(theme) {
@@ -43,17 +31,15 @@ var StyledAppContainer = function StyledAppContainer(props) {
     }
   }, filterStyledAppProps(props)));
 };
-
 var StyledApp = function StyledApp(_ref2) {
   var _ref2$themeId = _ref2.themeId,
-      themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
-      theme = _ref2.theme,
-      children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
+    theme = _ref2.theme,
+    children = _ref2.children,
+    props = (0, _objectWithoutProperties2["default"])(_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));
 };
-
 exports.StyledApp = StyledApp;
 //# sourceMappingURL=StyledApp.js.map

package/src/Layout/StyledApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children","themes"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAkBA,IAAMA,uBAGQ,GAAG,SAHXA,uBAGW,CAACC,KAAD;AAAA,kCAASC,eAAT;AAAA,MAASA,eAAT,qCAA2BD,KAAK,CAACE,OAAN,CAAcD,eAAzC;AAAA,SAA+D;AAC9EE,IAAAA,UAAU,EAAEF,eADkE;AAE9EG,IAAAA,UAAU,EAAE;AAFkE,GAA/D;AAAA,CAHjB;;AAQA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAC3B,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,EAA+B,OAA/B,CAAnB,CAD2B;AAAA,CAA7B;;AAGA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,uBAAuB,CAACC,KAAD,EAAQM,KAAR,CAAzC;AAAA;AAAV,KAAuED,oBAAoB,CAACC,KAAD,CAA3F,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAmC,GAAG,SAAtCA,SAAsC;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BX,KAA5B,SAA4BA,KAA5B;AAAA,MAAmCY,QAAnC,SAAmCA,QAAnC;AAAA,MAAgDN,KAAhD;AAAA,SACjD,iBAAC,oBAAD;AAAe,IAAA,KAAK,EAAEN,KAAK,GAAGA,KAAH,GAAWa,cAAOJ,OAAP;AAAtC,KACE,iBAAC,kBAAD,EAAwBH,KAAxB,EACE,iBAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADiD;AAAA,CAA5C","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"],"file":"StyledApp.js"}
+{"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"}

package/src/Layout/Theme.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Theme.d.js"}
+{"version":3,"file":"Theme.d.js","names":[],"sources":["Theme.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx, Theme as ETheme } from '@emotion/react';\nimport React from 'react';\nexport declare enum THEME_ID {\n    DARK = \"THEME_DARK\",\n    LIGHT = \"THEME_LIGHT\",\n    DEFAULT = \"THEME_DEFAULT\"\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}\nexport declare const themes: {\n    [themeId in THEME_ID]: Theme;\n};\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    theme?: Theme;\n    children: React.ReactNode;\n}\nexport declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Theme.js

@@ -1,35 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ThemeProvider = exports.themes = exports.THEME_ID = void 0;
-
+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;
-
 var THEME_ID;
 exports.THEME_ID = THEME_ID;
-
 (function (THEME_ID) {
   THEME_ID["DARK"] = "THEME_DARK";
   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, {
   Button: {
     primaryBg: 'var(--accent-color)',
@@ -215,12 +204,10 @@ 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, {
     theme: props.theme
   }));
 };
-
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=Theme.js.map

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme.tsx"],"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"],"mappings":"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","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"],"file":"Theme.js"}
+{"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.d.js.map

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

package/src/Layout/headerMenu/HeaderMenu.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 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");
-
 var _MenuItems = require("./MenuItems");
-
 var _MenuOpenButton = require("./MenuOpenButton");
-
 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 _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)."; }
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "107gg21",
   styles: "height:64px"
@@ -44,7 +28,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDUyIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01lbnVDb250ZW50fSBmcm9tICcuL01lbnVDb250ZW50JztcbmltcG9ydCB7TWVudUl0ZW1zfSBmcm9tICcuL01lbnVJdGVtcyc7XG5pbXBvcnQge01lbnVPcGVuQnV0dG9ufSBmcm9tICcuL01lbnVPcGVuQnV0dG9uJztcbmltcG9ydCB7TWVudVNjcm9sbGFibGVJdGVtc30gZnJvbSAnLi9NZW51U2Nyb2xsYWJsZUl0ZW1zJztcblxuZXhwb3J0IGludGVyZmFjZSBIZWFkZXJNZW51UHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGNlbnRlckVsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGxvZ29FbGVtZW50PzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyTWVudSA9ICh7Y2hpbGRyZW4sIGxvZ29FbGVtZW50ID0gbnVsbCwgY2VudGVyRWxlbWVudCA9IG51bGwsIC4uLnByb3BzfTogSGVhZGVyTWVudVByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9ICgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHdpbmRvdy5zY3JvbGxUbygwLCAwKTtcbiAgICAgIHNldElzT3BlbihjdXJyZW50ID0+ICFjdXJyZW50KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2xvc2VNZW51ID0gKCkgPT4gc2V0SXNPcGVuKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt7aGVpZ2h0OiAnNjRweCd9fSB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJlbGVtZW50LWhlYWRlci1tZW51XCI+XG4gICAgICA8TWVudUNvbnRlbnQgb3Blbj17aXNPcGVufT5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCcsIHpJbmRleDogMn19IG9uQ2xpY2s9e2Nsb3NlTWVudX0+XG4gICAgICAgICAge2xvZ29FbGVtZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCd9fT57Y2VudGVyRWxlbWVudH08L2Rpdj5cbiAgICAgICAgPE1lbnVPcGVuQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgICAgc3R5bGU9e3tqdXN0aWZ5U2VsZjogJ2VuZCcsIHBvc2l0aW9uOiBpc09wZW4gPyAnZml4ZWQnIDogdW5kZWZpbmVkLCByaWdodDogJzE2cHgnLCB0b3A6ICcyMXB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cImRvLXRvZ2dsZS1oZWFkZXItbWVudVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxNZW51SXRlbXMgb25DbGljaz17Y2xvc2VNZW51fSBvcGVuPXtpc09wZW59PlxuICAgICAgICAgIDxNZW51U2Nyb2xsYWJsZUl0ZW1zPntjaGlsZHJlbn08L01lbnVTY3JvbGxhYmxlSXRlbXM+XG4gICAgICAgIDwvTWVudUl0ZW1zPlxuICAgICAgPC9NZW51Q29udGVudD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "104j9u2",
   styles: "align-self:center;display:flex;z-index:2"
@@ -54,7 +37,6 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEYSIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01lbnVDb250ZW50fSBmcm9tICcuL01lbnVDb250ZW50JztcbmltcG9ydCB7TWVudUl0ZW1zfSBmcm9tICcuL01lbnVJdGVtcyc7XG5pbXBvcnQge01lbnVPcGVuQnV0dG9ufSBmcm9tICcuL01lbnVPcGVuQnV0dG9uJztcbmltcG9ydCB7TWVudVNjcm9sbGFibGVJdGVtc30gZnJvbSAnLi9NZW51U2Nyb2xsYWJsZUl0ZW1zJztcblxuZXhwb3J0IGludGVyZmFjZSBIZWFkZXJNZW51UHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGNlbnRlckVsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGxvZ29FbGVtZW50PzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyTWVudSA9ICh7Y2hpbGRyZW4sIGxvZ29FbGVtZW50ID0gbnVsbCwgY2VudGVyRWxlbWVudCA9IG51bGwsIC4uLnByb3BzfTogSGVhZGVyTWVudVByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9ICgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHdpbmRvdy5zY3JvbGxUbygwLCAwKTtcbiAgICAgIHNldElzT3BlbihjdXJyZW50ID0+ICFjdXJyZW50KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2xvc2VNZW51ID0gKCkgPT4gc2V0SXNPcGVuKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt7aGVpZ2h0OiAnNjRweCd9fSB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJlbGVtZW50LWhlYWRlci1tZW51XCI+XG4gICAgICA8TWVudUNvbnRlbnQgb3Blbj17aXNPcGVufT5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCcsIHpJbmRleDogMn19IG9uQ2xpY2s9e2Nsb3NlTWVudX0+XG4gICAgICAgICAge2xvZ29FbGVtZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCd9fT57Y2VudGVyRWxlbWVudH08L2Rpdj5cbiAgICAgICAgPE1lbnVPcGVuQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgICAgc3R5bGU9e3tqdXN0aWZ5U2VsZjogJ2VuZCcsIHBvc2l0aW9uOiBpc09wZW4gPyAnZml4ZWQnIDogdW5kZWZpbmVkLCByaWdodDogJzE2cHgnLCB0b3A6ICcyMXB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cImRvLXRvZ2dsZS1oZWFkZXItbWVudVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxNZW51SXRlbXMgb25DbGljaz17Y2xvc2VNZW51fSBvcGVuPXtpc09wZW59PlxuICAgICAgICAgIDxNZW51U2Nyb2xsYWJsZUl0ZW1zPntjaGlsZHJlbn08L01lbnVTY3JvbGxhYmxlSXRlbXM+XG4gICAgICAgIDwvTWVudUl0ZW1zPlxuICAgICAgPC9NZW51Q29udGVudD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "jcxkag",
   styles: "align-self:center;display:flex"
@@ -64,20 +46,17 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EYSIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01lbnVDb250ZW50fSBmcm9tICcuL01lbnVDb250ZW50JztcbmltcG9ydCB7TWVudUl0ZW1zfSBmcm9tICcuL01lbnVJdGVtcyc7XG5pbXBvcnQge01lbnVPcGVuQnV0dG9ufSBmcm9tICcuL01lbnVPcGVuQnV0dG9uJztcbmltcG9ydCB7TWVudVNjcm9sbGFibGVJdGVtc30gZnJvbSAnLi9NZW51U2Nyb2xsYWJsZUl0ZW1zJztcblxuZXhwb3J0IGludGVyZmFjZSBIZWFkZXJNZW51UHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGNlbnRlckVsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGxvZ29FbGVtZW50PzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyTWVudSA9ICh7Y2hpbGRyZW4sIGxvZ29FbGVtZW50ID0gbnVsbCwgY2VudGVyRWxlbWVudCA9IG51bGwsIC4uLnByb3BzfTogSGVhZGVyTWVudVByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9ICgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHdpbmRvdy5zY3JvbGxUbygwLCAwKTtcbiAgICAgIHNldElzT3BlbihjdXJyZW50ID0+ICFjdXJyZW50KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2xvc2VNZW51ID0gKCkgPT4gc2V0SXNPcGVuKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt7aGVpZ2h0OiAnNjRweCd9fSB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJlbGVtZW50LWhlYWRlci1tZW51XCI+XG4gICAgICA8TWVudUNvbnRlbnQgb3Blbj17aXNPcGVufT5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCcsIHpJbmRleDogMn19IG9uQ2xpY2s9e2Nsb3NlTWVudX0+XG4gICAgICAgICAge2xvZ29FbGVtZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCd9fT57Y2VudGVyRWxlbWVudH08L2Rpdj5cbiAgICAgICAgPE1lbnVPcGVuQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgICAgc3R5bGU9e3tqdXN0aWZ5U2VsZjogJ2VuZCcsIHBvc2l0aW9uOiBpc09wZW4gPyAnZml4ZWQnIDogdW5kZWZpbmVkLCByaWdodDogJzE2cHgnLCB0b3A6ICcyMXB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cImRvLXRvZ2dsZS1oZWFkZXItbWVudVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxNZW51SXRlbXMgb25DbGljaz17Y2xvc2VNZW51fSBvcGVuPXtpc09wZW59PlxuICAgICAgICAgIDxNZW51U2Nyb2xsYWJsZUl0ZW1zPntjaGlsZHJlbn08L01lbnVTY3JvbGxhYmxlSXRlbXM+XG4gICAgICAgIDwvTWVudUl0ZW1zPlxuICAgICAgPC9NZW51Q29udGVudD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var HeaderMenu = function HeaderMenu(_ref) {
   var children = _ref.children,
-      _ref$logoElement = _ref.logoElement,
-      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);
-
+    _ref$logoElement = _ref.logoElement,
+    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);
   var _useState = (0, _react2.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var toggleMenu = function toggleMenu() {
     if (typeof window !== 'undefined') {
       window.scrollTo(0, 0);
@@ -86,11 +65,9 @@ var HeaderMenu = function HeaderMenu(_ref) {
       });
     }
   };
-
   var closeMenu = function closeMenu() {
     return setIsOpen(false);
   };
-
   return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: _ref2
   }, props, {
@@ -117,6 +94,5 @@ var HeaderMenu = function HeaderMenu(_ref) {
     open: isOpen
   }, (0, _react.jsx)(_MenuScrollableItems.MenuScrollableItems, null, children))));
 };
-
 exports.HeaderMenu = HeaderMenu;
 //# sourceMappingURL=HeaderMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["HeaderMenu.tsx"],"names":["HeaderMenu","children","logoElement","centerElement","props","isOpen","setIsOpen","toggleMenu","window","scrollTo","current","closeMenu","justifySelf","position","undefined","right","top"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAqF;AAAA,MAAnFC,QAAmF,QAAnFA,QAAmF;AAAA,8BAAzEC,WAAyE;AAAA,MAAzEA,WAAyE,iCAA3D,IAA2D;AAAA,gCAArDC,aAAqD;AAAA,MAArDA,aAAqD,mCAArC,IAAqC;AAAA,MAA5BC,KAA4B;;AAC7G,kBAA4B,sBAAS,KAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,MAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,QAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjCA,MAAAA,MAAM,CAACC,QAAP,CAAgB,CAAhB,EAAmB,CAAnB;AACAH,MAAAA,SAAS,CAAC,UAAAI,OAAO;AAAA,eAAI,CAACA,OAAL;AAAA,OAAR,CAAT;AACD;AACF,GALD;;AAOA,MAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA,WAAML,SAAS,CAAC,KAAD,CAAf;AAAA,GAAlB;;AAEA,SACE;AAAK,IAAA,GAAG;AAAR,KAAgCF,KAAhC;AAAuC,qBAAc;AAArD,MACE,gBAAC,wBAAD;AAAa,IAAA,IAAI,EAAEC;AAAnB,KACE;AAAK,IAAA,GAAG,OAAR;AAA6D,IAAA,OAAO,EAAEM;AAAtE,KACGT,WADH,CADF,EAIE;AAAK,IAAA,GAAG;AAAR,KAAmDC,aAAnD,CAJF,EAKE,gBAAC,8BAAD;AACE,IAAA,OAAO,EAAEI,UADX;AAEE,IAAA,IAAI,EAAEF,MAFR;AAGE,IAAA,KAAK,EAAE;AAACO,MAAAA,WAAW,EAAE,KAAd;AAAqBC,MAAAA,QAAQ,EAAER,MAAM,GAAG,OAAH,GAAaS,SAAlD;AAA6DC,MAAAA,KAAK,EAAE,MAApE;AAA4EC,MAAAA,GAAG,EAAE;AAAjF,KAHT;AAIE,qBAAc;AAJhB,IALF,EAWE,gBAAC,oBAAD;AAAW,IAAA,OAAO,EAAEL,SAApB;AAA+B,IAAA,IAAI,EAAEN;AAArC,KACE,gBAAC,wCAAD,QAAsBJ,QAAtB,CADF,CAXF,CADF,CADF;AAmBD,CA/BM","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"],"file":"HeaderMenu.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"HeaderSubMenu.d.js"}
+{"version":3,"file":"HeaderSubMenu.d.js","names":[],"sources":["HeaderSubMenu.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nexport declare type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;\nexport declare const DESKTOP_HEADER_SUB_MENU_CLASSNAME = \"desktopStyledHeaderSubMenu\";\nexport declare const DesktopStyledHeaderSubMenu: (props: DesktopStyledHeaderSubMenuProps<HTMLDivElement>) => jsx.JSX.Element;\nexport interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n    open?: boolean;\n}\nexport declare const MobileStyledHeaderSubMenu: (props: MobileStyledHeaderSubMenuProps) => jsx.JSX.Element;\nexport interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {\n    caption: string;\n    isOpen: boolean;\n}\nexport declare const HeaderSubMenu: React.FC<HeaderSubMenuProps>;\n"],"mappings":""}