@wireapp/react-ui-kit 9.0.3 → 9.0.6

package/lib/Layout/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Layout/Header.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,oBAAY,WAAW,CAAC,CAAC,GAAG,kBAAkB,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAErE,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAKtD,CAAC;AAEH,eAAO,MAAM,MAAM,8FAAyE,CAAC"}

package/lib/Layout/Header.js

@@ -1,33 +1,13 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = exports.headerStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const headerStyle = props => ({
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const headerStyle = _ => ({
     alignItems: 'center',
     display: 'flex',
     height: '64px',
     justifyContent: 'space-between',
 });
 exports.headerStyle = headerStyle;
-const Header = (props) => (0, react_1.jsx)("header", Object.assign({ css: (0, exports.headerStyle)(props) }, props));
+const Header = (props) => (0, jsx_runtime_1.jsx)("header", Object.assign({ css: (0, exports.headerStyle)(props) }, props));
 exports.Header = Header;
-//# sourceMappingURL=Header.js.map

package/lib/Layout/MatchMedia.d.ts

@@ -1,6 +1,5 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React, { ReactFragment } from 'react';
+import { ReactFragment } from 'react';
+import * as React from 'react';
 import { QueryKeys } from '../mediaQueries';
 declare type Query = string | QueryKeys;
 export interface MatchMediaProps extends React.HTMLProps<ReactFragment> {
@@ -10,12 +9,13 @@ 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.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 declare const IsDesktop: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsDesktopXL: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsMobile: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsMobileDown: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsMobileUp: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsTablet: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsTabletDown: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const IsTabletUp: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=MatchMedia.d.ts.map

package/lib/Layout/MatchMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchMedia.d.ts","sourceRoot":"","sources":["../../src/Layout/MatchMedia.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,aAAa,EAA+B,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAEjD,aAAK,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACrE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,aAAa,UAAW,KAAK,YAezC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIhD,CAAC;AAEF,oBAAY,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,SAAS,UAAW,oBAAoB,qDAAwD,CAAC;AAC9G,eAAO,MAAM,WAAW,UAAW,oBAAoB,qDAA2D,CAAC;AACnH,eAAO,MAAM,QAAQ,UAAW,oBAAoB,qDAAuD,CAAC;AAC5G,eAAO,MAAM,YAAY,UAAW,oBAAoB,qDAA4D,CAAC;AACrH,eAAO,MAAM,UAAU,UAAW,oBAAoB,qDAA0D,CAAC;AACjH,eAAO,MAAM,QAAQ,UAAW,oBAAoB,qDAAuD,CAAC;AAC5G,eAAO,MAAM,YAAY,UAAW,oBAAoB,qDAA4D,CAAC;AACrH,eAAO,MAAM,UAAU,UAAW,oBAAoB,qDAA0D,CAAC"}

package/lib/Layout/MatchMedia.js

@@ -1,4 +1,7 @@
 "use strict";
+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;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -17,43 +20,15 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-/** @jsx jsx */
-/* @jsxFrag React.Fragment */
-const react_1 = require("@emotion/react");
-const react_2 = __importStar(require("react"));
+const react_1 = require("react");
 const mediaQueries_1 = require("../mediaQueries");
 const useMatchMedia = (query) => {
-    const matchMedia = (0, react_2.useMemo)(() => window.matchMedia(`(${query})`), [query]);
-    const [isMatching, setIsMatching] = (0, react_2.useState)(matchMedia.matches);
+    const matchMedia = (0, react_1.useMemo)(() => window.matchMedia(`(${query})`), [query]);
+    const [isMatching, setIsMatching] = (0, react_1.useState)(matchMedia.matches);
     const updateMatching = (event) => {
         setIsMatching(event.matches);
     };
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         matchMedia.addEventListener('change', updateMatching);
         return () => matchMedia.removeEventListener('change', updateMatching);
     }, [matchMedia]);
@@ -63,23 +38,22 @@ exports.useMatchMedia = useMatchMedia;
 const MatchMedia = ({ query, children, not }) => {
     const matchQuery = (0, exports.useMatchMedia)(mediaQueries_1.QUERY[query] || query);
     const isMatching = not ? !matchQuery : matchQuery;
-    return isMatching ? (0, react_1.jsx)(react_2.default.Fragment, null, children) : null;
+    return isMatching ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;
 };
 exports.MatchMedia = MatchMedia;
-const IsDesktop = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP }, props));
+const IsDesktop = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP }, props));
 exports.IsDesktop = IsDesktop;
