@wireapp/react-ui-kit 8.17.9 → 9.0.0

package/src/Icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["index.ts"],"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\nexport * from './AddPeopleIcon';\nexport * from './ArchiveIcon';\nexport * from './ArrowIcon';\nexport * from './AttachmentIcon';\nexport * from './AudioVideoIcon';\nexport * from './BlockIcon';\nexport * from './CopyIcon';\nexport * from './CallIcon';\nexport * from './CameraIcon';\nexport * from './CamIcon';\nexport * from './CheckIcon';\nexport * from './CheckRoundIcon';\nexport * from './ChevronIcon';\nexport * from './CloseIcon';\nexport * from './DeviceIcon';\nexport * from './DownloadIcon';\nexport * from './EditDocumentIcon';\nexport * from './EditIcon';\nexport * from './EnterIcon';\nexport * from './ErrorIcon';\nexport * from './FileIcon';\nexport * from './GifIcon';\nexport * from './GroupIcon';\nexport * from './HangupIcon';\nexport * from './HideIcon';\nexport * from './ImageIcon';\nexport * from './SupportIcon';\nexport * from './InfoIcon';\nexport * from './InviteIcon';\nexport * from './LeaveIcon';\nexport * from './LinkIcon';\nexport * from './ListIcon';\nexport * from './LockIcon';\nexport * from './MessageIcon';\nexport * from './MinusIcon';\nexport * from './MoreIcon';\nexport * from './MuteIcon';\nexport * from './NotificationIcon';\nexport * from './NotificationOffIcon';\nexport * from './OptionsIcon';\nexport * from './GridIcon';\nexport * from './PeopleIcon';\nexport * from './PingIcon';\nexport * from './PlaneIcon';\nexport * from './PlusIcon';\nexport * from './ProfileIcon';\nexport * from './RecordIcon';\nexport * from './RecordBoldIcon';\nexport * from './RecordPendingIcon';\nexport * from './ReloadIcon';\nexport * from './ScreenshareIcon';\nexport * from './SearchIcon';\nexport * from './ServicesIcon';\nexport * from './SettingsIcon';\nexport * from './ShowIcon';\nexport * from './SignIcon';\nexport * from './SpeakerIcon';\nexport * from './TeamIcon';\nexport * from './TimedIcon';\nexport * from './TrashIcon';\nexport * from './TrashCrossIcon';\nexport * from './TriangleIcon';\nexport * from './UploadIcon';\nexport * from './WireIcon';\n\n// Brand Icons\nexport * from './Brand/AndroidIcon';\nexport * from './Brand/AppleIcon';\nexport * from './Brand/ChromeIcon';\nexport * from './Brand/FacebookIcon';\nexport * from './Brand/GitHubIcon';\nexport * from './Brand/LinkedInIcon';\nexport * from './Brand/LinuxIcon';\nexport * from './Brand/MicrosoftIcon';\nexport * from './Brand/TwitterIcon';\n"],"mappings":";;;;;AAmBA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAGA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/src/Identity/Animation.d.js

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

package/src/Identity/Animation.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animation.d.js","names":[],"sources":["Animation.d.ts"],"sourcesContent":["import React from 'react';\ndeclare type TransitionProps = Partial<any> & {\n    children: React.ReactNode;\n    component?: string | React.ComponentType<any>;\n};\ndeclare type OpacityProps = TransitionProps & {\n    endValue?: number;\n    startValue?: number;\n};\ndeclare type MovementProps = TransitionProps & {\n    endValue?: string;\n    startValue?: string;\n};\ndeclare type TransitionContainerProps = React.HTMLProps<any> & {\n    appear?: boolean;\n    component?: string;\n    enter?: boolean;\n    exit?: boolean;\n};\nexport declare const TransitionContainer: (props: TransitionContainerProps) => JSX.Element;\nexport declare const Transition: ({ animationStyle, timeout, component, children, ...props }: TransitionProps) => JSX.Element;\nexport declare const Opacity: ({ startValue, endValue, timeout, ...props }: OpacityProps) => JSX.Element;\nexport declare const YAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;\nexport declare const XAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;\nexport declare const Slide: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;\nexport declare const LeftRightMovement: (props: any) => JSX.Element;\nexport declare const RightLeftMovement: (props: any) => JSX.Element;\nexport declare const TopDownMovement: (props: any) => JSX.Element;\nexport declare const BottomUpMovement: (props: any) => JSX.Element;\nexport {};\n"],"mappings":""}

