@wireapp/react-ui-kit 7.55.2 → 8.0.0

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 /** @jsx jsx */
-import { CSSObject } from '@emotion/core';
+import { CSSObject, jsx } from '@emotion/react';
 import { TextProps } from '../../Text';
 import type { Theme } from '../Theme';
 declare type MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;
 export declare const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject;
-export declare const MenuSubLink: (props: MenuSubLinkProps) => JSX.Element;
+export declare const MenuSubLink: (props: MenuSubLinkProps) => jsx.JSX.Element;
 export {};

package/src/Layout/headerMenu/MenuSubLink.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _color = _interopRequireDefault(require("color"));
 
@@ -62,7 +62,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
 exports.menuSubLinkStyle = menuSubLinkStyle;
 
 var MenuSubLink = function MenuSubLink(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: function css(theme) {
       return menuSubLinkStyle(theme, props);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuSubLink.tsx"],"names":["menuSubLinkStyle","theme","props","color","general","mix","COLOR","BLACK","toString","cursor","fontWeight","textDecoration","transition","defaultTransition","media","QueryKeys","DESKTOP","marginLeft","marginRight","fontSize","margin","textTransform","TABLET_DOWN","border","maxWidth","padding","MenuSubLink"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAKO,IAAMA,gBAA4E,GAAG,SAA/EA,gBAA+E,CAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,yCACvF,qBAAUD,KAAV,EAAiBC,KAAjB,CADuF;AAE1F,eAAW;AACTC,MAAAA,KAAK,EAAE,uBAAMF,KAAK,CAACG,OAAN,CAAcD,KAApB,EAA2BE,GAA3B,CAA+B,uBAAMC,gBAAMC,KAAZ,CAA/B,EAAmD,IAAnD,EAAyDC,QAAzD;AADE,KAF+E;AAK1FL,IAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcD,KALqE;AAM1FM,IAAAA,MAAM,EAAE,SANkF;AAO1FC,IAAAA,UAAU,EAAE,GAP8E;AAQ1FC,IAAAA,cAAc,EAAE,MAR0E;AAS1FC,IAAAA,UAAU,EAAEC;AAT8E,sDAUzFC,oBAAMC,wBAAUC,OAAhB,CAVyF,EAU9D;AAC1B,qBAAiB;AACfC,MAAAA,UAAU,EAAE;AADG,KADS;AAI1B,oBAAgB;AACdC,MAAAA,WAAW,EAAE;AADC,KAJU;AAO1BC,IAAAA,QAAQ,EAAE,MAPgB;AAQ1BC,IAAAA,MAAM,EAAE,eARkB;AAS1BC,IAAAA,aAAa,EAAE;AATW,GAV8D,oDAsBzFP,oBAAMC,wBAAUO,WAAhB,CAtByF,EAsB1D;AAC9BC,IAAAA,MAAM,EAAE,MADsB;AAE9BJ,IAAAA,QAAQ,EAAE,iBAFoB;AAG9BT,IAAAA,UAAU,EAAE,gBAHkB;AAI9Bc,IAAAA,QAAQ,EAAE,OAJoB;AAK9BC,IAAAA,OAAO,EAAE,UALqB;AAM9BJ,IAAAA,aAAa,EAAE;AANe,GAtB0D;AAAA,CAArF;;;;AAgCA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACxB,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAAAD,KAAK;AAAA,aAAID,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CAApB;AAAA;AAAf,KAAuDA,KAAvD,EADyB;AAAA,CAApB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport Color from 'color';\n\nimport {COLOR} from '../../Identity';\nimport {defaultTransition} from '../../Identity/motions';\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {TextProps, textStyle} from '../../Text';\nimport type {Theme} from '../Theme';\n\ntype MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;\n\nexport const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject = (theme, props) => ({\n  ...textStyle(theme, props),\n  '&:hover': {\n    color: Color(theme.general.color).mix(Color(COLOR.BLACK), 0.16).toString(),\n  },\n  color: theme.general.color,\n  cursor: 'pointer',\n  fontWeight: 600,\n  textDecoration: 'none',\n  transition: defaultTransition,\n  [media[QueryKeys.DESKTOP]]: {\n    '&:first-child': {\n      marginLeft: 0,\n    },\n    '&:last-child': {\n      marginRight: 0,\n    },\n    fontSize: '11px',\n    margin: '0 26px 0 10px',\n    textTransform: 'uppercase',\n  },\n\n  [media[QueryKeys.TABLET_DOWN]]: {\n    border: 'none',\n    fontSize: '32px !important',\n    fontWeight: '300 !important',\n    maxWidth: '480px',\n    padding: '8px 24px',\n    textTransform: 'none !important',\n  },\n});\n\nexport const MenuSubLink = (props: MenuSubLinkProps) => (\n  <div css={theme => menuSubLinkStyle(theme, props)} {...props} />\n);\n"],"file":"MenuSubLink.js"}
