@wireapp/react-ui-kit 7.55.2 → 8.1.0

package/src/Icon/TeamIcon.js

@@ -9,7 +9,7 @@ exports.TeamIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -34,10 +34,10 @@ var _SVGIcon = require("./SVGIcon");
 
 /** @jsx jsx */
 var TeamIcon = function TeamIcon(props) {
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 28,
     realHeight: 31
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M4.32 9.65V21.2l9.82 5.82 9.82-5.8V9.64l-9.82-5.82-9.82 5.82zM12.54.4c.9-.53 2.33-.53 3.2 0l10.3 6.1c.9.5 1.6 1.8 1.6 2.83v12.2c0 1.04-.72 2.32-1.6 2.84l-10.3 6.1c-.88.52-2.32.5-3.2 0l-10.3-6.1c-.88-.52-1.6-1.8-1.6-2.85V9.32c0-1.04.73-2.3 1.6-2.83L12.54.4z"
   }));
 };

package/src/Icon/TeamIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeamIcon.tsx"],"names":["TeamIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AAAA,SACtB,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADsB;AAAA,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TeamIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={28} realHeight={31} {...props}>\n    <path d=\"M4.32 9.65V21.2l9.82 5.82 9.82-5.8V9.64l-9.82-5.82-9.82 5.82zM12.54.4c.9-.53 2.33-.53 3.2 0l10.3 6.1c.9.5 1.6 1.8 1.6 2.83v12.2c0 1.04-.72 2.32-1.6 2.84l-10.3 6.1c-.88.52-2.32.5-3.2 0l-10.3-6.1c-.88-.52-1.6-1.8-1.6-2.85V9.32c0-1.04.73-2.3 1.6-2.83L12.54.4z\" />\n  </SVGIcon>\n);\n"],"file":"TeamIcon.js"}
+{"version":3,"sources":["TeamIcon.tsx"],"names":["TeamIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AAAA,SACtB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADsB;AAAA,CAAjB","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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TeamIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={28} realHeight={31} {...props}>\n    <path d=\"M4.32 9.65V21.2l9.82 5.82 9.82-5.8V9.64l-9.82-5.82-9.82 5.82zM12.54.4c.9-.53 2.33-.53 3.2 0l10.3 6.1c.9.5 1.6 1.8 1.6 2.83v12.2c0 1.04-.72 2.32-1.6 2.84l-10.3 6.1c-.88.52-2.32.5-3.2 0l-10.3-6.1c-.88-.52-1.6-1.8-1.6-2.85V9.32c0-1.04.73-2.3 1.6-2.83L12.54.4z\" />\n  </SVGIcon>\n);\n"],"file":"TeamIcon.js"}

package/src/Icon/TimedIcon.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { SVGIconProps } from './SVGIcon';
-export declare const TimedIcon: (props: SVGIconProps) => JSX.Element;
+export declare const TimedIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/TimedIcon.js

@@ -9,7 +9,7 @@ exports.TimedIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -34,10 +34,10 @@ var _SVGIcon = require("./SVGIcon");
 
 /** @jsx jsx */
 var TimedIcon = function TimedIcon(props) {
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 15,
     realHeight: 16
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M7.44 2v1.08a6.48 6.48 0 0 1 5.45 6.42c0 3.59-2.89 6.5-6.45 6.5A6.47 6.47 0 0 1 0 9.5a6.48 6.48 0 0 1 5.45-6.42V2h-.5a1 1 0 0 1-.98-1 1 1 0 0 1 .99-1h2.97a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-.5zm-1 12a4.48 4.48 0 0 0 4.47-4.5c0-2.49-2-4.5-4.47-4.5a4.48 4.48 0 0 0-4.46 4.5c0 2.49 2 4.5 4.46 4.5zm0-1a3.49 3.49 0 0 1-3.47-3.5C2.97 7.57 4.53 6 6.44 6v3.5l2.47 2.47A3.44 3.44 0 0 1 6.44 13zm6.57-10.3l.7.71a1 1 0 0 1 0 1.42.99.99 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.42.99.99 0 0 1 1.4 0z"
   }));
 };

package/src/Icon/TimedIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TimedIcon.tsx"],"names":["TimedIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SACvB,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TimedIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={15} realHeight={16} {...props}>\n    <path d=\"M7.44 2v1.08a6.48 6.48 0 0 1 5.45 6.42c0 3.59-2.89 6.5-6.45 6.5A6.47 6.47 0 0 1 0 9.5a6.48 6.48 0 0 1 5.45-6.42V2h-.5a1 1 0 0 1-.98-1 1 1 0 0 1 .99-1h2.97a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-.5zm-1 12a4.48 4.48 0 0 0 4.47-4.5c0-2.49-2-4.5-4.47-4.5a4.48 4.48 0 0 0-4.46 4.5c0 2.49 2 4.5 4.46 4.5zm0-1a3.49 3.49 0 0 1-3.47-3.5C2.97 7.57 4.53 6 6.44 6v3.5l2.47 2.47A3.44 3.44 0 0 1 6.44 13zm6.57-10.3l.7.71a1 1 0 0 1 0 1.42.99.99 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.42.99.99 0 0 1 1.4 0z\" />\n  </SVGIcon>\n);\n"],"file":"TimedIcon.js"}
+{"version":3,"sources":["TimedIcon.tsx"],"names":["TimedIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SACvB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TimedIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={15} realHeight={16} {...props}>\n    <path d=\"M7.44 2v1.08a6.48 6.48 0 0 1 5.45 6.42c0 3.59-2.89 6.5-6.45 6.5A6.47 6.47 0 0 1 0 9.5a6.48 6.48 0 0 1 5.45-6.42V2h-.5a1 1 0 0 1-.98-1 1 1 0 0 1 .99-1h2.97a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-.5zm-1 12a4.48 4.48 0 0 0 4.47-4.5c0-2.49-2-4.5-4.47-4.5a4.48 4.48 0 0 0-4.46 4.5c0 2.49 2 4.5 4.46 4.5zm0-1a3.49 3.49 0 0 1-3.47-3.5C2.97 7.57 4.53 6 6.44 6v3.5l2.47 2.47A3.44 3.44 0 0 1 6.44 13zm6.57-10.3l.7.71a1 1 0 0 1 0 1.42.99.99 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.42.99.99 0 0 1 1.4 0z\" />\n  </SVGIcon>\n);\n"],"file":"TimedIcon.js"}

