@wireapp/react-ui-kit 8.17.3 → 8.17.5

package/src/Icon/WireIcon.js

@@ -1,36 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WireIcon = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _SVGIcon = require("./SVGIcon");
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var WireIcon = function WireIcon(props) {
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, _extends({
     realWidth: 16,
     realHeight: 14
   }, props), (0, _react.jsx)("path", {

package/src/Icon/WireIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WireIcon.js","names":["WireIcon","props"],"sources":["WireIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\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"],"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,QAAQ,CAAIC,KAAmB;EAAA,OAC1C,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAAkY,EAAG,CACrY;AAAA,CACX;AAAC"}
+{"version":3,"file":"WireIcon.js","names":["WireIcon","props"],"sources":["WireIcon.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\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"],"mappings":";;;;;;AAoBA;AAEA;AAAgD;AAEzC,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAmB;EAAA,OAC1C,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE;EAAG,GAAKA,KAAK,GAC/C;IAAM,CAAC,EAAC;EAAkY,EAAG,CACrY;AAAA,CACX;AAAC"}

package/src/Identity/Animation.js

@@ -1,12 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.YAxisMovement = exports.XAxisMovement = exports.TransitionContainer = exports.Transition = exports.TopDownMovement = exports.Slide = exports.RightLeftMovement = exports.Opacity = exports.LeftRightMovement = exports.BottomUpMovement = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _motions = require("./motions");
@@ -15,6 +12,10 @@ var _excluded = ["animationStyle", "timeout", "component", "children"],
   _excluded3 = ["startValue", "endValue", "timeout"],
   _excluded4 = ["startValue", "endValue", "timeout"],
   _excluded5 = ["startValue", "endValue", "timeout"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -47,10 +48,10 @@ var Transition = function Transition(_ref) {
     _ref$component = _ref.component,
     component = _ref$component === void 0 ? 'div' : _ref$component,
     children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react2["default"].createElement(_react.ClassNames, null, function (_ref2) {
     var css = _ref2.css;
-    return /*#__PURE__*/_react2["default"].createElement(CSSTransition, (0, _extends2["default"])({
+    return /*#__PURE__*/_react2["default"].createElement(CSSTransition, _extends({
       timeout: timeout,
       classNames: css(animationStyle)
     }, props), component ? /*#__PURE__*/_react2["default"].createElement(component, {}, children) : children);
@@ -64,8 +65,8 @@ var Opacity = function Opacity(_ref3) {
     endValue = _ref3$endValue === void 0 ? 1 : _ref3$endValue,
     _ref3$timeout = _ref3.timeout,
     timeout = _ref3$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref3$timeout,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
     animationStyle: {
       '&-enter': {
         opacity: startValue
@@ -97,8 +98,8 @@ var YAxisMovement = function YAxisMovement(_ref4) {
     endValue = _ref4$endValue === void 0 ? '0%' : _ref4$endValue,
     _ref4$timeout = _ref4.timeout,
     timeout = _ref4$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref4$timeout,
-    props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
     animationStyle: {
       '&-enter': {
         transform: "translateY(".concat(startValue, ")")
@@ -130,8 +131,8 @@ var XAxisMovement = function XAxisMovement(_ref5) {
     endValue = _ref5$endValue === void 0 ? '0%' : _ref5$endValue,
     _ref5$timeout = _ref5.timeout,
     timeout = _ref5$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref5$timeout,
-    props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref5, _excluded4);
+  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
     animationStyle: {
       '&-enter': {
         transform: "translateX(".concat(startValue, ")")
@@ -163,8 +164,8 @@ var Slide = function Slide(_ref6) {
     endValue = _ref6$endValue === void 0 ? '0%' : _ref6$endValue,
     _ref6$timeout = _ref6.timeout,
     timeout = _ref6$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref6$timeout,
-    props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref6, _excluded5);
+  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
     animationStyle: {
       '&-enter': {
         marginTop: startValue
@@ -190,28 +191,28 @@ var Slide = function Slide(_ref6) {
 };
 exports.Slide = Slide;
 var LeftRightMovement = function LeftRightMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, _extends({
     startValue: "-100vh",
     endValue: "0vh"
   }, props));
 };
 exports.LeftRightMovement = LeftRightMovement;
 var RightLeftMovement = function RightLeftMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, _extends({
     startValue: "100vh",
     endValue: "0vh"
   }, props));
 };
 exports.RightLeftMovement = RightLeftMovement;
 var TopDownMovement = function TopDownMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, _extends({
     startValue: "-100%",
     endValue: "0%"
   }, props));
 };
 exports.TopDownMovement = TopDownMovement;
 var BottomUpMovement = function BottomUpMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
+  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, _extends({
     startValue: "100%",
     endValue: "0%"
   }, props));

package/src/Identity/Animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Animation.js","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"],"sources":["Animation.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\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"],"mappings":"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"}
+{"version":3,"file":"Animation.js","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"],"sources":["Animation.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\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"],"mappings":"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"}

package/src/Identity/Avatar.js

@@ -1,39 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_AVATAR_SIZE = exports.Avatar = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react2 = require("react");
 var _Misc = require("../Misc/");
 var _util = require("../util");
 var _colors = require("./colors");
 var _motions = require("./motions");
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-/** @jsx jsx */
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DEFAULT_AVATAR_SIZE = 28;
 exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
 var avatarStyle = function avatarStyle(_ref) {
@@ -77,7 +60,7 @@ var Avatar = function Avatar(props) {
     fetchImage = props.fetchImage,
     isAvatarGridItem = props.isAvatarGridItem;
   var _useState = (0, _react2.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     scale = _useState2[0],
     setScale = _useState2[1];
   (0, _react2.useEffect)(function () {
@@ -90,12 +73,12 @@ var Avatar = function Avatar(props) {
   var getInitials = function getInitials() {
     var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     return name.split(' ').filter(Boolean).map(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
+      var _ref3 = _slicedToArray(_ref2, 1),
         initial = _ref3[0];
       return initial.toUpperCase();
     }).join('').substring(0, isAvatarGridItem ? 1 : 2);
   };
-  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
+  return (0, _react.jsx)(_Misc.IsInViewport, _extends({
     checkViewportOnce: true,
     onEnterViewport: fetchImage,
     disabled: !!url,

package/src/Identity/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","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","filterProps","Avatar","forceInitials","name","fetchImage","useState","scale","setScale","useEffect","requestAnimationFrame","getInitials","split","filter","Boolean","map","initial","toUpperCase","join","substring","backgroundImage","backgroundPosition","backgroundSize","opacity","transform","transition","DURATION","DEFAULT","EASE","QUART"],"sources":["Avatar.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {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"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","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","filterProps","Avatar","forceInitials","name","fetchImage","useState","scale","setScale","useEffect","requestAnimationFrame","getInitials","split","filter","Boolean","map","initial","toUpperCase","join","substring","backgroundImage","backgroundPosition","backgroundSize","opacity","transform","transition","DURATION","DEFAULT","EASE","QUART"],"sources":["Avatar.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {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"],"mappings":";;;;;;AAoBA;AACA;AAEA;AACA;AACA;AACA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAElC,IAAMA,mBAAmB,GAAG,EAAE;AAAC;AAatC,IAAMC,WAAoD,GAAG,SAAvDA,WAAoD,OAOpD;EAAA,sBANJC,KAAK;IAALA,KAAK,2BAAGC,aAAK,CAACC,KAAK;IACnBC,GAAG,QAAHA,GAAG;IACHC,WAAW,QAAXA,WAAW;IAAA,4BACXC,eAAe;IAAfA,eAAe,qCAAGJ,aAAK,CAACK,IAAI;IAAA,iBAC5BC,IAAI;IAAJA,IAAI,0BAAGT,mBAAmB;IAC1BU,gBAAgB,QAAhBA,gBAAgB;EAEhB,IAAMC,iBAAiB,GAAG,EAAE;EAC5B,IAAMC,UAAU,GAAGH,IAAI,GAAGE,iBAAiB,GAAG,CAAC,GAAG,CAAC;EACnD,IAAME,WAAW,GAAGR,GAAG,GAAG,CAAC,GAAGO,UAAU;EACxC,IAAME,QAAQ,aAAMC,IAAI,CAACC,IAAI,CAACP,IAAI,GAAG,GAAG,CAAC,OAAI;EAE7C,OAAO;IACLQ,UAAU,EAAE,QAAQ;IACpBV,eAAe,EAAEA,eAAe;IAChCW,YAAY,EAAER,gBAAgB,GAAG,GAAG,GAAG,KAAK;IAC5CS,SAAS,EAAET,gBAAgB,GAAG,MAAM,yBAAkBG,WAAW,gBAAMP,WAAW,CAAE;IACpFJ,KAAK,EAALA,KAAK;IACLkB,OAAO,EAAE,MAAM;IACfN,QAAQ,EAARA,QAAQ;IACRO,UAAU,EAAEX,gBAAgB,GAAG,GAAG,GAAG,GAAG;IACxCY,MAAM,YAAKb,IAAI,OAAI;IACnBc,cAAc,EAAE,QAAQ;IACxBC,SAAS,YAAKf,IAAI,OAAI;IACtBgB,QAAQ,YAAKhB,IAAI,OAAI;IACrBiB,QAAQ,EAAE,QAAQ;IAClBC,KAAK,YAAKlB,IAAI;EAChB,CAAC;AACH,CAAC;AAED,IAAMmB,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAAkB;EAAA,OAC7C,IAAAC,iBAAW,EAACD,KAAK,EAAE,CACjB,MAAM,EACN,eAAe,EACf,MAAM,EACN,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,CACnB,CAAC;AAAA;AAEG,IAAME,MAAM,GAAG,SAATA,MAAM,CAAIF,KAAkB,EAAK;EAC5C,IAAOxB,GAAG,GAAuDwB,KAAK,CAA/DxB,GAAG;IAAE2B,aAAa,GAAwCH,KAAK,CAA1DG,aAAa;IAAEC,IAAI,GAAkCJ,KAAK,CAA3CI,IAAI;IAAEC,UAAU,GAAsBL,KAAK,CAArCK,UAAU;IAAExB,gBAAgB,GAAImB,KAAK,CAAzBnB,gBAAgB;EAC7D,gBAA0B,IAAAyB,gBAAQ,EAAC,CAAC,CAAC;IAAA;IAA9BC,KAAK;IAAEC,QAAQ;EACtB,IAAAC,iBAAS,EAAC,YAAM;IACd,IAAIjC,GAAG,EAAE;MACPkC,qBAAqB,CAAC;QAAA,OAAMF,QAAQ,CAAC,CAAC,CAAC;MAAA,EAAC;IAC1C;EACF,CAAC,EAAE,CAAChC,GAAG,CAAC,CAAC;EACT,IAAMmC,WAAW,GAAG,SAAdA,WAAW;IAAA,IAAIP,IAAY,uEAAG,EAAE;IAAA,OACpCA,IAAI,CACDQ,KAAK,CAAC,GAAG,CAAC,CACVC,MAAM,CAACC,OAAO,CAAC,CACfC,GAAG,CAAC;MAAA;QAAEC,OAAO;MAAA,OAAMA,OAAO,CAACC,WAAW,EAAE;IAAA,EAAC,CACzCC,IAAI,CAAC,EAAE,CAAC,CACRC,SAAS,CAAC,CAAC,EAAEtC,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;EAAA;EAE3C,OACE,gBAAC,kBAAY;IACX,iBAAiB;IACjB,eAAe,EAAEwB,UAAW;IAC5B,QAAQ,EAAE,CAAC,CAAC7B,GAAI;IAChB,GAAG,EAAEJ,WAAW,CAAC4B,KAAK,CAAE;IACxB,iBAAe,CAACG,aAAa,IAAI3B,GAAG,GAAG,sBAAsB,GAAG;EAA0B,GACtFuB,mBAAmB,CAACC,KAAK,CAAC,GAE7BG,aAAa,IAAI,CAAC3B,GAAG,GACpBmC,WAAW,CAACP,IAAI,CAAC,GAEjB;IACE,GAAG,+BAAE;MACHgB,eAAe,EAAE5C,GAAG,kBAAWA,GAAG,MAAG;MACrC6C,kBAAkB,EAAE,QAAQ;MAC5BC,cAAc,EAAE,OAAO;MACvBjC,YAAY,EAAER,gBAAgB,GAAG,GAAG,GAAG,KAAK;MAC5Cc,SAAS,EAAE,MAAM;MACjBC,QAAQ,EAAE,MAAM;MAChB2B,OAAO,EAAEhB,KAAK;MACdiB,SAAS,kBAAWjB,KAAK,MAAG;MAC5BkB,UAAU,gBAASC,iBAAQ,CAACC,OAAO,gBAAMC,aAAI,CAACC,KAAK,CAAE;MACrD/B,KAAK,EAAE;IACT,CAAC;EAAC,EAEL,CACY;AAEnB,CAAC;AAAC"}

package/src/Identity/AvatarGrid.js

@@ -1,22 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AvatarGrid = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react2 = _interopRequireDefault(require("react"));
 var _Misc = require("../Misc/");
 var _util = require("../util");
 var _Avatar = require("./Avatar");
 var _colors = require("./colors");
 var _excluded = ["borderWidth", "size", "items", "fetchImages"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var avatarGridStyle = function avatarGridStyle(_ref) {
   var borderWidth = _ref.borderWidth,
     size = _ref.size,
@@ -50,7 +51,7 @@ var AvatarGrid = function AvatarGrid(_ref2) {
     size = _ref2$size === void 0 ? _Avatar.DEFAULT_AVATAR_SIZE : _ref2$size,
     items = _ref2.items,
     fetchImages = _ref2.fetchImages,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    props = _objectWithoutProperties(_ref2, _excluded);
   var allProps = _objectSpread({
     borderWidth: borderWidth,
     items: items,
@@ -61,7 +62,7 @@ var AvatarGrid = function AvatarGrid(_ref2) {
   for (var index = 0; index < missing; index++) {
     slicedItems.push(null);
   }
-  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
+  return (0, _react.jsx)(_Misc.IsInViewport, _extends({
     checkViewportOnce: true,
     onEnterViewport: fetchImages,
     css: avatarGridStyle(allProps)

package/src/Identity/AvatarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGrid.js","names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","filterProps","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"sources":["AvatarGrid.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  fetchImages?: () => void;\n  items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n  size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n  borderWidth,\n  size,\n  backgroundColor = COLOR.GRAY_DARKEN_48,\n  borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n  return {\n    alignItems: 'start',\n    backgroundColor: backgroundColor,\n    border: `${borderWidth}px solid ${borderColor}`,\n    borderRadius: '16%',\n    display: 'grid',\n    gridGap: borderWidth,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridTemplateRows: 'repeat(2, 1fr)',\n    height: `${size}px`,\n    justifyItems: 'center',\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n  filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n  const allProps = {borderWidth, items, size, ...props};\n  const slicedItems = items.slice(0, 4);\n  const missing = 4 - slicedItems.length;\n  for (let index = 0; index < missing; index++) {\n    slicedItems.push(null);\n  }\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImages}\n      css={avatarGridStyle(allProps)}\n      {...filteredAvatarGridProps(allProps)}\n    >\n      {slicedItems.map(item =>\n        item ? (\n          <Avatar\n            key={Math.random().toString()}\n            backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n            url={item.url}\n            color={item.color}\n            forceInitials={item.forceInitials}\n            isAvatarGridItem\n            name={item.name}\n            size={size / 2 - borderWidth}\n            style={{height: '100%', width: '100%'}}\n          />\n        ) : (\n          <div\n            key={Math.random().toString()}\n            css={{\n              backgroundColor: COLOR.GRAY_DARKEN_80,\n              height: '100%',\n              width: '100%',\n            }}\n          />\n        ),\n      )}\n    </IsInViewport>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AvatarGrid.js","names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","filterProps","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"sources":["AvatarGrid.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  fetchImages?: () => void;\n  items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n  size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n  borderWidth,\n  size,\n  backgroundColor = COLOR.GRAY_DARKEN_48,\n  borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n  return {\n    alignItems: 'start',\n    backgroundColor: backgroundColor,\n    border: `${borderWidth}px solid ${borderColor}`,\n    borderRadius: '16%',\n    display: 'grid',\n    gridGap: borderWidth,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridTemplateRows: 'repeat(2, 1fr)',\n    height: `${size}px`,\n    justifyItems: 'center',\n    minWidth: `${size}px`,\n    overflow: 'hidden',\n    width: `${size}px`,\n  };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n  filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n  const allProps = {borderWidth, items, size, ...props};\n  const slicedItems = items.slice(0, 4);\n  const missing = 4 - slicedItems.length;\n  for (let index = 0; index < missing; index++) {\n    slicedItems.push(null);\n  }\n  return (\n    <IsInViewport\n      checkViewportOnce\n      onEnterViewport={fetchImages}\n      css={avatarGridStyle(allProps)}\n      {...filteredAvatarGridProps(allProps)}\n    >\n      {slicedItems.map(item =>\n        item ? (\n          <Avatar\n            key={Math.random().toString()}\n            backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n            url={item.url}\n            color={item.color}\n            forceInitials={item.forceInitials}\n            isAvatarGridItem\n            name={item.name}\n            size={size / 2 - borderWidth}\n            style={{height: '100%', width: '100%'}}\n          />\n        ) : (\n          <div\n            key={Math.random().toString()}\n            css={{\n              backgroundColor: COLOR.GRAY_DARKEN_80,\n              height: '100%',\n              width: '100%',\n            }}\n          />\n        ),\n      )}\n    </IsInViewport>\n  );\n};\n"],"mappings":"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"}

package/src/Identity/Logo.js

@@ -1,20 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _SVGIcon = require("../Icon/SVGIcon");
 var _motions = require("../Identity/motions");
 var _colors = require("./colors");
 var _excluded = ["hover"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var logoStyle = function logoStyle(theme, _ref) {
   var hover = _ref.hover,
     _ref$color = _ref.color,
@@ -31,8 +31,8 @@ var logoStyle = function logoStyle(theme, _ref) {
 };
 var Logo = function Logo(_ref2) {
   var hover = _ref2.hover,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return (0, _react.jsx)(_SVGIcon.SVGIcon, (0, _extends2["default"])({
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return (0, _react.jsx)(_SVGIcon.SVGIcon, _extends({
     realWidth: 57,
     realHeight: 18,
     css: function css(theme) {

package/src/Identity/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"sources":["Logo.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n  theme,\n  {hover, color = theme.general.color},\n) => ({\n  '&:hover path': {\n    fill: hover ? COLOR.shade(color, 0.06) : undefined,\n  },\n  path: {\n    fill: color,\n    transition: defaultTransition,\n  },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n  <SVGIcon realWidth={57} realHeight={18} css={(theme: Theme) => logoStyle(theme, {hover, ...props})} {...props}>\n    <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;;;;;AAoBA;AAEA;AACA;AAEA;AAA+B;AAAA;AAAA;AAM/B,IAAMA,SAA8D,GAAG,SAAjEA,SAA8D,CAClEC,KAAK;EAAA,IACJC,KAAK,QAALA,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGF,KAAK,CAACG,OAAO,CAACD,KAAK;EAAA,OAC/B;IACJ,cAAc,EAAE;MACdE,IAAI,EAAEH,KAAK,GAAGI,aAAK,CAACC,KAAK,CAACJ,KAAK,EAAE,IAAI,CAAC,GAAGK;IAC3C,CAAC;IACDC,IAAI,EAAE;MACJJ,IAAI,EAAEF,KAAK;MACXO,UAAU,EAAEC;IACd;EACF,CAAC;AAAA,CAAC;AAEK,IAAMC,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAKV,KAAK,SAALA,KAAK;IAAKW,KAAK;EAAA,OACnC,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE,EAAG;IAAC,GAAG,EAAE,aAACZ,KAAY;MAAA,OAAKD,SAAS,CAACC,KAAK;QAAGC,KAAK,EAALA;MAAK,GAAKW,KAAK,EAAE;IAAA;EAAC,GAAKA,KAAK,GAC3G;IAAM,CAAC,EAAC;EAA2lC,EAAG,CAC9lC;AAAA,CACX;AAAC"}
+{"version":3,"file":"Logo.js","names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"sources":["Logo.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n  hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n  theme,\n  {hover, color = theme.general.color},\n) => ({\n  '&:hover path': {\n    fill: hover ? COLOR.shade(color, 0.06) : undefined,\n  },\n  path: {\n    fill: color,\n    transition: defaultTransition,\n  },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n  <SVGIcon realWidth={57} realHeight={18} css={(theme: Theme) => logoStyle(theme, {hover, ...props})} {...props}>\n    <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n  </SVGIcon>\n);\n"],"mappings":";;;;;;AAoBA;AAEA;AACA;AAEA;AAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/B,IAAMA,SAA8D,GAAG,SAAjEA,SAA8D,CAClEC,KAAK;EAAA,IACJC,KAAK,QAALA,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGF,KAAK,CAACG,OAAO,CAACD,KAAK;EAAA,OAC/B;IACJ,cAAc,EAAE;MACdE,IAAI,EAAEH,KAAK,GAAGI,aAAK,CAACC,KAAK,CAACJ,KAAK,EAAE,IAAI,CAAC,GAAGK;IAC3C,CAAC;IACDC,IAAI,EAAE;MACJJ,IAAI,EAAEF,KAAK;MACXO,UAAU,EAAEC;IACd;EACF,CAAC;AAAA,CAAC;AAEK,IAAMC,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAKV,KAAK,SAALA,KAAK;IAAKW,KAAK;EAAA,OACnC,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE,EAAG;IAAC,GAAG,EAAE,aAACZ,KAAY;MAAA,OAAKD,SAAS,CAACC,KAAK;QAAGC,KAAK,EAALA;MAAK,GAAKW,KAAK,EAAE;IAAA;EAAC,GAAKA,KAAK,GAC3G;IAAM,CAAC,EAAC;EAA2lC,EAAG,CAC9lC;AAAA,CACX;AAAC"}

package/src/Identity/colors-v2.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.COLOR_V2 = exports.BASE_LIGHT_COLOR = exports.BASE_DARK_COLOR = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /*
  * Wire
  * Copyright (C) 2022 Wire Swiss GmbH

package/src/Identity/colors-v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors-v2.js","names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"sources":["colors-v2.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n  BLUE: '#0667c8',\n  GREEN: '#1d7833',\n  TURQUOISE: '#01718e',\n  PURPLE: '#8944ab',\n  RED: '#c20013',\n  AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n  BLUE: '#54a6ff',\n  GREEN: '#30db5b',\n  TURQUOISE: '#5de6ff',\n  PURPLE: '#da8fff',\n  RED: '#ff7770',\n  AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n  BLUE_LIGHT_50: '#e7f0fa',\n  BLUE_LIGHT_100: '#cde1f4',\n  BLUE_LIGHT_200: '#9bc2e9',\n  BLUE_LIGHT_300: '#6aa4de',\n  BLUE_LIGHT_400: '#3885d3',\n  BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n  BLUE_LIGHT_600: '#0552a0',\n  BLUE_LIGHT_700: '#043e78',\n  BLUE_LIGHT_800: '#022950',\n  BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n  BLUE_DARK_50: '#eef7ff',\n  BLUE_DARK_100: '#ddedff',\n  BLUE_DARK_200: '#bbdbff',\n  BLUE_DARK_300: '#98caff',\n  BLUE_DARK_400: '#76b8ff',\n  BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n  BLUE_DARK_600: '#4385cc',\n  BLUE_DARK_700: '#326499',\n  BLUE_DARK_800: '#224266',\n  BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n  GREEN_LIGHT_50: '#e8f1ea',\n  GREEN_LIGHT_100: '#d2e4d6',\n  GREEN_LIGHT_200: '#a5c9ad',\n  GREEN_LIGHT_300: '#77ae85',\n  GREEN_LIGHT_400: '#4a935c',\n  GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n  GREEN_LIGHT_600: '#176029',\n  GREEN_LIGHT_700: '#11481f',\n  GREEN_LIGHT_800: '#0c3014',\n  GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n  GREEN_DARK_50: '#ebfcef',\n  GREEN_DARK_100: '#d6f8de',\n  GREEN_DARK_200: '#acf1bd',\n  GREEN_DARK_300: '#83e99d',\n  GREEN_DARK_400: '#59e27c',\n  GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n  GREEN_DARK_600: '#26af49',\n  GREEN_DARK_700: '#1d8337',\n  GREEN_DARK_800: '#135824',\n  GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n  TURQUOISE_LIGHT_50: '#e5f1f3',\n  TURQUOISE_LIGHT_100: '#cce2e7',\n  TURQUOISE_LIGHT_200: '#99c6d0',\n  TURQUOISE_LIGHT_300: '#67a9b8',\n  TURQUOISE_LIGHT_400: '#348da1',\n  TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n  TURQUOISE_LIGHT_600: '#015a6e',\n  TURQUOISE_LIGHT_700: '#014352',\n  TURQUOISE_LIGHT_800: '#002d37',\n  TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n  TURQUOISE_DARK_50: '#effdff',\n  TURQUOISE_DARK_100: '#dffaff',\n  TURQUOISE_DARK_200: '#bef5ff',\n  TURQUOISE_DARK_300: '#9ef0ff',\n  TURQUOISE_DARK_400: '#7debff',\n  TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n  TURQUOISE_DARK_600: '#4Ab8cc',\n  TURQUOISE_DARK_700: '#388a99',\n  TURQUOISE_DARK_800: '#255c66',\n  TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n  PURPLE_LIGHT_50: '#f4edf7',\n  PURPLE_LIGHT_100: '#e7daee',\n  PURPLE_LIGHT_200: '#d0b4dd',\n  PURPLE_LIGHT_300: '#b88fcd',\n  PURPLE_LIGHT_400: '#a169bc',\n  PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n  PURPLE_LIGHT_600: '#6e3689',\n  PURPLE_LIGHT_700: '#522967',\n  PURPLE_LIGHT_800: '#371b44',\n  PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n  PURPLE_DARK_50: '#fcf4ff',\n  PURPLE_DARK_100: '#f8e9ff',\n  PURPLE_DARK_200: '#f0d2ff',\n  PURPLE_DARK_300: '#e9bcff',\n  PURPLE_DARK_400: '#e1a5ff',\n  PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n  PURPLE_DARK_600: '#ae72cc',\n  PURPLE_DARK_700: '#835699',\n  PURPLE_DARK_800: '#573966',\n  PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n  RED_LIGHT_50: '#f9e6e8',\n  RED_LIGHT_100: '#f3ccd0',\n  RED_LIGHT_200: '#e799a1',\n  RED_LIGHT_300: '#da6671',\n  RED_LIGHT_400: '#ce3342',\n  RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n  RED_LIGHT_600: '#9b000f',\n  RED_LIGHT_700: '#74000b',\n  RED_LIGHT_800: '#4e0008',\n  RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n  RED_DARK_50: '#fff2f1',\n  RED_DARK_100: '#ffe4e2',\n  RED_DARK_200: '#ffc9c6',\n  RED_DARK_300: '#ffada9',\n  RED_DARK_400: '#ff928d',\n  RED_DARK_500: BASE_DARK_COLOR.RED,\n  RED_DARK_600: '#cc5f5a',\n  RED_DARK_700: '#994743',\n  RED_DARK_800: '#66302d',\n  RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n  AMBER_LIGHT_50: '#f6eee8',\n  AMBER_LIGHT_100: '#ecded0',\n  AMBER_LIGHT_200: '#dabda1',\n  AMBER_LIGHT_300: '#c79b73',\n  AMBER_LIGHT_400: '#b57A44',\n  AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n  AMBER_LIGHT_600: '#824711',\n  AMBER_LIGHT_700: '#61350d',\n  AMBER_LIGHT_800: '#412408',\n  AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n  AMBER_DARK_50: '#fffbea',\n  AMBER_DARK_100: '#fff6d4',\n  AMBER_DARK_200: '#ffeea8',\n  AMBER_DARK_300: '#ffe57d',\n  AMBER_DARK_400: '#ffdd51',\n  AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n  AMBER_DARK_600: '#ccaa1e',\n  AMBER_DARK_700: '#997f17',\n  AMBER_DARK_800: '#66550f',\n  AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n  ...DARK_BLUE,\n  ...DARK_GREEN,\n  ...DARK_TURQUOISE,\n  ...DARK_PURPLE,\n  ...DARK_RED,\n  ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n  ...LIGHT_BLUE,\n  ...LIGHT_GREEN,\n  ...LIGHT_TURQUOISE,\n  ...LIGHT_PURPLE,\n  ...LIGHT_RED,\n  ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n  GRAY_10: '#fafafa',\n  GRAY_20: '#edeff0',\n  GRAY_30: '#e5e8ea',\n  GRAY_40: '#dce0e3',\n  GRAY_50: '#cbced1',\n  GRAY_60: '#9fa1a7',\n  GRAY_70: '#676b71',\n  GRAY_80: '#54585f',\n  GRAY_90: '#34373d',\n  GRAY_95: '#26272c',\n  GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n  ...BASE_DARK_COLOR,\n  ...BASE_LIGHT_COLOR,\n  ...DARK,\n  ...LIGHT,\n  ...GRAYS,\n  BLACK: '#000',\n  WHITE: '#fff',\n};\n"],"mappings":"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"}
+{"version":3,"file":"colors-v2.js","names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"sources":["colors-v2.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 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\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n  BLUE: '#0667c8',\n  GREEN: '#1d7833',\n  TURQUOISE: '#01718e',\n  PURPLE: '#8944ab',\n  RED: '#c20013',\n  AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n  BLUE: '#54a6ff',\n  GREEN: '#30db5b',\n  TURQUOISE: '#5de6ff',\n  PURPLE: '#da8fff',\n  RED: '#ff7770',\n  AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n  BLUE_LIGHT_50: '#e7f0fa',\n  BLUE_LIGHT_100: '#cde1f4',\n  BLUE_LIGHT_200: '#9bc2e9',\n  BLUE_LIGHT_300: '#6aa4de',\n  BLUE_LIGHT_400: '#3885d3',\n  BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n  BLUE_LIGHT_600: '#0552a0',\n  BLUE_LIGHT_700: '#043e78',\n  BLUE_LIGHT_800: '#022950',\n  BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n  BLUE_DARK_50: '#eef7ff',\n  BLUE_DARK_100: '#ddedff',\n  BLUE_DARK_200: '#bbdbff',\n  BLUE_DARK_300: '#98caff',\n  BLUE_DARK_400: '#76b8ff',\n  BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n  BLUE_DARK_600: '#4385cc',\n  BLUE_DARK_700: '#326499',\n  BLUE_DARK_800: '#224266',\n  BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n  GREEN_LIGHT_50: '#e8f1ea',\n  GREEN_LIGHT_100: '#d2e4d6',\n  GREEN_LIGHT_200: '#a5c9ad',\n  GREEN_LIGHT_300: '#77ae85',\n  GREEN_LIGHT_400: '#4a935c',\n  GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n  GREEN_LIGHT_600: '#176029',\n  GREEN_LIGHT_700: '#11481f',\n  GREEN_LIGHT_800: '#0c3014',\n  GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n  GREEN_DARK_50: '#ebfcef',\n  GREEN_DARK_100: '#d6f8de',\n  GREEN_DARK_200: '#acf1bd',\n  GREEN_DARK_300: '#83e99d',\n  GREEN_DARK_400: '#59e27c',\n  GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n  GREEN_DARK_600: '#26af49',\n  GREEN_DARK_700: '#1d8337',\n  GREEN_DARK_800: '#135824',\n  GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n  TURQUOISE_LIGHT_50: '#e5f1f3',\n  TURQUOISE_LIGHT_100: '#cce2e7',\n  TURQUOISE_LIGHT_200: '#99c6d0',\n  TURQUOISE_LIGHT_300: '#67a9b8',\n  TURQUOISE_LIGHT_400: '#348da1',\n  TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n  TURQUOISE_LIGHT_600: '#015a6e',\n  TURQUOISE_LIGHT_700: '#014352',\n  TURQUOISE_LIGHT_800: '#002d37',\n  TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n  TURQUOISE_DARK_50: '#effdff',\n  TURQUOISE_DARK_100: '#dffaff',\n  TURQUOISE_DARK_200: '#bef5ff',\n  TURQUOISE_DARK_300: '#9ef0ff',\n  TURQUOISE_DARK_400: '#7debff',\n  TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n  TURQUOISE_DARK_600: '#4Ab8cc',\n  TURQUOISE_DARK_700: '#388a99',\n  TURQUOISE_DARK_800: '#255c66',\n  TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n  PURPLE_LIGHT_50: '#f4edf7',\n  PURPLE_LIGHT_100: '#e7daee',\n  PURPLE_LIGHT_200: '#d0b4dd',\n  PURPLE_LIGHT_300: '#b88fcd',\n  PURPLE_LIGHT_400: '#a169bc',\n  PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n  PURPLE_LIGHT_600: '#6e3689',\n  PURPLE_LIGHT_700: '#522967',\n  PURPLE_LIGHT_800: '#371b44',\n  PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n  PURPLE_DARK_50: '#fcf4ff',\n  PURPLE_DARK_100: '#f8e9ff',\n  PURPLE_DARK_200: '#f0d2ff',\n  PURPLE_DARK_300: '#e9bcff',\n  PURPLE_DARK_400: '#e1a5ff',\n  PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n  PURPLE_DARK_600: '#ae72cc',\n  PURPLE_DARK_700: '#835699',\n  PURPLE_DARK_800: '#573966',\n  PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n  RED_LIGHT_50: '#f9e6e8',\n  RED_LIGHT_100: '#f3ccd0',\n  RED_LIGHT_200: '#e799a1',\n  RED_LIGHT_300: '#da6671',\n  RED_LIGHT_400: '#ce3342',\n  RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n  RED_LIGHT_600: '#9b000f',\n  RED_LIGHT_700: '#74000b',\n  RED_LIGHT_800: '#4e0008',\n  RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n  RED_DARK_50: '#fff2f1',\n  RED_DARK_100: '#ffe4e2',\n  RED_DARK_200: '#ffc9c6',\n  RED_DARK_300: '#ffada9',\n  RED_DARK_400: '#ff928d',\n  RED_DARK_500: BASE_DARK_COLOR.RED,\n  RED_DARK_600: '#cc5f5a',\n  RED_DARK_700: '#994743',\n  RED_DARK_800: '#66302d',\n  RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n  AMBER_LIGHT_50: '#f6eee8',\n  AMBER_LIGHT_100: '#ecded0',\n  AMBER_LIGHT_200: '#dabda1',\n  AMBER_LIGHT_300: '#c79b73',\n  AMBER_LIGHT_400: '#b57A44',\n  AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n  AMBER_LIGHT_600: '#824711',\n  AMBER_LIGHT_700: '#61350d',\n  AMBER_LIGHT_800: '#412408',\n  AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n  AMBER_DARK_50: '#fffbea',\n  AMBER_DARK_100: '#fff6d4',\n  AMBER_DARK_200: '#ffeea8',\n  AMBER_DARK_300: '#ffe57d',\n  AMBER_DARK_400: '#ffdd51',\n  AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n  AMBER_DARK_600: '#ccaa1e',\n  AMBER_DARK_700: '#997f17',\n  AMBER_DARK_800: '#66550f',\n  AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n  ...DARK_BLUE,\n  ...DARK_GREEN,\n  ...DARK_TURQUOISE,\n  ...DARK_PURPLE,\n  ...DARK_RED,\n  ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n  ...LIGHT_BLUE,\n  ...LIGHT_GREEN,\n  ...LIGHT_TURQUOISE,\n  ...LIGHT_PURPLE,\n  ...LIGHT_RED,\n  ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n  GRAY_10: '#fafafa',\n  GRAY_20: '#edeff0',\n  GRAY_30: '#e5e8ea',\n  GRAY_40: '#dce0e3',\n  GRAY_50: '#cbced1',\n  GRAY_60: '#9fa1a7',\n  GRAY_70: '#676b71',\n  GRAY_80: '#54585f',\n  GRAY_90: '#34373d',\n  GRAY_95: '#26272c',\n  GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n  ...BASE_DARK_COLOR,\n  ...BASE_LIGHT_COLOR,\n  ...DARK,\n  ...LIGHT,\n  ...GRAYS,\n  BLACK: '#000',\n  WHITE: '#fff',\n};\n"],"mappings":"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"}