@wireapp/react-ui-kit 7.55.2 → 8.1.0

package/src/Layout/MatchMedia.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React, { ReactFragment } from 'react';
 import { QueryKeys } from '../mediaQueries';
 declare type Query = string | QueryKeys;
@@ -8,12 +10,12 @@ export interface MatchMediaProps extends React.HTMLProps<ReactFragment> {
 export declare const useMatchMedia: (query: Query) => boolean;
 export declare const MatchMedia: React.FC<MatchMediaProps>;
 export declare type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;
-export declare const IsDesktop: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsDesktopXL: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsMobile: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsMobileDown: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsMobileUp: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsTablet: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsTabletDown: (props: NamedMatchMediaProps) => JSX.Element;
-export declare const IsTabletUp: (props: NamedMatchMediaProps) => JSX.Element;
+export declare const IsDesktop: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsDesktopXL: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsMobile: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsMobileDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsMobileUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsTablet: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsTabletDown: (props: NamedMatchMediaProps) => jsx.JSX.Element;
+export declare const IsTabletUp: (props: NamedMatchMediaProps) => jsx.JSX.Element;
 export {};

package/src/Layout/MatchMedia.js

@@ -13,9 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _mediaQueries = require("../mediaQueries");
 
@@ -46,7 +46,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var useMatchMedia = function useMatchMedia(query) {
   var matchMedia = window.matchMedia("(".concat(query, ")"));
 
-  var _useState = (0, _react.useState)(matchMedia.matches),
+  var _useState = (0, _react2.useState)(matchMedia.matches),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       isMatching = _useState2[0],
       setIsMatching = _useState2[1];
@@ -55,7 +55,7 @@ var useMatchMedia = function useMatchMedia(query) {
     return setIsMatching(matchMedia.matches);
   };
 
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     matchMedia.addListener(updateMatching);
     return function () {
       return matchMedia.removeListener(updateMatching);
@@ -72,13 +72,13 @@ var MatchMedia = function MatchMedia(_ref) {
       not = _ref.not;
   var matchQuery = useMatchMedia(_mediaQueries.QUERY[query] || query);
   var isMatching = not ? !matchQuery : matchQuery;
-  return (0, _core.jsx)(_react["default"].Fragment, null, isMatching ? children : null);
+  return (0, _react.jsx)(_react2["default"].Fragment, null, isMatching ? children : null);
 };
 
 exports.MatchMedia = MatchMedia;
 
 var IsDesktop = function IsDesktop(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.DESKTOP
   }, props));
 };
@@ -86,7 +86,7 @@ var IsDesktop = function IsDesktop(props) {
 exports.IsDesktop = IsDesktop;
 
 var IsDesktopXL = function IsDesktopXL(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.DESKTOP_XL
   }, props));
 };
@@ -94,7 +94,7 @@ var IsDesktopXL = function IsDesktopXL(props) {
 exports.IsDesktopXL = IsDesktopXL;
 
 var IsMobile = function IsMobile(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE
   }, props));
 };
@@ -102,7 +102,7 @@ var IsMobile = function IsMobile(props) {
 exports.IsMobile = IsMobile;
 
 var IsMobileDown = function IsMobileDown(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE_DOWN
   }, props));
 };
@@ -110,7 +110,7 @@ var IsMobileDown = function IsMobileDown(props) {
 exports.IsMobileDown = IsMobileDown;
 
 var IsMobileUp = function IsMobileUp(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.MOBILE_UP
   }, props));
 };
@@ -118,7 +118,7 @@ var IsMobileUp = function IsMobileUp(props) {
 exports.IsMobileUp = IsMobileUp;
 
 var IsTablet = function IsTablet(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET
   }, props));
 };
@@ -126,7 +126,7 @@ var IsTablet = function IsTablet(props) {
 exports.IsTablet = IsTablet;
 
 var IsTabletDown = function IsTabletDown(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET_DOWN
   }, props));
 };
