@wireapp/react-ui-kit 9.0.3 → 9.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Form/Button.d.ts +3 -3
- package/lib/Form/Button.d.ts.map +1 -0
- package/lib/Form/Button.js +2 -22
- package/lib/Form/ButtonLink.d.ts +3 -3
- package/lib/Form/ButtonLink.d.ts.map +1 -0
- package/lib/Form/ButtonLink.js +5 -25
- package/lib/Form/Checkbox.d.ts +6 -7
- package/lib/Form/Checkbox.d.ts.map +1 -0
- package/lib/Form/Checkbox.js +37 -41
- package/lib/Form/CodeInput.d.ts +2 -3
- package/lib/Form/CodeInput.d.ts.map +1 -0
- package/lib/Form/CodeInput.js +32 -28
- package/lib/Form/DropFileInput.d.ts +4 -4
- package/lib/Form/DropFileInput.d.ts.map +1 -0
- package/lib/Form/DropFileInput.js +20 -30
- package/lib/Form/ErrorMessage.d.ts +4 -4
- package/lib/Form/ErrorMessage.d.ts.map +1 -0
- package/lib/Form/ErrorMessage.js +2 -23
- package/lib/Form/Form.d.ts +3 -4
- package/lib/Form/Form.d.ts.map +1 -0
- package/lib/Form/Form.js +2 -22
- package/lib/Form/Input.d.ts +4 -3
- package/lib/Form/Input.d.ts.map +1 -0
- package/lib/Form/Input.js +33 -44
- package/lib/Form/InputBlock.d.ts +4 -5
- package/lib/Form/InputBlock.d.ts.map +1 -0
- package/lib/Form/InputBlock.js +4 -23
- package/lib/Form/InputLabel.d.ts +2 -1
- package/lib/Form/InputLabel.d.ts.map +1 -0
- package/lib/Form/InputLabel.js +5 -26
- package/lib/Form/InputSubmitCombo.d.ts +3 -4
- package/lib/Form/InputSubmitCombo.d.ts.map +1 -0
- package/lib/Form/InputSubmitCombo.js +16 -18
- package/lib/Form/RangeInput.d.ts +2 -2
- package/lib/Form/RangeInput.d.ts.map +1 -0
- package/lib/Form/RangeInput.js +22 -28
- package/lib/Form/RangeInput.styles.d.ts +1 -0
- package/lib/Form/RangeInput.styles.d.ts.map +1 -0
- package/lib/Form/RangeInput.styles.js +0 -1
- package/lib/Form/RoundIconButton.d.ts +3 -3
- package/lib/Form/RoundIconButton.d.ts.map +1 -0
- package/lib/Form/RoundIconButton.js +3 -23
- package/lib/Form/Select.d.ts +5 -5
- package/lib/Form/Select.d.ts.map +1 -0
- package/lib/Form/Select.js +13 -37
- package/lib/Form/SelectComponents.d.ts +8 -11
- package/lib/Form/SelectComponents.d.ts.map +1 -0
- package/lib/Form/SelectComponents.js +32 -49
- package/lib/Form/SelectStyles.d.ts +7 -6
- package/lib/Form/SelectStyles.d.ts.map +1 -0
- package/lib/Form/SelectStyles.js +1 -2
- package/lib/Form/ShakeBox.d.ts +3 -2
- package/lib/Form/ShakeBox.d.ts.map +1 -0
- package/lib/Form/ShakeBox.js +27 -27
- package/lib/Form/Switch.d.ts +2 -3
- package/lib/Form/Switch.d.ts.map +1 -0
- package/lib/Form/Switch.js +57 -67
- package/lib/Form/TextArea.d.ts +3 -3
- package/lib/Form/TextArea.d.ts.map +1 -0
- package/lib/Form/TextArea.js +29 -10
- package/lib/Form/Tooltip.d.ts +3 -4
- package/lib/Form/Tooltip.d.ts.map +1 -0
- package/lib/Form/Tooltip.js +2 -22
- package/lib/Form/index.d.ts +1 -1
- package/lib/Form/index.d.ts.map +1 -0
- package/lib/Form/index.js +0 -2
- package/lib/GlobalCssVariables.d.ts +1 -1
- package/lib/GlobalCssVariables.d.ts.map +1 -0
- package/lib/GlobalCssVariables.js +0 -1
- package/lib/GlobalStyle.d.ts +1 -0
- package/lib/GlobalStyle.d.ts.map +1 -0
- package/lib/GlobalStyle.js +7 -8
- package/lib/Icon/AddPeopleIcon.d.ts +2 -3
- package/lib/Icon/AddPeopleIcon.d.ts.map +1 -0
- package/lib/Icon/AddPeopleIcon.js +15 -18
- package/lib/Icon/ArchiveIcon.d.ts +2 -3
- package/lib/Icon/ArchiveIcon.d.ts.map +1 -0
- package/lib/Icon/ArchiveIcon.js +4 -7
- package/lib/Icon/ArrowDown.d.ts +2 -1
- package/lib/Icon/ArrowDown.d.ts.map +1 -0
- package/lib/Icon/ArrowDown.js +15 -20
- package/lib/Icon/ArrowIcon.d.ts +2 -3
- package/lib/Icon/ArrowIcon.d.ts.map +1 -0
- package/lib/Icon/ArrowIcon.js +15 -18
- package/lib/Icon/AttachmentIcon.d.ts +2 -3
- package/lib/Icon/AttachmentIcon.d.ts.map +1 -0
- package/lib/Icon/AttachmentIcon.js +4 -7
- package/lib/Icon/AudioVideoIcon.d.ts +2 -3
- package/lib/Icon/AudioVideoIcon.d.ts.map +1 -0
- package/lib/Icon/AudioVideoIcon.js +4 -7
- package/lib/Icon/BlockIcon.d.ts +2 -3
- package/lib/Icon/BlockIcon.d.ts.map +1 -0
- package/lib/Icon/BlockIcon.js +4 -7
- package/lib/Icon/Brand/AndroidIcon.d.ts +2 -3
- package/lib/Icon/Brand/AndroidIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/AndroidIcon.js +4 -7
- package/lib/Icon/Brand/AppleIcon.d.ts +2 -3
- package/lib/Icon/Brand/AppleIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/AppleIcon.js +4 -7
- package/lib/Icon/Brand/ChromeIcon.d.ts +2 -3
- package/lib/Icon/Brand/ChromeIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/ChromeIcon.js +4 -7
- package/lib/Icon/Brand/FacebookIcon.d.ts +2 -3
- package/lib/Icon/Brand/FacebookIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/FacebookIcon.js +4 -7
- package/lib/Icon/Brand/GitHubIcon.d.ts +2 -3
- package/lib/Icon/Brand/GitHubIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/GitHubIcon.js +4 -7
- package/lib/Icon/Brand/LinkedInIcon.d.ts +2 -3
- package/lib/Icon/Brand/LinkedInIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/LinkedInIcon.js +4 -7
- package/lib/Icon/Brand/LinuxIcon.d.ts +2 -3
- package/lib/Icon/Brand/LinuxIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/LinuxIcon.js +4 -7
- package/lib/Icon/Brand/MicrosoftIcon.d.ts +2 -3
- package/lib/Icon/Brand/MicrosoftIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/MicrosoftIcon.js +4 -7
- package/lib/Icon/Brand/TwitterIcon.d.ts +2 -3
- package/lib/Icon/Brand/TwitterIcon.d.ts.map +1 -0
- package/lib/Icon/Brand/TwitterIcon.js +4 -7
- package/lib/Icon/CallIcon.d.ts +2 -3
- package/lib/Icon/CallIcon.d.ts.map +1 -0
- package/lib/Icon/CallIcon.js +4 -7
- package/lib/Icon/CamIcon.d.ts +2 -3
- package/lib/Icon/CamIcon.d.ts.map +1 -0
- package/lib/Icon/CamIcon.js +4 -7
- package/lib/Icon/CameraIcon.d.ts +2 -3
- package/lib/Icon/CameraIcon.d.ts.map +1 -0
- package/lib/Icon/CameraIcon.js +15 -18
- package/lib/Icon/CheckIcon.d.ts +2 -3
- package/lib/Icon/CheckIcon.d.ts.map +1 -0
- package/lib/Icon/CheckIcon.js +4 -7
- package/lib/Icon/CheckRoundIcon.d.ts +2 -3
- package/lib/Icon/CheckRoundIcon.d.ts.map +1 -0
- package/lib/Icon/CheckRoundIcon.js +4 -7
- package/lib/Icon/ChevronIcon.d.ts +2 -3
- package/lib/Icon/ChevronIcon.d.ts.map +1 -0
- package/lib/Icon/ChevronIcon.js +15 -18
- package/lib/Icon/CloseIcon.d.ts +2 -3
- package/lib/Icon/CloseIcon.d.ts.map +1 -0
- package/lib/Icon/CloseIcon.js +4 -7
- package/lib/Icon/CopyIcon.d.ts +2 -3
- package/lib/Icon/CopyIcon.d.ts.map +1 -0
- package/lib/Icon/CopyIcon.js +4 -7
- package/lib/Icon/DeviceIcon.d.ts +2 -3
- package/lib/Icon/DeviceIcon.d.ts.map +1 -0
- package/lib/Icon/DeviceIcon.js +4 -7
- package/lib/Icon/DownloadIcon.d.ts +2 -3
- package/lib/Icon/DownloadIcon.d.ts.map +1 -0
- package/lib/Icon/DownloadIcon.js +4 -7
- package/lib/Icon/EditDocumentIcon.d.ts +2 -3
- package/lib/Icon/EditDocumentIcon.d.ts.map +1 -0
- package/lib/Icon/EditDocumentIcon.js +15 -18
- package/lib/Icon/EditIcon.d.ts +2 -3
- package/lib/Icon/EditIcon.d.ts.map +1 -0
- package/lib/Icon/EditIcon.js +4 -7
- package/lib/Icon/EnterIcon.d.ts +2 -3
- package/lib/Icon/EnterIcon.d.ts.map +1 -0
- package/lib/Icon/EnterIcon.js +4 -7
- package/lib/Icon/ErrorIcon.d.ts +2 -3
- package/lib/Icon/ErrorIcon.d.ts.map +1 -0
- package/lib/Icon/ErrorIcon.js +4 -10
- package/lib/Icon/FileIcon.d.ts +2 -3
- package/lib/Icon/FileIcon.d.ts.map +1 -0
- package/lib/Icon/FileIcon.js +4 -7
- package/lib/Icon/GifIcon.d.ts +2 -3
- package/lib/Icon/GifIcon.d.ts.map +1 -0
- package/lib/Icon/GifIcon.js +4 -7
- package/lib/Icon/GridIcon.d.ts +2 -3
- package/lib/Icon/GridIcon.d.ts.map +1 -0
- package/lib/Icon/GridIcon.js +15 -18
- package/lib/Icon/GroupIcon.d.ts +2 -3
- package/lib/Icon/GroupIcon.d.ts.map +1 -0
- package/lib/Icon/GroupIcon.js +4 -7
- package/lib/Icon/HangupIcon.d.ts +2 -3
- package/lib/Icon/HangupIcon.d.ts.map +1 -0
- package/lib/Icon/HangupIcon.js +4 -7
- package/lib/Icon/HideIcon.d.ts +2 -3
- package/lib/Icon/HideIcon.d.ts.map +1 -0
- package/lib/Icon/HideIcon.js +4 -7
- package/lib/Icon/ImageIcon.d.ts +2 -3
- package/lib/Icon/ImageIcon.d.ts.map +1 -0
- package/lib/Icon/ImageIcon.js +4 -7
- package/lib/Icon/InfoIcon.d.ts +2 -3
- package/lib/Icon/InfoIcon.d.ts.map +1 -0
- package/lib/Icon/InfoIcon.js +4 -7
- package/lib/Icon/InviteIcon.d.ts +2 -3
- package/lib/Icon/InviteIcon.d.ts.map +1 -0
- package/lib/Icon/InviteIcon.js +4 -7
- package/lib/Icon/LeaveIcon.d.ts +2 -3
- package/lib/Icon/LeaveIcon.d.ts.map +1 -0
- package/lib/Icon/LeaveIcon.js +4 -7
- package/lib/Icon/LinkIcon.d.ts +2 -3
- package/lib/Icon/LinkIcon.d.ts.map +1 -0
- package/lib/Icon/LinkIcon.js +15 -18
- package/lib/Icon/ListIcon.d.ts +2 -3
- package/lib/Icon/ListIcon.d.ts.map +1 -0
- package/lib/Icon/ListIcon.js +4 -7
- package/lib/Icon/LockIcon.d.ts +2 -3
- package/lib/Icon/LockIcon.d.ts.map +1 -0
- package/lib/Icon/LockIcon.js +4 -7
- package/lib/Icon/MessageIcon.d.ts +2 -3
- package/lib/Icon/MessageIcon.d.ts.map +1 -0
- package/lib/Icon/MessageIcon.js +4 -7
- package/lib/Icon/MinusIcon.d.ts +2 -3
- package/lib/Icon/MinusIcon.d.ts.map +1 -0
- package/lib/Icon/MinusIcon.js +4 -7
- package/lib/Icon/MoreIcon.d.ts +2 -3
- package/lib/Icon/MoreIcon.d.ts.map +1 -0
- package/lib/Icon/MoreIcon.js +4 -7
- package/lib/Icon/MuteIcon.d.ts +2 -3
- package/lib/Icon/MuteIcon.d.ts.map +1 -0
- package/lib/Icon/MuteIcon.js +4 -7
- package/lib/Icon/NotificationIcon.d.ts +2 -3
- package/lib/Icon/NotificationIcon.d.ts.map +1 -0
- package/lib/Icon/NotificationIcon.js +4 -7
- package/lib/Icon/NotificationOffIcon.d.ts +2 -3
- package/lib/Icon/NotificationOffIcon.d.ts.map +1 -0
- package/lib/Icon/NotificationOffIcon.js +4 -7
- package/lib/Icon/OptionsIcon.d.ts +2 -3
- package/lib/Icon/OptionsIcon.d.ts.map +1 -0
- package/lib/Icon/OptionsIcon.js +4 -7
- package/lib/Icon/PeopleIcon.d.ts +2 -3
- package/lib/Icon/PeopleIcon.d.ts.map +1 -0
- package/lib/Icon/PeopleIcon.js +15 -18
- package/lib/Icon/PingIcon.d.ts +2 -3
- package/lib/Icon/PingIcon.d.ts.map +1 -0
- package/lib/Icon/PingIcon.js +4 -7
- package/lib/Icon/PlaneIcon.d.ts +2 -3
- package/lib/Icon/PlaneIcon.d.ts.map +1 -0
- package/lib/Icon/PlaneIcon.js +4 -7
- package/lib/Icon/PlusIcon.d.ts +2 -3
- package/lib/Icon/PlusIcon.d.ts.map +1 -0
- package/lib/Icon/PlusIcon.js +4 -7
- package/lib/Icon/ProfileIcon.d.ts +2 -3
- package/lib/Icon/ProfileIcon.d.ts.map +1 -0
- package/lib/Icon/ProfileIcon.js +4 -7
- package/lib/Icon/RecordBoldIcon.d.ts +2 -3
- package/lib/Icon/RecordBoldIcon.d.ts.map +1 -0
- package/lib/Icon/RecordBoldIcon.js +19 -24
- package/lib/Icon/RecordIcon.d.ts +2 -3
- package/lib/Icon/RecordIcon.d.ts.map +1 -0
- package/lib/Icon/RecordIcon.js +4 -9
- package/lib/Icon/RecordPendingIcon.d.ts +2 -3
- package/lib/Icon/RecordPendingIcon.d.ts.map +1 -0
- package/lib/Icon/RecordPendingIcon.js +4 -9
- package/lib/Icon/ReloadIcon.d.ts +2 -3
- package/lib/Icon/ReloadIcon.d.ts.map +1 -0
- package/lib/Icon/ReloadIcon.js +4 -7
- package/lib/Icon/SVGIcon.d.ts +3 -4
- package/lib/Icon/SVGIcon.d.ts.map +1 -0
- package/lib/Icon/SVGIcon.js +2 -28
- package/lib/Icon/ScreenshareIcon.d.ts +2 -3
- package/lib/Icon/ScreenshareIcon.d.ts.map +1 -0
- package/lib/Icon/ScreenshareIcon.js +4 -7
- package/lib/Icon/SearchIcon.d.ts +2 -3
- package/lib/Icon/SearchIcon.d.ts.map +1 -0
- package/lib/Icon/SearchIcon.js +4 -7
- package/lib/Icon/ServicesIcon.d.ts +2 -3
- package/lib/Icon/ServicesIcon.d.ts.map +1 -0
- package/lib/Icon/ServicesIcon.js +4 -7
- package/lib/Icon/SettingsIcon.d.ts +2 -3
- package/lib/Icon/SettingsIcon.d.ts.map +1 -0
- package/lib/Icon/SettingsIcon.js +4 -7
- package/lib/Icon/ShowIcon.d.ts +2 -3
- package/lib/Icon/ShowIcon.d.ts.map +1 -0
- package/lib/Icon/ShowIcon.js +4 -7
- package/lib/Icon/SignIcon.d.ts +2 -3
- package/lib/Icon/SignIcon.d.ts.map +1 -0
- package/lib/Icon/SignIcon.js +4 -7
- package/lib/Icon/SpeakerIcon.d.ts +2 -3
- package/lib/Icon/SpeakerIcon.d.ts.map +1 -0
- package/lib/Icon/SpeakerIcon.js +4 -7
- package/lib/Icon/SupportIcon.d.ts +2 -3
- package/lib/Icon/SupportIcon.d.ts.map +1 -0
- package/lib/Icon/SupportIcon.js +4 -7
- package/lib/Icon/TeamIcon.d.ts +2 -3
- package/lib/Icon/TeamIcon.d.ts.map +1 -0
- package/lib/Icon/TeamIcon.js +4 -7
- package/lib/Icon/TimedIcon.d.ts +2 -3
- package/lib/Icon/TimedIcon.d.ts.map +1 -0
- package/lib/Icon/TimedIcon.js +4 -7
- package/lib/Icon/TrashCrossIcon.d.ts +2 -3
- package/lib/Icon/TrashCrossIcon.d.ts.map +1 -0
- package/lib/Icon/TrashCrossIcon.js +4 -7
- package/lib/Icon/TrashIcon.d.ts +2 -3
- package/lib/Icon/TrashIcon.d.ts.map +1 -0
- package/lib/Icon/TrashIcon.js +4 -7
- package/lib/Icon/TriangleIcon.d.ts +2 -3
- package/lib/Icon/TriangleIcon.d.ts.map +1 -0
- package/lib/Icon/TriangleIcon.js +2 -23
- package/lib/Icon/UploadIcon.d.ts +2 -3
- package/lib/Icon/UploadIcon.d.ts.map +1 -0
- package/lib/Icon/UploadIcon.js +4 -7
- package/lib/Icon/WireIcon.d.ts +2 -3
- package/lib/Icon/WireIcon.d.ts.map +1 -0
- package/lib/Icon/WireIcon.js +4 -7
- package/lib/Icon/index.d.ts +1 -0
- package/lib/Icon/index.d.ts.map +1 -0
- package/lib/Icon/index.js +0 -1
- package/lib/Identity/Animation.d.ts +16 -15
- package/lib/Identity/Animation.d.ts.map +1 -0
- package/lib/Identity/Animation.js +49 -29
- package/lib/Identity/Avatar.d.ts +2 -3
- package/lib/Identity/Avatar.d.ts.map +1 -0
- package/lib/Identity/Avatar.js +20 -22
- package/lib/Identity/AvatarGrid.d.ts +3 -4
- package/lib/Identity/AvatarGrid.d.ts.map +1 -0
- package/lib/Identity/AvatarGrid.js +8 -28
- package/lib/Identity/Logo.d.ts +2 -3
- package/lib/Identity/Logo.d.ts.map +1 -0
- package/lib/Identity/Logo.js +3 -24
- package/lib/Identity/colors-v2.d.ts +1 -0
- package/lib/Identity/colors-v2.d.ts.map +1 -0
- package/lib/Identity/colors-v2.js +3 -4
- package/lib/Identity/colors.d.ts +2 -1
- package/lib/Identity/colors.d.ts.map +1 -0
- package/lib/Identity/colors.js +0 -1
- package/lib/Identity/index.d.ts +1 -0
- package/lib/Identity/index.d.ts.map +1 -0
- package/lib/Identity/index.js +0 -1
- package/lib/Identity/motions.d.ts +1 -0
- package/lib/Identity/motions.d.ts.map +1 -0
- package/lib/Identity/motions.js +0 -1
- package/lib/Layout/Box.d.ts +5 -5
- package/lib/Layout/Box.d.ts.map +1 -0
- package/lib/Layout/Box.js +3 -23
- package/lib/Layout/Column.d.ts +5 -6
- package/lib/Layout/Column.d.ts.map +1 -0
- package/lib/Layout/Column.js +5 -24
- package/lib/Layout/Container.d.ts +8 -7
- package/lib/Layout/Container.d.ts.map +1 -0
- package/lib/Layout/Container.js +40 -16
- package/lib/Layout/Content.d.ts +5 -5
- package/lib/Layout/Content.d.ts.map +1 -0
- package/lib/Layout/Content.js +3 -22
- package/lib/Layout/FlexBox.d.ts +3 -3
- package/lib/Layout/FlexBox.d.ts.map +1 -0
- package/lib/Layout/FlexBox.js +29 -10
- package/lib/Layout/Footer.d.ts +4 -5
- package/lib/Layout/Footer.d.ts.map +1 -0
- package/lib/Layout/Footer.js +2 -22
- package/lib/Layout/Header.d.ts +5 -5
- package/lib/Layout/Header.d.ts.map +1 -0
- package/lib/Layout/Header.js +3 -23
- package/lib/Layout/MatchMedia.d.ts +13 -13
- package/lib/Layout/MatchMedia.d.ts.map +1 -0
- package/lib/Layout/MatchMedia.js +16 -42
- package/lib/Layout/Spacer.d.ts +2 -1
- package/lib/Layout/Spacer.d.ts.map +1 -0
- package/lib/Layout/Spacer.js +2 -22
- package/lib/Layout/StyledApp.d.ts +5 -5
- package/lib/Layout/StyledApp.d.ts.map +1 -0
- package/lib/Layout/StyledApp.js +4 -26
- package/lib/Layout/Theme.d.ts +4 -4
- package/lib/Layout/Theme.d.ts.map +1 -0
- package/lib/Layout/Theme.js +2 -21
- package/lib/Layout/headerMenu/HeaderMenu.d.ts +3 -4
- package/lib/Layout/headerMenu/HeaderMenu.d.ts.map +1 -0
- package/lib/Layout/headerMenu/HeaderMenu.js +17 -25
- package/lib/Layout/headerMenu/HeaderSubMenu.d.ts +5 -6
- package/lib/Layout/headerMenu/HeaderSubMenu.d.ts.map +1 -0
- package/lib/Layout/headerMenu/HeaderSubMenu.js +8 -35
- package/lib/Layout/headerMenu/MenuContent.d.ts +3 -3
- package/lib/Layout/headerMenu/MenuContent.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuContent.js +2 -22
- package/lib/Layout/headerMenu/MenuItems.d.ts +4 -4
- package/lib/Layout/headerMenu/MenuItems.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuItems.js +2 -21
- package/lib/Layout/headerMenu/MenuLink.d.ts +3 -3
- package/lib/Layout/headerMenu/MenuLink.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuLink.js +3 -23
- package/lib/Layout/headerMenu/MenuOpenButton.d.ts +4 -4
- package/lib/Layout/headerMenu/MenuOpenButton.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuOpenButton.js +2 -25
- package/lib/Layout/headerMenu/MenuScrollableItems.d.ts +4 -4
- package/lib/Layout/headerMenu/MenuScrollableItems.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuScrollableItems.js +3 -23
- package/lib/Layout/headerMenu/MenuSubLink.d.ts +4 -4
- package/lib/Layout/headerMenu/MenuSubLink.d.ts.map +1 -0
- package/lib/Layout/headerMenu/MenuSubLink.js +2 -22
- package/lib/Layout/headerMenu/index.d.ts +1 -0
- package/lib/Layout/headerMenu/index.d.ts.map +1 -0
- package/lib/Layout/headerMenu/index.js +0 -1
- package/lib/Layout/index.d.ts +1 -0
- package/lib/Layout/index.d.ts.map +1 -0
- package/lib/Layout/index.js +0 -1
- package/lib/Layout/sizes.d.ts +1 -0
- package/lib/Layout/sizes.d.ts.map +1 -0
- package/lib/Layout/sizes.js +0 -1
- package/lib/Menu/MenuModal.d.ts +5 -6
- package/lib/Menu/MenuModal.d.ts.map +1 -0
- package/lib/Menu/MenuModal.js +8 -31
- package/lib/Menu/TabBar.d.ts +5 -6
- package/lib/Menu/TabBar.d.ts.map +1 -0
- package/lib/Menu/TabBar.js +3 -23
- package/lib/Menu/index.d.ts +1 -0
- package/lib/Menu/index.d.ts.map +1 -0
- package/lib/Menu/index.js +0 -1
- package/lib/Misc/ButtonGroup.d.ts +10 -10
- package/lib/Misc/ButtonGroup.d.ts.map +1 -0
- package/lib/Misc/ButtonGroup.js +10 -32
- package/lib/Misc/IconButton.d.ts +3 -3
- package/lib/Misc/IconButton.d.ts.map +1 -0
- package/lib/Misc/IconButton.js +2 -22
- package/lib/Misc/IsInViewport.d.ts +3 -4
- package/lib/Misc/IsInViewport.d.ts.map +1 -0
- package/lib/Misc/IsInViewport.js +18 -20
- package/lib/Misc/Loading.d.ts +3 -4
- package/lib/Misc/Loading.d.ts.map +1 -0
- package/lib/Misc/Loading.js +6 -27
- package/lib/Misc/Pagination.d.ts +2 -1
- package/lib/Misc/Pagination.d.ts.map +1 -0
- package/lib/Misc/Pagination.js +5 -30
- package/lib/Misc/Pill.d.ts +4 -4
- package/lib/Misc/Pill.d.ts.map +1 -0
- package/lib/Misc/Pill.js +2 -21
- package/lib/Misc/childrenWithDefaultProps.d.ts +2 -1
- package/lib/Misc/childrenWithDefaultProps.d.ts.map +1 -0
- package/lib/Misc/childrenWithDefaultProps.js +26 -7
- package/lib/Misc/index.d.ts +1 -0
- package/lib/Misc/index.d.ts.map +1 -0
- package/lib/Misc/index.js +0 -1
- package/lib/Misc/useLongTouch.d.ts +1 -0
- package/lib/Misc/useLongTouch.d.ts.map +1 -0
- package/lib/Misc/useLongTouch.js +2 -3
- package/lib/Misc/useTimeout.d.ts +1 -0
- package/lib/Misc/useTimeout.d.ts.map +1 -0
- package/lib/Misc/useTimeout.js +0 -1
- package/lib/Modal/Modal.d.ts +3 -1
- package/lib/Modal/Modal.d.ts.map +1 -0
- package/lib/Modal/Modal.js +8 -33
- package/lib/Modal/Overlay.d.ts +9 -9
- package/lib/Modal/Overlay.d.ts.map +1 -0
- package/lib/Modal/Overlay.js +5 -27
- package/lib/Modal/index.d.ts +1 -0
- package/lib/Modal/index.d.ts.map +1 -0
- package/lib/Modal/index.js +0 -1
- package/lib/Text/Heading.d.ts +8 -8
- package/lib/Text/Heading.d.ts.map +1 -0
- package/lib/Text/Heading.js +10 -30
- package/lib/Text/Label.d.ts +4 -5
- package/lib/Text/Label.d.ts.map +1 -0
- package/lib/Text/Label.js +3 -23
- package/lib/Text/Line.d.ts +4 -4
- package/lib/Text/Line.d.ts.map +1 -0
- package/lib/Text/Line.js +2 -22
- package/lib/Text/Link.d.ts +4 -4
- package/lib/Text/Link.d.ts.map +1 -0
- package/lib/Text/Link.js +3 -23
- package/lib/Text/Paragraph.d.ts +7 -7
- package/lib/Text/Paragraph.d.ts.map +1 -0
- package/lib/Text/Paragraph.js +4 -24
- package/lib/Text/Text.d.ts +9 -9
- package/lib/Text/Text.d.ts.map +1 -0
- package/lib/Text/Text.js +40 -16
- package/lib/Text/TextLink.d.ts +5 -5
- package/lib/Text/TextLink.d.ts.map +1 -0
- package/lib/Text/TextLink.js +3 -23
- package/lib/Text/Title.d.ts +3 -4
- package/lib/Text/Title.d.ts.map +1 -0
- package/lib/Text/Title.js +3 -23
- package/lib/Text/index.d.ts +1 -0
- package/lib/Text/index.d.ts.map +1 -0
- package/lib/Text/index.js +0 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +2 -2
- package/lib/mediaQueries.d.ts +2 -1
- package/lib/mediaQueries.d.ts.map +1 -0
- package/lib/mediaQueries.js +0 -1
- package/lib/util.d.ts +1 -0
- package/lib/util.d.ts.map +1 -0
- package/lib/util.js +0 -1
- package/package.json +6 -5
- package/lib/Form/Button.js.map +0 -1
- package/lib/Form/ButtonLink.js.map +0 -1
- package/lib/Form/Checkbox.js.map +0 -1
- package/lib/Form/CodeInput.js.map +0 -1
- package/lib/Form/DropFileInput.js.map +0 -1
- package/lib/Form/ErrorMessage.js.map +0 -1
- package/lib/Form/Form.js.map +0 -1
- package/lib/Form/Input.js.map +0 -1
- package/lib/Form/InputBlock.js.map +0 -1
- package/lib/Form/InputLabel.js.map +0 -1
- package/lib/Form/InputSubmitCombo.js.map +0 -1
- package/lib/Form/RangeInput.js.map +0 -1
- package/lib/Form/RangeInput.styles.js.map +0 -1
- package/lib/Form/RoundIconButton.js.map +0 -1
- package/lib/Form/Select.js.map +0 -1
- package/lib/Form/SelectComponents.js.map +0 -1
- package/lib/Form/SelectStyles.js.map +0 -1
- package/lib/Form/ShakeBox.js.map +0 -1
- package/lib/Form/Switch.js.map +0 -1
- package/lib/Form/TextArea.js.map +0 -1
- package/lib/Form/Tooltip.js.map +0 -1
- package/lib/Form/index.js.map +0 -1
- package/lib/GlobalCssVariables.js.map +0 -1
- package/lib/GlobalStyle.js.map +0 -1
- package/lib/Icon/AddPeopleIcon.js.map +0 -1
- package/lib/Icon/ArchiveIcon.js.map +0 -1
- package/lib/Icon/ArrowDown.js.map +0 -1
- package/lib/Icon/ArrowIcon.js.map +0 -1
- package/lib/Icon/AttachmentIcon.js.map +0 -1
- package/lib/Icon/AudioVideoIcon.js.map +0 -1
- package/lib/Icon/BlockIcon.js.map +0 -1
- package/lib/Icon/Brand/AndroidIcon.js.map +0 -1
- package/lib/Icon/Brand/AppleIcon.js.map +0 -1
- package/lib/Icon/Brand/ChromeIcon.js.map +0 -1
- package/lib/Icon/Brand/FacebookIcon.js.map +0 -1
- package/lib/Icon/Brand/GitHubIcon.js.map +0 -1
- package/lib/Icon/Brand/LinkedInIcon.js.map +0 -1
- package/lib/Icon/Brand/LinuxIcon.js.map +0 -1
- package/lib/Icon/Brand/MicrosoftIcon.js.map +0 -1
- package/lib/Icon/Brand/TwitterIcon.js.map +0 -1
- package/lib/Icon/CallIcon.js.map +0 -1
- package/lib/Icon/CamIcon.js.map +0 -1
- package/lib/Icon/CameraIcon.js.map +0 -1
- package/lib/Icon/CheckIcon.js.map +0 -1
- package/lib/Icon/CheckRoundIcon.js.map +0 -1
- package/lib/Icon/ChevronIcon.js.map +0 -1
- package/lib/Icon/CloseIcon.js.map +0 -1
- package/lib/Icon/CopyIcon.js.map +0 -1
- package/lib/Icon/DeviceIcon.js.map +0 -1
- package/lib/Icon/DownloadIcon.js.map +0 -1
- package/lib/Icon/EditDocumentIcon.js.map +0 -1
- package/lib/Icon/EditIcon.js.map +0 -1
- package/lib/Icon/EnterIcon.js.map +0 -1
- package/lib/Icon/ErrorIcon.js.map +0 -1
- package/lib/Icon/FileIcon.js.map +0 -1
- package/lib/Icon/GifIcon.js.map +0 -1
- package/lib/Icon/GridIcon.js.map +0 -1
- package/lib/Icon/GroupIcon.js.map +0 -1
- package/lib/Icon/HangupIcon.js.map +0 -1
- package/lib/Icon/HideIcon.js.map +0 -1
- package/lib/Icon/ImageIcon.js.map +0 -1
- package/lib/Icon/InfoIcon.js.map +0 -1
- package/lib/Icon/InviteIcon.js.map +0 -1
- package/lib/Icon/LeaveIcon.js.map +0 -1
- package/lib/Icon/LinkIcon.js.map +0 -1
- package/lib/Icon/ListIcon.js.map +0 -1
- package/lib/Icon/LockIcon.js.map +0 -1
- package/lib/Icon/MessageIcon.js.map +0 -1
- package/lib/Icon/MinusIcon.js.map +0 -1
- package/lib/Icon/MoreIcon.js.map +0 -1
- package/lib/Icon/MuteIcon.js.map +0 -1
- package/lib/Icon/NotificationIcon.js.map +0 -1
- package/lib/Icon/NotificationOffIcon.js.map +0 -1
- package/lib/Icon/OptionsIcon.js.map +0 -1
- package/lib/Icon/PeopleIcon.js.map +0 -1
- package/lib/Icon/PingIcon.js.map +0 -1
- package/lib/Icon/PlaneIcon.js.map +0 -1
- package/lib/Icon/PlusIcon.js.map +0 -1
- package/lib/Icon/ProfileIcon.js.map +0 -1
- package/lib/Icon/RecordBoldIcon.js.map +0 -1
- package/lib/Icon/RecordIcon.js.map +0 -1
- package/lib/Icon/RecordPendingIcon.js.map +0 -1
- package/lib/Icon/ReloadIcon.js.map +0 -1
- package/lib/Icon/SVGIcon.js.map +0 -1
- package/lib/Icon/ScreenshareIcon.js.map +0 -1
- package/lib/Icon/SearchIcon.js.map +0 -1
- package/lib/Icon/ServicesIcon.js.map +0 -1
- package/lib/Icon/SettingsIcon.js.map +0 -1
- package/lib/Icon/ShowIcon.js.map +0 -1
- package/lib/Icon/SignIcon.js.map +0 -1
- package/lib/Icon/SpeakerIcon.js.map +0 -1
- package/lib/Icon/SupportIcon.js.map +0 -1
- package/lib/Icon/TeamIcon.js.map +0 -1
- package/lib/Icon/TimedIcon.js.map +0 -1
- package/lib/Icon/TrashCrossIcon.js.map +0 -1
- package/lib/Icon/TrashIcon.js.map +0 -1
- package/lib/Icon/TriangleIcon.js.map +0 -1
- package/lib/Icon/UploadIcon.js.map +0 -1
- package/lib/Icon/WireIcon.js.map +0 -1
- package/lib/Icon/index.js.map +0 -1
- package/lib/Identity/Animation.js.map +0 -1
- package/lib/Identity/Avatar.js.map +0 -1
- package/lib/Identity/AvatarGrid.js.map +0 -1
- package/lib/Identity/Logo.js.map +0 -1
- package/lib/Identity/colors-v2.js.map +0 -1
- package/lib/Identity/colors.js.map +0 -1
- package/lib/Identity/index.js.map +0 -1
- package/lib/Identity/motions.js.map +0 -1
- package/lib/Layout/Box.js.map +0 -1
- package/lib/Layout/Column.js.map +0 -1
- package/lib/Layout/Container.js.map +0 -1
- package/lib/Layout/Content.js.map +0 -1
- package/lib/Layout/FlexBox.js.map +0 -1
- package/lib/Layout/Footer.js.map +0 -1
- package/lib/Layout/Header.js.map +0 -1
- package/lib/Layout/MatchMedia.js.map +0 -1
- package/lib/Layout/Spacer.js.map +0 -1
- package/lib/Layout/StyledApp.js.map +0 -1
- package/lib/Layout/Theme.js.map +0 -1
- package/lib/Layout/headerMenu/HeaderMenu.js.map +0 -1
- package/lib/Layout/headerMenu/HeaderSubMenu.js.map +0 -1
- package/lib/Layout/headerMenu/MenuContent.js.map +0 -1
- package/lib/Layout/headerMenu/MenuItems.js.map +0 -1
- package/lib/Layout/headerMenu/MenuLink.js.map +0 -1
- package/lib/Layout/headerMenu/MenuOpenButton.js.map +0 -1
- package/lib/Layout/headerMenu/MenuScrollableItems.js.map +0 -1
- package/lib/Layout/headerMenu/MenuSubLink.js.map +0 -1
- package/lib/Layout/headerMenu/index.js.map +0 -1
- package/lib/Layout/index.js.map +0 -1
- package/lib/Layout/sizes.js.map +0 -1
- package/lib/Menu/MenuModal.js.map +0 -1
- package/lib/Menu/TabBar.js.map +0 -1
- package/lib/Menu/index.js.map +0 -1
- package/lib/Misc/ButtonGroup.js.map +0 -1
- package/lib/Misc/IconButton.js.map +0 -1
- package/lib/Misc/IsInViewport.js.map +0 -1
- package/lib/Misc/Loading.js.map +0 -1
- package/lib/Misc/Pagination.js.map +0 -1
- package/lib/Misc/Pill.js.map +0 -1
- package/lib/Misc/childrenWithDefaultProps.js.map +0 -1
- package/lib/Misc/index.js.map +0 -1
- package/lib/Misc/useLongTouch.js.map +0 -1
- package/lib/Misc/useTimeout.js.map +0 -1
- package/lib/Modal/Modal.js.map +0 -1
- package/lib/Modal/Overlay.js.map +0 -1
- package/lib/Modal/index.js.map +0 -1
- package/lib/Text/Heading.js.map +0 -1
- package/lib/Text/Label.js.map +0 -1
- package/lib/Text/Line.js.map +0 -1
- package/lib/Text/Link.js.map +0 -1
- package/lib/Text/Paragraph.js.map +0 -1
- package/lib/Text/Text.js.map +0 -1
- package/lib/Text/TextLink.js.map +0 -1
- package/lib/Text/Title.js.map +0 -1
- package/lib/Text/index.js.map +0 -1
- package/lib/index.js.map +0 -1
- package/lib/mediaQueries.js.map +0 -1
- package/lib/util.js.map +0 -1
package/lib/Icon/UploadIcon.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
1
|
import { SVGIconProps } from './SVGIcon';
|
|
4
|
-
export declare const UploadIcon: (props: SVGIconProps) => jsx.JSX.Element;
|
|
2
|
+
export declare const UploadIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=UploadIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/UploadIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,UAAU,UAAW,YAAY,qDAI7C,CAAC"}
|
package/lib/Icon/UploadIcon.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.UploadIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
2
5
|
/*
|
|
3
6
|
* Wire
|
|
4
7
|
* Copyright (C) 2022 Wire Swiss GmbH
|
|
@@ -17,12 +20,6 @@
|
|
|
17
20
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
21
|
*
|
|
19
22
|
*/
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.UploadIcon = void 0;
|
|
22
|
-
/** @jsx jsx */
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
24
23
|
const SVGIcon_1 = require("./SVGIcon");
|
|
25
|
-
const UploadIcon = (props) => ((0,
|
|
26
|
-
(0, react_1.jsx)("path", { d: "M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z" })));
|
|
24
|
+
const UploadIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 16 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z" }) })));
|
|
27
25
|
exports.UploadIcon = UploadIcon;
|
|
28
|
-
//# sourceMappingURL=UploadIcon.js.map
|
package/lib/Icon/WireIcon.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
1
|
import { SVGIconProps } from './SVGIcon';
|
|
4
|
-
export declare const WireIcon: (props: SVGIconProps) => jsx.JSX.Element;
|
|
2
|
+
export declare const WireIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=WireIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WireIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/WireIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,QAAQ,UAAW,YAAY,qDAI3C,CAAC"}
|
package/lib/Icon/WireIcon.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WireIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
2
5
|
/*
|
|
3
6
|
* Wire
|
|
4
7
|
* Copyright (C) 2018 Wire Swiss GmbH
|
|
@@ -17,12 +20,6 @@
|
|
|
17
20
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
21
|
*
|
|
19
22
|
*/
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.WireIcon = void 0;
|
|
22
|
-
/** @jsx jsx */
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
24
23
|
const SVGIcon_1 = require("./SVGIcon");
|
|
25
|
-
const WireIcon = (props) => ((0,
|
|
26
|
-
(0, react_1.jsx)("path", { d: "M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z" })));
|
|
24
|
+
const WireIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 16, realHeight: 14 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.89 13.35c2.82 0 5.11-2.3 5.11-5.13V.44h-1.88v7.78a3.23 3.23 0 0 1-5.16 2.62l.08.72a5.2 5.2 0 0 0 1.22-3.34V2.26a2.27 2.27 0 0 0-4.53 0v5.96c0 1.25.46 2.4 1.27 3.35l.1-.73a3.26 3.26 0 0 1-5.2-2.62L1.86.94v-.5H0v7.78a5.15 5.15 0 0 0 8.35 4.04h-.62c.89.7 2 1.1 3.16 1.1zM8.39 2.26v5.96c0 .76-.28 1.5-.77 2.09l.76-.01a3.16 3.16 0 0 1-.76-2.08V2.26c0-.2.17-.38.38-.38.2 0 .38.18.38.38z" }) })));
|
|
27
25
|
exports.WireIcon = WireIcon;
|
|
28
|
-
//# sourceMappingURL=WireIcon.js.map
|
package/lib/Icon/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAmBA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAG3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}
|
package/lib/Icon/index.js
CHANGED
|
@@ -106,4 +106,3 @@ __exportStar(require("./Brand/LinkedInIcon"), exports);
|
|
|
106
106
|
__exportStar(require("./Brand/LinuxIcon"), exports);
|
|
107
107
|
__exportStar(require("./Brand/MicrosoftIcon"), exports);
|
|
108
108
|
__exportStar(require("./Brand/TwitterIcon"), exports);
|
|
109
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,30 +1,31 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type TransitionProps = Partial<any> & {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
component?: string | React.ComponentType<any>;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
type OpacityProps = TransitionProps & {
|
|
7
7
|
endValue?: number;
|
|
8
8
|
startValue?: number;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
type MovementProps = TransitionProps & {
|
|
11
11
|
endValue?: string;
|
|
12
12
|
startValue?: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type TransitionContainerProps = React.HTMLProps<any> & {
|
|
15
15
|
appear?: boolean;
|
|
16
16
|
component?: string;
|
|
17
17
|
enter?: boolean;
|
|
18
18
|
exit?: boolean;
|
|
19
19
|
};
|
|
20
|
-
export declare const TransitionContainer: (props: TransitionContainerProps) => JSX.Element;
|
|
21
|
-
export declare const Transition: ({ animationStyle, timeout, component, children, ...props }: TransitionProps) => JSX.Element;
|
|
22
|
-
export declare const Opacity: ({ startValue, endValue, timeout, ...props }: OpacityProps) => JSX.Element;
|
|
23
|
-
export declare const YAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;
|
|
24
|
-
export declare const XAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;
|
|
25
|
-
export declare const Slide: ({ startValue, endValue, timeout, ...props }: MovementProps) => JSX.Element;
|
|
26
|
-
export declare const LeftRightMovement: (props: any) => JSX.Element;
|
|
27
|
-
export declare const RightLeftMovement: (props: any) => JSX.Element;
|
|
28
|
-
export declare const TopDownMovement: (props: any) => JSX.Element;
|
|
29
|
-
export declare const BottomUpMovement: (props: any) => JSX.Element;
|
|
20
|
+
export declare const TransitionContainer: (props: TransitionContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const Transition: ({ animationStyle, timeout, component, children, ...props }: TransitionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const Opacity: ({ startValue, endValue, timeout, ...props }: OpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const YAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const XAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Slide: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const LeftRightMovement: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const RightLeftMovement: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const TopDownMovement: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const BottomUpMovement: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
30
30
|
export {};
|
|
31
|
+
//# sourceMappingURL=Animation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/Identity/Animation.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG,eAAe,GAAG;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,qDAAmC,CAAC;AAEvG,eAAO,MAAM,UAAU,+DAAsE,eAAe,qDAQ3G,CAAC;AAEF,eAAO,MAAM,OAAO,gDAA0E,YAAY,qDAmBzG,CAAC;AAEF,eAAO,MAAM,aAAa,gDAKvB,aAAa,qDAmBf,CAAC;AAEF,eAAO,MAAM,aAAa,gDAKvB,aAAa,qDAmBf,CAAC;AAEF,eAAO,MAAM,KAAK,gDAAmF,aAAa,qDAmBjH,CAAC;AAEF,eAAO,MAAM,iBAAiB,kEAA2E,CAAC;AAC1G,eAAO,MAAM,iBAAiB,kEAA0E,CAAC;AAEzG,eAAO,MAAM,eAAe,kEAAyE,CAAC;AACtG,eAAO,MAAM,gBAAgB,kEAAwE,CAAC"}
|
|
@@ -1,4 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
|
|
38
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
2
39
|
/*
|
|
3
40
|
* Wire
|
|
4
41
|
* Copyright (C) 2018 Wire Swiss GmbH
|
|
@@ -17,36 +54,20 @@
|
|
|
17
54
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
55
|
*
|
|
19
56
|
*/
|
|
20
|
-
|
|
21
|
-
var t = {};
|
|
22
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
23
|
-
t[p] = s[p];
|
|
24
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
25
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
26
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
27
|
-
t[p[i]] = s[p[i]];
|
|
28
|
-
}
|
|
29
|
-
return t;
|
|
30
|
-
};
|
|
31
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
32
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
|
|
36
|
-
const { CSSTransition, TransitionGroup } = require('react-transition-group');
|
|
57
|
+
const React = __importStar(require("react"));
|
|
37
58
|
const react_1 = require("@emotion/react");
|
|
38
|
-
const react_2 = __importDefault(require("react"));
|
|
39
59
|
const motions_1 = require("./motions");
|
|
40
|
-
const
|
|
60
|
+
const { CSSTransition, TransitionGroup } = require('react-transition-group');
|
|
61
|
+
const TransitionContainer = (props) => (0, jsx_runtime_1.jsx)(TransitionGroup, Object.assign({}, props));
|
|
41
62
|
exports.TransitionContainer = TransitionContainer;
|
|
42
63
|
const Transition = (_a) => {
|
|
43
64
|
var { animationStyle, timeout, component = 'div', children } = _a, props = __rest(_a, ["animationStyle", "timeout", "component", "children"]);
|
|
44
|
-
return (
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)(react_1.ClassNames, { children: ({ css }) => ((0, jsx_runtime_1.jsx)(CSSTransition, Object.assign({ timeout: timeout, classNames: css(animationStyle) }, props, { children: component ? React.createElement(component, {}, children) : children }))) }));
|
|
45
66
|
};
|
|
46
67
|
exports.Transition = Transition;
|
|
47
68
|
const Opacity = (_a) => {
|
|
48
69
|
var { startValue = 0, endValue = 1, timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
|
|
49
|
-
return (
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
|
|
50
71
|
'&-enter': { opacity: startValue },
|
|
51
72
|
'&-enter-active': {
|
|
52
73
|
opacity: endValue,
|
|
@@ -64,7 +85,7 @@ const Opacity = (_a) => {
|
|
|
64
85
|
exports.Opacity = Opacity;
|
|
65
86
|
const YAxisMovement = (_a) => {
|
|
66
87
|
var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
|
|
67
|
-
return (
|
|
88
|
+
return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
|
|
68
89
|
'&-enter': { transform: `translateY(${startValue})` },
|
|
69
90
|
'&-enter-active': {
|
|
70
91
|
transform: `translateY(${endValue})`,
|
|
@@ -82,7 +103,7 @@ const YAxisMovement = (_a) => {
|
|
|
82
103
|
exports.YAxisMovement = YAxisMovement;
|
|
83
104
|
const XAxisMovement = (_a) => {
|
|
84
105
|
var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
|
|
85
|
-
return (
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
|
|
86
107
|
'&-enter': { transform: `translateX(${startValue})` },
|
|
87
108
|
'&-enter-active': {
|
|
88
109
|
transform: `translateX(${endValue})`,
|
|
@@ -100,7 +121,7 @@ const XAxisMovement = (_a) => {
|
|
|
100
121
|
exports.XAxisMovement = XAxisMovement;
|
|
101
122
|
const Slide = (_a) => {
|
|
102
123
|
var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
|
|
103
|
-
return (
|
|
124
|
+
return ((0, jsx_runtime_1.jsx)(exports.Transition, Object.assign({ animationStyle: {
|
|
104
125
|
'&-enter': { marginTop: startValue },
|
|
105
126
|
'&-enter-active': {
|
|
106
127
|
marginTop: endValue,
|
|
@@ -116,12 +137,11 @@ const Slide = (_a) => {
|
|
|
116
137
|
}, timeout: timeout }, props)));
|
|
117
138
|
};
|
|
118
139
|
exports.Slide = Slide;
|
|
119
|
-
const LeftRightMovement = props =>
|
|
140
|
+
const LeftRightMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, Object.assign({ startValue: "-100vh", endValue: "0vh" }, props));
|
|
120
141
|
exports.LeftRightMovement = LeftRightMovement;
|
|
121
|
-
const RightLeftMovement = props =>
|
|
142
|
+
const RightLeftMovement = props => (0, jsx_runtime_1.jsx)(exports.XAxisMovement, Object.assign({ startValue: "100vh", endValue: "0vh" }, props));
|
|
122
143
|
exports.RightLeftMovement = RightLeftMovement;
|
|
123
|
-
const TopDownMovement = props =>
|
|
144
|
+
const TopDownMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, Object.assign({ startValue: "-100%", endValue: "0%" }, props));
|
|
124
145
|
exports.TopDownMovement = TopDownMovement;
|
|
125
|
-
const BottomUpMovement = props =>
|
|
146
|
+
const BottomUpMovement = props => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, Object.assign({ startValue: "100%", endValue: "0%" }, props));
|
|
126
147
|
exports.BottomUpMovement = BottomUpMovement;
|
|
127
|
-
//# sourceMappingURL=Animation.js.map
|
package/lib/Identity/Avatar.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
1
|
import { IsInViewportProps } from '../Misc/';
|
|
4
2
|
export declare const DEFAULT_AVATAR_SIZE = 28;
|
|
5
3
|
export interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {
|
|
@@ -12,4 +10,5 @@ export interface AvatarProps<T = HTMLDivElement> extends IsInViewportProps<T> {
|
|
|
12
10
|
size?: number;
|
|
13
11
|
url?: string;
|
|
14
12
|
}
|
|
15
|
-
export declare const Avatar: (props: AvatarProps) => jsx.JSX.Element;
|
|
13
|
+
export declare const Avatar: (props: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Identity/Avatar.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAe,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAGzD,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA6CD,eAAO,MAAM,MAAM,UAAW,WAAW,qDA6CxC,CAAC"}
|
package/lib/Identity/Avatar.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
2
5
|
/*
|
|
3
6
|
* Wire
|
|
4
7
|
* Copyright (C) 2019 Wire Swiss GmbH
|
|
@@ -17,15 +20,11 @@
|
|
|
17
20
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
21
|
*
|
|
19
22
|
*/
|
|
20
|
-
|
|
21
|
-
exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
|
|
22
|
-
/** @jsx jsx */
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
24
|
-
const react_2 = require("react");
|
|
25
|
-
const Misc_1 = require("../Misc/");
|
|
26
|
-
const util_1 = require("../util");
|
|
23
|
+
const react_1 = require("react");
|
|
27
24
|
const colors_1 = require("./colors");
|
|
28
25
|
const motions_1 = require("./motions");
|
|
26
|
+
const Misc_1 = require("../Misc/");
|
|
27
|
+
const util_1 = require("../util");
|
|
29
28
|
exports.DEFAULT_AVATAR_SIZE = 28;
|
|
30
29
|
const avatarStyle = ({ color = colors_1.COLOR.WHITE, url, borderColor, backgroundColor = colors_1.COLOR.GRAY, size = exports.DEFAULT_AVATAR_SIZE, isAvatarGridItem, }) => {
|
|
31
30
|
const BORDER_SIZE_LIMIT = 32;
|
|
@@ -61,8 +60,8 @@ const filteredAvatarProps = (props) => (0, util_1.filterProps)(props, [
|
|
|
61
60
|
]);
|
|
62
61
|
const Avatar = (props) => {
|
|
63
62
|
const { url, forceInitials, name, fetchImage, isAvatarGridItem } = props;
|
|
64
|
-
const [scale, setScale] = (0,
|
|
65
|
-
(0,
|
|
63
|
+
const [scale, setScale] = (0, react_1.useState)(0);
|
|
64
|
+
(0, react_1.useEffect)(() => {
|
|
66
65
|
if (url) {
|
|
67
66
|
requestAnimationFrame(() => setScale(1));
|
|
68
67
|
}
|
|
@@ -73,18 +72,17 @@ const Avatar = (props) => {
|
|
|
73
72
|
.map(([initial]) => initial.toUpperCase())
|
|
74
73
|
.join('')
|
|
75
74
|
.substring(0, isAvatarGridItem ? 1 : 2);
|
|
76
|
-
return ((0,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)(Misc_1.IsInViewport, Object.assign({ checkViewportOnce: true, onEnterViewport: fetchImage, disabled: !!url, css: avatarStyle(props), "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials' }, filteredAvatarProps(props), { children: forceInitials || !url ? (getInitials(name)) : ((0, jsx_runtime_1.jsx)("div", { css: {
|
|
76
|
+
backgroundImage: url && `url(${url})`,
|
|
77
|
+
backgroundPosition: 'center',
|
|
78
|
+
backgroundSize: 'cover',
|
|
79
|
+
borderRadius: isAvatarGridItem ? '0' : '50%',
|
|
80
|
+
minHeight: '100%',
|
|
81
|
+
minWidth: '100%',
|
|
82
|
+
opacity: scale,
|
|
83
|
+
transform: `scale(${scale})`,
|
|
84
|
+
transition: `all ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.QUART}`,
|
|
85
|
+
width: '100%',
|
|
86
|
+
} })) })));
|
|
88
87
|
};
|
|
89
88
|
exports.Avatar = Avatar;
|
|
90
|
-
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
4
2
|
import { AvatarProps } from '../Identity/';
|
|
5
3
|
interface Props<T = HTMLDivElement> extends React.HTMLProps<T> {
|
|
6
4
|
backgroundColor?: string;
|
|
@@ -10,5 +8,6 @@ interface Props<T = HTMLDivElement> extends React.HTMLProps<T> {
|
|
|
10
8
|
items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];
|
|
11
9
|
size?: number;
|
|
12
10
|
}
|
|
13
|
-
export declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => jsx.JSX.Element;
|
|
11
|
+
export declare const AvatarGrid: ({ borderWidth, size, items, fetchImages, ...props }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
12
|
export {};
|
|
13
|
+
//# sourceMappingURL=AvatarGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGrid.d.ts","sourceRoot":"","sources":["../../src/Identity/AvatarGrid.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAIzC,UAAU,KAAK,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,aAAa,GAAG,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAC;IACvG,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4BD,eAAO,MAAM,UAAU,wDAAiF,KAAK,qDAwC5G,CAAC"}
|
|
@@ -1,22 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Wire
|
|
4
|
-
* Copyright (C) 2019 Wire Swiss GmbH
|
|
5
|
-
*
|
|
6
|
-
* This program is free software: you can redistribute it and/or modify
|
|
7
|
-
* it under the terms of the GNU General Public License as published by
|
|
8
|
-
* the Free Software Foundation, either version 3 of the License, or
|
|
9
|
-
* (at your option) any later version.
|
|
10
|
-
*
|
|
11
|
-
* This program is distributed in the hope that it will be useful,
|
|
12
|
-
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
13
|
-
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
14
|
-
* GNU General Public License for more details.
|
|
15
|
-
*
|
|
16
|
-
* You should have received a copy of the GNU General Public License
|
|
17
|
-
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
21
3
|
var t = {};
|
|
22
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -30,12 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.AvatarGrid = void 0;
|
|
33
|
-
|
|
34
|
-
const react_1 = require("@emotion/react");
|
|
35
|
-
const Misc_1 = require("../Misc/");
|
|
36
|
-
const util_1 = require("../util");
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
37
16
|
const Avatar_1 = require("./Avatar");
|
|
38
17
|
const colors_1 = require("./colors");
|
|
18
|
+
const Misc_1 = require("../Misc/");
|
|
19
|
+
const util_1 = require("../util");
|
|
39
20
|
const avatarGridStyle = ({ borderWidth, size, backgroundColor = colors_1.COLOR.GRAY_DARKEN_48, borderColor = colors_1.COLOR.GRAY_DARKEN_48, }) => {
|
|
40
21
|
return {
|
|
41
22
|
alignItems: 'start',
|
|
@@ -62,11 +43,10 @@ const AvatarGrid = (_a) => {
|
|
|
62
43
|
for (let index = 0; index < missing; index++) {
|
|
63
44
|
slicedItems.push(null);
|
|
64
45
|
}
|
|
65
|
-
return ((0,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(Misc_1.IsInViewport, Object.assign({ checkViewportOnce: true, onEnterViewport: fetchImages, css: avatarGridStyle(allProps) }, filteredAvatarGridProps(allProps), { children: slicedItems.map(item => item ? ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { backgroundColor: item.backgroundColor || colors_1.COLOR.GRAY_DARKEN_80, url: item.url, color: item.color, forceInitials: item.forceInitials, isAvatarGridItem: true, name: item.name, size: size / 2 - borderWidth, style: { height: '100%', width: '100%' } }, Math.random().toString())) : ((0, jsx_runtime_1.jsx)("div", { css: {
|
|
47
|
+
backgroundColor: colors_1.COLOR.GRAY_DARKEN_80,
|
|
48
|
+
height: '100%',
|
|
49
|
+
width: '100%',
|
|
50
|
+
} }, Math.random().toString()))) })));
|
|
70
51
|
};
|
|
71
52
|
exports.AvatarGrid = AvatarGrid;
|
|
72
|
-
//# sourceMappingURL=AvatarGrid.js.map
|
package/lib/Identity/Logo.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
1
|
import { SVGIconProps } from '../Icon/SVGIcon';
|
|
4
2
|
export interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {
|
|
5
3
|
hover?: boolean;
|
|
6
4
|
}
|
|
7
|
-
export declare const Logo: ({ hover, ...props }: LogoProps) => jsx.JSX.Element;
|
|
5
|
+
export declare const Logo: ({ hover, ...props }: LogoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=Logo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/Identity/Logo.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAU,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAItD,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,aAAa,CAAE,SAAQ,YAAY,CAAC,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAeD,eAAO,MAAM,IAAI,wBAAuB,SAAS,qDAIhD,CAAC"}
|
package/lib/Identity/Logo.js
CHANGED
|
@@ -1,22 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Wire
|
|
4
|
-
* Copyright (C) 2018 Wire Swiss GmbH
|
|
5
|
-
*
|
|
6
|
-
* This program is free software: you can redistribute it and/or modify
|
|
7
|
-
* it under the terms of the GNU General Public License as published by
|
|
8
|
-
* the Free Software Foundation, either version 3 of the License, or
|
|
9
|
-
* (at your option) any later version.
|
|
10
|
-
*
|
|
11
|
-
* This program is distributed in the hope that it will be useful,
|
|
12
|
-
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
13
|
-
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
14
|
-
* GNU General Public License for more details.
|
|
15
|
-
*
|
|
16
|
-
* You should have received a copy of the GNU General Public License
|
|
17
|
-
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
20
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
21
3
|
var t = {};
|
|
22
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -30,11 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.Logo = void 0;
|
|
33
|
-
|
|
34
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
16
|
+
const colors_1 = require("./colors");
|
|
35
17
|
const SVGIcon_1 = require("../Icon/SVGIcon");
|
|
36
18
|
const motions_1 = require("../Identity/motions");
|
|
37
|
-
const colors_1 = require("./colors");
|
|
38
19
|
const logoStyle = (theme, { hover, color = theme.general.color }) => ({
|
|
39
20
|
'&:hover path': {
|
|
40
21
|
fill: hover ? colors_1.COLOR.shade(color, 0.06) : undefined,
|
|
@@ -46,8 +27,6 @@ const logoStyle = (theme, { hover, color = theme.general.color }) => ({
|
|
|
46
27
|
});
|
|
47
28
|
const Logo = (_a) => {
|
|
48
29
|
var { hover } = _a, props = __rest(_a, ["hover"]);
|
|
49
|
-
return ((0,
|
|
50
|
-
(0, react_1.jsx)("path", { d: "M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z" })));
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 57, realHeight: 18, css: (theme) => logoStyle(theme, Object.assign({ hover }, props)) }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z" }) })));
|
|
51
31
|
};
|
|
52
32
|
exports.Logo = Logo;
|
|
53
|
-
//# sourceMappingURL=Logo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-v2.d.ts","sourceRoot":"","sources":["../../src/Identity/colors-v2.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOnD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOlD,CAAC;AA8LF,eAAO,MAAM,QAAQ,EAAE,GAQtB,CAAC"}
|
|
@@ -20,20 +20,20 @@
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.COLOR_V2 = exports.BASE_DARK_COLOR = exports.BASE_LIGHT_COLOR = void 0;
|
|
22
22
|
exports.BASE_LIGHT_COLOR = {
|
|
23
|
+
AMBER: '#a25915',
|
|
23
24
|
BLUE: '#0667c8',
|
|
24
25
|
GREEN: '#1d7833',
|
|
25
|
-
TURQUOISE: '#01718e',
|
|
26
26
|
PURPLE: '#8944ab',
|
|
27
27
|
RED: '#c20013',
|
|
28
|
-
|
|
28
|
+
TURQUOISE: '#01718e',
|
|
29
29
|
};
|
|
30
30
|
exports.BASE_DARK_COLOR = {
|
|
31
|
+
AMBER: '#ffd426',
|
|
31
32
|
BLUE: '#54a6ff',
|
|
32
33
|
GREEN: '#30db5b',
|
|
33
34
|
TURQUOISE: '#5de6ff',
|
|
34
35
|
PURPLE: '#da8fff',
|
|
35
36
|
RED: '#ff7770',
|
|
36
|
-
AMBER: '#ffd426',
|
|
37
37
|
};
|
|
38
38
|
const LIGHT_BLUE = {
|
|
39
39
|
BLUE_LIGHT_50: '#e7f0fa',
|
|
@@ -195,4 +195,3 @@ const GRAYS = {
|
|
|
195
195
|
GRAY_100: '#17181a',
|
|
196
196
|
};
|
|
197
197
|
exports.COLOR_V2 = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, exports.BASE_DARK_COLOR), exports.BASE_LIGHT_COLOR), DARK), LIGHT), GRAYS), { BLACK: '#000', WHITE: '#fff' });
|
|
198
|
-
//# sourceMappingURL=colors-v2.js.map
|
package/lib/Identity/colors.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import Color from 'color';
|
|
2
|
-
export
|
|
2
|
+
export type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;
|
|
3
3
|
export declare const COLOR: any;
|
|
4
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/Identity/colors.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAgE3F,eAAO,MAAM,KAAK,EAAE,GAWnB,CAAC"}
|
package/lib/Identity/colors.js
CHANGED
|
@@ -78,4 +78,3 @@ const COMPONENT_COLOR = {
|
|
|
78
78
|
exports.COLOR = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BASE_COLOR), DARK_COLOR), LIGHT_COLOR), OPAQUE_COLOR), COMPONENT_COLOR), { BLACK: BASE_COLOR.BLACK, WHITE: BASE_COLOR.WHITE, opaque,
|
|
79
79
|
shade,
|
|
80
80
|
tint });
|
|
81
|
-
//# sourceMappingURL=colors.js.map
|
package/lib/Identity/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Identity/index.ts"],"names":[],"mappings":"AAmBA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}
|
package/lib/Identity/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motions.d.ts","sourceRoot":"","sources":["../../src/Identity/motions.ts"],"names":[],"mappings":"AAuBA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;CAGhB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,cAAc,CAAC"}
|
package/lib/Identity/motions.js
CHANGED
package/lib/Layout/Box.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject
|
|
3
|
-
|
|
4
|
-
export declare type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CSSObject } from '@emotion/react';
|
|
3
|
+
export type BoxProps<T = HTMLDivElement> = React.HTMLProps<T>;
|
|
5
4
|
export declare const boxStyle: <T>(props: BoxProps<T>) => CSSObject;
|
|
6
|
-
export declare const Box: (props: BoxProps<HTMLDivElement>) => jsx.JSX.Element;
|
|
5
|
+
export declare const Box: (props: BoxProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Layout/Box.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,SAIhD,CAAC;AAEH,eAAO,MAAM,GAAG,uFAAgE,CAAC"}
|