@wireapp/react-ui-kit 8.17.1 → 8.17.3

package/src/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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"],"file":"index.js"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Animation.d.js"}
+{"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,28 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
-
+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");
-
 var _excluded = ["animationStyle", "timeout", "component", "children"],
-    _excluded2 = ["startValue", "endValue", "timeout"],
-    _excluded3 = ["startValue", "endValue", "timeout"],
-    _excluded4 = ["startValue", "endValue", "timeout"],
-    _excluded5 = ["startValue", "endValue", "timeout"];
-
+  _excluded2 = ["startValue", "endValue", "timeout"],
+  _excluded3 = ["startValue", "endValue", "timeout"],
+  _excluded4 = ["startValue", "endValue", "timeout"],
+  _excluded5 = ["startValue", "endValue", "timeout"];
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -41,23 +33,21 @@ var _excluded = ["animationStyle", "timeout", "component", "children"],
  * 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 _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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    timeout = _ref.timeout,
+    _ref$component = _ref.component,
+    component = _ref$component === void 0 ? 'div' : _ref$component,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_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"])({
@@ -66,17 +56,15 @@ var Transition = function Transition(_ref) {
     }, 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 = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+    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 = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
   return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
@@ -101,17 +89,15 @@ var Opacity = function Opacity(_ref3) {
     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 = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
+    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 = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
   return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
@@ -136,17 +122,15 @@ var YAxisMovement = function YAxisMovement(_ref4) {
     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 = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
+    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 = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
   return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
@@ -171,17 +155,15 @@ var XAxisMovement = function XAxisMovement(_ref5) {
     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 = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
+    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 = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
   return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
     animationStyle: {
       '&-enter': {
@@ -206,42 +188,33 @@ var Slide = function Slide(_ref6) {
     timeout: timeout
   }, props));
 };
-
 exports.Slide = Slide;
-
 var LeftRightMovement = function LeftRightMovement(props) {
   return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
     startValue: "-100vh",
     endValue: "0vh"
   }, props));
 };
-
 exports.LeftRightMovement = LeftRightMovement;
-
 var RightLeftMovement = function RightLeftMovement(props) {
   return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
     startValue: "100vh",
     endValue: "0vh"
   }, props));
 };
-
 exports.RightLeftMovement = RightLeftMovement;
-
 var TopDownMovement = function TopDownMovement(props) {
   return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
     startValue: "-100%",
     endValue: "0%"
   }, props));
 };
-
 exports.TopDownMovement = TopDownMovement;
-
 var BottomUpMovement = function BottomUpMovement(props) {
   return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
     startValue: "100%",
     endValue: "0%"
   }, props));
 };
-
 exports.BottomUpMovement = BottomUpMovement;
 //# sourceMappingURL=Animation.js.map