package/src/Identity/Animation.js

@@ -1,221 +0,0 @@
-"use strict";
-
-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 _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _motions = require("./motions");
-var _excluded = ["animationStyle", "timeout", "component", "children"],
-  _excluded2 = ["startValue", "endValue", "timeout"],
-  _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
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-var _require = require('react-transition-group'),
-  CSSTransition = _require.CSSTransition,
-  TransitionGroup = _require.TransitionGroup;
-var TransitionContainer = function TransitionContainer(props) {
-  return /*#__PURE__*/_react2["default"].createElement(TransitionGroup, props);
-};
-exports.TransitionContainer = TransitionContainer;
-var Transition = function Transition(_ref) {
-  var animationStyle = _ref.animationStyle,
-    timeout = _ref.timeout,
-    _ref$component = _ref.component,
-    component = _ref$component === void 0 ? 'div' : _ref$component,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react2["default"].createElement(_react.ClassNames, null, function (_ref2) {
-    var css = _ref2.css;
-    return /*#__PURE__*/_react2["default"].createElement(CSSTransition, _extends({
-      timeout: timeout,
-      classNames: css(animationStyle)
-    }, props), component ? /*#__PURE__*/_react2["default"].createElement(component, {}, children) : children);
-  });
-};
-exports.Transition = Transition;
-var Opacity = function Opacity(_ref3) {
-  var _ref3$startValue = _ref3.startValue,
-    startValue = _ref3$startValue === void 0 ? 0 : _ref3$startValue,
-    _ref3$endValue = _ref3.endValue,
-    endValue = _ref3$endValue === void 0 ? 1 : _ref3$endValue,
-    _ref3$timeout = _ref3.timeout,
-    timeout = _ref3$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref3$timeout,
-    props = _objectWithoutProperties(_ref3, _excluded2);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
-    animationStyle: {
-      '&-enter': {
-        opacity: startValue
-      },
-      '&-enter-active': {
-        opacity: endValue,
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit': {
-        opacity: endValue
-      },
-      '&-exit-active': {
-        opacity: startValue,
-        pointerEvents: 'none',
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit-done': {
-        opacity: startValue
-      }
-    },
-    timeout: timeout
-  }, props));
-};
-exports.Opacity = Opacity;
-var YAxisMovement = function YAxisMovement(_ref4) {
-  var _ref4$startValue = _ref4.startValue,
-    startValue = _ref4$startValue === void 0 ? '-100%' : _ref4$startValue,
-    _ref4$endValue = _ref4.endValue,
-    endValue = _ref4$endValue === void 0 ? '0%' : _ref4$endValue,
-    _ref4$timeout = _ref4.timeout,
-    timeout = _ref4$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref4$timeout,
-    props = _objectWithoutProperties(_ref4, _excluded3);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
-    animationStyle: {
-      '&-enter': {
-        transform: "translateY(".concat(startValue, ")")
-      },
-      '&-enter-active': {
-        transform: "translateY(".concat(endValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit': {
-        transform: "translateY(".concat(endValue, ")")
-      },
-      '&-exit-active': {
-        pointerEvents: 'none',
-        transform: "translateY(".concat(startValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit-done': {
-        transform: "translateY(".concat(startValue, ")")
-      }
-    },
-    timeout: timeout
-  }, props));
-};
-exports.YAxisMovement = YAxisMovement;
-var XAxisMovement = function XAxisMovement(_ref5) {
-  var _ref5$startValue = _ref5.startValue,
-    startValue = _ref5$startValue === void 0 ? '-100%' : _ref5$startValue,
-    _ref5$endValue = _ref5.endValue,
-    endValue = _ref5$endValue === void 0 ? '0%' : _ref5$endValue,
-    _ref5$timeout = _ref5.timeout,
-    timeout = _ref5$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref5$timeout,
-    props = _objectWithoutProperties(_ref5, _excluded4);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
-    animationStyle: {
-      '&-enter': {
-        transform: "translateX(".concat(startValue, ")")
-      },
-      '&-enter-active': {
-        transform: "translateX(".concat(endValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit': {
-        transform: "translateX(".concat(endValue, ")")
-      },
-      '&-exit-active': {
-        pointerEvents: 'none',
-        transform: "translateX(".concat(startValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit-done': {
-        transform: "translateX(".concat(startValue, ")")
-      }
-    },
-    timeout: timeout
-  }, props));
-};
-exports.XAxisMovement = XAxisMovement;
-var Slide = function Slide(_ref6) {
-  var _ref6$startValue = _ref6.startValue,
-    startValue = _ref6$startValue === void 0 ? '-100%' : _ref6$startValue,
-    _ref6$endValue = _ref6.endValue,
-    endValue = _ref6$endValue === void 0 ? '0%' : _ref6$endValue,
-    _ref6$timeout = _ref6.timeout,
-    timeout = _ref6$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref6$timeout,
-    props = _objectWithoutProperties(_ref6, _excluded5);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, _extends({
-    animationStyle: {
-      '&-enter': {
-        marginTop: startValue
-      },
-      '&-enter-active': {
-        marginTop: endValue,
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit': {
-        marginTop: endValue
-      },
-      '&-exit-active': {
-        marginTop: startValue,
-        pointerEvents: 'none',
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit-done': {
-        marginTop: startValue
-      }
-    },
-    timeout: timeout
-  }, props));
-};
-exports.Slide = Slide;
-var LeftRightMovement = function LeftRightMovement(props) {
-  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, _extends({
-    startValue: "100vh",
-    endValue: "0vh"
-  }, props));
-};
-exports.RightLeftMovement = RightLeftMovement;
-var TopDownMovement = function TopDownMovement(props) {
-  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, _extends({
-    startValue: "100%",
-    endValue: "0%"
-  }, props));
-};
-exports.BottomUpMovement = BottomUpMovement;
-//# sourceMappingURL=Animation.js.map