package/src/Icon/TrashCrossIcon.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { SVGIconProps } from './SVGIcon';
-export declare const TrashCrossIcon: (props: SVGIconProps) => JSX.Element;
+export declare const TrashCrossIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/TrashCrossIcon.js

@@ -9,7 +9,7 @@ exports.TrashCrossIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -34,10 +34,10 @@ var _SVGIcon = require("./SVGIcon");
 
 /** @jsx jsx */
 var TrashCrossIcon = function TrashCrossIcon(props) {
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 20,
     realHeight: 18
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z"
   }));
 };

package/src/Icon/TrashCrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TrashCrossIcon.tsx"],"names":["TrashCrossIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD;AAAA,SAC5B,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD4B;AAAA,CAAvB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2020 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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TrashCrossIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={20} realHeight={18} {...props}>\n    <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z\" />\n  </SVGIcon>\n);\n"],"file":"TrashCrossIcon.js"}
+{"version":3,"sources":["TrashCrossIcon.tsx"],"names":["TrashCrossIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD;AAAA,SAC5B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAD4B;AAAA,CAAvB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2020 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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TrashCrossIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={20} realHeight={18} {...props}>\n    <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z\" />\n  </SVGIcon>\n);\n"],"file":"TrashCrossIcon.js"}

package/src/Icon/TrashIcon.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { SVGIconProps } from './SVGIcon';
-export declare const TrashIcon: (props: SVGIconProps) => JSX.Element;
+export declare const TrashIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/TrashIcon.js

@@ -9,7 +9,7 @@ exports.TrashIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -34,10 +34,10 @@ var _SVGIcon = require("./SVGIcon");
 
 /** @jsx jsx */
 var TrashIcon = function TrashIcon(props) {
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 14,
     realHeight: 16
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M5 2H1a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H9a2 2 0 1 0-4 0zM1 6h12l-.8 8c-.11 1.1-1.09 2-2.2 2H4c-1.1 0-2.09-.89-2.2-2L1 6z"
   }));
 };

package/src/Icon/TrashIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TrashIcon.tsx"],"names":["TrashIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SACvB,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TrashIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={14} realHeight={16} {...props}>\n    <path d=\"M5 2H1a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H9a2 2 0 1 0-4 0zM1 6h12l-.8 8c-.11 1.1-1.09 2-2.2 2H4c-1.1 0-2.09-.89-2.2-2L1 6z\" />\n  </SVGIcon>\n);\n"],"file":"TrashIcon.js"}
+{"version":3,"sources":["TrashIcon.tsx"],"names":["TrashIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SACvB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const TrashIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={14} realHeight={16} {...props}>\n    <path d=\"M5 2H1a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H9a2 2 0 1 0-4 0zM1 6h12l-.8 8c-.11 1.1-1.09 2-2.2 2H4c-1.1 0-2.09-.89-2.2-2L1 6z\" />\n  </SVGIcon>\n);\n"],"file":"TrashIcon.js"}

package/src/Icon/TriangleIcon.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { Rotation } from './ArrowIcon';
 import { SVGIconProps } from './SVGIcon';
 export interface Props extends SVGIconProps {
     direction?: keyof Rotation;
 }
-export declare const TriangleIcon: ({ direction, ...props }: Props) => JSX.Element;
+export declare const TriangleIcon: ({ direction, ...props }: Props) => jsx.JSX.Element;

package/src/Icon/TriangleIcon.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -27,10 +27,10 @@ var TriangleIcon = function TriangleIcon(_ref) {
   var _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'down' : _ref$direction,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 8,
     realHeight: 8
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     transform: "rotate(".concat(rotation[direction], " 4 4)"),
     fillRule: "evenodd",
     d: "M0 2h8L4 7"

package/src/Icon/TriangleIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TriangleIcon.tsx"],"names":["rotation","down","left","up","right","TriangleIcon","direction","props"],"mappings":";;;;;;;;;;;;;AAoBA;;AAGA;;;AAMA,IAAMA,QAAkB,GAAG;AACzBC,EAAAA,IAAI,EAAE,CADmB;AAEzBC,EAAAA,IAAI,EAAE,EAFmB;AAGzBC,EAAAA,EAAE,EAAE,GAHqB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAOO,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,4BAAEC,SAAF;AAAA,MAAEA,SAAF,+BAAc,MAAd;AAAA,MAAyBC,KAAzB;AAAA,SAC1B,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,CAApB;AAAuB,IAAA,UAAU,EAAE;AAAnC,KAA0CA,KAA1C,GACE;AAAM,IAAA,SAAS,mBAAYP,QAAQ,CAACM,SAAD,CAApB,UAAf;AAAuD,IAAA,QAAQ,EAAC,SAAhE;AAA0E,IAAA,CAAC,EAAC;AAA5E,IADF,CAD0B;AAAA,CAArB","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';\n\nimport type {Rotation} from './ArrowIcon';\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport interface Props extends SVGIconProps {\n  direction?: keyof Rotation;\n}\n\nconst rotation: Rotation = {\n  down: 0,\n  left: 90,\n  up: 180,\n  right: 270,\n};\n\nexport const TriangleIcon = ({direction = 'down', ...props}: Props) => (\n  <SVGIcon realWidth={8} realHeight={8} {...props}>\n    <path transform={`rotate(${rotation[direction]} 4 4)`} fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </SVGIcon>\n);\n"],"file":"TriangleIcon.js"}
+{"version":3,"sources":["TriangleIcon.tsx"],"names":["rotation","down","left","up","right","TriangleIcon","direction","props"],"mappings":";;;;;;;;;;;;;AAoBA;;AAGA;;;AAMA,IAAMA,QAAkB,GAAG;AACzBC,EAAAA,IAAI,EAAE,CADmB;AAEzBC,EAAAA,IAAI,EAAE,EAFmB;AAGzBC,EAAAA,EAAE,EAAE,GAHqB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAOO,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,4BAAEC,SAAF;AAAA,MAAEA,SAAF,+BAAc,MAAd;AAAA,MAAyBC,KAAzB;AAAA,SAC1B,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,CAApB;AAAuB,IAAA,UAAU,EAAE;AAAnC,KAA0CA,KAA1C,GACE;AAAM,IAAA,SAAS,mBAAYP,QAAQ,CAACM,SAAD,CAApB,UAAf;AAAuD,IAAA,QAAQ,EAAC,SAAhE;AAA0E,IAAA,CAAC,EAAC;AAA5E,IADF,CAD0B;AAAA,CAArB","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';\n\nimport type {Rotation} from './ArrowIcon';\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport interface Props extends SVGIconProps {\n  direction?: keyof Rotation;\n}\n\nconst rotation: Rotation = {\n  down: 0,\n  left: 90,\n  up: 180,\n  right: 270,\n};\n\nexport const TriangleIcon = ({direction = 'down', ...props}: Props) => (\n  <SVGIcon realWidth={8} realHeight={8} {...props}>\n    <path transform={`rotate(${rotation[direction]} 4 4)`} fillRule=\"evenodd\" d=\"M0 2h8L4 7\" />\n  </SVGIcon>\n);\n"],"file":"TriangleIcon.js"}