package/src/Identity/Animation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Animation.tsx"],"names":["require","CSSTransition","TransitionGroup","TransitionContainer","props","Transition","animationStyle","timeout","component","children","css","React","createElement","Opacity","startValue","endValue","DURATION","DEFAULT","opacity","transition","EASE","QUART","pointerEvents","YAxisMovement","transform","EXPONENTIAL","XAxisMovement","Slide","marginTop","LeftRightMovement","RightLeftMovement","TopDownMovement","BottomUpMovement"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nconst {CSSTransition, TransitionGroup} = require('react-transition-group');\nimport {ClassNames} from '@emotion/react';\nimport React from 'react';\n\nimport {DURATION, EASE} from './motions';\n\ntype TransitionProps = Partial<any> & {\n  children: React.ReactNode;\n  component?: string | React.ComponentType<any>;\n};\n\ntype OpacityProps = TransitionProps & {\n  endValue?: number;\n  startValue?: number;\n};\n\ntype MovementProps = TransitionProps & {\n  endValue?: string;\n  startValue?: string;\n};\n\ntype TransitionContainerProps = React.HTMLProps<any> & {\n  appear?: boolean;\n  component?: string;\n  enter?: boolean;\n  exit?: boolean;\n};\n\nexport const TransitionContainer = (props: TransitionContainerProps) => <TransitionGroup {...props} />;\n\nexport const Transition = ({animationStyle, timeout, component = 'div', children, ...props}: TransitionProps) => (\n  <ClassNames>\n    {({css}) => (\n      <CSSTransition timeout={timeout} classNames={css(animationStyle)} {...props}>\n        {component ? React.createElement(component, {}, children) : children}\n      </CSSTransition>\n    )}\n  </ClassNames>\n);\n\nexport const Opacity = ({startValue = 0, endValue = 1, timeout = DURATION.DEFAULT, ...props}: OpacityProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {opacity: startValue},\n      '&-enter-active': {\n        opacity: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {opacity: endValue},\n      '&-exit-active': {\n        opacity: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {opacity: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const YAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateY(${startValue})`},\n      '&-enter-active': {\n        transform: `translateY(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateY(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateY(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateY(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const XAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateX(${startValue})`},\n      '&-enter-active': {\n        transform: `translateX(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateX(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateX(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateX(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const Slide = ({startValue = '-100%', endValue = '0%', timeout = DURATION.DEFAULT, ...props}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {marginTop: startValue},\n      '&-enter-active': {\n        marginTop: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {marginTop: endValue},\n      '&-exit-active': {\n        marginTop: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {marginTop: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const LeftRightMovement = props => <XAxisMovement startValue=\"-100vh\" endValue=\"0vh\" {...props} />;\nexport const RightLeftMovement = props => <XAxisMovement startValue=\"100vh\" endValue=\"0vh\" {...props} />;\n\nexport const TopDownMovement = props => <YAxisMovement startValue=\"-100%\" endValue=\"0%\" {...props} />;\nexport const BottomUpMovement = props => <YAxisMovement startValue=\"100%\" endValue=\"0%\" {...props} />;\n"],"file":"Animation.js"}
+{"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.d.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"AvatarGrid.d.js"}
+{"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":""}

package/src/Identity/AvatarGrid.js

@@ -1,43 +1,29 @@
 "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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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; }
 var avatarGridStyle = function avatarGridStyle(_ref) {
   var borderWidth = _ref.borderWidth,
-      size = _ref.size,
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$backgroundColor,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$borderColor;
+    size = _ref.size,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$backgroundColor,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$borderColor;
   return {
     alignItems: 'start',
     backgroundColor: backgroundColor,
@@ -54,33 +40,27 @@ var avatarGridStyle = function avatarGridStyle(_ref) {
     width: "".concat(size, "px")
   };
 };
-
 var filteredAvatarGridProps = function filteredAvatarGridProps(props) {
   return (0, _util.filterProps)(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);
 };
-
 var AvatarGrid = function AvatarGrid(_ref2) {
   var _ref2$borderWidth = _ref2.borderWidth,
-      borderWidth = _ref2$borderWidth === void 0 ? 1 : _ref2$borderWidth,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? _Avatar.DEFAULT_AVATAR_SIZE : _ref2$size,
-      items = _ref2.items,
-      fetchImages = _ref2.fetchImages,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-
+    borderWidth = _ref2$borderWidth === void 0 ? 1 : _ref2$borderWidth,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? _Avatar.DEFAULT_AVATAR_SIZE : _ref2$size,
+    items = _ref2.items,
+    fetchImages = _ref2.fetchImages,
+    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var allProps = _objectSpread({
     borderWidth: borderWidth,
     items: items,
     size: size
   }, props);
-
   var slicedItems = items.slice(0, 4);
   var missing = 4 - slicedItems.length;
-
   for (var index = 0; index < missing; index++) {
     slicedItems.push(null);
   }
-
   return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
     checkViewportOnce: true,
     onEnterViewport: fetchImages,
@@ -109,6 +89,5 @@ var AvatarGrid = function AvatarGrid(_ref2) {
     });
   }));
 };
-
 exports.AvatarGrid = AvatarGrid;
 //# sourceMappingURL=AvatarGrid.js.map