-const IsDesktopXL = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP_XL }, props));
+const IsDesktopXL = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.DESKTOP_XL }, props));
 exports.IsDesktopXL = IsDesktopXL;
-const IsMobile = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE }, props));
+const IsMobile = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE }, props));
 exports.IsMobile = IsMobile;
-const IsMobileDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_DOWN }, props));
+const IsMobileDown = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_DOWN }, props));
 exports.IsMobileDown = IsMobileDown;
-const IsMobileUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_UP }, props));
+const IsMobileUp = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.MOBILE_UP }, props));
 exports.IsMobileUp = IsMobileUp;
-const IsTablet = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET }, props));
+const IsTablet = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET }, props));
 exports.IsTablet = IsTablet;
-const IsTabletDown = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_DOWN }, props));
+const IsTabletDown = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_DOWN }, props));
 exports.IsTabletDown = IsTabletDown;
-const IsTabletUp = (props) => (0, react_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_UP }, props));
+const IsTabletUp = (props) => (0, jsx_runtime_1.jsx)(exports.MatchMedia, Object.assign({ query: mediaQueries_1.QueryKeys.TABLET_UP }, props));
 exports.IsTabletUp = IsTabletUp;
-//# sourceMappingURL=MatchMedia.js.map

package/lib/Layout/Spacer.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 export interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     size?: number;
     vertical?: boolean;
 }
 export declare function Spacer({ size, vertical }: SpacerProps): React.ReactNode;
+//# sourceMappingURL=Spacer.d.ts.map

package/lib/Layout/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/Layout/Spacer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAC,IAAQ,EAAE,QAAgB,EAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAEjF"}

package/lib/Layout/Spacer.js

@@ -1,28 +1,8 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spacer = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 function Spacer({ size = 8, vertical = false }) {
-    return (0, react_1.jsx)("div", { style: vertical ? { display: 'inline-block', width: size } : { height: size } });
+    return (0, jsx_runtime_1.jsx)("div", { style: vertical ? { display: 'inline-block', width: size } : { height: size } });
 }
 exports.Spacer = Spacer;
-//# sourceMappingURL=Spacer.js.map

package/lib/Layout/StyledApp.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import * as React from 'react';
 import { THEME_ID, Theme } from './Theme';
 declare type StyledAppContainerProps = {
     themeId: THEME_ID;
@@ -14,3 +13,4 @@ declare type BackgroundColorProps = {
 export declare type StyledAppProps = React.HTMLProps<HTMLDivElement> & StyledAppContainerProps & BackgroundColorProps;
 export declare const StyledApp: React.FC<StyledAppProps>;
 export {};
+//# sourceMappingURL=StyledApp.d.ts.map

package/lib/Layout/StyledApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledApp.d.ts","sourceRoot":"","sources":["../../src/Layout/StyledApp.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAwB,MAAM,SAAS,CAAC;AAK/D,aAAK,uBAAuB,GACxB;IACE,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,aAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,oBAAY,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,uBAAuB,GAAG,oBAAoB,CAAC;AAiB9G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAC"}

package/lib/Layout/StyledApp.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -30,22 +12,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledApp = void 0;
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Theme_1 = require("./Theme");
 const GlobalStyle_1 = require("../GlobalStyle");
 const util_1 = require("../util");
-const Theme_1 = require("./Theme");
 const styledAppContainerStyle = (theme, { backgroundColor = theme.general.backgroundColor }) => ({
     background: backgroundColor,
     transition: 'background 0.15s',
 });
 const filterStyledAppProps = (props) => (0, util_1.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
-const StyledAppContainer = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (theme) => styledAppContainerStyle(theme, props) }, filterStyledAppProps(props))));
+const StyledAppContainer = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => styledAppContainerStyle(theme, props) }, filterStyledAppProps(props))));
 const StyledApp = (_a) => {
     var { themeId = Theme_1.THEME_ID.LIGHT, theme, children } = _a, props = __rest(_a, ["themeId", "theme", "children"]);
-    return ((0, react_1.jsx)(Theme_1.ThemeProvider, { theme: theme ? theme : Theme_1.themes[themeId] },
-        (0, react_1.jsx)(StyledAppContainer, Object.assign({}, props),
-            (0, react_1.jsx)(GlobalStyle_1.GlobalStyle, null),
-            children)));
+    return ((0, jsx_runtime_1.jsx)(Theme_1.ThemeProvider, Object.assign({ theme: theme ? theme : Theme_1.themes[themeId] }, { children: (0, jsx_runtime_1.jsxs)(StyledAppContainer, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(GlobalStyle_1.GlobalStyle, {}), children] })) })));
 };
 exports.StyledApp = StyledApp;