@@ -134,7 +134,7 @@ var IsTabletDown = function IsTabletDown(props) {
 exports.IsTabletDown = IsTabletDown;
 
 var IsTabletUp = function IsTabletUp(props) {
-  return (0, _core.jsx)(MatchMedia, (0, _extends2["default"])({
+  return (0, _react.jsx)(MatchMedia, (0, _extends2["default"])({
     query: _mediaQueries.QueryKeys.TABLET_UP
   }, props));
 };

package/src/Layout/MatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MatchMedia.tsx"],"names":["useMatchMedia","query","matchMedia","window","matches","isMatching","setIsMatching","updateMatching","addListener","removeListener","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":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;;;;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAaO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAkB;AAC7C,MAAMC,UAAU,GAAGC,MAAM,CAACD,UAAP,YAAsBD,KAAtB,OAAnB;;AAEA,kBAAoC,qBAASC,UAAU,CAACE,OAApB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMD,aAAa,CAACJ,UAAU,CAACE,OAAZ,CAAnB;AAAA,GAAvB;;AAEA,wBAAU,YAAM;AACdF,IAAAA,UAAU,CAACM,WAAX,CAAuBD,cAAvB;AACA,WAAO;AAAA,aAAML,UAAU,CAACO,cAAX,CAA0BF,cAA1B,CAAN;AAAA,KAAP;AACD,GAHD;AAKA,SAAOF,UAAP;AACD,CAbM;;;;AAeA,IAAMK,UAAqC,GAAG,SAAxCA,UAAwC,OAA4B;AAAA,MAA1BT,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBU,QAAmB,QAAnBA,QAAmB;AAAA,MAATC,GAAS,QAATA,GAAS;AAC/E,MAAMC,UAAU,GAAGb,aAAa,CAACc,oBAAMb,KAAN,KAAgBA,KAAjB,CAAhC;AACA,MAAMI,UAAU,GAAGO,GAAG,GAAG,CAACC,UAAJ,GAAiBA,UAAvC;AACA,SAAO,eAAC,iBAAD,CAAO,QAAP,QAAiBR,UAAU,GAAGM,QAAH,GAAc,IAAzC,CAAP;AACD,CAJM;;;;AAQA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUC;AAA7B,KAA0CF,KAA1C,EAAjC;AAAA,CAAlB;;;;AACA,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUG;AAA7B,KAA6CJ,KAA7C,EAAjC;AAAA,CAApB;;;;AACA,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CAACL,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUK;AAA7B,KAAyCN,KAAzC,EAAjC;AAAA,CAAjB;;;;AACA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUO;AAA7B,KAA8CR,KAA9C,EAAjC;AAAA,CAArB;;;;AACA,IAAMS,UAAU,GAAG,SAAbA,UAAa,CAACT,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUS;AAA7B,KAA4CV,KAA5C,EAAjC;AAAA,CAAnB;;;;AACA,IAAMW,QAAQ,GAAG,SAAXA,QAAW,CAACX,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUW;AAA7B,KAAyCZ,KAAzC,EAAjC;AAAA,CAAjB;;;;AACA,IAAMa,YAAY,GAAG,SAAfA,YAAe,CAACb,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUa;AAA7B,KAA8Cd,KAA9C,EAAjC;AAAA,CAArB;;;;AACA,IAAMe,UAAU,GAAG,SAAbA,UAAa,CAACf,KAAD;AAAA,SAAiC,eAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUe;AAA7B,KAA4ChB,KAA5C,EAAjC;AAAA,CAAnB","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/core';\nimport React, {ReactFragment, useEffect, 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 = window.matchMedia(`(${query})`);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = () => setIsMatching(matchMedia.matches);\n\n  useEffect(() => {\n    matchMedia.addListener(updateMatching);\n    return () => matchMedia.removeListener(updateMatching);\n  });\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 <React.Fragment>{isMatching ? children : null}</React.Fragment>;\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,"sources":["MatchMedia.tsx"],"names":["useMatchMedia","query","matchMedia","window","matches","isMatching","setIsMatching","updateMatching","addListener","removeListener","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":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;;;;;AAvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAaO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAkB;AAC7C,MAAMC,UAAU,GAAGC,MAAM,CAACD,UAAP,YAAsBD,KAAtB,OAAnB;;AAEA,kBAAoC,sBAASC,UAAU,CAACE,OAApB,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMD,aAAa,CAACJ,UAAU,CAACE,OAAZ,CAAnB;AAAA,GAAvB;;AAEA,yBAAU,YAAM;AACdF,IAAAA,UAAU,CAACM,WAAX,CAAuBD,cAAvB;AACA,WAAO;AAAA,aAAML,UAAU,CAACO,cAAX,CAA0BF,cAA1B,CAAN;AAAA,KAAP;AACD,GAHD;AAKA,SAAOF,UAAP;AACD,CAbM;;;;AAeA,IAAMK,UAAqC,GAAG,SAAxCA,UAAwC,OAA4B;AAAA,MAA1BT,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBU,QAAmB,QAAnBA,QAAmB;AAAA,MAATC,GAAS,QAATA,GAAS;AAC/E,MAAMC,UAAU,GAAGb,aAAa,CAACc,oBAAMb,KAAN,KAAgBA,KAAjB,CAAhC;AACA,MAAMI,UAAU,GAAGO,GAAG,GAAG,CAACC,UAAJ,GAAiBA,UAAvC;AACA,SAAO,gBAAC,kBAAD,CAAO,QAAP,QAAiBR,UAAU,GAAGM,QAAH,GAAc,IAAzC,CAAP;AACD,CAJM;;;;AAQA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUC;AAA7B,KAA0CF,KAA1C,EAAjC;AAAA,CAAlB;;;;AACA,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUG;AAA7B,KAA6CJ,KAA7C,EAAjC;AAAA,CAApB;;;;AACA,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CAACL,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUK;AAA7B,KAAyCN,KAAzC,EAAjC;AAAA,CAAjB;;;;AACA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUO;AAA7B,KAA8CR,KAA9C,EAAjC;AAAA,CAArB;;;;AACA,IAAMS,UAAU,GAAG,SAAbA,UAAa,CAACT,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUS;AAA7B,KAA4CV,KAA5C,EAAjC;AAAA,CAAnB;;;;AACA,IAAMW,QAAQ,GAAG,SAAXA,QAAW,CAACX,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUW;AAA7B,KAAyCZ,KAAzC,EAAjC;AAAA,CAAjB;;;;AACA,IAAMa,YAAY,GAAG,SAAfA,YAAe,CAACb,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUa;AAA7B,KAA8Cd,KAA9C,EAAjC;AAAA,CAArB;;;;AACA,IAAMe,UAAU,GAAG,SAAbA,UAAa,CAACf,KAAD;AAAA,SAAiC,gBAAC,UAAD;AAAY,IAAA,KAAK,EAAEC,wBAAUe;AAA7B,KAA4ChB,KAA5C,EAAjC;AAAA,CAAnB","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, {ReactFragment, useEffect, 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 = window.matchMedia(`(${query})`);\n\n  const [isMatching, setIsMatching] = useState(matchMedia.matches);\n\n  const updateMatching = () => setIsMatching(matchMedia.matches);\n\n  useEffect(() => {\n    matchMedia.addListener(updateMatching);\n    return () => matchMedia.removeListener(updateMatching);\n  });\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 <React.Fragment>{isMatching ? children : null}</React.Fragment>;\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"}

package/src/Layout/Spacer.d.ts

@@ -3,4 +3,4 @@ export interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     size?: number;
     vertical?: boolean;
 }
-export declare function Spacer({ size, vertical }: SpacerProps): JSX.Element;
+export declare function Spacer({ size, vertical }: SpacerProps): React.ReactNode;

package/src/Layout/Spacer.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Spacer = Spacer;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 /*
  * Wire
@@ -36,7 +36,7 @@ function Spacer(_ref) {
       size = _ref$size === void 0 ? 8 : _ref$size,
       _ref$vertical = _ref.vertical,
       vertical = _ref$vertical === void 0 ? false : _ref$vertical;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     style: vertical ? {
       display: 'inline-block',
       width: size

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,OAAwE;AAAA,uBAAvDC,IAAuD;AAAA,MAAvDA,IAAuD,0BAAhD,CAAgD;AAAA,2BAA7CC,QAA6C;AAAA,MAA7CA,QAA6C,8BAAlC,KAAkC;AAC7E,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, jsx as JSX} from '@emotion/core';\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): JSX.Element {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"file":"Spacer.js"}
+{"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"}

package/src/Layout/StyledApp.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { THEME_ID } from './Theme';
 export interface StyledAppContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     backgroundColor?: string;
@@ -9,4 +10,4 @@ export declare const StyledApp: ({ themeId, children, ...props }: {
     [x: string]: any;
     themeId?: THEME_ID;
     children: any;
-}) => JSX.Element;
+}) => jsx.JSX.Element;

package/src/Layout/StyledApp.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _GlobalStyle = require("../GlobalStyle");
 
@@ -37,7 +37,7 @@ var filterStyledAppContainerProps = function filterStyledAppContainerProps(props
 };
 
 var StyledAppContainer = function StyledAppContainer(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react2.jsx)("div", (0, _extends2["default"])({
     css: function css(theme) {
       return styledAppContainerStyle(theme, props);
     }
@@ -49,9 +49,9 @@ var StyledApp = function StyledApp(_ref2) {
       themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
       children = _ref2.children,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)(_Theme.ThemeProvider, {
+  return (0, _react2.jsx)(_Theme.ThemeProvider, {
     themeId: themeId
-  }, (0, _core.jsx)(StyledAppContainer, props, (0, _core.jsx)(_GlobalStyle.GlobalStyle, null), children));
+  }, (0, _react2.jsx)(StyledAppContainer, props, (0, _react2.jsx)(_GlobalStyle.GlobalStyle, null), children));
 };
 
 exports.StyledApp = StyledApp;

package/src/Layout/StyledApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppContainerProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAOA,IAAMA,uBAA0F,GAAG,SAA7FA,uBAA6F,CACjGC,KADiG;AAAA,kCAEhGC,eAFgG;AAAA,MAEhGA,eAFgG,qCAE9ED,KAAK,CAACE,OAAN,CAAcD,eAFgE;AAAA,SAG7F;AACJE,IAAAA,UAAU,EAAEF,eADR;AAEJG,IAAAA,UAAU,EAAE;AAFR,GAH6F;AAAA,CAAnG;;AAQA,IAAMC,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD;AAAA,SACpC,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,CAAnB,CADoC;AAAA,CAAtC;;AAGA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAAAN,KAAK;AAAA,aAAID,uBAAuB,CAACC,KAAD,EAAQM,KAAR,CAA3B;AAAA;AAAf,KAA8DD,6BAA6B,CAACC,KAAD,CAA3F,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAS,GAAG,SAAZA,SAAY;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BC,QAA5B,SAA4BA,QAA5B;AAAA,MAAyCN,KAAzC;AAAA,SACvB,eAAC,oBAAD;AAAe,IAAA,OAAO,EAAEG;AAAxB,KACE,eAAC,kBAAD,EAAwBH,KAAxB,EACE,eAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/core';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider} from './Theme';\n\nexport interface StyledAppContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  themeId?: THEME_ID;\n}\n\nconst styledAppContainerStyle: <T>(theme: Theme, props: StyledAppContainerProps<T>) => CSSObject = (\n  theme,\n  {backgroundColor = theme.general.backgroundColor},\n) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppContainerProps = (props: StyledAppContainerProps) =>\n  filterProps(props, ['backgroundColor', 'themeId']);\n\nconst StyledAppContainer = (props: StyledAppContainerProps) => (\n  <div css={theme => styledAppContainerStyle(theme, props)} {...filterStyledAppContainerProps(props)} />\n);\n\nexport const StyledApp = ({themeId = THEME_ID.LIGHT, children, ...props}) => (\n  <ThemeProvider themeId={themeId}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"file":"StyledApp.js"}
+{"version":3,"sources":["StyledApp.tsx"],"names":["styledAppContainerStyle","theme","backgroundColor","general","background","transition","filterStyledAppContainerProps","props","StyledAppContainer","StyledApp","themeId","THEME_ID","LIGHT","children"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;;;AAOA,IAAMA,uBAA0F,GAAG,SAA7FA,uBAA6F,CACjGC,KADiG;AAAA,kCAEhGC,eAFgG;AAAA,MAEhGA,eAFgG,qCAE9ED,KAAK,CAACE,OAAN,CAAcD,eAFgE;AAAA,SAG7F;AACJE,IAAAA,UAAU,EAAEF,eADR;AAEJG,IAAAA,UAAU,EAAE;AAFR,GAH6F;AAAA,CAAnG;;AAQA,IAAMC,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD;AAAA,SACpC,uBAAYA,KAAZ,EAAmB,CAAC,iBAAD,EAAoB,SAApB,CAAnB,CADoC;AAAA,CAAtC;;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,6BAA6B,CAACC,KAAD,CAApG,EADyB;AAAA,CAA3B;;AAIO,IAAME,SAAS,GAAG,SAAZA,SAAY;AAAA,4BAAEC,OAAF;AAAA,MAAEA,OAAF,8BAAYC,gBAASC,KAArB;AAAA,MAA4BC,QAA5B,SAA4BA,QAA5B;AAAA,MAAyCN,KAAzC;AAAA,SACvB,iBAAC,oBAAD;AAAe,IAAA,OAAO,EAAEG;AAAxB,KACE,iBAAC,kBAAD,EAAwBH,KAAxB,EACE,iBAAC,wBAAD,OADF,EAEGM,QAFH,CADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport React from 'react';\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {GlobalStyle} from '../GlobalStyle';\nimport {filterProps} from '../util';\nimport {THEME_ID, Theme, ThemeProvider} from './Theme';\n\nexport interface StyledAppContainerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  themeId?: THEME_ID;\n}\n\nconst styledAppContainerStyle: <T>(theme: Theme, props: StyledAppContainerProps<T>) => CSSObject = (\n  theme,\n  {backgroundColor = theme.general.backgroundColor},\n) => ({\n  background: backgroundColor,\n  transition: 'background 0.15s',\n});\n\nconst filterStyledAppContainerProps = (props: StyledAppContainerProps) =>\n  filterProps(props, ['backgroundColor', 'themeId']);\n\nconst StyledAppContainer = (props: StyledAppContainerProps) => (\n  <div css={(theme: Theme) => styledAppContainerStyle(theme, props)} {...filterStyledAppContainerProps(props)} />\n);\n\nexport const StyledApp = ({themeId = THEME_ID.LIGHT, children, ...props}) => (\n  <ThemeProvider themeId={themeId}>\n    <StyledAppContainer {...props}>\n      <GlobalStyle />\n      {children}\n    </StyledAppContainer>\n  </ThemeProvider>\n);\n"],"file":"StyledApp.js"}

package/src/Layout/Theme.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export declare enum THEME_ID {
     DARK = "THEME_DARK",
@@ -20,4 +22,4 @@ export declare const themes: {
 export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     themeId: THEME_ID;
 }
-export declare const ThemeProvider: (props: ThemeProps) => JSX.Element;
+export declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;

package/src/Layout/Theme.js

@@ -11,11 +11,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
-
-var _emotionTheming = require("emotion-theming");
+var _react2 = _interopRequireDefault(require("react"));
 
 var _colors = require("../Identity/colors");
 
@@ -59,7 +57,7 @@ var filterThemeProps = function filterThemeProps(props) {
 };
 
 var ThemeProvider = function ThemeProvider(props) {
-  return (0, _core.jsx)(_emotionTheming.ThemeProvider, (0, _extends2["default"])({
+  return (0, _react.jsx)(_react.ThemeProvider, (0, _extends2["default"])({
     theme: themes[props.themeId]
   }, filterThemeProps(props)));
 };

package/src/Layout/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","Input","backgroundColor","COLOR","WHITE","backgroundColorDisabled","DISABLED","placeholderColor","GRAY_DARKEN_24","general","GRAY_LIGHTEN_88","color","TEXT","DARK","BLACK_LIGHTEN_24","BLACK","filterThemeProps","props","ThemeProvider","themeId"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AACA;;AAEA;;AACA;;;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAiBL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,KADuC,EAC/B;AAChBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMC,KADlB;AAELC,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMK;AAHnB,GADS;AAMhBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMO,eADhB;AAEPC,IAAAA,KAAK,EAAER,cAAMS;AAFN;AANO,CAD+B,6CAYhDd,QAAQ,CAACe,IAZuC,EAYhC;AACfZ,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMW,gBADlB;AAELT,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMO;AAHnB,GADQ;AAMfD,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMY,KADhB;AAEPJ,IAAAA,KAAK,EAAER,cAAMC;AAFN;AANM,CAZgC,WAA5C;;;AA6BP,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,SAAD,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,KAAD;AAAA,SAC3B,eAAC,6BAAD;AAAsB,IAAA,KAAK,EAAElB,MAAM,CAACkB,KAAK,CAACE,OAAP;AAAnC,KAAwDH,gBAAgB,CAACC,KAAD,CAAxE,EAD2B;AAAA,CAAtB","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} from '@emotion/core';\nimport React from 'react';\nimport {ThemeProvider as EmotionThemeProvider} from 'emotion-theming';\n\nimport {COLOR} from '../Identity/colors';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n}\n\nexport interface Theme {\n  general: {\n    backgroundColor: string;\n    color: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n    },\n    general: {\n      backgroundColor: COLOR.GRAY_LIGHTEN_88,\n      color: COLOR.TEXT,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  themeId: THEME_ID;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['themeId']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={themes[props.themeId]} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
+{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","Input","backgroundColor","COLOR","WHITE","backgroundColorDisabled","DISABLED","placeholderColor","GRAY_DARKEN_24","general","GRAY_LIGHTEN_88","color","TEXT","DARK","BLACK_LIGHTEN_24","BLACK","filterThemeProps","props","ThemeProvider","themeId"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAiBL,IAAMC,MAAsC,4DAChDD,QAAQ,CAACE,KADuC,EAC/B;AAChBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMC,KADlB;AAELC,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMK;AAHnB,GADS;AAMhBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMO,eADhB;AAEPC,IAAAA,KAAK,EAAER,cAAMS;AAFN;AANO,CAD+B,6CAYhDd,QAAQ,CAACe,IAZuC,EAYhC;AACfZ,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAEC,cAAMW,gBADlB;AAELT,IAAAA,uBAAuB,EAAEF,cAAMG,QAF1B;AAGLC,IAAAA,gBAAgB,EAAEJ,cAAMO;AAHnB,GADQ;AAMfD,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAEC,cAAMY,KADhB;AAEPJ,IAAAA,KAAK,EAAER,cAAMC;AAFN;AANM,CAZgC,WAA5C;;;AA6BP,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,SAAuB,uBAAYA,KAAZ,EAAmB,CAAC,SAAD,CAAnB,CAAvB;AAAA,CAAzB;;AAEO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,KAAD;AAAA,SAC3B,gBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAElB,MAAM,CAACkB,KAAK,CAACE,OAAP;AAAnC,KAAwDH,gBAAgB,CAACC,KAAD,CAAxE,EAD2B;AAAA,CAAtB","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} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n}\n\nexport interface Theme {\n  general: {\n    backgroundColor: string;\n    color: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.LIGHT]: {\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n    },\n    general: {\n      backgroundColor: COLOR.GRAY_LIGHTEN_88,\n      color: COLOR.TEXT,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.DISABLED,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  themeId: THEME_ID;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['themeId']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n  <EmotionThemeProvider theme={themes[props.themeId]} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}

package/src/Layout/headerMenu/HeaderMenu.d.ts

@@ -1,6 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface HeaderMenuProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     centerElement?: React.ReactNode;
     logoElement?: React.ReactNode;
 }
-export declare const HeaderMenu: ({ children, logoElement, centerElement, ...props }: HeaderMenuProps) => JSX.Element;
+export declare const HeaderMenu: ({ children, logoElement, centerElement, ...props }: HeaderMenuProps) => jsx.JSX.Element;

package/src/Layout/headerMenu/HeaderMenu.js

@@ -15,9 +15,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _MenuContent = require("./MenuContent");
 
@@ -36,32 +36,32 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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: "1shfpbt-HeaderMenu",
-  styles: "height:64px;;label:HeaderMenu;"
+  name: "107gg21",
+  styles: "height:64px"
 } : {
-  name: "1shfpbt-HeaderMenu",
-  styles: "height:64px;;label:HeaderMenu;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDUyIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7TWVudUNvbnRlbnR9IGZyb20gJy4vTWVudUNvbnRlbnQnO1xuaW1wb3J0IHtNZW51SXRlbXN9IGZyb20gJy4vTWVudUl0ZW1zJztcbmltcG9ydCB7TWVudU9wZW5CdXR0b259IGZyb20gJy4vTWVudU9wZW5CdXR0b24nO1xuaW1wb3J0IHtNZW51U2Nyb2xsYWJsZUl0ZW1zfSBmcm9tICcuL01lbnVTY3JvbGxhYmxlSXRlbXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlck1lbnVQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgY2VudGVyRWxlbWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbG9nb0VsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJNZW51ID0gKHtjaGlsZHJlbiwgbG9nb0VsZW1lbnQgPSBudWxsLCBjZW50ZXJFbGVtZW50ID0gbnVsbCwgLi4ucHJvcHN9OiBIZWFkZXJNZW51UHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgd2luZG93LnNjcm9sbFRvKDAsIDApO1xuICAgICAgc2V0SXNPcGVuKGN1cnJlbnQgPT4gIWN1cnJlbnQpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSAoKSA9PiBzZXRJc09wZW4oZmFsc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3toZWlnaHQ6ICc2NHB4J319IHsuLi5wcm9wc30gZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtaGVhZGVyLW1lbnVcIj5cbiAgICAgIDxNZW51Q29udGVudCBvcGVuPXtpc09wZW59PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4JywgekluZGV4OiAyfX0gb25DbGljaz17Y2xvc2VNZW51fT5cbiAgICAgICAgICB7bG9nb0VsZW1lbnR9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4J319PntjZW50ZXJFbGVtZW50fTwvZGl2PlxuICAgICAgICA8TWVudU9wZW5CdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVNZW51fVxuICAgICAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgICAgICBzdHlsZT17e2p1c3RpZnlTZWxmOiAnZW5kJywgcG9zaXRpb246IGlzT3BlbiA/ICdmaXhlZCcgOiB1bmRlZmluZWQsIHJpZ2h0OiAnMTZweCcsIHRvcDogJzIxcHgnfX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPVwiZG8tdG9nZ2xlLWhlYWRlci1tZW51XCJcbiAgICAgICAgLz5cbiAgICAgICAgPE1lbnVJdGVtcyBvbkNsaWNrPXtjbG9zZU1lbnV9IG9wZW49e2lzT3Blbn0+XG4gICAgICAgICAgPE1lbnVTY3JvbGxhYmxlSXRlbXM+e2NoaWxkcmVufTwvTWVudVNjcm9sbGFibGVJdGVtcz5cbiAgICAgICAgPC9NZW51SXRlbXM+XG4gICAgICA8L01lbnVDb250ZW50PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  name: "12rdvkk-HeaderMenu",
+  styles: "height:64px;label:HeaderMenu;",
+  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: "6a217x-HeaderMenu",
-  styles: "align-self:center;display:flex;z-index:2;;label:HeaderMenu;"
+  name: "104j9u2",
+  styles: "align-self:center;display:flex;z-index:2"
 } : {
-  name: "6a217x-HeaderMenu",
-  styles: "align-self:center;display:flex;z-index:2;;label:HeaderMenu;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEYSIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7TWVudUNvbnRlbnR9IGZyb20gJy4vTWVudUNvbnRlbnQnO1xuaW1wb3J0IHtNZW51SXRlbXN9IGZyb20gJy4vTWVudUl0ZW1zJztcbmltcG9ydCB7TWVudU9wZW5CdXR0b259IGZyb20gJy4vTWVudU9wZW5CdXR0b24nO1xuaW1wb3J0IHtNZW51U2Nyb2xsYWJsZUl0ZW1zfSBmcm9tICcuL01lbnVTY3JvbGxhYmxlSXRlbXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlck1lbnVQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgY2VudGVyRWxlbWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbG9nb0VsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJNZW51ID0gKHtjaGlsZHJlbiwgbG9nb0VsZW1lbnQgPSBudWxsLCBjZW50ZXJFbGVtZW50ID0gbnVsbCwgLi4ucHJvcHN9OiBIZWFkZXJNZW51UHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgd2luZG93LnNjcm9sbFRvKDAsIDApO1xuICAgICAgc2V0SXNPcGVuKGN1cnJlbnQgPT4gIWN1cnJlbnQpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSAoKSA9PiBzZXRJc09wZW4oZmFsc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3toZWlnaHQ6ICc2NHB4J319IHsuLi5wcm9wc30gZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtaGVhZGVyLW1lbnVcIj5cbiAgICAgIDxNZW51Q29udGVudCBvcGVuPXtpc09wZW59PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4JywgekluZGV4OiAyfX0gb25DbGljaz17Y2xvc2VNZW51fT5cbiAgICAgICAgICB7bG9nb0VsZW1lbnR9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4J319PntjZW50ZXJFbGVtZW50fTwvZGl2PlxuICAgICAgICA8TWVudU9wZW5CdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVNZW51fVxuICAgICAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgICAgICBzdHlsZT17e2p1c3RpZnlTZWxmOiAnZW5kJywgcG9zaXRpb246IGlzT3BlbiA/ICdmaXhlZCcgOiB1bmRlZmluZWQsIHJpZ2h0OiAnMTZweCcsIHRvcDogJzIxcHgnfX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPVwiZG8tdG9nZ2xlLWhlYWRlci1tZW51XCJcbiAgICAgICAgLz5cbiAgICAgICAgPE1lbnVJdGVtcyBvbkNsaWNrPXtjbG9zZU1lbnV9IG9wZW49e2lzT3Blbn0+XG4gICAgICAgICAgPE1lbnVTY3JvbGxhYmxlSXRlbXM+e2NoaWxkcmVufTwvTWVudVNjcm9sbGFibGVJdGVtcz5cbiAgICAgICAgPC9NZW51SXRlbXM+XG4gICAgICA8L01lbnVDb250ZW50PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  name: "lr9j0q-HeaderMenu",
+  styles: "align-self:center;display:flex;z-index:2;label:HeaderMenu;",
+  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: "1o9mgqp-HeaderMenu",
-  styles: "align-self:center;display:flex;;label:HeaderMenu;"
+  name: "jcxkag",
+  styles: "align-self:center;display:flex"
 } : {
-  name: "1o9mgqp-HeaderMenu",
-  styles: "align-self:center;display:flex;;label:HeaderMenu;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EYSIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7TWVudUNvbnRlbnR9IGZyb20gJy4vTWVudUNvbnRlbnQnO1xuaW1wb3J0IHtNZW51SXRlbXN9IGZyb20gJy4vTWVudUl0ZW1zJztcbmltcG9ydCB7TWVudU9wZW5CdXR0b259IGZyb20gJy4vTWVudU9wZW5CdXR0b24nO1xuaW1wb3J0IHtNZW51U2Nyb2xsYWJsZUl0ZW1zfSBmcm9tICcuL01lbnVTY3JvbGxhYmxlSXRlbXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlck1lbnVQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgY2VudGVyRWxlbWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbG9nb0VsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJNZW51ID0gKHtjaGlsZHJlbiwgbG9nb0VsZW1lbnQgPSBudWxsLCBjZW50ZXJFbGVtZW50ID0gbnVsbCwgLi4ucHJvcHN9OiBIZWFkZXJNZW51UHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgd2luZG93LnNjcm9sbFRvKDAsIDApO1xuICAgICAgc2V0SXNPcGVuKGN1cnJlbnQgPT4gIWN1cnJlbnQpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBjbG9zZU1lbnUgPSAoKSA9PiBzZXRJc09wZW4oZmFsc2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3toZWlnaHQ6ICc2NHB4J319IHsuLi5wcm9wc30gZGF0YS11aWUtbmFtZT1cImVsZW1lbnQtaGVhZGVyLW1lbnVcIj5cbiAgICAgIDxNZW51Q29udGVudCBvcGVuPXtpc09wZW59PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4JywgekluZGV4OiAyfX0gb25DbGljaz17Y2xvc2VNZW51fT5cbiAgICAgICAgICB7bG9nb0VsZW1lbnR9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNzcz17e2FsaWduU2VsZjogJ2NlbnRlcicsIGRpc3BsYXk6ICdmbGV4J319PntjZW50ZXJFbGVtZW50fTwvZGl2PlxuICAgICAgICA8TWVudU9wZW5CdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVNZW51fVxuICAgICAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgICAgICBzdHlsZT17e2p1c3RpZnlTZWxmOiAnZW5kJywgcG9zaXRpb246IGlzT3BlbiA/ICdmaXhlZCcgOiB1bmRlZmluZWQsIHJpZ2h0OiAnMTZweCcsIHRvcDogJzIxcHgnfX1cbiAgICAgICAgICBkYXRhLXVpZS1uYW1lPVwiZG8tdG9nZ2xlLWhlYWRlci1tZW51XCJcbiAgICAgICAgLz5cbiAgICAgICAgPE1lbnVJdGVtcyBvbkNsaWNrPXtjbG9zZU1lbnV9IG9wZW49e2lzT3Blbn0+XG4gICAgICAgICAgPE1lbnVTY3JvbGxhYmxlSXRlbXM+e2NoaWxkcmVufTwvTWVudVNjcm9sbGFibGVJdGVtcz5cbiAgICAgICAgPC9NZW51SXRlbXM+XG4gICAgICA8L01lbnVDb250ZW50PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  name: "1nvzpve-HeaderMenu",
+  styles: "align-self:center;display:flex;label:HeaderMenu;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlck1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EYSIsImZpbGUiOiJIZWFkZXJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01lbnVDb250ZW50fSBmcm9tICcuL01lbnVDb250ZW50JztcbmltcG9ydCB7TWVudUl0ZW1zfSBmcm9tICcuL01lbnVJdGVtcyc7XG5pbXBvcnQge01lbnVPcGVuQnV0dG9ufSBmcm9tICcuL01lbnVPcGVuQnV0dG9uJztcbmltcG9ydCB7TWVudVNjcm9sbGFibGVJdGVtc30gZnJvbSAnLi9NZW51U2Nyb2xsYWJsZUl0ZW1zJztcblxuZXhwb3J0IGludGVyZmFjZSBIZWFkZXJNZW51UHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIGNlbnRlckVsZW1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGxvZ29FbGVtZW50PzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyTWVudSA9ICh7Y2hpbGRyZW4sIGxvZ29FbGVtZW50ID0gbnVsbCwgY2VudGVyRWxlbWVudCA9IG51bGwsIC4uLnByb3BzfTogSGVhZGVyTWVudVByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgdG9nZ2xlTWVudSA9ICgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHdpbmRvdy5zY3JvbGxUbygwLCAwKTtcbiAgICAgIHNldElzT3BlbihjdXJyZW50ID0+ICFjdXJyZW50KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2xvc2VNZW51ID0gKCkgPT4gc2V0SXNPcGVuKGZhbHNlKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt7aGVpZ2h0OiAnNjRweCd9fSB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJlbGVtZW50LWhlYWRlci1tZW51XCI+XG4gICAgICA8TWVudUNvbnRlbnQgb3Blbj17aXNPcGVufT5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCcsIHpJbmRleDogMn19IG9uQ2xpY2s9e2Nsb3NlTWVudX0+XG4gICAgICAgICAge2xvZ29FbGVtZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjc3M9e3thbGlnblNlbGY6ICdjZW50ZXInLCBkaXNwbGF5OiAnZmxleCd9fT57Y2VudGVyRWxlbWVudH08L2Rpdj5cbiAgICAgICAgPE1lbnVPcGVuQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgICAgc3R5bGU9e3tqdXN0aWZ5U2VsZjogJ2VuZCcsIHBvc2l0aW9uOiBpc09wZW4gPyAnZml4ZWQnIDogdW5kZWZpbmVkLCByaWdodDogJzE2cHgnLCB0b3A6ICcyMXB4J319XG4gICAgICAgICAgZGF0YS11aWUtbmFtZT1cImRvLXRvZ2dsZS1oZWFkZXItbWVudVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxNZW51SXRlbXMgb25DbGljaz17Y2xvc2VNZW51fSBvcGVuPXtpc09wZW59PlxuICAgICAgICAgIDxNZW51U2Nyb2xsYWJsZUl0ZW1zPntjaGlsZHJlbn08L01lbnVTY3JvbGxhYmxlSXRlbXM+XG4gICAgICAgIDwvTWVudUl0ZW1zPlxuICAgICAgPC9NZW51Q29udGVudD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -73,7 +73,7 @@ var HeaderMenu = function HeaderMenu(_ref) {
       centerElement = _ref$centerElement === void 0 ? null : _ref$centerElement,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react2.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
@@ -91,18 +91,18 @@ var HeaderMenu = function HeaderMenu(_ref) {
     return setIsOpen(false);
   };
 
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: _ref2
   }, props, {
     "data-uie-name": "element-header-menu"
-  }), (0, _core.jsx)(_MenuContent.MenuContent, {
+  }), (0, _react.jsx)(_MenuContent.MenuContent, {
     open: isOpen
-  }, (0, _core.jsx)("div", {
+  }, (0, _react.jsx)("div", {
     css: _ref3,
     onClick: closeMenu
-  }, logoElement), (0, _core.jsx)("div", {
+  }, logoElement), (0, _react.jsx)("div", {
     css: _ref4
-  }, centerElement), (0, _core.jsx)(_MenuOpenButton.MenuOpenButton, {
+  }, centerElement), (0, _react.jsx)(_MenuOpenButton.MenuOpenButton, {
     onClick: toggleMenu,
     open: isOpen,
     style: {
@@ -112,10 +112,10 @@ var HeaderMenu = function HeaderMenu(_ref) {
       top: '21px'
     },
     "data-uie-name": "do-toggle-header-menu"
-  }), (0, _core.jsx)(_MenuItems.MenuItems, {
+  }), (0, _react.jsx)(_MenuItems.MenuItems, {
     onClick: closeMenu,
     open: isOpen
-  }, (0, _core.jsx)(_MenuScrollableItems.MenuScrollableItems, null, children))));
+  }, (0, _react.jsx)(_MenuScrollableItems.MenuScrollableItems, null, children))));
 };
 
 exports.HeaderMenu = HeaderMenu;

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,qBAAS,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,eAAC,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,eAAC,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,eAAC,oBAAD;AAAW,IAAA,OAAO,EAAEL,SAApB;AAA+B,IAAA,IAAI,EAAEN;AAArC,KACE,eAAC,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/core';\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,"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"}

package/src/Layout/headerMenu/HeaderSubMenu.d.ts

@@ -1,11 +1,13 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export declare type DesktopStyledHeaderSubMenuProps<T = HTMLDivElement> = React.HTMLProps<T>;
 export declare const DESKTOP_HEADER_SUB_MENU_CLASSNAME = "desktopStyledHeaderSubMenu";
-export declare const DesktopStyledHeaderSubMenu: (props: DesktopStyledHeaderSubMenuProps<HTMLDivElement>) => JSX.Element;
+export declare const DesktopStyledHeaderSubMenu: (props: DesktopStyledHeaderSubMenuProps<HTMLDivElement>) => jsx.JSX.Element;
 export interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
     open?: boolean;
 }
-export declare const MobileStyledHeaderSubMenu: (props: MobileStyledHeaderSubMenuProps) => JSX.Element;
+export declare const MobileStyledHeaderSubMenu: (props: MobileStyledHeaderSubMenuProps) => jsx.JSX.Element;
 export interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {
     caption: string;
     isOpen: boolean;

package/src/Layout/headerMenu/HeaderSubMenu.js

@@ -13,9 +13,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../../Identity");
 
@@ -62,7 +62,7 @@ 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, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     className: DESKTOP_HEADER_SUB_MENU_CLASSNAME,
     css: function css(theme) {
       return desktopStyledHeaderSubMenuStyle(theme, props);
@@ -88,7 +88,7 @@ var mobileStyledHeaderSubMenuStyle = function mobileStyledHeaderSubMenuStyle(pro
 };
 
 var MobileStyledHeaderSubMenu = function MobileStyledHeaderSubMenu(props) {
-  return (0, _core.jsx)("span", (0, _extends2["default"])({
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
     css: mobileStyledHeaderSubMenuStyle(props)
   }, props));
 };
@@ -101,14 +101,14 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
       children = _ref2.children,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var isDesktop = typeof window !== 'undefined' && window.matchMedia("(".concat(_mediaQueries.QUERY.desktop, ")")).matches;
-  return (0, _core.jsx)(_MenuSubLink.MenuSubLink, (0, _extends2["default"])({}, props, {
+  return (0, _react.jsx)(_MenuSubLink.MenuSubLink, (0, _extends2["default"])({}, props, {
     style: {
       cursor: 'pointer',
       display: 'inline-block',
       position: 'relative',
       textAlign: 'center'
     }
-  }), (0, _core.jsx)("span", null, caption), (0, _core.jsx)(_Identity.Opacity, {
+  }), (0, _react.jsx)("span", null, caption), (0, _react.jsx)(_Identity.Opacity, {
     "in": isOpen && isDesktop,
     timeout: _motions.DURATION.DEFAULT,
     style: {
@@ -121,7 +121,7 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
     },
     mountOnEnter: false,
     unmountOnExit: false
-  }, (0, _core.jsx)(_Identity.YAxisMovement, {
+  }, (0, _react.jsx)(_Identity.YAxisMovement, {
     "in": isOpen && isDesktop,
     startValue: '-30px',
     endValue: '0px',
@@ -131,7 +131,7 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
     timeout: _motions.DURATION.DEFAULT,
     mountOnEnter: false,
     unmountOnExit: true
-  }, (0, _core.jsx)(DesktopStyledHeaderSubMenu, null, children))), (0, _core.jsx)(_Identity.Opacity, {
+  }, (0, _react.jsx)(DesktopStyledHeaderSubMenu, null, children))), (0, _react.jsx)(_Identity.Opacity, {
     "in": isOpen && !isDesktop,
     timeout: _motions.DURATION.DEFAULT,
     mountOnEnter: false,
@@ -140,14 +140,14 @@ var HeaderSubMenu = function HeaderSubMenu(_ref2) {
       display: 'block',
       position: 'relative'
     }
-  }, (0, _core.jsx)(_Identity.Slide, {
+  }, (0, _react.jsx)(_Identity.Slide, {
     "in": isOpen && !isDesktop,
     startValue: '-56%',
     endValue: '0',
     timeout: _motions.DURATION.DEFAULT,
     mountOnEnter: false,
     unmountOnExit: true
-  }, (0, _core.jsx)(MobileStyledHeaderSubMenu, null, children))));
+  }, (0, _react.jsx)(MobileStyledHeaderSubMenu, null, children))));
 };
 
 exports.HeaderSubMenu = HeaderSubMenu;