package/src/Identity/AvatarGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AvatarGrid.tsx"],"names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","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"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport 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"],"file":"AvatarGrid.js"}
+{"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":";;;;;;;;AAoBA;AAA8C;AAAA;AAC9C;AAGA;AACA;AACA;AACA;AAA+B;AAAA;AAAA;AAW/B,IAAMA,eAAkD,GAAG,SAArDA,eAAkD,OAKlD;EAAA,IAJJC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IAAA,4BACJC,eAAe;IAAfA,eAAe,qCAAGC,aAAK,CAACC,cAAc;IAAA,wBACtCC,WAAW;IAAXA,WAAW,iCAAGF,aAAK,CAACC,cAAc;EAElC,OAAO;IACLE,UAAU,EAAE,OAAO;IACnBJ,eAAe,EAAEA,eAAe;IAChCK,MAAM,YAAKP,WAAW,sBAAYK,WAAW,CAAE;IAC/CG,YAAY,EAAE,KAAK;IACnBC,OAAO,EAAE,MAAM;IACfC,OAAO,EAAEV,WAAW;IACpBW,mBAAmB,EAAE,gBAAgB;IACrCC,gBAAgB,EAAE,gBAAgB;IAClCC,MAAM,YAAKZ,IAAI,OAAI;IACnBa,YAAY,EAAE,QAAQ;IACtBC,QAAQ,YAAKd,IAAI,OAAI;IACrBe,QAAQ,EAAE,QAAQ;IAClBC,KAAK,YAAKhB,IAAI;EAChB,CAAC;AACH,CAAC;AAED,IAAMiB,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,KAAY;EAAA,OAC3C,IAAAC,iBAAW,EAACD,KAAK,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;AAAA;AAEjF,IAAME,UAAU,GAAG,SAAbA,UAAU,QAA2F;EAAA,8BAAtFrB,WAAW;IAAXA,WAAW,kCAAG,CAAC;IAAA,mBAAEC,IAAI;IAAJA,IAAI,2BAAGqB,2BAAmB;IAAEC,KAAK,SAALA,KAAK;IAAEC,WAAW,SAAXA,WAAW;IAAKL,KAAK;EACnG,IAAMM,QAAQ;IAAIzB,WAAW,EAAXA,WAAW;IAAEuB,KAAK,EAALA,KAAK;IAAEtB,IAAI,EAAJA;EAAI,GAAKkB,KAAK,CAAC;EACrD,IAAMO,WAAW,GAAGH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;EACrC,IAAMC,OAAO,GAAG,CAAC,GAAGF,WAAW,CAACG,MAAM;EACtC,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGF,OAAO,EAAEE,KAAK,EAAE,EAAE;IAC5CJ,WAAW,CAACK,IAAI,CAAC,IAAI,CAAC;EACxB;EACA,OACE,gBAAC,kBAAY;IACX,iBAAiB;IACjB,eAAe,EAAEP,WAAY;IAC7B,GAAG,EAAEzB,eAAe,CAAC0B,QAAQ;EAAE,GAC3BP,uBAAuB,CAACO,QAAQ,CAAC,GAEpCC,WAAW,CAACM,GAAG,CAAC,UAAAC,IAAI;IAAA,OACnBA,IAAI,GACF,gBAAC,cAAM;MACL,GAAG,EAAEC,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,EAAG;MAC9B,eAAe,EAAEH,IAAI,CAAC/B,eAAe,IAAIC,aAAK,CAACkC,cAAe;MAC9D,GAAG,EAAEJ,IAAI,CAACK,GAAI;MACd,KAAK,EAAEL,IAAI,CAACM,KAAM;MAClB,aAAa,EAAEN,IAAI,CAACO,aAAc;MAClC,gBAAgB;MAChB,IAAI,EAAEP,IAAI,CAACQ,IAAK;MAChB,IAAI,EAAExC,IAAI,GAAG,CAAC,GAAGD,WAAY;MAC7B,KAAK,EAAE;QAACa,MAAM,EAAE,MAAM;QAAEI,KAAK,EAAE;MAAM;IAAE,EACvC,GAEF;MACE,GAAG,EAAEiB,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,EAAG;MAC9B,GAAG,+BAAE;QACHlC,eAAe,EAAEC,aAAK,CAACkC,cAAc;QACrCxB,MAAM,EAAE,MAAM;QACdI,KAAK,EAAE;MACT,CAAC;IAAC,EAEL;EAAA,EACF,CACY;AAEnB,CAAC;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Logo.d.js"}
+{"version":3,"file":"Logo.d.js","names":[],"sources":["Logo.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport { SVGIconProps } from '../Icon/SVGIcon';\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n    hover?: boolean;\n}\nexport declare const Logo: ({ hover, ...props }: LogoProps) => jsx.JSX.Element;\n"],"mappings":""}