-//# sourceMappingURL=StyledApp.js.map

package/lib/Layout/Theme.d.ts

@@ -1,6 +1,5 @@
-/** @jsx jsx */
-import { jsx, Theme as ETheme } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
+import { Theme as ETheme } from '@emotion/react';
 export declare enum THEME_ID {
     DARK = "THEME_DARK",
     LIGHT = "THEME_LIGHT",
@@ -78,4 +77,5 @@ export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     theme?: Theme;
     children: React.ReactNode;
 }
-export declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;
+export declare const ThemeProvider: (props: ThemeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Theme.d.ts.map

package/lib/Layout/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/Layout/Theme.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAwC,KAAK,IAAI,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAKtF,oBAAY,QAAQ;IAClB,IAAI,eAAe;IACnB,KAAK,gBAAgB;IACrB,OAAO,kBAAkB;CAC1B;AAED,MAAM,WAAW,KAAM,SAAQ,MAAM;IACnC,MAAM,CAAC,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,qBAAqB,EAAE,MAAM,CAAC;QAC9B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,sBAAsB,EAAE,MAAM,CAAC;QAC/B,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,UAAU,EAAE;QACV,oBAAoB,EAAE,MAAM,CAAC;QAC7B,gBAAgB,EAAE,MAAM,CAAC;QACzB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,sBAAsB,EAAE,MAAM,CAAC;QAC/B,cAAc,EAAE,MAAM,CAAC;QACvB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,sBAAsB,EAAE,MAAM,CAAC;QAC/B,0BAA0B,EAAE,MAAM,CAAC;QACnC,uBAAuB,EAAE,MAAM,CAAC;QAChC,0BAA0B,EAAE,MAAM,CAAC;KACpC,CAAC;IACF,QAAQ,EAAE;QACR,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,qBAAqB,EAAE,MAAM,CAAC;QAC9B,kBAAkB,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;QACxB,uBAAuB,EAAE,MAAM,CAAC;QAChC,gBAAgB,EAAE,MAAM,CAAC;QACzB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE;QACN,aAAa,EAAE,MAAM,CAAC;QACtB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,WAAW,EAAE,MAAM,CAAC;QACpB,uBAAuB,EAAE,MAAM,CAAC;QAChC,aAAa,EAAE,MAAM,CAAC;QACtB,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE;KAAE,OAAO,IAAI,QAAQ,GAAG,KAAK;CAoMjD,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,UAAW,UAAU,qDAA4D,CAAC"}

package/lib/Layout/Theme.js

@@ -1,25 +1,7 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = exports.themes = exports.THEME_ID = void 0;
-/** @jsx jsx */
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const colors_1 = require("../Identity/colors");
 const colors_v2_1 = require("../Identity/colors-v2");
@@ -226,6 +208,5 @@ exports.themes = {
         },
     },
 };
-const ThemeProvider = (props) => (0, react_1.jsx)(react_1.ThemeProvider, Object.assign({}, props, { theme: props.theme }));
+const ThemeProvider = (props) => (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, Object.assign({}, props, { theme: props.theme }));
 exports.ThemeProvider = ThemeProvider;
-//# sourceMappingURL=Theme.js.map

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

