@wireapp/react-ui-kit 8.17.9 → 9.0.0

package/src/Layout/Spacer.js

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

package/src/Layout/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","names":["Spacer","size","vertical","display","width","height"],"sources":["Spacer.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\n\nexport interface SpacerProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  size?: number;\n  vertical?: boolean;\n}\n\nexport function Spacer({size = 8, vertical = false}: SpacerProps): React.ReactNode {\n  return <div style={vertical ? {display: 'inline-block', width: size} : {height: size}} />;\n}\n"],"mappings":";;;;;;AAoBA;AACA;AAA0B;AArB1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASO,SAASA,MAAM,OAA6D;EAAA,qBAA3DC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;EAChD,OAAO;IAAK,KAAK,EAAEA,QAAQ,GAAG;MAACC,OAAO,EAAE,cAAc;MAAEC,KAAK,EAAEH;IAAI,CAAC,GAAG;MAACI,MAAM,EAAEJ;IAAI;EAAE,EAAG;AAC3F"}

package/src/Layout/StyledApp.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=StyledApp.d.js.map

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

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

package/src/Layout/StyledApp.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledApp = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _GlobalStyle = require("../GlobalStyle");
-var _util = require("../util");
-var _Theme = require("./Theme");
-var _excluded = ["themeId", "theme", "children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var styledAppContainerStyle = function styledAppContainerStyle(theme, _ref) {
-  var _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? theme.general.backgroundColor : _ref$backgroundColor;
-  return {
-    background: backgroundColor,
-    transition: 'background 0.15s'
-  };
-};
-var filterStyledAppProps = function filterStyledAppProps(props) {
-  return (0, _util.filterProps)(props, ['backgroundColor', 'themeId', 'theme']);
-};
-var StyledAppContainer = function StyledAppContainer(props) {
-  return (0, _react2.jsx)("div", _extends({
-    css: function css(theme) {
-      return styledAppContainerStyle(theme, props);
-    }
-  }, filterStyledAppProps(props)));
-};
-var StyledApp = function StyledApp(_ref2) {
-  var _ref2$themeId = _ref2.themeId,
-    themeId = _ref2$themeId === void 0 ? _Theme.THEME_ID.LIGHT : _ref2$themeId,
-    theme = _ref2.theme,
-    children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return (0, _react2.jsx)(_Theme.ThemeProvider, {
-    theme: theme ? theme : _Theme.themes[themeId]
-  }, (0, _react2.jsx)(StyledAppContainer, props, (0, _react2.jsx)(_GlobalStyle.GlobalStyle, null), children));
-};
-exports.StyledApp = StyledApp;
-//# sourceMappingURL=StyledApp.js.map

package/src/Layout/StyledApp.js.map

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