package/src/Identity/Animation.js.map

@@ -1 +0,0 @@
-{"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/Animation.md

@@ -1,110 +0,0 @@
-Demo:
-
-```js
-import {useState} from 'react';
-import {
-  BottomUpMovement,
-  Button,
-  Column,
-  Columns,
-  Container,
-  LeftRightMovement,
-  Opacity,
-  RightLeftMovement,
-  TopDownMovement,
-  XAxisMovement,
-  YAxisMovement,
-} from '@wireapp/react-ui-kit';
-
-const [animateBottomUp, setAnimateBottomUp] = useState(false);
-const [animateCombined, setAnimateCombined] = useState(false);
-const [animateLeftRight, setAnimateLeftRight] = useState(false);
-const [animateOpacity, setAnimateOpacity] = useState(true);
-const [animateRightLeft, setAnimateRightLeft] = useState(false);
-const [animateTopDown, setAnimateTopDown] = useState(false);
-const [animateXAxis, setAnimateXAxis] = useState(false);
-const [animateYAxis, setAnimateYAxis] = useState(false);
-
-<Container>
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateOpacity(!animateOpacity)}>{'Toggle Opacity Animation'}</Button>
-    </Column>
-    <Column>
-      <Opacity in={animateOpacity} startValue={'0'} endValue={'1'}>
-        {'Opacity'}
-      </Opacity>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateTopDown(!animateTopDown)}>{'Toggle TopDown Animation'}</Button>
-    </Column>
-    <Column>
-      <TopDownMovement in={animateTopDown}>{'TopDown'}</TopDownMovement>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateBottomUp(!animateBottomUp)}>{'Toggle BottomUp Animation'}</Button>
-    </Column>
-    <Column>
-      <BottomUpMovement in={animateBottomUp}>{'BottomUpMovement'}</BottomUpMovement>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateYAxis(!animateYAxis)}>{'Toggle YAxis Animation'}</Button>
-    </Column>
-    <Column>
-      <YAxisMovement in={animateYAxis} startValue={'50%'} endValue={'-50%'}>
-        {'YAxisMovement'}
-      </YAxisMovement>
-    </Column>
-  </Columns>
-
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateLeftRight(!animateLeftRight)}>{'Toggle LeftRight Animation'}</Button>
-    </Column>
-    <Column>
-      <LeftRightMovement in={animateLeftRight}>{'LeftRightMovement'}</LeftRightMovement>
-    </Column>
-  </Columns>
-
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateXAxis(!animateXAxis)}>{'Toggle XAxis Animation'}</Button>
-    </Column>
-    <Column>
-      <XAxisMovement in={animateXAxis} startValue={'10vh'} endValue={'-10vh'}>
-        {'XAxisMovement'}
-      </XAxisMovement>
-    </Column>
-  </Columns>
-
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateRightLeft(!animateRightLeft)}>{'Toggle RightLeft Animation'}</Button>
-    </Column>
-    <Column>
-      <RightLeftMovement in={animateRightLeft}>{'RightLeftMovement'}</RightLeftMovement>
-    </Column>
-  </Columns>
-
-  <Columns>
-    <Column>
-      <Button onClick={() => setAnimateCombined(!animateCombined)}>{'Toggle Combined Animation'}</Button>
-    </Column>
-    <Column>
-      <TopDownMovement in={animateCombined}>
-        <Opacity in={animateCombined}>
-          <XAxisMovement in={animateCombined} startValue={'40vh'} endValue={'10vh'}>
-            {'Combined Animation'}
-          </XAxisMovement>
-        </Opacity>
-      </TopDownMovement>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Identity/Avatar.d.js

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

package/src/Identity/Avatar.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.js","names":[],"sources":["Avatar.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport { IsInViewportProps } from '../Misc/';\nexport declare const DEFAULT_AVATAR_SIZE = 28;\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}\nexport declare const Avatar: (props: AvatarProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Identity/Avatar.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_AVATAR_SIZE = exports.Avatar = void 0;
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _Misc = require("../Misc/");
-var _util = require("../util");
-var _colors = require("./colors");
-var _motions = require("./motions");
-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) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? _colors.COLOR.WHITE : _ref$color,
-    url = _ref.url,
-    borderColor = _ref.borderColor,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY : _ref$backgroundColor,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? DEFAULT_AVATAR_SIZE : _ref$size,
-    isAvatarGridItem = _ref.isAvatarGridItem;
-  var BORDER_SIZE_LIMIT = 32;
-  var borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;
-  var borderWidth = url ? 0 : borderSize;
-  var fontSize = "".concat(Math.ceil(size / 2.2), "px");
-  return {
-    alignItems: 'center',
-    backgroundColor: backgroundColor,
-    borderRadius: isAvatarGridItem ? '0' : '50%',
-    boxShadow: isAvatarGridItem ? 'none' : "inset 0 0 0 ".concat(borderWidth, "px ").concat(borderColor),
-    color: color,
-    display: 'flex',
-    fontSize: fontSize,
-    fontWeight: isAvatarGridItem ? 700 : 300,
-    height: "".concat(size, "px"),
-    justifyContent: 'center',
-    minHeight: "".concat(size, "px"),
-    minWidth: "".concat(size, "px"),
-    overflow: 'hidden',
-    width: "".concat(size, "px")
-  };
-};
-var filteredAvatarProps = function filteredAvatarProps(props) {
-  return (0, _util.filterProps)(props, ['size', 'forceInitials', 'name', 'url', 'borderColor', 'backgroundColor', 'fetchImage', 'isAvatarGridItem']);
-};
-var Avatar = function Avatar(props) {
-  var url = props.url,
-    forceInitials = props.forceInitials,
-    name = props.name,
-    fetchImage = props.fetchImage,
-    isAvatarGridItem = props.isAvatarGridItem;
-  var _useState = (0, _react2.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scale = _useState2[0],
-    setScale = _useState2[1];
-  (0, _react2.useEffect)(function () {
-    if (url) {
-      requestAnimationFrame(function () {
-        return setScale(1);
-      });
-    }
-  }, [url]);
-  var getInitials = function getInitials() {
-    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return name.split(' ').filter(Boolean).map(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        initial = _ref3[0];
-      return initial.toUpperCase();
-    }).join('').substring(0, isAvatarGridItem ? 1 : 2);
-  };
-  return (0, _react.jsx)(_Misc.IsInViewport, _extends({
-    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, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)({
-      backgroundImage: url && "url(".concat(url, ")"),
-      backgroundPosition: 'center',
-      backgroundSize: 'cover',
-      borderRadius: isAvatarGridItem ? '0' : '50%',
-      minHeight: '100%',
-      minWidth: '100%',
-      opacity: scale,
-      transform: "scale(".concat(scale, ")"),
-      transition: "all ".concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.QUART),
-      width: '100%'
-    }, 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= */")
-  }));
-};
-exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar.js.map

package/src/Identity/Avatar.js.map

@@ -1 +0,0 @@
-{"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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"}

package/src/Identity/Avatar.md

@@ -1,59 +0,0 @@
-Demo:
-
-```js
-import {useState, useCallback} from 'react';
-import {Logo, COLOR, Avatar} from '@wireapp/react-ui-kit';
-
-const avatarBase64 =
-  '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';
-
-const base64ToArray = base64 => {
-  return new Uint8Array(Array.from(atob(base64)).map(letter => letter.charCodeAt(0)));
-};
-const imageArray = base64ToArray(avatarBase64);
-const imageBlob = new Blob([imageArray], {type: 'image/png'});
-const imageUrl = window.URL.createObjectURL(imageBlob);
-const FETCH_IMAGE_TIMEOUT_MS = 2000;
-const [imageData, setImageData] = useState(null);
-
-<div
-  style={{
-    alignItems: 'center',
-    display: 'grid',
-    gridGap: 16,
-    gridTemplateColumns: 'repeat(6, 1fr)',
-    justifyItems: 'center',
-  }}
->
-  <Avatar
-    size={120}
-    name={'Joe Do'}
-    forceInitials={false}
-    url={imageUrl}
-    borderColor={'#fb0807'}
-    backgroundColor={'#2085C2'}
-  />
-  <Avatar
-    size={120}
-    name={'Jon Bon Jovi'}
-    forceInitials={true}
-    borderColor={'#fb0807'}
-    backgroundColor={'#2085C2'}
-    fetchImage={useCallback(() => {
-      console.info('Trying to fetch asset');
-      setImageData(imageUrl);
-    }, [])}
-  />
-  <Avatar
-    size={64}
-    name={'Joe Do'}
-    forceInitials={false}
-    url={imageUrl}
-    borderColor={'#fb0807'}
-    backgroundColor={'#2085C2'}
-  />
-  <Avatar size={64} name={'Joe Do'} backgroundColor={'#2085C2'} />
-  <Avatar size={32} name={'Joe Do'} borderColor={'#fb0807'} backgroundColor={'#2085C2'} />
-  <Avatar name={'Joe Do'} borderColor={'#fb0807'} backgroundColor={'#2085C2'} />
-</div>;
-```

package/src/Identity/AvatarGrid.d.js

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

package/src/Identity/AvatarGrid.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGrid.d.js","names":[],"sources":["AvatarGrid.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nimport { AvatarProps } from '../Identity/';\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}\nexport declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}