@@ -1,8 +1,7 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
+import * as 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.JSX.Element;
+export declare const HeaderMenu: ({ children, logoElement, centerElement, ...props }: HeaderMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeaderMenu.d.ts.map

package/lib/Layout/headerMenu/HeaderMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderMenu.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/HeaderMenu.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,uDAAoE,eAAe,qDA+BzG,CAAC"}

package/lib/Layout/headerMenu/HeaderMenu.js

@@ -1,4 +1,18 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderMenu = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -17,29 +31,14 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderMenu = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
+const react_1 = require("react");
 const MenuContent_1 = require("./MenuContent");
 const MenuItems_1 = require("./MenuItems");
 const MenuOpenButton_1 = require("./MenuOpenButton");
 const MenuScrollableItems_1 = require("./MenuScrollableItems");
 const HeaderMenu = (_a) => {
     var { children, logoElement = null, centerElement = null } = _a, props = __rest(_a, ["children", "logoElement", "centerElement"]);
-    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const toggleMenu = () => {
         if (typeof window !== 'undefined') {
             window.scrollTo(0, 0);
@@ -47,13 +46,6 @@ const HeaderMenu = (_a) => {
         }
     };
     const closeMenu = () => setIsOpen(false);
-    return ((0, react_1.jsx)("div", Object.assign({ css: { height: '64px' } }, props, { "data-uie-name": "element-header-menu" }),
-        (0, react_1.jsx)(MenuContent_1.MenuContent, { open: isOpen },
-            (0, react_1.jsx)("div", { css: { alignSelf: 'center', display: 'flex', zIndex: 2 }, onClick: closeMenu }, logoElement),
-            (0, react_1.jsx)("div", { css: { alignSelf: 'center', display: 'flex' } }, centerElement),
-            (0, react_1.jsx)(MenuOpenButton_1.MenuOpenButton, { onClick: toggleMenu, open: isOpen, style: { justifySelf: 'end', position: isOpen ? 'fixed' : undefined, right: '16px', top: '21px' }, "data-uie-name": "do-toggle-header-menu" }),
-            (0, react_1.jsx)(MenuItems_1.MenuItems, { onClick: closeMenu, open: isOpen },
-                (0, react_1.jsx)(MenuScrollableItems_1.MenuScrollableItems, null, children)))));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: { height: '64px' } }, props, { "data-uie-name": "element-header-menu" }, { children: (0, jsx_runtime_1.jsxs)(MenuContent_1.MenuContent, Object.assign({ open: isOpen }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ css: { alignSelf: 'center', display: 'flex', zIndex: 2 }, onClick: closeMenu }, { children: logoElement })), (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { alignSelf: 'center', display: 'flex' } }, { children: centerElement })), (0, jsx_runtime_1.jsx)(MenuOpenButton_1.MenuOpenButton, { onClick: toggleMenu, open: isOpen, style: { justifySelf: 'end', position: isOpen ? 'fixed' : undefined, right: '16px', top: '21px' }, "data-uie-name": "do-toggle-header-menu" }), (0, jsx_runtime_1.jsx)(MenuItems_1.MenuItems, Object.assign({ onClick: closeMenu, open: isOpen }, { children: (0, jsx_runtime_1.jsx)(MenuScrollableItems_1.MenuScrollableItems, { children: children }) }))] })) })));
 };
 exports.HeaderMenu = HeaderMenu;
-//# sourceMappingURL=HeaderMenu.js.map

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

@@ -1,15 +1,14 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
+import * as 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.JSX.Element;
+export declare const DesktopStyledHeaderSubMenu: (props: DesktopStyledHeaderSubMenuProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export interface MobileStyledHeaderSubMenuProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
     open?: boolean;
 }