package/src/Layout/Theme.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Theme.d.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Theme.d.js","names":[],"sources":["Theme.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx, Theme as ETheme } from '@emotion/react';\nimport React from 'react';\nexport declare enum THEME_ID {\n    DARK = \"THEME_DARK\",\n    LIGHT = \"THEME_LIGHT\",\n    DEFAULT = \"THEME_DEFAULT\"\n}\nexport interface Theme extends ETheme {\n    Button?: {\n        primaryBg: String;\n        primaryHoverBg: String;\n        primaryActiveBg: String;\n        primaryActiveBorder: String;\n        primaryFocusBorder: String;\n        primaryDisabledBg: String;\n        primaryDisabledText: String;\n        tertiaryBg: String;\n        tertiaryBorder: String;\n        tertiaryHoverBg: String;\n        tertiaryHoverBorder: String;\n        tertiarydisabledBg: String;\n        tertiaryDisabledBorder: String;\n        tertiaryActiveBg: String;\n    };\n    IconButton: {\n        activePrimaryBgColor: string;\n        focusBorderColor: string;\n        hoverPrimaryBgColor: string;\n        primaryActiveFillColor: string;\n        primaryBgColor: string;\n        primaryBorderColor: string;\n        primaryDisabledBgColor: string;\n        primaryDisabledBorderColor: string;\n        primaryHoverBorderColor: string;\n        secondaryActiveBorderColor: string;\n    };\n    Checkbox: {\n        background: string;\n        border: string;\n        borderFocused: string;\n        disableBgColor: string;\n        disableBorderColor: string;\n        disablecheckedBgColor: string;\n        invalidBorderColor: string;\n    };\n    general: {\n        backgroundColor: string;\n        color: string;\n        contrastColor: String;\n        dangerColor: string;\n        focusColor: String;\n        primaryColor: string;\n    };\n    Input: {\n        backgroundColor: string;\n        backgroundColorDisabled: string;\n        placeholderColor: string;\n        labelColor: string;\n        borderHover: string;\n    };\n    Select: {\n        disabledColor: string;\n        contrastTextColor: string;\n        borderColor: string;\n        focusedDescriptionColor: string;\n        optionHoverBg: string;\n        selectedActiveBg: String;\n    };\n}\nexport declare const themes: {\n    [themeId in THEME_ID]: Theme;\n};\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n    theme?: Theme;\n    children: React.ReactNode;\n}\nexport declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Theme.js

@@ -1,213 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.themes = exports.ThemeProvider = exports.THEME_ID = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _colors = require("../Identity/colors");
-var _colorsV = require("../Identity/colors-v2");
-var _themes;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var THEME_ID;
-exports.THEME_ID = THEME_ID;
-(function (THEME_ID) {
-  THEME_ID["DARK"] = "THEME_DARK";
-  THEME_ID["LIGHT"] = "THEME_LIGHT";
-  THEME_ID["DEFAULT"] = "THEME_DEFAULT";
-})(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
-var themes = (_themes = {}, _defineProperty(_themes, THEME_ID.DEFAULT, {
-  Button: {
-    primaryBg: 'var(--accent-color)',
-    primaryHoverBg: 'var(--button-primary-hover)',
-    primaryActiveBg: 'var(--button-primary-active)',
-    primaryActiveBorder: 'var(--button-primary-active-border)',
-    primaryFocusBorder: 'var(--button-primary-focus-border)',
-    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-    primaryDisabledText: 'var(--button-primary-disabled-text)',
-    tertiaryBg: 'var(--button-tertiary-bg)',
-    tertiaryBorder: 'var(--button-tertiary-border)',
-    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-    tertiaryActiveBg: 'var(--accent-color-highlight)'
-  },
-  Checkbox: {
-    background: 'var(--checkbox-background)',
-    border: 'var(--checkbox-border)',
-    borderFocused: 'var(--accent-color)',
-    disableBgColor: 'var(--checkbox-background-disabled)',
-    disableBorderColor: 'var(--checkbox-border-disabled)',
-    disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',
-    invalidBorderColor: 'var(--danger-color)'
-  },
-  IconButton: {
-    activePrimaryBgColor: 'var(--accent-color-highlight)',
-    focusBorderColor: 'var(--accent-color-border)',
-    hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',
-    primaryActiveFillColor: 'var(--icon-primary-active-fill)',
-    primaryBgColor: 'var(--icon-button-primary-enabled-bg)',
-    primaryBorderColor: 'var(--icon-button-primary-border)',
-    primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',
-    primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',
-    primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',
-    secondaryActiveBorderColor: 'var(--icon-secondary-active-border)'
-  },
-  Input: {
-    backgroundColor: 'var(--text-input-background)',
-    backgroundColorDisabled: 'var(--text-input-disabled)',
-    labelColor: 'var(--text-input-label)',
-    placeholderColor: 'var(--text-input-placeholder)',
-    borderHover: 'var(--text-input-border-hover)'
-  },
-  Select: {
-    borderColor: 'var(--text-input-border)',
-    contrastTextColor: 'var(--text-input-background)',
-    disabledColor: 'var(--text-input-placeholder)',
-    focusedDescriptionColor: 'var(--select-focused-description)',
-    optionHoverBg: 'var(--accent-color-highlight)',
-    selectedActiveBg: 'var(--button-primary-hover)'
-  },
-  general: {
-    backgroundColor: 'var(--app-bg)',
-    color: 'var(--main-color)',
-    dangerColor: 'var(--danger-color)',
-    primaryColor: 'var(--accent-color)',
-    contrastColor: 'var(--text-input-background)',
-    focusColor: 'var(--accent-color-focus)'
-  }
-}), _defineProperty(_themes, THEME_ID.LIGHT, {
-  Button: {
-    primaryBg: 'var(--accent-color)',
-    primaryHoverBg: 'var(--button-primary-hover)',
-    primaryActiveBg: 'var(--button-primary-active)',
-    primaryActiveBorder: 'var(--button-primary-active-border)',
-    primaryFocusBorder: 'var(--button-primary-focus-border)',
-    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-    primaryDisabledText: 'var(--button-primary-disabled-text)',
-    tertiaryBg: 'var(--button-tertiary-bg)',
-    tertiaryBorder: 'var(--button-tertiary-border)',
-    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-    tertiaryActiveBg: 'var(--accent-color-highlight)'
-  },
-  IconButton: {
-    activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_LIGHT_50,
-    focusBorderColor: _colorsV.COLOR_V2.BLUE_LIGHT_500,
-    hoverPrimaryBgColor: _colorsV.COLOR_V2.GRAY_20,
-    primaryActiveFillColor: _colorsV.COLOR_V2.BLUE,
-    primaryBgColor: _colorsV.COLOR_V2.WHITE,
-    primaryBorderColor: _colorsV.COLOR_V2.GRAY_40,
-    primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_20,
-    primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_40,
-    primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_50,
-    secondaryActiveBorderColor: 'transparent'
-  },
-  Input: {
-    backgroundColor: _colors.COLOR.WHITE,
-    backgroundColorDisabled: _colorsV.COLOR_V2.GRAY_20,
-    placeholderColor: _colors.COLOR.GRAY_DARKEN_24,
-    labelColor: _colorsV.COLOR_V2.GRAY_80,
-    borderHover: 'var(--text-input-border-hover)'
-  },
-  general: {
-    backgroundColor: _colorsV.COLOR_V2.GRAY_20,
-    color: _colors.COLOR.TEXT,
-    primaryColor: _colorsV.COLOR_V2.BLUE,
-    dangerColor: _colorsV.COLOR_V2.RED,
-    contrastColor: 'var(--text-input-background)',
-    focusColor: 'var(--accent-color-focus)'
-  },
-  Select: {
-    disabledColor: _colorsV.COLOR_V2.GRAY_70,
-    contrastTextColor: _colors.COLOR.WHITE,
-    borderColor: _colorsV.COLOR_V2.GRAY_40,
-    focusedDescriptionColor: _colorsV.COLOR_V2.WHITE,
-    optionHoverBg: 'var(--accent-color-highlight)',
-    selectedActiveBg: 'var(--button-primary-hover)'
-  },
-  Checkbox: {
-    background: _colorsV.COLOR_V2.GRAY_20,
-    border: _colorsV.COLOR_V2.GRAY_80,
-    borderFocused: _colorsV.BASE_LIGHT_COLOR.BLUE,
-    disableBgColor: _colorsV.COLOR_V2.GRAY_20,
-    disableBorderColor: _colorsV.COLOR_V2.GRAY_60,
-    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_20,
-    invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
-  }
-}), _defineProperty(_themes, THEME_ID.DARK, {
-  Button: {
-    primaryBg: 'var(--accent-color)',
-    primaryHoverBg: 'var(--button-primary-hover)',
-    primaryActiveBg: 'var(--button-primary-active)',
-    primaryActiveBorder: 'var(--button-primary-active-border)',
-    primaryFocusBorder: 'var(--button-primary-focus-border)',
-    primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-    primaryDisabledText: 'var(--button-primary-disabled-text)',
-    tertiaryBg: 'var(--button-tertiary-bg)',
-    tertiaryBorder: 'var(--button-tertiary-border)',
-    tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-    tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-    tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-    tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-    tertiaryActiveBg: 'var(--accent-color-highlight)'
-  },
-  IconButton: {
-    activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_DARK_800,
-    focusBorderColor: _colorsV.COLOR_V2.BLUE_DARK_600,
-    hoverPrimaryBgColor: _colorsV.COLOR_V2.GRAY_80,
-    primaryActiveFillColor: _colors.COLOR.WHITE,
-    primaryBgColor: _colorsV.COLOR_V2.GRAY_90,
-    primaryBorderColor: _colorsV.COLOR_V2.GRAY_100,
-    primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_95,
-    primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_90,
-    primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_70,
-    secondaryActiveBorderColor: _colorsV.COLOR_V2.BLUE_DARK_800
-  },
-  Input: {
-    backgroundColor: _colors.COLOR.BLACK_LIGHTEN_24,
-    backgroundColorDisabled: _colors.COLOR.GRAY_100,
-    placeholderColor: _colors.COLOR.GRAY_LIGHTEN_88,
-    labelColor: _colorsV.COLOR_V2.GRAY_40,
-    borderHover: 'var(--text-input-border-hover)'
-  },
-  general: {
-    backgroundColor: _colors.COLOR.BLACK,
-    color: _colors.COLOR.WHITE,
-    primaryColor: _colorsV.COLOR_V2.BLUE,
-    dangerColor: _colorsV.COLOR_V2.RED,
-    contrastColor: 'var(--text-input-background)',
-    focusColor: 'var(--accent-color-focus)'
-  },
-  Select: {
-    disabledColor: _colorsV.COLOR_V2.GRAY_60,
-    contrastTextColor: _colors.COLOR.BLACK,
-    borderColor: _colorsV.COLOR_V2.GRAY_90,
-    focusedDescriptionColor: _colorsV.COLOR_V2.GRAY_40,
-    optionHoverBg: 'var(--accent-color-highlight)',
-    selectedActiveBg: 'var(--button-primary-active)'
-  },
-  Checkbox: {
-    background: _colorsV.COLOR_V2.GRAY_20,
-    border: _colorsV.COLOR_V2.GRAY_60,
-    borderFocused: _colorsV.BASE_DARK_COLOR.BLUE,
-    disableBgColor: _colorsV.COLOR_V2.GRAY_10,
-    disableBorderColor: _colorsV.COLOR_V2.GRAY_70,
-    disablecheckedBgColor: _colorsV.COLOR_V2.GRAY_60,
-    invalidBorderColor: _colorsV.BASE_DARK_COLOR.RED
-  }
-}), _themes);
-exports.themes = themes;
-var ThemeProvider = function ThemeProvider(props) {
-  return (0, _react.jsx)(_react.ThemeProvider, _extends({}, props, {
-    theme: props.theme
-  }));
-};
-exports.ThemeProvider = ThemeProvider;
-//# sourceMappingURL=Theme.js.map

package/src/Layout/Theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Theme.js","names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","ThemeProvider","props","theme"],"sources":["Theme.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider, Theme as ETheme} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\n\nexport enum THEME_ID {\n  DARK = 'THEME_DARK',\n  LIGHT = 'THEME_LIGHT',\n  DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\n  Button?: {\n    primaryBg: String;\n    primaryHoverBg: String;\n    primaryActiveBg: String;\n    primaryActiveBorder: String;\n    primaryFocusBorder: String;\n    primaryDisabledBg: String;\n    primaryDisabledText: String;\n    tertiaryBg: String;\n    tertiaryBorder: String;\n    tertiaryHoverBg: String;\n    tertiaryHoverBorder: String;\n    tertiarydisabledBg: String;\n    tertiaryDisabledBorder: String;\n    tertiaryActiveBg: String;\n  };\n  IconButton: {\n    activePrimaryBgColor: string;\n    focusBorderColor: string;\n    hoverPrimaryBgColor: string;\n    primaryActiveFillColor: string;\n    primaryBgColor: string;\n    primaryBorderColor: string;\n    primaryDisabledBgColor: string;\n    primaryDisabledBorderColor: string;\n    primaryHoverBorderColor: string;\n    secondaryActiveBorderColor: string;\n  };\n  Checkbox: {\n    background: string;\n    border: string;\n    borderFocused: string;\n    disableBgColor: string;\n    disableBorderColor: string;\n    disablecheckedBgColor: string;\n    invalidBorderColor: string;\n  };\n  general: {\n    backgroundColor: string;\n    color: string;\n    contrastColor: String;\n    dangerColor: string;\n    focusColor: String;\n    primaryColor: string;\n  };\n  Input: {\n    backgroundColor: string;\n    backgroundColorDisabled: string;\n    placeholderColor: string;\n    labelColor: string;\n    borderHover: string;\n  };\n  Select: {\n    disabledColor: string;\n    contrastTextColor: string;\n    borderColor: string;\n    focusedDescriptionColor: string;\n    optionHoverBg: string;\n    selectedActiveBg: String;\n  };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n  [THEME_ID.DEFAULT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    Checkbox: {\n      background: 'var(--checkbox-background)',\n      border: 'var(--checkbox-border)',\n      borderFocused: 'var(--accent-color)',\n      disableBgColor: 'var(--checkbox-background-disabled)',\n      disableBorderColor: 'var(--checkbox-border-disabled)',\n      disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n      invalidBorderColor: 'var(--danger-color)',\n    },\n    IconButton: {\n      activePrimaryBgColor: 'var(--accent-color-highlight)',\n      focusBorderColor: 'var(--accent-color-border)',\n      hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n      primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n      primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n      primaryBorderColor: 'var(--icon-button-primary-border)',\n      primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n      primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n      primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n      secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n    },\n    Input: {\n      backgroundColor: 'var(--text-input-background)',\n      backgroundColorDisabled: 'var(--text-input-disabled)',\n      labelColor: 'var(--text-input-label)',\n      placeholderColor: 'var(--text-input-placeholder)',\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    Select: {\n      borderColor: 'var(--text-input-border)',\n      contrastTextColor: 'var(--text-input-background)',\n      disabledColor: 'var(--text-input-placeholder)',\n      focusedDescriptionColor: 'var(--select-focused-description)',\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    general: {\n      backgroundColor: 'var(--app-bg)',\n      color: 'var(--main-color)',\n      dangerColor: 'var(--danger-color)',\n      primaryColor: 'var(--accent-color)',\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n  },\n  [THEME_ID.LIGHT]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n      focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n      primaryActiveFillColor: COLOR_V2.BLUE,\n      primaryBgColor: COLOR_V2.WHITE,\n      primaryBorderColor: COLOR_V2.GRAY_40,\n      primaryDisabledBgColor: COLOR_V2.GRAY_20,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n      primaryHoverBorderColor: COLOR_V2.GRAY_50,\n      secondaryActiveBorderColor: 'transparent',\n    },\n    Input: {\n      backgroundColor: COLOR.WHITE,\n      backgroundColorDisabled: COLOR_V2.GRAY_20,\n      placeholderColor: COLOR.GRAY_DARKEN_24,\n      labelColor: COLOR_V2.GRAY_80,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR_V2.GRAY_20,\n      color: COLOR.TEXT,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_70,\n      contrastTextColor: COLOR.WHITE,\n      borderColor: COLOR_V2.GRAY_40,\n      focusedDescriptionColor: COLOR_V2.WHITE,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-hover)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_80,\n      borderFocused: BASE_LIGHT_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_20,\n      disableBorderColor: COLOR_V2.GRAY_60,\n      disablecheckedBgColor: COLOR_V2.GRAY_20,\n      invalidBorderColor: BASE_LIGHT_COLOR.RED,\n    },\n  },\n  [THEME_ID.DARK]: {\n    Button: {\n      primaryBg: 'var(--accent-color)',\n      primaryHoverBg: 'var(--button-primary-hover)',\n      primaryActiveBg: 'var(--button-primary-active)',\n      primaryActiveBorder: 'var(--button-primary-active-border)',\n      primaryFocusBorder: 'var(--button-primary-focus-border)',\n      primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n      primaryDisabledText: 'var(--button-primary-disabled-text)',\n      tertiaryBg: 'var(--button-tertiary-bg)',\n      tertiaryBorder: 'var(--button-tertiary-border)',\n      tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n      tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n      tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n      tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n      tertiaryActiveBg: 'var(--accent-color-highlight)',\n    },\n    IconButton: {\n      activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n      focusBorderColor: COLOR_V2.BLUE_DARK_600,\n      hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n      primaryActiveFillColor: COLOR.WHITE,\n      primaryBgColor: COLOR_V2.GRAY_90,\n      primaryBorderColor: COLOR_V2.GRAY_100,\n      primaryDisabledBgColor: COLOR_V2.GRAY_95,\n      primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n      primaryHoverBorderColor: COLOR_V2.GRAY_70,\n      secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n    },\n    Input: {\n      backgroundColor: COLOR.BLACK_LIGHTEN_24,\n      backgroundColorDisabled: COLOR.GRAY_100,\n      placeholderColor: COLOR.GRAY_LIGHTEN_88,\n      labelColor: COLOR_V2.GRAY_40,\n      borderHover: 'var(--text-input-border-hover)',\n    },\n    general: {\n      backgroundColor: COLOR.BLACK,\n      color: COLOR.WHITE,\n      primaryColor: COLOR_V2.BLUE,\n      dangerColor: COLOR_V2.RED,\n      contrastColor: 'var(--text-input-background)',\n      focusColor: 'var(--accent-color-focus)',\n    },\n    Select: {\n      disabledColor: COLOR_V2.GRAY_60,\n      contrastTextColor: COLOR.BLACK,\n      borderColor: COLOR_V2.GRAY_90,\n      focusedDescriptionColor: COLOR_V2.GRAY_40,\n      optionHoverBg: 'var(--accent-color-highlight)',\n      selectedActiveBg: 'var(--button-primary-active)',\n    },\n    Checkbox: {\n      background: COLOR_V2.GRAY_20,\n      border: COLOR_V2.GRAY_60,\n      borderFocused: BASE_DARK_COLOR.BLUE,\n      disableBgColor: COLOR_V2.GRAY_10,\n      disableBorderColor: COLOR_V2.GRAY_70,\n      disablecheckedBgColor: COLOR_V2.GRAY_60,\n      invalidBorderColor: BASE_DARK_COLOR.RED,\n    },\n  },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  theme?: Theme;\n  children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=HeaderMenu.d.js.map

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

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

package/src/Layout/headerMenu/HeaderMenu.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderMenu.js","names":["HeaderMenu","children","logoElement","centerElement","props","useState","isOpen","setIsOpen","toggleMenu","window","scrollTo","current","closeMenu","justifySelf","position","undefined","right","top"],"sources":["HeaderMenu.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React from 'react';\nimport {useState} from 'react';\n\nimport {MenuContent} from './MenuContent';\nimport {MenuItems} from './MenuItems';\nimport {MenuOpenButton} from './MenuOpenButton';\nimport {MenuScrollableItems} from './MenuScrollableItems';\n\nexport interface HeaderMenuProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  centerElement?: React.ReactNode;\n  logoElement?: React.ReactNode;\n}\n\nexport const HeaderMenu = ({children, logoElement = null, centerElement = null, ...props}: HeaderMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleMenu = () => {\n    if (typeof window !== 'undefined') {\n      window.scrollTo(0, 0);\n      setIsOpen(current => !current);\n    }\n  };\n\n  const closeMenu = () => setIsOpen(false);\n\n  return (\n    <div css={{height: '64px'}} {...props} data-uie-name=\"element-header-menu\">\n      <MenuContent open={isOpen}>\n        <div css={{alignSelf: 'center', display: 'flex', zIndex: 2}} onClick={closeMenu}>\n          {logoElement}\n        </div>\n        <div css={{alignSelf: 'center', display: 'flex'}}>{centerElement}</div>\n        <MenuOpenButton\n          onClick={toggleMenu}\n          open={isOpen}\n          style={{justifySelf: 'end', position: isOpen ? 'fixed' : undefined, right: '16px', top: '21px'}}\n          data-uie-name=\"do-toggle-header-menu\"\n        />\n        <MenuItems onClick={closeMenu} open={isOpen}>\n          <MenuScrollableItems>{children}</MenuScrollableItems>\n        </MenuItems>\n      </MenuContent>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAoBA;AACA;AAGA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAOnD,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAAwF;EAAA,IAAnFC,QAAQ,QAARA,QAAQ;IAAA,wBAAEC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,IAAI;IAAKC,KAAK;EACtF,gBAA4B,IAAAC,gBAAQ,EAAC,KAAK,CAAC;IAAA;IAApCC,MAAM;IAAEC,SAAS;EAExB,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;IACvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjCA,MAAM,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;MACrBH,SAAS,CAAC,UAAAI,OAAO;QAAA,OAAI,CAACA,OAAO;MAAA,EAAC;IAChC;EACF,CAAC;EAED,IAAMC,SAAS,GAAG,SAAZA,SAAS;IAAA,OAASL,SAAS,CAAC,KAAK,CAAC;EAAA;EAExC,OACE;IAAK,GAAG;EAAmB,GAAKH,KAAK;IAAE,iBAAc;EAAqB,IACxE,gBAAC,wBAAW;IAAC,IAAI,EAAEE;EAAO,GACxB;IAAK,GAAG,OAAoD;IAAC,OAAO,EAAEM;EAAU,GAC7EV,WAAW,CACR,EACN;IAAK,GAAG;EAAyC,GAAEC,aAAa,CAAO,EACvE,gBAAC,8BAAc;IACb,OAAO,EAAEK,UAAW;IACpB,IAAI,EAAEF,MAAO;IACb,KAAK,EAAE;MAACO,WAAW,EAAE,KAAK;MAAEC,QAAQ,EAAER,MAAM,GAAG,OAAO,GAAGS,SAAS;MAAEC,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAM,CAAE;IAChG,iBAAc;EAAuB,EACrC,EACF,gBAAC,oBAAS;IAAC,OAAO,EAAEL,SAAU;IAAC,IAAI,EAAEN;EAAO,GAC1C,gBAAC,wCAAmB,QAAEL,QAAQ,CAAuB,CAC3C,CACA,CACV;AAEV,CAAC;AAAC"}

package/src/Layout/headerMenu/HeaderMenu.md

@@ -1,56 +0,0 @@
-Demo:
-
-```js
-import {useState} from 'react';
-import {HeaderMenu, MenuLink, HeaderSubMenu, Logo, isDesktop, COLOR} from '@wireapp/react-ui-kit';
-
-const [showFirstDropdown, setShowFirstDropdown] = useState(false);
-const [showSecondDropdown, setShowSecondDropdown] = useState(false);
-
-<HeaderMenu logoElement={<Logo width={72} />} centerElement={'center element'}>
-  <MenuLink href="#" color={COLOR.GREEN} button>
-    test1
-  </MenuLink>
-  <HeaderSubMenu
-    caption={'Dropdown1'}
-    isOpen={showFirstDropdown}
-    onMouseLeave={isDesktop ? () => setShowFirstDropdown(false) : undefined}
-    onMouseOver={() => {
-      if (isDesktop) {
-        setShowFirstDropdown(true);
-        setShowSecondDropdown(false);
-      }
-    }}
-    onClick={event => {
-      event.stopPropagation();
-      setShowFirstDropdown(!showFirstDropdown);
-      setShowSecondDropdown(false);
-    }}
-  >
-    <MenuLink noWrap>{'Messaging1'}</MenuLink>
-    <MenuLink noWrap>{'Voice & video1'}</MenuLink>
-    <MenuLink noWrap>{'File sharing & productivity1'}</MenuLink>
-  </HeaderSubMenu>
-  <HeaderSubMenu
-    caption={'Dropdown2'}
-    isOpen={showSecondDropdown}
-    onMouseLeave={isDesktop ? () => setShowSecondDropdown(false) : undefined}
-    onMouseOver={() => {
-      if (isDesktop) {
-        setShowFirstDropdown(false);
-        setShowSecondDropdown(true);
-      }
-    }}
-    onClick={event => {
-      event.stopPropagation();
-      setShowFirstDropdown(false);
-      setShowSecondDropdown(!showSecondDropdown);
-    }}
-  >
-    <MenuLink noWrap>{'Messaging2'}</MenuLink>
-    <MenuLink noWrap>{'Voice & video2'}</MenuLink>
-    <MenuLink noWrap>{'File sharing & productivity2'}</MenuLink>
-  </HeaderSubMenu>
-  <MenuLink href="#">test3</MenuLink>
-</HeaderMenu>;
-```

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

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=HeaderSubMenu.d.js.map

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

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