+{"version":3,"sources":["MenuSubLink.tsx"],"names":["menuSubLinkStyle","theme","props","color","general","mix","COLOR","BLACK","toString","cursor","fontWeight","textDecoration","transition","defaultTransition","media","QueryKeys","DESKTOP","marginLeft","marginRight","fontSize","margin","textTransform","TABLET_DOWN","border","maxWidth","padding","MenuSubLink"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAKO,IAAMA,gBAA4E,GAAG,SAA/EA,gBAA+E,CAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,yCACvF,qBAAUD,KAAV,EAAiBC,KAAjB,CADuF;AAE1F,eAAW;AACTC,MAAAA,KAAK,EAAE,uBAAMF,KAAK,CAACG,OAAN,CAAcD,KAApB,EAA2BE,GAA3B,CAA+B,uBAAMC,gBAAMC,KAAZ,CAA/B,EAAmD,IAAnD,EAAyDC,QAAzD;AADE,KAF+E;AAK1FL,IAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcD,KALqE;AAM1FM,IAAAA,MAAM,EAAE,SANkF;AAO1FC,IAAAA,UAAU,EAAE,GAP8E;AAQ1FC,IAAAA,cAAc,EAAE,MAR0E;AAS1FC,IAAAA,UAAU,EAAEC;AAT8E,sDAUzFC,oBAAMC,wBAAUC,OAAhB,CAVyF,EAU9D;AAC1B,qBAAiB;AACfC,MAAAA,UAAU,EAAE;AADG,KADS;AAI1B,oBAAgB;AACdC,MAAAA,WAAW,EAAE;AADC,KAJU;AAO1BC,IAAAA,QAAQ,EAAE,MAPgB;AAQ1BC,IAAAA,MAAM,EAAE,eARkB;AAS1BC,IAAAA,aAAa,EAAE;AATW,GAV8D,oDAsBzFP,oBAAMC,wBAAUO,WAAhB,CAtByF,EAsB1D;AAC9BC,IAAAA,MAAM,EAAE,MADsB;AAE9BJ,IAAAA,QAAQ,EAAE,iBAFoB;AAG9BT,IAAAA,UAAU,EAAE,gBAHkB;AAI9Bc,IAAAA,QAAQ,EAAE,OAJoB;AAK9BC,IAAAA,OAAO,EAAE,UALqB;AAM9BJ,IAAAA,aAAa,EAAE;AANe,GAtB0D;AAAA,CAArF;;;;AAgCA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACxB,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CAAlC;AAAA;AAAV,KAAgEA,KAAhE,EADyB;AAAA,CAApB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport Color from 'color';\n\nimport {COLOR} from '../../Identity';\nimport {defaultTransition} from '../../Identity/motions';\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {TextProps, textStyle} from '../../Text';\nimport type {Theme} from '../Theme';\n\ntype MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;\n\nexport const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject = (theme, props) => ({\n  ...textStyle(theme, props),\n  '&:hover': {\n    color: Color(theme.general.color).mix(Color(COLOR.BLACK), 0.16).toString(),\n  },\n  color: theme.general.color,\n  cursor: 'pointer',\n  fontWeight: 600,\n  textDecoration: 'none',\n  transition: defaultTransition,\n  [media[QueryKeys.DESKTOP]]: {\n    '&:first-child': {\n      marginLeft: 0,\n    },\n    '&:last-child': {\n      marginRight: 0,\n    },\n    fontSize: '11px',\n    margin: '0 26px 0 10px',\n    textTransform: 'uppercase',\n  },\n\n  [media[QueryKeys.TABLET_DOWN]]: {\n    border: 'none',\n    fontSize: '32px !important',\n    fontWeight: '300 !important',\n    maxWidth: '480px',\n    padding: '8px 24px',\n    textTransform: 'none !important',\n  },\n});\n\nexport const MenuSubLink = (props: MenuSubLinkProps) => (\n  <div css={(theme: Theme) => menuSubLinkStyle(theme, props)} {...props} />\n);\n"],"file":"MenuSubLink.js"}

package/src/Menu/MenuModal.d.ts

@@ -1,8 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 interface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     onBackgroundClick?: () => void;
 }
-export declare const MenuModal: ({ children, onBackgroundClick, ...props }: MenuModalProps & React.HTMLProps<HTMLDivElement>) => JSX.Element;
+export declare const MenuModal: ({ children, onBackgroundClick, ...props }: MenuModalProps & React.HTMLProps<HTMLDivElement>) => jsx.JSX.Element;
 export declare type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;
-export declare const MenuItem: ({ children, ...props }: MenuItemProps & React.HTMLProps<HTMLLIElement>) => JSX.Element;
+export declare const MenuItem: ({ children, ...props }: MenuItemProps & React.HTMLProps<HTMLLIElement>) => jsx.JSX.Element;
 export {};

package/src/Menu/MenuModal.js

@@ -9,15 +9,13 @@ exports.MenuItem = exports.MenuModal = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _css2 = _interopRequireDefault(require("@emotion/css"));
+var _react = require("@emotion/react");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
-
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity/");
 
@@ -47,13 +45,13 @@ var menuModalWrapperStyle = function menuModalWrapperStyle(props) {
 };
 
 var MenuModalWrapper = function MenuModalWrapper(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: menuModalWrapperStyle
   }, props));
 };
 
 var MenuModalBody = function MenuModalBody(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: function css(theme) {
       return (0, _defineProperty2["default"])({
         animation: "".concat(_motions.ANIMATION.bottomUpMovement, " ").concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.EXPONENTIAL),
@@ -76,8 +74,8 @@ var MenuModalBody = function MenuModalBody(props) {
 };
 
 var MenuModalContent = function MenuModalContent(props) {
-  return (0, _core.jsx)("ul", (0, _extends2["default"])({
-    css: /*#__PURE__*/(0, _css2["default"])({
+  return (0, _react.jsx)("ul", (0, _extends2["default"])({
+    css: /*#__PURE__*/(0, _react.css)({
       li: {
         borderBottom: "1px solid ".concat(_Identity.COLOR.GRAY_LIGHTEN_72)
       },
@@ -88,7 +86,7 @@ var MenuModalContent = function MenuModalContent(props) {
       maxWidth: '100%',
       minWidth: '100%',
       padding: 0
-    }, ";label:MenuModalContent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVJIiwiZmlsZSI6Ik1lbnVNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5Lyc7XG5pbXBvcnQge0FOSU1BVElPTiwgRFVSQVRJT04sIEVBU0V9IGZyb20gJy4uL0lkZW50aXR5L21vdGlvbnMnO1xuaW1wb3J0IHtRdWVyeUtleXMsIG1lZGlhfSBmcm9tICcuLi9tZWRpYVF1ZXJpZXMnO1xuaW1wb3J0IHtPdmVybGF5QmFja2dyb3VuZFByb3BzLCBPdmVybGF5V3JhcHBlclByb3BzLCBvdmVybGF5QmFja2dyb3VuZFN0eWxlfSBmcm9tICcuLi9Nb2RhbC9PdmVybGF5JztcbmltcG9ydCB7bm9vcH0gZnJvbSAnLi4vdXRpbCc7XG5cbmNvbnN0IG1lbnVNb2RhbFdyYXBwZXJTdHlsZTogPFQ+KHByb3BzOiBPdmVybGF5V3JhcHBlclByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSBwcm9wcyA9PiAoe1xuICAuLi5vdmVybGF5QmFja2dyb3VuZFN0eWxlKHByb3BzKSxcbiAgYWxpZ25JdGVtczogJ2ZsZXgtZW5kJyxcbiAgYWxpZ25TZWxmOiAnZmxleC1lbmQnLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIG92ZXJmbG93WTogJ2hpZGRlbicsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuY29uc3QgTWVudU1vZGFsV3JhcHBlciA9IChwcm9wczogT3ZlcmxheVdyYXBwZXJQcm9wcykgPT4gPGRpdiBjc3M9e21lbnVNb2RhbFdyYXBwZXJTdHlsZX0gey4uLnByb3BzfSAvPjtcblxuY29uc3QgTWVudU1vZGFsQm9keSA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt0aGVtZSA9PiAoe1xuICAgICAgYW5pbWF0aW9uOiBgJHtBTklNQVRJT04uYm90dG9tVXBNb3ZlbWVudH0gJHtEVVJBVElPTi5ERUZBVUxUfW1zICR7RUFTRS5FWFBPTkVOVElBTH1gLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi50aW50KHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLCAwLjE2KSxcbiAgICAgIGJveFNoYWRvdzogJzAgMTZweCA2NHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgICBtYXJnaW5MZWZ0OiAnYXV0bycsXG4gICAgICBtYXJnaW5SaWdodDogJ2F1dG8nLFxuICAgICAgcGFkZGluZzogJzhweCAxNnB4JyxcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgd2lkdGg6ICc3NjdweCcsXG4gICAgICB6SW5kZXg6IDk5OTksXG4gICAgICBbbWVkaWFbUXVlcnlLZXlzLlRBQkxFVF9ET1dOXV06IHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIH0sXG4gICAgfSl9XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuY29uc3QgTWVudU1vZGFsQ29udGVudCA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxVTGlzdEVsZW1lbnQ+KSA9PiAoXG4gIDx1bFxuICAgIGNzcz17e1xuICAgICAgbGk6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7Q09MT1IuR1JBWV9MSUdIVEVOXzcyfWAsXG4gICAgICB9LFxuICAgICAgJ2xpOmxhc3QtY2hpbGQnOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogMCxcbiAgICAgIH0sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgbWluV2lkdGg6ICcxMDAlJyxcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBtb2RhbEJhY2tncm91bmRTdHlsZTogPFQ+KHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSBwcm9wcyA9PiAoe1xuICAuLi5vdmVybGF5QmFja2dyb3VuZFN0eWxlKHByb3BzKSxcbiAgYmFja2dyb3VuZDogJ3JnYmEoNTAsIDU0LCA1NywgMC40KScsXG59KTtcblxuY29uc3QgTWVudU1vZGFsQmFja2dyb3VuZCA9IChwcm9wczogT3ZlcmxheUJhY2tncm91bmRQcm9wcykgPT4gPGRpdiBjc3M9e21vZGFsQmFja2dyb3VuZFN0eWxlfSB7Li4ucHJvcHN9IC8+O1xuXG5pbnRlcmZhY2UgTWVudU1vZGFsUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxUPiB7XG4gIG9uQmFja2dyb3VuZENsaWNrPzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE1lbnVNb2RhbCA9ICh7XG4gIGNoaWxkcmVuID0gbnVsbCxcbiAgb25CYWNrZ3JvdW5kQ2xpY2sgPSBub29wLFxuICAuLi5wcm9wc1xufTogTWVudU1vZGFsUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxNZW51TW9kYWxXcmFwcGVyIHsuLi5wcm9wc30+XG4gICAgPE1lbnVNb2RhbEJvZHk+XG4gICAgICA8TWVudU1vZGFsQ29udGVudD57Y2hpbGRyZW59PC9NZW51TW9kYWxDb250ZW50PlxuICAgIDwvTWVudU1vZGFsQm9keT5cbiAgICA8TWVudU1vZGFsQmFja2dyb3VuZCBvbkNsaWNrPXtvbkJhY2tncm91bmRDbGlja30gZGF0YS11aWUtbmFtZT1cIm1lbnUtYmFja2dyb3VuZFwiIC8+XG4gIDwvTWVudU1vZGFsV3JhcHBlcj5cbik7XG5cbmV4cG9ydCB0eXBlIE1lbnVJdGVtUHJvcHM8VCA9IEhUTUxMSUVsZW1lbnQ+ID0gUmVhY3QuSFRNTFByb3BzPFQ+O1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSAoe2NoaWxkcmVuID0gbnVsbCwgLi4ucHJvcHN9OiBNZW51SXRlbVByb3BzICYgUmVhY3QuSFRNTFByb3BzPEhUTUxMSUVsZW1lbnQ+KSA9PiAoXG4gIDxsaVxuICAgIGNzcz17dGhlbWUgPT4gKHtcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwuY29sb3IsXG4gICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGhlaWdodDogJzU2cHgnLFxuICAgICAgbGlzdFN0eWxlVHlwZTogJ25vbmUnLFxuICAgICAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgICB9KX1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGk+XG4pO1xuIl19 */"))
+    }, process.env.NODE_ENV === "production" ? "" : ";label:MenuModalContent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VJIiwiZmlsZSI6Ik1lbnVNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eS8nO1xuaW1wb3J0IHtBTklNQVRJT04sIERVUkFUSU9OLCBFQVNFfSBmcm9tICcuLi9JZGVudGl0eS9tb3Rpb25zJztcbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge1F1ZXJ5S2V5cywgbWVkaWF9IGZyb20gJy4uL21lZGlhUXVlcmllcyc7XG5pbXBvcnQge092ZXJsYXlCYWNrZ3JvdW5kUHJvcHMsIE92ZXJsYXlXcmFwcGVyUHJvcHMsIG92ZXJsYXlCYWNrZ3JvdW5kU3R5bGV9IGZyb20gJy4uL01vZGFsL092ZXJsYXknO1xuaW1wb3J0IHtub29wfSBmcm9tICcuLi91dGlsJztcblxuY29uc3QgbWVudU1vZGFsV3JhcHBlclN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlXcmFwcGVyUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBhbGlnbkl0ZW1zOiAnZmxleC1lbmQnLFxuICBhbGlnblNlbGY6ICdmbGV4LWVuZCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxXcmFwcGVyID0gKHByb3BzOiBPdmVybGF5V3JhcHBlclByb3BzKSA9PiA8ZGl2IGNzcz17bWVudU1vZGFsV3JhcHBlclN0eWxlfSB7Li4ucHJvcHN9IC8+O1xuXG5jb25zdCBNZW51TW9kYWxCb2R5ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICBhbmltYXRpb246IGAke0FOSU1BVElPTi5ib3R0b21VcE1vdmVtZW50fSAke0RVUkFUSU9OLkRFRkFVTFR9bXMgJHtFQVNFLkVYUE9ORU5USUFMfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SLnRpbnQodGhlbWUuZ2VuZXJhbC5iYWNrZ3JvdW5kQ29sb3IsIDAuMTYpLFxuICAgICAgYm94U2hhZG93OiAnMCAxNnB4IDY0cHggMCByZ2JhKDAsIDAsIDAsIDAuMTYpJyxcbiAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgIG1hcmdpbkxlZnQ6ICdhdXRvJyxcbiAgICAgIG1hcmdpblJpZ2h0OiAnYXV0bycsXG4gICAgICBwYWRkaW5nOiAnOHB4IDE2cHgnLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB3aWR0aDogJzc2N3B4JyxcbiAgICAgIHpJbmRleDogOTk5OSxcbiAgICAgIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9KX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBNZW51TW9kYWxDb250ZW50ID0gKHByb3BzOiBSZWFjdC5IVE1MUHJvcHM8SFRNTFVMaXN0RWxlbWVudD4pID0+IChcbiAgPHVsXG4gICAgY3NzPXt7XG4gICAgICBsaToge1xuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgICAgIH0sXG4gICAgICAnbGk6bGFzdC1jaGlsZCc6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiAwLFxuICAgICAgfSxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgICBtaW5XaWR0aDogJzEwMCUnLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9fVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmNvbnN0IG1vZGFsQmFja2dyb3VuZFN0eWxlOiA8VD4ocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHM8VD4pID0+IENTU09iamVjdCA9IHByb3BzID0+ICh7XG4gIC4uLm92ZXJsYXlCYWNrZ3JvdW5kU3R5bGUocHJvcHMpLFxuICBiYWNrZ3JvdW5kOiAncmdiYSg1MCwgNTQsIDU3LCAwLjQpJyxcbn0pO1xuXG5jb25zdCBNZW51TW9kYWxCYWNrZ3JvdW5kID0gKHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzKSA9PiA8ZGl2IGNzcz17bW9kYWxCYWNrZ3JvdW5kU3R5bGV9IHsuLi5wcm9wc30gLz47XG5cbmludGVyZmFjZSBNZW51TW9kYWxQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgb25CYWNrZ3JvdW5kQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWVudU1vZGFsID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkJhY2tncm91bmRDbGljayA9IG5vb3AsXG4gIC4uLnByb3BzXG59OiBNZW51TW9kYWxQcm9wcyAmIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPE1lbnVNb2RhbFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICA8TWVudU1vZGFsQm9keT5cbiAgICAgIDxNZW51TW9kYWxDb250ZW50PntjaGlsZHJlbn08L01lbnVNb2RhbENvbnRlbnQ+XG4gICAgPC9NZW51TW9kYWxCb2R5PlxuICAgIDxNZW51TW9kYWxCYWNrZ3JvdW5kIG9uQ2xpY2s9e29uQmFja2dyb3VuZENsaWNrfSBkYXRhLXVpZS1uYW1lPVwibWVudS1iYWNrZ3JvdW5kXCIgLz5cbiAgPC9NZW51TW9kYWxXcmFwcGVyPlxuKTtcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW1Qcm9wczxUID0gSFRNTExJRWxlbWVudD4gPSBSZWFjdC5IVE1MUHJvcHM8VD47XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9ICh7Y2hpbGRyZW4gPSBudWxsLCAuLi5wcm9wc306IE1lbnVJdGVtUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTExJRWxlbWVudD4pID0+IChcbiAgPGxpXG4gICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICBjb2xvcjogdGhlbWUuZ2VuZXJhbC5jb2xvcixcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgaGVpZ2h0OiAnNTZweCcsXG4gICAgICBsaXN0U3R5bGVUeXBlOiAnbm9uZScsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgIH0pfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9saT5cbik7XG4iXX0= */")
   }, props));
 };
 
@@ -99,7 +97,7 @@ var modalBackgroundStyle = function modalBackgroundStyle(props) {
 };
 
 var MenuModalBackground = function MenuModalBackground(props) {
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: modalBackgroundStyle
   }, props));
 };
@@ -110,7 +108,7 @@ var MenuModal = function MenuModal(_ref2) {
       _ref2$onBackgroundCli = _ref2.onBackgroundClick,
       onBackgroundClick = _ref2$onBackgroundCli === void 0 ? _util.noop : _ref2$onBackgroundCli,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)(MenuModalWrapper, props, (0, _core.jsx)(MenuModalBody, null, (0, _core.jsx)(MenuModalContent, null, children)), (0, _core.jsx)(MenuModalBackground, {
+  return (0, _react.jsx)(MenuModalWrapper, props, (0, _react.jsx)(MenuModalBody, null, (0, _react.jsx)(MenuModalContent, null, children)), (0, _react.jsx)(MenuModalBackground, {
     onClick: onBackgroundClick,
     "data-uie-name": "menu-background"
   }));
@@ -122,7 +120,7 @@ var MenuItem = function MenuItem(_ref3) {
   var _ref3$children = _ref3.children,
       children = _ref3$children === void 0 ? null : _ref3$children,
       props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return (0, _core.jsx)("li", (0, _extends2["default"])({
+  return (0, _react.jsx)("li", (0, _extends2["default"])({
     css: function css(theme) {
       return {
         alignItems: 'center',

package/src/Menu/MenuModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuModal.tsx"],"names":["menuModalWrapperStyle","props","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={theme => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={theme => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"file":"MenuModal.js"}
+{"version":3,"sources":["MenuModal.tsx"],"names":["menuModalWrapperStyle","props","alignItems","alignSelf","display","overflowY","padding","MenuModalWrapper","MenuModalBody","theme","animation","ANIMATION","bottomUpMovement","DURATION","DEFAULT","EASE","EXPONENTIAL","backgroundColor","COLOR","tint","general","boxShadow","flexDirection","justifyContent","marginLeft","marginRight","position","width","zIndex","media","QueryKeys","TABLET_DOWN","MenuModalContent","li","borderBottom","GRAY_LIGHTEN_72","margin","maxWidth","minWidth","modalBackgroundStyle","background","MenuModalBackground","MenuModal","children","onBackgroundClick","noop","MenuItem","color","cursor","height","listStyleType"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/';\nimport {ANIMATION, DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {OverlayBackgroundProps, OverlayWrapperProps, overlayBackgroundStyle} from '../Modal/Overlay';\nimport {noop} from '../util';\n\nconst menuModalWrapperStyle: <T>(props: OverlayWrapperProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  alignItems: 'flex-end',\n  alignSelf: 'flex-end',\n  display: 'flex',\n  overflowY: 'hidden',\n  padding: 0,\n});\n\nconst MenuModalWrapper = (props: OverlayWrapperProps) => <div css={menuModalWrapperStyle} {...props} />;\n\nconst MenuModalBody = (props: React.HTMLProps<HTMLDivElement>) => (\n  <div\n    css={(theme: Theme) => ({\n      animation: `${ANIMATION.bottomUpMovement} ${DURATION.DEFAULT}ms ${EASE.EXPONENTIAL}`,\n      backgroundColor: COLOR.tint(theme.general.backgroundColor, 0.16),\n      boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      padding: '8px 16px',\n      position: 'relative',\n      width: '767px',\n      zIndex: 9999,\n      [media[QueryKeys.TABLET_DOWN]]: {\n        width: '100%',\n      },\n    })}\n    {...props}\n  />\n);\n\nconst MenuModalContent = (props: React.HTMLProps<HTMLUListElement>) => (\n  <ul\n    css={{\n      li: {\n        borderBottom: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n      },\n      'li:last-child': {\n        borderBottom: 0,\n      },\n      margin: 0,\n      maxWidth: '100%',\n      minWidth: '100%',\n      padding: 0,\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  background: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst MenuModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle} {...props} />;\n\ninterface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  onBackgroundClick?: () => void;\n}\n\nexport const MenuModal = ({\n  children = null,\n  onBackgroundClick = noop,\n  ...props\n}: MenuModalProps & React.HTMLProps<HTMLDivElement>) => (\n  <MenuModalWrapper {...props}>\n    <MenuModalBody>\n      <MenuModalContent>{children}</MenuModalContent>\n    </MenuModalBody>\n    <MenuModalBackground onClick={onBackgroundClick} data-uie-name=\"menu-background\" />\n  </MenuModalWrapper>\n);\n\nexport type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;\n\nexport const MenuItem = ({children = null, ...props}: MenuItemProps & React.HTMLProps<HTMLLIElement>) => (\n  <li\n    css={(theme: Theme) => ({\n      alignItems: 'center',\n      color: theme.general.color,\n      cursor: 'pointer',\n      display: 'flex',\n      height: '56px',\n      listStyleType: 'none',\n      maxWidth: '100%',\n    })}\n    {...props}\n  >\n    {children}\n  </li>\n);\n"],"file":"MenuModal.js"}

package/src/Menu/TabBar.d.ts

@@ -1,8 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { TextProps } from '../Text';
 export declare type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;
-export declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => JSX.Element;
+export declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => jsx.JSX.Element;
 export interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {
     active: boolean;
 }
-export declare const TabBarItem: ({ children, ...props }: TabBarItemProps) => JSX.Element;
+export declare const TabBarItem: ({ children, ...props }: TabBarItemProps) => jsx.JSX.Element;

package/src/Menu/TabBar.js

@@ -15,9 +15,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -49,7 +49,7 @@ var TabBar = function TabBar(_ref2) {
   var _ref2$children = _ref2.children,
       children = _ref2$children === void 0 ? null : _ref2$children,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     css: tabBarStyle(props)
   }, filteredTabBarProps(props)), children);
 };
@@ -94,7 +94,7 @@ var TabBarItem = function TabBarItem(_ref4) {
   var _ref4$children = _ref4.children,
       children = _ref4$children === void 0 ? null : _ref4$children,
       props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return (0, _core.jsx)("span", (0, _extends2["default"])({
+  return (0, _react.jsx)("span", (0, _extends2["default"])({
     css: function css(theme) {
       return tabBarItemStyle(theme, props);
     }

package/src/Menu/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAAAI,KAAK;AAAA,aAAID,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAnB;AAAA;AAAhB,KAAuDA,KAAvD,GACGE,QADH,CADwB;AAAA,CAAnB","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 {CSSObject, jsx} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={theme => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}
+{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAjC;AAAA;AAAX,KAAgEA,KAAhE,GACGE,QADH,CADwB;AAAA,CAAnB","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 {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}

package/src/Misc/IsInViewport.d.ts

@@ -1,7 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     checkViewportOnce?: boolean;
     disabled?: boolean;
     onEnterViewport?: () => void;
 }
-export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => JSX.Element;
+export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => jsx.JSX.Element;

package/src/Misc/IsInViewport.js

@@ -15,9 +15,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _excluded = ["onEnterViewport", "disabled", "checkViewportOnce"];
 
@@ -32,8 +32,8 @@ var IsInViewport = function IsInViewport(_ref) {
       _ref$checkViewportOnc = _ref.checkViewportOnce,
       checkViewportOnce = _ref$checkViewportOnc === void 0 ? false : _ref$checkViewportOnc,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var element = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  var element = (0, _react2.useRef)();
+  (0, _react2.useEffect)(function () {
     var observer = undefined;
 
     if (onEnterViewport && !disabled) {
@@ -60,7 +60,7 @@ var IsInViewport = function IsInViewport(_ref) {
       }
     };
   }, [onEnterViewport]);
-  return (0, _core.jsx)("div", (0, _extends2["default"])({
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
     ref: element
   }, props));
 };

package/src/Misc/IsInViewport.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IsInViewport.tsx"],"names":["IsInViewport","onEnterViewport","disabled","checkViewportOnce","props","element","observer","undefined","IntersectionObserver","isIntersecting","disconnect","observe","current"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;;;;;;;AAQO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,eAIuB,QAJvBA,eAIuB;AAAA,2BAHvBC,QAGuB;AAAA,MAHvBA,QAGuB,8BAHZ,KAGY;AAAA,mCAFvBC,iBAEuB;AAAA,MAFvBA,iBAEuB,sCAFH,KAEG;AAAA,MADpBC,KACoB;AACvB,MAAMC,OAAO,GAAG,oBAAhB;AACA,wBAAU,YAAM;AACd,QAAIC,QAAQ,GAAGC,SAAf;;AACA,QAAIN,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCI,MAAAA,QAAQ,GAAG,IAAIE,oBAAJ,CAAyB,iBAAwB;AAAA;AAAA,YAArBC,cAAqB,YAArBA,cAAqB;;AAC1D,YAAIA,cAAJ,EAAoB;AAClB,cAAIN,iBAAJ,EAAuB;AACrBG,YAAAA,QAAQ,CAACI,UAAT;AACD;;AACD,cAAIT,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCD,YAAAA,eAAe;AAChB;AACF;AACF,OATU,CAAX;AAUAK,MAAAA,QAAQ,CAACK,OAAT,CAAiBN,OAAO,CAACO,OAAzB;AACD;;AAED,WAAO,YAAM;AACX,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACI,UAAT;AACD;AACF,KAJD;AAKD,GArBD,EAqBG,CAACT,eAAD,CArBH;AAsBA,SAAO;AAAK,IAAA,GAAG,EAAEI;AAAV,KAAuBD,KAAvB,EAAP;AACD,CA9BM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\nimport React, {useEffect, useRef} from 'react';\n\nexport interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  checkViewportOnce?: boolean;\n  disabled?: boolean;\n  onEnterViewport?: () => void;\n}\n\nexport const IsInViewport = ({\n  onEnterViewport,\n  disabled = false,\n  checkViewportOnce = false,\n  ...props\n}: IsInViewportProps) => {\n  const element = useRef<HTMLDivElement>();\n  useEffect(() => {\n    let observer = undefined;\n    if (onEnterViewport && !disabled) {\n      observer = new IntersectionObserver(([{isIntersecting}]) => {\n        if (isIntersecting) {\n          if (checkViewportOnce) {\n            observer.disconnect();\n          }\n          if (onEnterViewport && !disabled) {\n            onEnterViewport();\n          }\n        }\n      });\n      observer.observe(element.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [onEnterViewport]);\n  return <div ref={element} {...props} />;\n};\n"],"file":"IsInViewport.js"}
+{"version":3,"sources":["IsInViewport.tsx"],"names":["IsInViewport","onEnterViewport","disabled","checkViewportOnce","props","element","observer","undefined","IntersectionObserver","isIntersecting","disconnect","observe","current"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;;;;;;;AAQO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAKH;AAAA,MAJvBC,eAIuB,QAJvBA,eAIuB;AAAA,2BAHvBC,QAGuB;AAAA,MAHvBA,QAGuB,8BAHZ,KAGY;AAAA,mCAFvBC,iBAEuB;AAAA,MAFvBA,iBAEuB,sCAFH,KAEG;AAAA,MADpBC,KACoB;AACvB,MAAMC,OAAO,GAAG,qBAAhB;AACA,yBAAU,YAAM;AACd,QAAIC,QAAQ,GAAGC,SAAf;;AACA,QAAIN,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCI,MAAAA,QAAQ,GAAG,IAAIE,oBAAJ,CAAyB,iBAAwB;AAAA;AAAA,YAArBC,cAAqB,YAArBA,cAAqB;;AAC1D,YAAIA,cAAJ,EAAoB;AAClB,cAAIN,iBAAJ,EAAuB;AACrBG,YAAAA,QAAQ,CAACI,UAAT;AACD;;AACD,cAAIT,eAAe,IAAI,CAACC,QAAxB,EAAkC;AAChCD,YAAAA,eAAe;AAChB;AACF;AACF,OATU,CAAX;AAUAK,MAAAA,QAAQ,CAACK,OAAT,CAAiBN,OAAO,CAACO,OAAzB;AACD;;AAED,WAAO,YAAM;AACX,UAAIN,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACI,UAAT;AACD;AACF,KAJD;AAKD,GArBD,EAqBG,CAACT,eAAD,CArBH;AAsBA,SAAO;AAAK,IAAA,GAAG,EAAEI;AAAV,KAAuBD,KAAvB,EAAP;AACD,CA9BM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useRef} from 'react';\n\nexport interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  checkViewportOnce?: boolean;\n  disabled?: boolean;\n  onEnterViewport?: () => void;\n}\n\nexport const IsInViewport = ({\n  onEnterViewport,\n  disabled = false,\n  checkViewportOnce = false,\n  ...props\n}: IsInViewportProps) => {\n  const element = useRef<HTMLDivElement>();\n  useEffect(() => {\n    let observer = undefined;\n    if (onEnterViewport && !disabled) {\n      observer = new IntersectionObserver(([{isIntersecting}]) => {\n        if (isIntersecting) {\n          if (checkViewportOnce) {\n            observer.disconnect();\n          }\n          if (onEnterViewport && !disabled) {\n            onEnterViewport();\n          }\n        }\n      });\n      observer.observe(element.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [onEnterViewport]);\n  return <div ref={element} {...props} />;\n};\n"],"file":"IsInViewport.js"}

package/src/Misc/Loading.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {
     color?: string;
@@ -5,7 +7,7 @@ export interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {
     size?: number;
 }
 export declare const Loading: {
-    ({ progress, size, color, ...props }: LoadingProps): JSX.Element;
+    ({ progress, size, color, ...props }: LoadingProps): jsx.JSX.Element;
     defaultProps: {
         progress: any;
         size: number;

package/src/Misc/Loading.js

@@ -13,9 +13,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-var _react = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Identity = require("../Identity");
 
@@ -36,19 +36,19 @@ var Loading = function Loading(_ref) {
   var pathLength = 125.68;
   var rotationOffset = -0.75;
   var rotationDelay = _motions.DURATION.EXTRA_LONG * rotationOffset;
-  var fillAnimation = (0, _core.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      stroke-dashoffset: ", ";\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  "])), pathLength + pathLength);
-  return (0, _core.jsx)("svg", (0, _extends2["default"])({
+  var fillAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    0% {\n      stroke-dashoffset: ", ";\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  "])), pathLength + pathLength);
+  return (0, _react.jsx)("svg", (0, _extends2["default"])({
     width: size,
     height: size,
     viewBox: "0 0 43 43",
     strokeWidth: "3",
     fill: "none"
-  }, props), (0, _core.jsx)("circle", {
+  }, props), (0, _react.jsx)("circle", {
     cx: "21.5",
     cy: "21.5",
     r: "20",
     stroke: _Identity.COLOR.opaque(color, 0.08)
-  }), (0, _core.jsx)("circle", {
+  }), (0, _react.jsx)("circle", {
     css: !progress && {
       animation: "".concat(fillAnimation, " ").concat(_motions.DURATION.EXTRA_LONG, "ms ease-in-out infinite,\n              ").concat(_motions.ANIMATION.rotate, " ").concat(_motions.DURATION.EXTRA_LONG, "ms linear ").concat(rotationDelay, "ms infinite"),
       strokeDasharray: pathLength,

package/src/Misc/Loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Loading.tsx"],"names":["Loading","progress","undefined","size","color","props","pathLength","rotationOffset","rotationDelay","DURATION","EXTRA_LONG","fillAnimation","keyframes","COLOR","opaque","animation","ANIMATION","rotate","strokeDasharray","transformOrigin","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAkF;AAAA,2BAAhFC,QAAgF;AAAA,MAAhFA,QAAgF,8BAArEC,SAAqE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,SAAuC;AAAA,MAAzBC,KAAyB;AACvG,MAAMC,UAAU,GAAG,MAAnB;AACA,MAAMC,cAAc,GAAG,CAAC,IAAxB;AACA,MAAMC,aAAa,GAAGC,kBAASC,UAAT,GAAsBH,cAA5C;AACA,MAAMI,aAAa,OAAGC,eAAH,6LAEMN,UAAU,GAAGA,UAFnB,CAAnB;AASA,SACE;AAAK,IAAA,KAAK,EAAEH,IAAZ;AAAkB,IAAA,MAAM,EAAEA,IAA1B;AAAgC,IAAA,OAAO,EAAC,WAAxC;AAAoD,IAAA,WAAW,EAAC,GAAhE;AAAoE,IAAA,IAAI,EAAC;AAAzE,KAAoFE,KAApF,GACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,MAAM,EAAEQ,gBAAMC,MAAN,CAAaV,KAAb,EAAoB,IAApB;AAA3C,IADF,EAEE;AACE,IAAA,GAAG,EACD,CAACH,QAAD,IAAa;AACXc,MAAAA,SAAS,YAAKJ,aAAL,cAAsBF,kBAASC,UAA/B,qDACLM,mBAAUC,MADL,cACeR,kBAASC,UADxB,uBAC+CF,aAD/C,gBADE;AAGXU,MAAAA,eAAe,EAAEZ,UAHN;AAIXa,MAAAA,eAAe,EAAE;AAJN,KAFjB;AASE,IAAA,EAAE,EAAC,MATL;AAUE,IAAA,EAAE,EAAC,MAVL;AAWE,IAAA,CAAC,EAAC,IAXJ;AAYE,IAAA,MAAM,EAAEf,KAZV;AAaE,IAAA,aAAa,EAAC,OAbhB;AAcE,IAAA,eAAe,EAAEE,UAdnB;AAeE,IAAA,gBAAgB,EAAEL,QAAQ,cAAOK,UAAU,GAAGA,UAAU,GAAGL,QAAjC;AAf5B,IAFF,CADF;AAsBD,CAnCM;;;AAqCPD,OAAO,CAACoB,YAAR,GAAuB;AACrBnB,EAAAA,QAAQ,EAAEC,SADW;AAErBC,EAAAA,IAAI,EAAE;AAFe,CAAvB","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, keyframes} from '@emotion/core';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {ANIMATION, DURATION} from '../Identity/motions';\n\nexport interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {\n  color?: string;\n  progress?: number;\n  size?: number;\n}\n\nexport const Loading = ({progress = undefined, size = 43, color = '#218fd1', ...props}: LoadingProps) => {\n  const pathLength = 125.68;\n  const rotationOffset = -0.75;\n  const rotationDelay = DURATION.EXTRA_LONG * rotationOffset;\n  const fillAnimation = keyframes`\n    0% {\n      stroke-dashoffset: ${pathLength + pathLength};\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  `;\n\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 43 43\" strokeWidth=\"3\" fill=\"none\" {...props}>\n      <circle cx=\"21.5\" cy=\"21.5\" r=\"20\" stroke={COLOR.opaque(color, 0.08)} />\n      <circle\n        css={\n          !progress && {\n            animation: `${fillAnimation} ${DURATION.EXTRA_LONG}ms ease-in-out infinite,\n              ${ANIMATION.rotate} ${DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,\n            strokeDasharray: pathLength,\n            transformOrigin: '50% 50%',\n          }\n        }\n        cx=\"21.5\"\n        cy=\"21.5\"\n        r=\"20\"\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeDasharray={pathLength}\n        strokeDashoffset={progress && `${pathLength - pathLength * progress}`}\n      />\n    </svg>\n  );\n};\n\nLoading.defaultProps = {\n  progress: undefined,\n  size: 43,\n};\n"],"file":"Loading.js"}
+{"version":3,"sources":["Loading.tsx"],"names":["Loading","progress","undefined","size","color","props","pathLength","rotationOffset","rotationDelay","DURATION","EXTRA_LONG","fillAnimation","keyframes","COLOR","opaque","animation","ANIMATION","rotate","strokeDasharray","transformOrigin","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAkF;AAAA,2BAAhFC,QAAgF;AAAA,MAAhFA,QAAgF,8BAArEC,SAAqE;AAAA,uBAA1DC,IAA0D;AAAA,MAA1DA,IAA0D,0BAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,SAAuC;AAAA,MAAzBC,KAAyB;AACvG,MAAMC,UAAU,GAAG,MAAnB;AACA,MAAMC,cAAc,GAAG,CAAC,IAAxB;AACA,MAAMC,aAAa,GAAGC,kBAASC,UAAT,GAAsBH,cAA5C;AACA,MAAMI,aAAa,OAAGC,gBAAH,6LAEMN,UAAU,GAAGA,UAFnB,CAAnB;AASA,SACE;AAAK,IAAA,KAAK,EAAEH,IAAZ;AAAkB,IAAA,MAAM,EAAEA,IAA1B;AAAgC,IAAA,OAAO,EAAC,WAAxC;AAAoD,IAAA,WAAW,EAAC,GAAhE;AAAoE,IAAA,IAAI,EAAC;AAAzE,KAAoFE,KAApF,GACE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,MAAM,EAAEQ,gBAAMC,MAAN,CAAaV,KAAb,EAAoB,IAApB;AAA3C,IADF,EAEE;AACE,IAAA,GAAG,EACD,CAACH,QAAD,IAAa;AACXc,MAAAA,SAAS,YAAKJ,aAAL,cAAsBF,kBAASC,UAA/B,qDACLM,mBAAUC,MADL,cACeR,kBAASC,UADxB,uBAC+CF,aAD/C,gBADE;AAGXU,MAAAA,eAAe,EAAEZ,UAHN;AAIXa,MAAAA,eAAe,EAAE;AAJN,KAFjB;AASE,IAAA,EAAE,EAAC,MATL;AAUE,IAAA,EAAE,EAAC,MAVL;AAWE,IAAA,CAAC,EAAC,IAXJ;AAYE,IAAA,MAAM,EAAEf,KAZV;AAaE,IAAA,aAAa,EAAC,OAbhB;AAcE,IAAA,eAAe,EAAEE,UAdnB;AAeE,IAAA,gBAAgB,EAAEL,QAAQ,cAAOK,UAAU,GAAGA,UAAU,GAAGL,QAAjC;AAf5B,IAFF,CADF;AAsBD,CAnCM;;;AAqCPD,OAAO,CAACoB,YAAR,GAAuB;AACrBnB,EAAAA,QAAQ,EAAEC,SADW;AAErBC,EAAAA,IAAI,EAAE;AAFe,CAAvB","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, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {ANIMATION, DURATION} from '../Identity/motions';\n\nexport interface LoadingProps<T = SVGSVGElement> extends React.SVGProps<T> {\n  color?: string;\n  progress?: number;\n  size?: number;\n}\n\nexport const Loading = ({progress = undefined, size = 43, color = '#218fd1', ...props}: LoadingProps) => {\n  const pathLength = 125.68;\n  const rotationOffset = -0.75;\n  const rotationDelay = DURATION.EXTRA_LONG * rotationOffset;\n  const fillAnimation = keyframes`\n    0% {\n      stroke-dashoffset: ${pathLength + pathLength};\n    }\n    100% {\n      stroke-dashoffset: 0;\n    }\n  `;\n\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 43 43\" strokeWidth=\"3\" fill=\"none\" {...props}>\n      <circle cx=\"21.5\" cy=\"21.5\" r=\"20\" stroke={COLOR.opaque(color, 0.08)} />\n      <circle\n        css={\n          !progress && {\n            animation: `${fillAnimation} ${DURATION.EXTRA_LONG}ms ease-in-out infinite,\n              ${ANIMATION.rotate} ${DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,\n            strokeDasharray: pathLength,\n            transformOrigin: '50% 50%',\n          }\n        }\n        cx=\"21.5\"\n        cy=\"21.5\"\n        r=\"20\"\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeDasharray={pathLength}\n        strokeDashoffset={progress && `${pathLength - pathLength * progress}`}\n      />\n    </svg>\n  );\n};\n\nLoading.defaultProps = {\n  progress: undefined,\n  size: 43,\n};\n"],"file":"Loading.js"}

package/src/Misc/Pagination.d.ts

@@ -6,5 +6,5 @@ interface PaginationProps<T = HTMLDivElement> extends React.PropsWithRef<React.H
     numberOfPages?: number;
     previousPageComponent?: any;
 }
-export declare const Pagination: React.SFC<PaginationProps>;
+export declare const Pagination: React.FC<PaginationProps>;
 export {};