-export declare const MobileStyledHeaderSubMenu: (props: MobileStyledHeaderSubMenuProps) => jsx.JSX.Element;
+export declare const MobileStyledHeaderSubMenu: (props: MobileStyledHeaderSubMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export interface HeaderSubMenuProps<T = HTMLParagraphElement> extends React.PropsWithRef<React.HTMLProps<T>> {
     caption: string;
     isOpen: boolean;
 }
 export declare const HeaderSubMenu: React.FC<HeaderSubMenuProps>;
+//# sourceMappingURL=HeaderSubMenu.d.ts.map

package/lib/Layout/headerMenu/HeaderSubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSubMenu.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/HeaderSubMenu.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,oBAAY,+BAA+B,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AA8BrF,eAAO,MAAM,iCAAiC,+BAA+B,CAAC;AAE9E,eAAO,MAAM,0BAA0B,8GAMtC,CAAC;AAEF,MAAM,WAAW,8BAA8B,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7F,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAeD,eAAO,MAAM,yBAAyB,UAAW,8BAA8B,qDAE9E,CAAC;AAEF,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,oBAAoB,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC1G,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+CtD,CAAC"}

package/lib/Layout/headerMenu/HeaderSubMenu.js

@@ -1,22 +1,4 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -30,14 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSubMenu = exports.MobileStyledHeaderSubMenu = exports.DesktopStyledHeaderSubMenu = exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const MenuLink_1 = require("./MenuLink");
+const MenuSubLink_1 = require("./MenuSubLink");
 const Identity_1 = require("../../Identity");
 const motions_1 = require("../../Identity/motions");
 const mediaQueries_1 = require("../../mediaQueries");
-const MenuSubLink_1 = require("./MenuSubLink");
-const MenuLink_1 = require("./MenuLink");
-const desktopStyledHeaderSubMenuStyle = (theme, props) => ({
+const desktopStyledHeaderSubMenuStyle = theme => ({
     alignItems: 'left',
     backgroundColor: Identity_1.COLOR.tint(theme.general.backgroundColor, 0.16),
     borderRadius: '8px',
@@ -65,9 +46,9 @@ const desktopStyledHeaderSubMenuStyle = (theme, props) => ({
     },
 });
 exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME = 'desktopStyledHeaderSubMenu';
-const DesktopStyledHeaderSubMenu = (props) => ((0, react_1.jsx)("div", Object.assign({ className: exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME, css: (theme) => desktopStyledHeaderSubMenuStyle(theme, props) }, props)));
+const DesktopStyledHeaderSubMenu = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: exports.DESKTOP_HEADER_SUB_MENU_CLASSNAME, css: (theme) => desktopStyledHeaderSubMenuStyle(theme, props) }, props)));
 exports.DesktopStyledHeaderSubMenu = DesktopStyledHeaderSubMenu;