package/src/Icon/WireIcon.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { SVGIconProps } from './SVGIcon';
-export declare const WireIcon: (props: SVGIconProps) => JSX.Element;
+export declare const WireIcon: (props: SVGIconProps) => jsx.JSX.Element;

package/src/Icon/WireIcon.js

@@ -9,7 +9,7 @@ exports.WireIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _SVGIcon = require("./SVGIcon");
 
@@ -34,10 +34,10 @@ var _SVGIcon = require("./SVGIcon");
 
 /** @jsx jsx */
 var WireIcon = function WireIcon(props) {
-  return (0, _core.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
     realWidth: 16,
     realHeight: 14
-  }, props), (0, _core.jsx)("path", {
+  }, props), (0, _react.jsx)("path", {
     d: "M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z"
   }));
 };

package/src/Icon/WireIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["WireIcon.tsx"],"names":["WireIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AAAA,SACtB,eAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADsB;AAAA,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/core';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const WireIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={14} {...props}>\n    <path d=\"M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z\" />\n  </SVGIcon>\n);\n"],"file":"WireIcon.js"}
+{"version":3,"sources":["WireIcon.tsx"],"names":["WireIcon","props"],"mappings":";;;;;;;;;;;AAoBA;;AAEA;;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AAAA,SACtB,gBAAC,gBAAD;AAAS,IAAA,SAAS,EAAE,EAApB;AAAwB,IAAA,UAAU,EAAE;AAApC,KAA4CA,KAA5C,GACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CADsB;AAAA,CAAjB","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';\n\nimport {SVGIcon, SVGIconProps} from './SVGIcon';\n\nexport const WireIcon = (props: SVGIconProps) => (\n  <SVGIcon realWidth={16} realHeight={14} {...props}>\n    <path d=\"M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z\" />\n  </SVGIcon>\n);\n"],"file":"WireIcon.js"}