-const mobileStyledHeaderSubMenuStyle = props => ({
+const mobileStyledHeaderSubMenuStyle = _ => ({
     '*': {
         fontWeight: 200,
     },
@@ -79,19 +60,11 @@ const mobileStyledHeaderSubMenuStyle = props => ({
     marginTop: '16px',
     paddingTop: '8px',
 });
-const MobileStyledHeaderSubMenu = (props) => ((0, react_1.jsx)("span", Object.assign({ css: mobileStyledHeaderSubMenuStyle(props) }, props)));
+const MobileStyledHeaderSubMenu = (props) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: mobileStyledHeaderSubMenuStyle(props) }, props)));
 exports.MobileStyledHeaderSubMenu = MobileStyledHeaderSubMenu;
 const HeaderSubMenu = (_a) => {
     var { caption, isOpen, children } = _a, props = __rest(_a, ["caption", "isOpen", "children"]);
     const isDesktop = typeof window !== 'undefined' && window.matchMedia(`(${mediaQueries_1.QUERY.desktop})`).matches;
-    return ((0, react_1.jsx)(MenuSubLink_1.MenuSubLink, Object.assign({}, props, { style: { cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center' } }),
-        (0, react_1.jsx)("span", null, caption),
-        (0, react_1.jsx)(Identity_1.Opacity, { in: isOpen && isDesktop, timeout: motions_1.DURATION.DEFAULT, style: { display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1 }, mountOnEnter: false, unmountOnExit: false },
-            (0, react_1.jsx)(Identity_1.YAxisMovement, { in: isOpen && isDesktop, startValue: '-30px', endValue: '0px', style: { display: 'inline-block' }, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true },
-                (0, react_1.jsx)(exports.DesktopStyledHeaderSubMenu, null, children))),
-        (0, react_1.jsx)(Identity_1.Opacity, { in: isOpen && !isDesktop, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: false, style: { display: 'block', position: 'relative' } },
-            (0, react_1.jsx)(Identity_1.Slide, { in: isOpen && !isDesktop, startValue: '-56%', endValue: '0', timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true },
-                (0, react_1.jsx)(exports.MobileStyledHeaderSubMenu, null, children)))));
+    return ((0, jsx_runtime_1.jsxs)(MenuSubLink_1.MenuSubLink, Object.assign({}, props, { style: { cursor: 'pointer', display: 'inline-block', position: 'relative', textAlign: 'center' } }, { children: [(0, jsx_runtime_1.jsx)("span", { children: caption }), (0, jsx_runtime_1.jsx)(Identity_1.Opacity, Object.assign({ in: isOpen && isDesktop, timeout: motions_1.DURATION.DEFAULT, style: { display: 'inline-block', left: -18, marginTop: 10, paddingTop: 20, position: 'absolute', zIndex: 1 }, mountOnEnter: false, unmountOnExit: false }, { children: (0, jsx_runtime_1.jsx)(Identity_1.YAxisMovement, Object.assign({ in: isOpen && isDesktop, startValue: '-30px', endValue: '0px', style: { display: 'inline-block' }, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true }, { children: (0, jsx_runtime_1.jsx)(exports.DesktopStyledHeaderSubMenu, { children: children }) })) })), (0, jsx_runtime_1.jsx)(Identity_1.Opacity, Object.assign({ in: isOpen && !isDesktop, timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: false, style: { display: 'block', position: 'relative' } }, { children: (0, jsx_runtime_1.jsx)(Identity_1.Slide, Object.assign({ in: isOpen && !isDesktop, startValue: '-56%', endValue: '0', timeout: motions_1.DURATION.DEFAULT, mountOnEnter: false, unmountOnExit: true }, { children: (0, jsx_runtime_1.jsx)(exports.MobileStyledHeaderSubMenu, { children: children }) })) }))] })));
 };
 exports.HeaderSubMenu = HeaderSubMenu;
-//# sourceMappingURL=HeaderSubMenu.js.map

package/lib/Layout/headerMenu/MenuContent.d.ts

@@ -1,8 +1,8 @@
-/** @jsx jsx */
-import { CSSObject, jsx } from '@emotion/react';
+import { CSSObject } from '@emotion/react';
 import { TextProps } from '../../Text';
 export interface MenuContentProps<T = HTMLDivElement> extends TextProps<T> {
     open?: boolean;
 }
 export declare const menuContentStyle: <T>(props: MenuContentProps<T>) => CSSObject;
-export declare const MenuContent: (props: MenuContentProps) => jsx.JSX.Element;
+export declare const MenuContent: (props: MenuContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuContent.d.ts.map

package/lib/Layout/headerMenu/MenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuContent.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAIrC,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SAYhE,CAAC;AAIH,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAElD,CAAC"}

package/lib/Layout/headerMenu/MenuContent.js

@@ -1,31 +1,11 @@
 "use strict";
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuContent = exports.menuContentStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const util_1 = require("../../util");
 const Content_1 = require("../Content");
 const menuContentStyle = props => (Object.assign(Object.assign({}, (0, Content_1.contentStyle)(props)), { alignItems: 'center', display: 'grid', gridColumnGap: '8px', gridTemplateColumns: '1fr auto 1fr', height: '64px', justifyContent: 'space-between', left: props.open ? 0 : undefined, position: props.open ? 'fixed' : undefined, width: props.open ? '100%' : undefined, zIndex: props.open ? 10000 : undefined }));
 exports.menuContentStyle = menuContentStyle;
 const filterMenuContentProps = (props) => (0, util_1.filterProps)(props, ['open']);
-const MenuContent = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (0, exports.menuContentStyle)(props) }, filterMenuContentProps(props))));
+const MenuContent = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (0, exports.menuContentStyle)(props) }, filterMenuContentProps(props))));
 exports.MenuContent = MenuContent;
-//# sourceMappingURL=MenuContent.js.map

package/lib/Layout/headerMenu/MenuItems.d.ts

@@ -1,9 +1,9 @@
-/** @jsx jsx */
-import React from 'react';
-import { CSSObject, jsx } from '@emotion/react';
+import * as React from 'react';
+import { CSSObject } from '@emotion/react';
 import { Theme } from '../Theme';
 export interface MenuItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     open?: boolean;
 }
 export declare const menuItemsStyle: <T>(theme: Theme, props: MenuItemsProps<T>) => CSSObject;
-export declare const MenuItems: (props: MenuItemsProps) => jsx.JSX.Element;
+export declare const MenuItems: (props: MenuItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuItems.d.ts.map

package/lib/Layout/headerMenu/MenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuItems.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAgB1E,CAAC;AAIH,eAAO,MAAM,SAAS,UAAW,cAAc,qDAE9C,CAAC"}