package/src/Identity/Animation.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type TransitionProps = Partial<any> & {
     children: React.ReactNode;
-    component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    component?: string | React.ComponentType<any>;
 };
 declare type OpacityProps = TransitionProps & {
     endValue?: number;
@@ -13,7 +13,7 @@ declare type MovementProps = TransitionProps & {
 };
 declare type TransitionContainerProps = React.HTMLProps<any> & {
     appear?: boolean;
-    component?: keyof JSX.IntrinsicElements;
+    component?: string;
     enter?: boolean;
     exit?: boolean;
 };

package/src/Identity/Animation.js

@@ -11,9 +11,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 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 _motions = require("./motions");
 
@@ -46,7 +46,7 @@ var _require = require('react-transition-group'),
     TransitionGroup = _require.TransitionGroup;
 
 var TransitionContainer = function TransitionContainer(props) {
-  return /*#__PURE__*/_react["default"].createElement(TransitionGroup, props);
+  return /*#__PURE__*/_react2["default"].createElement(TransitionGroup, props);
 };
 
 exports.TransitionContainer = TransitionContainer;
@@ -58,12 +58,12 @@ var Transition = function Transition(_ref) {
       component = _ref$component === void 0 ? 'div' : _ref$component,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_core.ClassNames, null, function (_ref2) {
+  return /*#__PURE__*/_react2["default"].createElement(_react.ClassNames, null, function (_ref2) {
     var css = _ref2.css;
-    return /*#__PURE__*/_react["default"].createElement(CSSTransition, (0, _extends2["default"])({
+    return /*#__PURE__*/_react2["default"].createElement(CSSTransition, (0, _extends2["default"])({
       timeout: timeout,
       classNames: css(animationStyle)
-    }, props), component ? /*#__PURE__*/_react["default"].createElement(component, {}, children) : children);
+    }, props), component ? /*#__PURE__*/_react2["default"].createElement(component, {}, children) : children);
   });
 };
 
@@ -77,7 +77,7 @@ var Opacity = function Opacity(_ref3) {
       _ref3$timeout = _ref3.timeout,
       timeout = _ref3$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref3$timeout,
       props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(Transition, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
         opacity: startValue
@@ -112,7 +112,7 @@ var YAxisMovement = function YAxisMovement(_ref4) {
       _ref4$timeout = _ref4.timeout,
       timeout = _ref4$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref4$timeout,
       props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement(Transition, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
         transform: "translateY(".concat(startValue, ")")
@@ -147,7 +147,7 @@ var XAxisMovement = function XAxisMovement(_ref5) {
       _ref5$timeout = _ref5.timeout,
       timeout = _ref5$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref5$timeout,
       props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
-  return /*#__PURE__*/_react["default"].createElement(Transition, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
         transform: "translateX(".concat(startValue, ")")
@@ -182,7 +182,7 @@ var Slide = function Slide(_ref6) {
       _ref6$timeout = _ref6.timeout,
       timeout = _ref6$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref6$timeout,
       props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
-  return /*#__PURE__*/_react["default"].createElement(Transition, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
         marginTop: startValue
@@ -210,7 +210,7 @@ var Slide = function Slide(_ref6) {
 exports.Slide = Slide;
 
 var LeftRightMovement = function LeftRightMovement(props) {
-  return /*#__PURE__*/_react["default"].createElement(XAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
     startValue: "-100vh",
     endValue: "0vh"
   }, props));
@@ -219,7 +219,7 @@ var LeftRightMovement = function LeftRightMovement(props) {
 exports.LeftRightMovement = LeftRightMovement;
 
 var RightLeftMovement = function RightLeftMovement(props) {
-  return /*#__PURE__*/_react["default"].createElement(XAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
     startValue: "100vh",
     endValue: "0vh"
   }, props));
@@ -228,7 +228,7 @@ var RightLeftMovement = function RightLeftMovement(props) {
 exports.RightLeftMovement = RightLeftMovement;
 
 var TopDownMovement = function TopDownMovement(props) {
-  return /*#__PURE__*/_react["default"].createElement(YAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
     startValue: "-100%",
     endValue: "0%"
   }, props));
@@ -237,7 +237,7 @@ var TopDownMovement = function TopDownMovement(props) {
 exports.TopDownMovement = TopDownMovement;
 
 var BottomUpMovement = function BottomUpMovement(props) {
-  return /*#__PURE__*/_react["default"].createElement(YAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
     startValue: "100%",
     endValue: "0%"
   }, props));

package/src/Identity/Animation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Animation.tsx"],"names":["require","CSSTransition","TransitionGroup","TransitionContainer","props","Transition","animationStyle","timeout","component","children","css","React","createElement","Opacity","startValue","endValue","DURATION","DEFAULT","opacity","transition","EASE","QUART","pointerEvents","YAxisMovement","transform","EXPONENTIAL","XAxisMovement","Slide","marginTop","LeftRightMovement","RightLeftMovement","TopDownMovement","BottomUpMovement"],"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\nconst {CSSTransition, TransitionGroup} = require('react-transition-group');\nimport {ClassNames, jsx as JSX} from '@emotion/core';\nimport React from 'react';\n\nimport {DURATION, EASE} from './motions';\n\ntype TransitionProps = Partial<any> & {\n  children: React.ReactNode;\n  component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;\n};\n\ntype OpacityProps = TransitionProps & {\n  endValue?: number;\n  startValue?: number;\n};\n\ntype MovementProps = TransitionProps & {\n  endValue?: string;\n  startValue?: string;\n};\n\ntype TransitionContainerProps = React.HTMLProps<any> & {\n  appear?: boolean;\n  component?: keyof JSX.IntrinsicElements;\n  enter?: boolean;\n  exit?: boolean;\n};\n\nexport const TransitionContainer = (props: TransitionContainerProps) => <TransitionGroup {...props} />;\n\nexport const Transition = ({animationStyle, timeout, component = 'div', children, ...props}: TransitionProps) => (\n  <ClassNames>\n    {({css}) => (\n      <CSSTransition timeout={timeout} classNames={css(animationStyle)} {...props}>\n        {component ? React.createElement(component, {}, children) : children}\n      </CSSTransition>\n    )}\n  </ClassNames>\n);\n\nexport const Opacity = ({startValue = 0, endValue = 1, timeout = DURATION.DEFAULT, ...props}: OpacityProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {opacity: startValue},\n      '&-enter-active': {\n        opacity: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {opacity: endValue},\n      '&-exit-active': {\n        opacity: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {opacity: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const YAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateY(${startValue})`},\n      '&-enter-active': {\n        transform: `translateY(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateY(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateY(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateY(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const XAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateX(${startValue})`},\n      '&-enter-active': {\n        transform: `translateX(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateX(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateX(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateX(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const Slide = ({startValue = '-100%', endValue = '0%', timeout = DURATION.DEFAULT, ...props}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {marginTop: startValue},\n      '&-enter-active': {\n        marginTop: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {marginTop: endValue},\n      '&-exit-active': {\n        marginTop: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {marginTop: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const LeftRightMovement = props => <XAxisMovement startValue=\"-100vh\" endValue=\"0vh\" {...props} />;\nexport const RightLeftMovement = props => <XAxisMovement startValue=\"100vh\" endValue=\"0vh\" {...props} />;\n\nexport const TopDownMovement = props => <YAxisMovement startValue=\"-100%\" endValue=\"0%\" {...props} />;\nexport const BottomUpMovement = props => <YAxisMovement startValue=\"100%\" endValue=\"0%\" {...props} />;\n"],"file":"Animation.js"}
+{"version":3,"sources":["Animation.tsx"],"names":["require","CSSTransition","TransitionGroup","TransitionContainer","props","Transition","animationStyle","timeout","component","children","css","React","createElement","Opacity","startValue","endValue","DURATION","DEFAULT","opacity","transition","EASE","QUART","pointerEvents","YAxisMovement","transform","EXPONENTIAL","XAxisMovement","Slide","marginTop","LeftRightMovement","RightLeftMovement","TopDownMovement","BottomUpMovement"],"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\nconst {CSSTransition, TransitionGroup} = require('react-transition-group');\nimport {ClassNames} from '@emotion/react';\nimport React from 'react';\n\nimport {DURATION, EASE} from './motions';\n\ntype TransitionProps = Partial<any> & {\n  children: React.ReactNode;\n  component?: string | React.ComponentType<any>;\n};\n\ntype OpacityProps = TransitionProps & {\n  endValue?: number;\n  startValue?: number;\n};\n\ntype MovementProps = TransitionProps & {\n  endValue?: string;\n  startValue?: string;\n};\n\ntype TransitionContainerProps = React.HTMLProps<any> & {\n  appear?: boolean;\n  component?: string;\n  enter?: boolean;\n  exit?: boolean;\n};\n\nexport const TransitionContainer = (props: TransitionContainerProps) => <TransitionGroup {...props} />;\n\nexport const Transition = ({animationStyle, timeout, component = 'div', children, ...props}: TransitionProps) => (\n  <ClassNames>\n    {({css}) => (\n      <CSSTransition timeout={timeout} classNames={css(animationStyle)} {...props}>\n        {component ? React.createElement(component, {}, children) : children}\n      </CSSTransition>\n    )}\n  </ClassNames>\n);\n\nexport const Opacity = ({startValue = 0, endValue = 1, timeout = DURATION.DEFAULT, ...props}: OpacityProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {opacity: startValue},\n      '&-enter-active': {\n        opacity: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {opacity: endValue},\n      '&-exit-active': {\n        opacity: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {opacity: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const YAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateY(${startValue})`},\n      '&-enter-active': {\n        transform: `translateY(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateY(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateY(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateY(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const XAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateX(${startValue})`},\n      '&-enter-active': {\n        transform: `translateX(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateX(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateX(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateX(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const Slide = ({startValue = '-100%', endValue = '0%', timeout = DURATION.DEFAULT, ...props}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {marginTop: startValue},\n      '&-enter-active': {\n        marginTop: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {marginTop: endValue},\n      '&-exit-active': {\n        marginTop: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {marginTop: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const LeftRightMovement = props => <XAxisMovement startValue=\"-100vh\" endValue=\"0vh\" {...props} />;\nexport const RightLeftMovement = props => <XAxisMovement startValue=\"100vh\" endValue=\"0vh\" {...props} />;\n\nexport const TopDownMovement = props => <YAxisMovement startValue=\"-100%\" endValue=\"0%\" {...props} />;\nexport const BottomUpMovement = props => <YAxisMovement startValue=\"100%\" endValue=\"0%\" {...props} />;\n"],"file":"Animation.js"}

package/src/Identity/Avatar.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { IsInViewportProps } from '../Misc/';
 export declare const DEFAULT_AVATAR_SIZE = 28;
 export interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {
@@ -11,4 +12,4 @@ export interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {
     size?: number;
     url?: string;
 }
-export declare const Avatar: (props: AvatarProps) => JSX.Element;
+export declare const Avatar: (props: AvatarProps) => jsx.JSX.Element;

package/src/Identity/Avatar.js

@@ -9,13 +9,11 @@ exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _css2 = _interopRequireDefault(require("@emotion/css"));
+var _react = require("@emotion/react");
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _core = require("@emotion/core");
-
-var _react = require("react");
+var _react2 = require("react");
 
 var _Misc = require("../Misc/");
 
@@ -91,12 +89,12 @@ var Avatar = function Avatar(props) {
       fetchImage = props.fetchImage,
       isAvatarGridItem = props.isAvatarGridItem;
 
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react2.useState)(0),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       scale = _useState2[0],
       setScale = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     if (url) {
       requestAnimationFrame(function () {
         return setScale(1);
@@ -114,14 +112,14 @@ var Avatar = function Avatar(props) {
     }).join('').substring(0, isAvatarGridItem ? 1 : 2);
   };
 
-  return (0, _core.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
+  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
     checkViewportOnce: true,
     onEnterViewport: fetchImage,
     disabled: !!url,
     css: avatarStyle(props),
     "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials'
-  }, filteredAvatarProps(props)), forceInitials || !url ? getInitials(name) : (0, _core.jsx)("div", {
-    css: /*#__PURE__*/(0, _css2["default"])({
+  }, filteredAvatarProps(props)), forceInitials || !url ? getInitials(name) : (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
       backgroundImage: url && "url(".concat(url, ")"),
       backgroundPosition: 'center',
       backgroundSize: 'cover',
@@ -132,7 +130,7 @@ var Avatar = function Avatar(props) {
       transform: "scale(".concat(scale, ")"),
       transition: "all ".concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.QUART),
       width: '100%'
-    }, ";label:Avatar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUhVIiwiZmlsZSI6IkF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE5IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0lzSW5WaWV3cG9ydCwgSXNJblZpZXdwb3J0UHJvcHN9IGZyb20gJy4uL01pc2MvJztcbmltcG9ydCB7ZmlsdGVyUHJvcHN9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtDT0xPUn0gZnJvbSAnLi9jb2xvcnMnO1xuaW1wb3J0IHtEVVJBVElPTiwgRUFTRX0gZnJvbSAnLi9tb3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfQVZBVEFSX1NJWkUgPSAyODtcblxuZXhwb3J0IGludGVyZmFjZSBBdmF0YXJQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgSXNJblZpZXdwb3J0UHJvcHM8VD4ge1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIGJvcmRlckNvbG9yPzogc3RyaW5nO1xuICBmZXRjaEltYWdlPzogKCkgPT4gdm9pZDtcbiAgZm9yY2VJbml0aWFscz86IGJvb2xlYW47XG4gIGlzQXZhdGFyR3JpZEl0ZW0/OiBib29sZWFuO1xuICBuYW1lPzogc3RyaW5nO1xuICBzaXplPzogbnVtYmVyO1xuICB1cmw/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGF2YXRhclN0eWxlOiA8VD4ocHJvcHM6IEF2YXRhclByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSAoe1xuICBjb2xvciA9IENPTE9SLldISVRFLFxuICB1cmwsXG4gIGJvcmRlckNvbG9yLFxuICBiYWNrZ3JvdW5kQ29sb3IgPSBDT0xPUi5HUkFZLFxuICBzaXplID0gREVGQVVMVF9BVkFUQVJfU0laRSxcbiAgaXNBdmF0YXJHcmlkSXRlbSxcbn0pID0+IHtcbiAgY29uc3QgQk9SREVSX1NJWkVfTElNSVQgPSAzMjtcbiAgY29uc3QgYm9yZGVyU2l6ZSA9IHNpemUgPiBCT1JERVJfU0laRV9MSU1JVCA/IDIgOiAxO1xuICBjb25zdCBib3JkZXJXaWR0aCA9IHVybCA/IDAgOiBib3JkZXJTaXplO1xuICBjb25zdCBmb250U2l6ZSA9IGAke01hdGguY2VpbChzaXplIC8gMi4yKX1weGA7XG5cbiAgcmV0dXJuIHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGJhY2tncm91bmRDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IGlzQXZhdGFyR3JpZEl0ZW0gPyAnMCcgOiAnNTAlJyxcbiAgICBib3hTaGFkb3c6IGlzQXZhdGFyR3JpZEl0ZW0gPyAnbm9uZScgOiBgaW5zZXQgMCAwIDAgJHtib3JkZXJXaWR0aH1weCAke2JvcmRlckNvbG9yfWAsXG4gICAgY29sb3IsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZvbnRTaXplLFxuICAgIGZvbnRXZWlnaHQ6IGlzQXZhdGFyR3JpZEl0ZW0gPyA3MDAgOiAzMDAsXG4gICAgaGVpZ2h0OiBgJHtzaXplfXB4YCxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgbWluSGVpZ2h0OiBgJHtzaXplfXB4YCxcbiAgICBtaW5XaWR0aDogYCR7c2l6ZX1weGAsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHdpZHRoOiBgJHtzaXplfXB4YCxcbiAgfTtcbn07XG5cbmNvbnN0IGZpbHRlcmVkQXZhdGFyUHJvcHMgPSAocHJvcHM6IEF2YXRhclByb3BzKSA9PlxuICBmaWx0ZXJQcm9wcyhwcm9wcywgW1xuICAgICdzaXplJyxcbiAgICAnZm9yY2VJbml0aWFscycsXG4gICAgJ25hbWUnLFxuICAgICd1cmwnLFxuICAgICdib3JkZXJDb2xvcicsXG4gICAgJ2JhY2tncm91bmRDb2xvcicsXG4gICAgJ2ZldGNoSW1hZ2UnLFxuICAgICdpc0F2YXRhckdyaWRJdGVtJyxcbiAgXSk7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXIgPSAocHJvcHM6IEF2YXRhclByb3BzKSA9PiB7XG4gIGNvbnN0IHt1cmwsIGZvcmNlSW5pdGlhbHMsIG5hbWUsIGZldGNoSW1hZ2UsIGlzQXZhdGFyR3JpZEl0ZW19ID0gcHJvcHM7XG4gIGNvbnN0IFtzY2FsZSwgc2V0U2NhbGVdID0gdXNlU3RhdGUoMCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHVybCkge1xuICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHNldFNjYWxlKDEpKTtcbiAgICB9XG4gIH0sIFt1cmxdKTtcbiAgY29uc3QgZ2V0SW5pdGlhbHMgPSAobmFtZTogc3RyaW5nID0gJycpID0+XG4gICAgbmFtZVxuICAgICAgLnNwbGl0KCcgJylcbiAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgIC5tYXAoKFtpbml0aWFsXSkgPT4gaW5pdGlhbC50b1VwcGVyQ2FzZSgpKVxuICAgICAgLmpvaW4oJycpXG4gICAgICAuc3Vic3RyaW5nKDAsIGlzQXZhdGFyR3JpZEl0ZW0gPyAxIDogMik7XG5cbiAgcmV0dXJuIChcbiAgICA8SXNJblZpZXdwb3J0XG4gICAgICBjaGVja1ZpZXdwb3J0T25jZVxuICAgICAgb25FbnRlclZpZXdwb3J0PXtmZXRjaEltYWdlfVxuICAgICAgZGlzYWJsZWQ9eyEhdXJsfVxuICAgICAgY3NzPXthdmF0YXJTdHlsZShwcm9wcyl9XG4gICAgICBkYXRhLXVpZS1uYW1lPXshZm9yY2VJbml0aWFscyAmJiB1cmwgPyAnZWxlbWVudC1hdmF0YXItaW1hZ2UnIDogJ2VsZW1lbnQtYXZhdGFyLWluaXRpYWxzJ31cbiAgICAgIHsuLi5maWx0ZXJlZEF2YXRhclByb3BzKHByb3BzKX1cbiAgICA+XG4gICAgICB7Zm9yY2VJbml0aWFscyB8fCAhdXJsID8gKFxuICAgICAgICBnZXRJbml0aWFscyhuYW1lKVxuICAgICAgKSA6IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiB1cmwgJiYgYHVybCgke3VybH0pYCxcbiAgICAgICAgICAgIGJhY2tncm91bmRQb3NpdGlvbjogJ2NlbnRlcicsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kU2l6ZTogJ2NvdmVyJyxcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogaXNBdmF0YXJHcmlkSXRlbSA/ICcwJyA6ICc1MCUnLFxuICAgICAgICAgICAgbWluSGVpZ2h0OiAnMTAwJScsXG4gICAgICAgICAgICBtaW5XaWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgb3BhY2l0eTogc2NhbGUsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IGBzY2FsZSgke3NjYWxlfSlgLFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogYGFsbCAke0RVUkFUSU9OLkRFRkFVTFR9bXMgJHtFQVNFLlFVQVJUfWAsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvSXNJblZpZXdwb3J0PlxuICApO1xufTtcbiJdfQ== */"))
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Avatar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUhVIiwiZmlsZSI6IkF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE5IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge3VzZUVmZmVjdCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtJc0luVmlld3BvcnQsIElzSW5WaWV3cG9ydFByb3BzfSBmcm9tICcuLi9NaXNjLyc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4vY29sb3JzJztcbmltcG9ydCB7RFVSQVRJT04sIEVBU0V9IGZyb20gJy4vbW90aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0FWQVRBUl9TSVpFID0gMjg7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXZhdGFyUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIElzSW5WaWV3cG9ydFByb3BzPFQ+IHtcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuICBib3JkZXJDb2xvcj86IHN0cmluZztcbiAgZmV0Y2hJbWFnZT86ICgpID0+IHZvaWQ7XG4gIGZvcmNlSW5pdGlhbHM/OiBib29sZWFuO1xuICBpc0F2YXRhckdyaWRJdGVtPzogYm9vbGVhbjtcbiAgbmFtZT86IHN0cmluZztcbiAgc2l6ZT86IG51bWJlcjtcbiAgdXJsPzogc3RyaW5nO1xufVxuXG5jb25zdCBhdmF0YXJTdHlsZTogPFQ+KHByb3BzOiBBdmF0YXJQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHtcbiAgY29sb3IgPSBDT0xPUi5XSElURSxcbiAgdXJsLFxuICBib3JkZXJDb2xvcixcbiAgYmFja2dyb3VuZENvbG9yID0gQ09MT1IuR1JBWSxcbiAgc2l6ZSA9IERFRkFVTFRfQVZBVEFSX1NJWkUsXG4gIGlzQXZhdGFyR3JpZEl0ZW0sXG59KSA9PiB7XG4gIGNvbnN0IEJPUkRFUl9TSVpFX0xJTUlUID0gMzI7XG4gIGNvbnN0IGJvcmRlclNpemUgPSBzaXplID4gQk9SREVSX1NJWkVfTElNSVQgPyAyIDogMTtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSB1cmwgPyAwIDogYm9yZGVyU2l6ZTtcbiAgY29uc3QgZm9udFNpemUgPSBgJHtNYXRoLmNlaWwoc2l6ZSAvIDIuMil9cHhgO1xuXG4gIHJldHVybiB7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiBpc0F2YXRhckdyaWRJdGVtID8gJzAnIDogJzUwJScsXG4gICAgYm94U2hhZG93OiBpc0F2YXRhckdyaWRJdGVtID8gJ25vbmUnIDogYGluc2V0IDAgMCAwICR7Ym9yZGVyV2lkdGh9cHggJHtib3JkZXJDb2xvcn1gLFxuICAgIGNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZSxcbiAgICBmb250V2VpZ2h0OiBpc0F2YXRhckdyaWRJdGVtID8gNzAwIDogMzAwLFxuICAgIGhlaWdodDogYCR7c2l6ZX1weGAsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIG1pbkhlaWdodDogYCR7c2l6ZX1weGAsXG4gICAgbWluV2lkdGg6IGAke3NpemV9cHhgLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICB3aWR0aDogYCR7c2l6ZX1weGAsXG4gIH07XG59O1xuXG5jb25zdCBmaWx0ZXJlZEF2YXRhclByb3BzID0gKHByb3BzOiBBdmF0YXJQcm9wcykgPT5cbiAgZmlsdGVyUHJvcHMocHJvcHMsIFtcbiAgICAnc2l6ZScsXG4gICAgJ2ZvcmNlSW5pdGlhbHMnLFxuICAgICduYW1lJyxcbiAgICAndXJsJyxcbiAgICAnYm9yZGVyQ29sb3InLFxuICAgICdiYWNrZ3JvdW5kQ29sb3InLFxuICAgICdmZXRjaEltYWdlJyxcbiAgICAnaXNBdmF0YXJHcmlkSXRlbScsXG4gIF0pO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyID0gKHByb3BzOiBBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCB7dXJsLCBmb3JjZUluaXRpYWxzLCBuYW1lLCBmZXRjaEltYWdlLCBpc0F2YXRhckdyaWRJdGVtfSA9IHByb3BzO1xuICBjb25zdCBbc2NhbGUsIHNldFNjYWxlXSA9IHVzZVN0YXRlKDApO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh1cmwpIHtcbiAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiBzZXRTY2FsZSgxKSk7XG4gICAgfVxuICB9LCBbdXJsXSk7XG4gIGNvbnN0IGdldEluaXRpYWxzID0gKG5hbWU6IHN0cmluZyA9ICcnKSA9PlxuICAgIG5hbWVcbiAgICAgIC5zcGxpdCgnICcpXG4gICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAubWFwKChbaW5pdGlhbF0pID0+IGluaXRpYWwudG9VcHBlckNhc2UoKSlcbiAgICAgIC5qb2luKCcnKVxuICAgICAgLnN1YnN0cmluZygwLCBpc0F2YXRhckdyaWRJdGVtID8gMSA6IDIpO1xuXG4gIHJldHVybiAoXG4gICAgPElzSW5WaWV3cG9ydFxuICAgICAgY2hlY2tWaWV3cG9ydE9uY2VcbiAgICAgIG9uRW50ZXJWaWV3cG9ydD17ZmV0Y2hJbWFnZX1cbiAgICAgIGRpc2FibGVkPXshIXVybH1cbiAgICAgIGNzcz17YXZhdGFyU3R5bGUocHJvcHMpfVxuICAgICAgZGF0YS11aWUtbmFtZT17IWZvcmNlSW5pdGlhbHMgJiYgdXJsID8gJ2VsZW1lbnQtYXZhdGFyLWltYWdlJyA6ICdlbGVtZW50LWF2YXRhci1pbml0aWFscyd9XG4gICAgICB7Li4uZmlsdGVyZWRBdmF0YXJQcm9wcyhwcm9wcyl9XG4gICAgPlxuICAgICAge2ZvcmNlSW5pdGlhbHMgfHwgIXVybCA/IChcbiAgICAgICAgZ2V0SW5pdGlhbHMobmFtZSlcbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogdXJsICYmIGB1cmwoJHt1cmx9KWAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kUG9zaXRpb246ICdjZW50ZXInLFxuICAgICAgICAgICAgYmFja2dyb3VuZFNpemU6ICdjb3ZlcicsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6IGlzQXZhdGFyR3JpZEl0ZW0gPyAnMCcgOiAnNTAlJyxcbiAgICAgICAgICAgIG1pbkhlaWdodDogJzEwMCUnLFxuICAgICAgICAgICAgbWluV2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG9wYWNpdHk6IHNjYWxlLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBgc2NhbGUoJHtzY2FsZX0pYCxcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBhbGwgJHtEVVJBVElPTi5ERUZBVUxUfW1zICR7RUFTRS5RVUFSVH1gLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0lzSW5WaWV3cG9ydD5cbiAgKTtcbn07XG4iXX0= */")
   }));
 };
 

package/src/Identity/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Avatar.tsx"],"names":["DEFAULT_AVATAR_SIZE","avatarStyle","color","COLOR","WHITE","url","borderColor","backgroundColor","GRAY","size","isAvatarGridItem","BORDER_SIZE_LIMIT","borderSize","borderWidth","fontSize","Math","ceil","alignItems","borderRadius","boxShadow","display","fontWeight","height","justifyContent","minHeight","minWidth","overflow","width","filteredAvatarProps","props","Avatar","forceInitials","name","fetchImage","scale","setScale","requestAnimationFrame","getInitials","split","filter","Boolean","map","initial","toUpperCase","join","substring","backgroundImage","backgroundPosition","backgroundSize","opacity","transform","transition","DURATION","DEFAULT","EASE","QUART"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/core';\nimport {useEffect, useState} from 'react';\n\nimport {IsInViewport, IsInViewportProps} from '../Misc/';\nimport {filterProps} from '../util';\nimport {COLOR} from './colors';\nimport {DURATION, EASE} from './motions';\n\nexport const DEFAULT_AVATAR_SIZE = 28;\n\nexport interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  fetchImage?: () => void;\n  forceInitials?: boolean;\n  isAvatarGridItem?: boolean;\n  name?: string;\n  size?: number;\n  url?: string;\n}\n\nconst avatarStyle: <T>(props: AvatarProps<T>) => CSSObject = ({\n  color = COLOR.WHITE,\n  url,\n  borderColor,\n  backgroundColor = COLOR.GRAY,\n  size = DEFAULT_AVATAR_SIZE,\n  isAvatarGridItem,\n}) => {\n  const BORDER_SIZE_LIMIT = 32;\n  const borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;\n  const borderWidth = url ? 0 : borderSize;\n  const fontSize = `${Math.ceil(size / 2.2)}px`;\n\n  return {\n    alignItems: 'center',\n    backgroundColor: backgroundColor,\n    borderRadius: isAvatarGridItem ? '0' : '50%',\n    boxShadow: isAvatarGridItem ? 'none' : `inset 0 0 0 ${borderWidth}px ${borderColor}`,\n    color,\n    display: 'flex',\n    fontSize,\n    fontWeight: isAvatarGridItem ? 700 : 300,\n    height: `${size}px`,\n    justifyContent: 'center',\n    minHeight: `${size}px`,\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarProps = (props: AvatarProps) =>\n  filterProps(props, [\n    'size',\n    'forceInitials',\n    'name',\n    'url',\n    'borderColor',\n    'backgroundColor',\n    'fetchImage',\n    'isAvatarGridItem',\n  ]);\n\nexport const Avatar = (props: AvatarProps) => {\n  const {url, forceInitials, name, fetchImage, isAvatarGridItem} = props;\n  const [scale, setScale] = useState(0);\n  useEffect(() => {\n    if (url) {\n      requestAnimationFrame(() => setScale(1));\n    }\n  }, [url]);\n  const getInitials = (name: string = '') =>\n    name\n      .split(' ')\n      .filter(Boolean)\n      .map(([initial]) => initial.toUpperCase())\n      .join('')\n      .substring(0, isAvatarGridItem ? 1 : 2);\n\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImage}\n      disabled={!!url}\n      css={avatarStyle(props)}\n      data-uie-name={!forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials'}\n      {...filteredAvatarProps(props)}\n    >\n      {forceInitials || !url ? (\n        getInitials(name)\n      ) : (\n        <div\n          css={{\n            backgroundImage: url && `url(${url})`,\n            backgroundPosition: 'center',\n            backgroundSize: 'cover',\n            borderRadius: isAvatarGridItem ? '0' : '50%',\n            minHeight: '100%',\n            minWidth: '100%',\n            opacity: scale,\n            transform: `scale(${scale})`,\n            transition: `all ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n            width: '100%',\n          }}\n        />\n      )}\n    </IsInViewport>\n  );\n};\n"],"file":"Avatar.js"}
+{"version":3,"sources":["Avatar.tsx"],"names":["DEFAULT_AVATAR_SIZE","avatarStyle","color","COLOR","WHITE","url","borderColor","backgroundColor","GRAY","size","isAvatarGridItem","BORDER_SIZE_LIMIT","borderSize","borderWidth","fontSize","Math","ceil","alignItems","borderRadius","boxShadow","display","fontWeight","height","justifyContent","minHeight","minWidth","overflow","width","filteredAvatarProps","props","Avatar","forceInitials","name","fetchImage","scale","setScale","requestAnimationFrame","getInitials","split","filter","Boolean","map","initial","toUpperCase","join","substring","backgroundImage","backgroundPosition","backgroundSize","opacity","transform","transition","DURATION","DEFAULT","EASE","QUART"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {useEffect, useState} from 'react';\n\nimport {IsInViewport, IsInViewportProps} from '../Misc/';\nimport {filterProps} from '../util';\nimport {COLOR} from './colors';\nimport {DURATION, EASE} from './motions';\n\nexport const DEFAULT_AVATAR_SIZE = 28;\n\nexport interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  fetchImage?: () => void;\n  forceInitials?: boolean;\n  isAvatarGridItem?: boolean;\n  name?: string;\n  size?: number;\n  url?: string;\n}\n\nconst avatarStyle: <T>(props: AvatarProps<T>) => CSSObject = ({\n  color = COLOR.WHITE,\n  url,\n  borderColor,\n  backgroundColor = COLOR.GRAY,\n  size = DEFAULT_AVATAR_SIZE,\n  isAvatarGridItem,\n}) => {\n  const BORDER_SIZE_LIMIT = 32;\n  const borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;\n  const borderWidth = url ? 0 : borderSize;\n  const fontSize = `${Math.ceil(size / 2.2)}px`;\n\n  return {\n    alignItems: 'center',\n    backgroundColor: backgroundColor,\n    borderRadius: isAvatarGridItem ? '0' : '50%',\n    boxShadow: isAvatarGridItem ? 'none' : `inset 0 0 0 ${borderWidth}px ${borderColor}`,\n    color,\n    display: 'flex',\n    fontSize,\n    fontWeight: isAvatarGridItem ? 700 : 300,\n    height: `${size}px`,\n    justifyContent: 'center',\n    minHeight: `${size}px`,\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarProps = (props: AvatarProps) =>\n  filterProps(props, [\n    'size',\n    'forceInitials',\n    'name',\n    'url',\n    'borderColor',\n    'backgroundColor',\n    'fetchImage',\n    'isAvatarGridItem',\n  ]);\n\nexport const Avatar = (props: AvatarProps) => {\n  const {url, forceInitials, name, fetchImage, isAvatarGridItem} = props;\n  const [scale, setScale] = useState(0);\n  useEffect(() => {\n    if (url) {\n      requestAnimationFrame(() => setScale(1));\n    }\n  }, [url]);\n  const getInitials = (name: string = '') =>\n    name\n      .split(' ')\n      .filter(Boolean)\n      .map(([initial]) => initial.toUpperCase())\n      .join('')\n      .substring(0, isAvatarGridItem ? 1 : 2);\n\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImage}\n      disabled={!!url}\n      css={avatarStyle(props)}\n      data-uie-name={!forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials'}\n      {...filteredAvatarProps(props)}\n    >\n      {forceInitials || !url ? (\n        getInitials(name)\n      ) : (\n        <div\n          css={{\n            backgroundImage: url && `url(${url})`,\n            backgroundPosition: 'center',\n            backgroundSize: 'cover',\n            borderRadius: isAvatarGridItem ? '0' : '50%',\n            minHeight: '100%',\n            minWidth: '100%',\n            opacity: scale,\n            transform: `scale(${scale})`,\n            transition: `all ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n            width: '100%',\n          }}\n        />\n      )}\n    </IsInViewport>\n  );\n};\n"],"file":"Avatar.js"}

package/src/Identity/AvatarGrid.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import type { AvatarProps } from '../Identity/';
 interface Props<T = HTMLDivElement> extends React.HTMLProps<T> {
@@ -8,5 +10,5 @@ interface Props<T = HTMLDivElement> extends React.HTMLProps<T> {
     items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];
     size?: number;
 }
-export declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => JSX.Element;
+export declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => jsx.JSX.Element;
 export {};