@wireapp/react-ui-kit 8.17.2 → 8.17.4
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/package.json +12 -17
- package/src/Form/Button.d.js.map +1 -1
- package/src/Form/Button.js +36 -57
- package/src/Form/Button.js.map +1 -1
- package/src/Form/ButtonLink.d.js.map +1 -1
- package/src/Form/ButtonLink.js +12 -30
- package/src/Form/ButtonLink.js.map +1 -1
- package/src/Form/Checkbox.d.js.map +1 -1
- package/src/Form/Checkbox.js +38 -57
- package/src/Form/Checkbox.js.map +1 -1
- package/src/Form/CodeInput.d.js.map +1 -1
- package/src/Form/CodeInput.js +24 -59
- package/src/Form/CodeInput.js.map +1 -1
- package/src/Form/DropFileInput.d.js.map +1 -1
- package/src/Form/DropFileInput.js +26 -60
- package/src/Form/DropFileInput.js.map +1 -1
- package/src/Form/ErrorMessage.d.js.map +1 -1
- package/src/Form/ErrorMessage.js +14 -34
- package/src/Form/ErrorMessage.js.map +1 -1
- package/src/Form/Form.d.js.map +1 -1
- package/src/Form/Form.js +3 -11
- package/src/Form/Form.js.map +1 -1
- package/src/Form/Input.d.js.map +1 -1
- package/src/Form/Input.js +32 -52
- package/src/Form/Input.js.map +1 -1
- package/src/Form/InputBlock.d.js.map +1 -1
- package/src/Form/InputBlock.js +6 -38
- package/src/Form/InputBlock.js.map +1 -1
- package/src/Form/InputLabel.d.js.map +1 -1
- package/src/Form/InputLabel.js +9 -17
- package/src/Form/InputLabel.js.map +1 -1
- package/src/Form/InputSubmitCombo.d.js.map +1 -1
- package/src/Form/InputSubmitCombo.js +11 -25
- package/src/Form/InputSubmitCombo.js.map +1 -1
- package/src/Form/RangeInput.d.js.map +1 -1
- package/src/Form/RangeInput.js +19 -30
- package/src/Form/RangeInput.js.map +1 -1
- package/src/Form/RangeInput.styles.d.js.map +1 -1
- package/src/Form/RangeInput.styles.js +5 -18
- package/src/Form/RangeInput.styles.js.map +1 -1
- package/src/Form/RoundIconButton.d.js.map +1 -1
- package/src/Form/RoundIconButton.js +10 -25
- package/src/Form/RoundIconButton.js.map +1 -1
- package/src/Form/Select.d.js.map +1 -1
- package/src/Form/Select.js +23 -37
- package/src/Form/Select.js.map +1 -1
- package/src/Form/SelectComponents.d.js.map +1 -1
- package/src/Form/SelectComponents.js +21 -51
- package/src/Form/SelectComponents.js.map +1 -1
- package/src/Form/SelectStyles.d.js.map +1 -1
- package/src/Form/SelectStyles.js +7 -15
- package/src/Form/SelectStyles.js.map +1 -1
- package/src/Form/ShakeBox.d.js.map +1 -1
- package/src/Form/ShakeBox.js +18 -50
- package/src/Form/ShakeBox.js.map +1 -1
- package/src/Form/Switch.d.js.map +1 -1
- package/src/Form/Switch.js +20 -32
- package/src/Form/Switch.js.map +1 -1
- package/src/Form/TextArea.d.js.map +1 -1
- package/src/Form/TextArea.js +12 -26
- package/src/Form/TextArea.js.map +1 -1
- package/src/Form/Tooltip.d.js.map +1 -1
- package/src/Form/Tooltip.js +16 -27
- package/src/Form/Tooltip.js.map +1 -1
- package/src/Form/index.d.js +0 -36
- package/src/Form/index.d.js.map +1 -1
- package/src/Form/index.js +0 -36
- package/src/Form/index.js.map +1 -1
- package/src/GlobalCssVariables.d.js.map +1 -1
- package/src/GlobalCssVariables.js +1 -5
- package/src/GlobalCssVariables.js.map +1 -1
- package/src/GlobalStyle.d.js.map +1 -1
- package/src/GlobalStyle.js +4 -14
- package/src/GlobalStyle.js.map +1 -1
- package/src/Icon/AddPeopleIcon.d.js.map +1 -1
- package/src/Icon/AddPeopleIcon.js +4 -30
- package/src/Icon/AddPeopleIcon.js.map +1 -1
- package/src/Icon/ArchiveIcon.d.js.map +1 -1
- package/src/Icon/ArchiveIcon.js +2 -29
- package/src/Icon/ArchiveIcon.js.map +1 -1
- package/src/Icon/ArrowDown.d.js.map +1 -1
- package/src/Icon/ArrowDown.js +5 -28
- package/src/Icon/ArrowDown.js.map +1 -1
- package/src/Icon/ArrowIcon.d.js.map +1 -1
- package/src/Icon/ArrowIcon.js +7 -15
- package/src/Icon/ArrowIcon.js.map +1 -1
- package/src/Icon/AttachmentIcon.d.js.map +1 -1
- package/src/Icon/AttachmentIcon.js +2 -29
- package/src/Icon/AttachmentIcon.js.map +1 -1
- package/src/Icon/AudioVideoIcon.d.js.map +1 -1
- package/src/Icon/AudioVideoIcon.js +2 -29
- package/src/Icon/AudioVideoIcon.js.map +1 -1
- package/src/Icon/BlockIcon.d.js.map +1 -1
- package/src/Icon/BlockIcon.js +2 -29
- package/src/Icon/BlockIcon.js.map +1 -1
- package/src/Icon/Brand/AndroidIcon.d.js.map +1 -1
- package/src/Icon/Brand/AndroidIcon.js +2 -29
- package/src/Icon/Brand/AndroidIcon.js.map +1 -1
- package/src/Icon/Brand/AppleIcon.d.js.map +1 -1
- package/src/Icon/Brand/AppleIcon.js +2 -29
- package/src/Icon/Brand/AppleIcon.js.map +1 -1
- package/src/Icon/Brand/ChromeIcon.d.js.map +1 -1
- package/src/Icon/Brand/ChromeIcon.js +2 -29
- package/src/Icon/Brand/ChromeIcon.js.map +1 -1
- package/src/Icon/Brand/FacebookIcon.d.js.map +1 -1
- package/src/Icon/Brand/FacebookIcon.js +2 -29
- package/src/Icon/Brand/FacebookIcon.js.map +1 -1
- package/src/Icon/Brand/GitHubIcon.d.js.map +1 -1
- package/src/Icon/Brand/GitHubIcon.js +2 -29
- package/src/Icon/Brand/GitHubIcon.js.map +1 -1
- package/src/Icon/Brand/LinkedInIcon.d.js.map +1 -1
- package/src/Icon/Brand/LinkedInIcon.js +2 -29
- package/src/Icon/Brand/LinkedInIcon.js.map +1 -1
- package/src/Icon/Brand/LinuxIcon.d.js.map +1 -1
- package/src/Icon/Brand/LinuxIcon.js +2 -29
- package/src/Icon/Brand/LinuxIcon.js.map +1 -1
- package/src/Icon/Brand/MicrosoftIcon.d.js.map +1 -1
- package/src/Icon/Brand/MicrosoftIcon.js +2 -29
- package/src/Icon/Brand/MicrosoftIcon.js.map +1 -1
- package/src/Icon/Brand/TwitterIcon.d.js.map +1 -1
- package/src/Icon/Brand/TwitterIcon.js +2 -29
- package/src/Icon/Brand/TwitterIcon.js.map +1 -1
- package/src/Icon/CallIcon.d.js.map +1 -1
- package/src/Icon/CallIcon.js +2 -29
- package/src/Icon/CallIcon.js.map +1 -1
- package/src/Icon/CamIcon.d.js.map +1 -1
- package/src/Icon/CamIcon.js +2 -29
- package/src/Icon/CamIcon.js.map +1 -1
- package/src/Icon/CameraIcon.d.js.map +1 -1
- package/src/Icon/CameraIcon.js +4 -30
- package/src/Icon/CameraIcon.js.map +1 -1
- package/src/Icon/CheckIcon.d.js.map +1 -1
- package/src/Icon/CheckIcon.js +2 -29
- package/src/Icon/CheckIcon.js.map +1 -1
- package/src/Icon/CheckRoundIcon.d.js.map +1 -1
- package/src/Icon/CheckRoundIcon.js +2 -29
- package/src/Icon/CheckRoundIcon.js.map +1 -1
- package/src/Icon/ChevronIcon.d.js.map +1 -1
- package/src/Icon/ChevronIcon.js +6 -15
- package/src/Icon/ChevronIcon.js.map +1 -1
- package/src/Icon/CloseIcon.d.js.map +1 -1
- package/src/Icon/CloseIcon.js +2 -29
- package/src/Icon/CloseIcon.js.map +1 -1
- package/src/Icon/CopyIcon.d.js.map +1 -1
- package/src/Icon/CopyIcon.js +2 -29
- package/src/Icon/CopyIcon.js.map +1 -1
- package/src/Icon/DeviceIcon.d.js.map +1 -1
- package/src/Icon/DeviceIcon.js +2 -29
- package/src/Icon/DeviceIcon.js.map +1 -1
- package/src/Icon/DownloadIcon.d.js.map +1 -1
- package/src/Icon/DownloadIcon.js +2 -29
- package/src/Icon/DownloadIcon.js.map +1 -1
- package/src/Icon/EditDocumentIcon.d.js.map +1 -1
- package/src/Icon/EditDocumentIcon.js +4 -30
- package/src/Icon/EditDocumentIcon.js.map +1 -1
- package/src/Icon/EditIcon.d.js.map +1 -1
- package/src/Icon/EditIcon.js +2 -29
- package/src/Icon/EditIcon.js.map +1 -1
- package/src/Icon/EnterIcon.d.js.map +1 -1
- package/src/Icon/EnterIcon.js +2 -29
- package/src/Icon/EnterIcon.js.map +1 -1
- package/src/Icon/ErrorIcon.d.js.map +1 -1
- package/src/Icon/ErrorIcon.js +2 -29
- package/src/Icon/ErrorIcon.js.map +1 -1
- package/src/Icon/FileIcon.d.js.map +1 -1
- package/src/Icon/FileIcon.js +2 -29
- package/src/Icon/FileIcon.js.map +1 -1
- package/src/Icon/GifIcon.d.js.map +1 -1
- package/src/Icon/GifIcon.js +2 -29
- package/src/Icon/GifIcon.js.map +1 -1
- package/src/Icon/GridIcon.d.js.map +1 -1
- package/src/Icon/GridIcon.js +4 -30
- package/src/Icon/GridIcon.js.map +1 -1
- package/src/Icon/GroupIcon.d.js.map +1 -1
- package/src/Icon/GroupIcon.js +2 -29
- package/src/Icon/GroupIcon.js.map +1 -1
- package/src/Icon/HangupIcon.d.js.map +1 -1
- package/src/Icon/HangupIcon.js +2 -29
- package/src/Icon/HangupIcon.js.map +1 -1
- package/src/Icon/HideIcon.d.js.map +1 -1
- package/src/Icon/HideIcon.js +2 -29
- package/src/Icon/HideIcon.js.map +1 -1
- package/src/Icon/ImageIcon.d.js.map +1 -1
- package/src/Icon/ImageIcon.js +2 -29
- package/src/Icon/ImageIcon.js.map +1 -1
- package/src/Icon/InfoIcon.d.js.map +1 -1
- package/src/Icon/InfoIcon.js +2 -29
- package/src/Icon/InfoIcon.js.map +1 -1
- package/src/Icon/InviteIcon.d.js.map +1 -1
- package/src/Icon/InviteIcon.js +2 -29
- package/src/Icon/InviteIcon.js.map +1 -1
- package/src/Icon/LeaveIcon.d.js.map +1 -1
- package/src/Icon/LeaveIcon.js +2 -29
- package/src/Icon/LeaveIcon.js.map +1 -1
- package/src/Icon/LinkIcon.d.js.map +1 -1
- package/src/Icon/LinkIcon.js +4 -30
- package/src/Icon/LinkIcon.js.map +1 -1
- package/src/Icon/ListIcon.d.js.map +1 -1
- package/src/Icon/ListIcon.js +2 -29
- package/src/Icon/ListIcon.js.map +1 -1
- package/src/Icon/LockIcon.d.js.map +1 -1
- package/src/Icon/LockIcon.js +2 -29
- package/src/Icon/LockIcon.js.map +1 -1
- package/src/Icon/MessageIcon.d.js.map +1 -1
- package/src/Icon/MessageIcon.js +2 -29
- package/src/Icon/MessageIcon.js.map +1 -1
- package/src/Icon/MinusIcon.d.js.map +1 -1
- package/src/Icon/MinusIcon.js +2 -29
- package/src/Icon/MinusIcon.js.map +1 -1
- package/src/Icon/MoreIcon.d.js.map +1 -1
- package/src/Icon/MoreIcon.js +2 -29
- package/src/Icon/MoreIcon.js.map +1 -1
- package/src/Icon/MuteIcon.d.js.map +1 -1
- package/src/Icon/MuteIcon.js +2 -29
- package/src/Icon/MuteIcon.js.map +1 -1
- package/src/Icon/NotificationIcon.d.js.map +1 -1
- package/src/Icon/NotificationIcon.js +2 -29
- package/src/Icon/NotificationIcon.js.map +1 -1
- package/src/Icon/NotificationOffIcon.d.js.map +1 -1
- package/src/Icon/NotificationOffIcon.js +2 -29
- package/src/Icon/NotificationOffIcon.js.map +1 -1
- package/src/Icon/OptionsIcon.d.js.map +1 -1
- package/src/Icon/OptionsIcon.js +2 -29
- package/src/Icon/OptionsIcon.js.map +1 -1
- package/src/Icon/PeopleIcon.d.js.map +1 -1
- package/src/Icon/PeopleIcon.js +4 -30
- package/src/Icon/PeopleIcon.js.map +1 -1
- package/src/Icon/PingIcon.d.js.map +1 -1
- package/src/Icon/PingIcon.js +2 -29
- package/src/Icon/PingIcon.js.map +1 -1
- package/src/Icon/PlaneIcon.d.js.map +1 -1
- package/src/Icon/PlaneIcon.js +2 -29
- package/src/Icon/PlaneIcon.js.map +1 -1
- package/src/Icon/PlusIcon.d.js.map +1 -1
- package/src/Icon/PlusIcon.js +2 -29
- package/src/Icon/PlusIcon.js.map +1 -1
- package/src/Icon/ProfileIcon.d.js.map +1 -1
- package/src/Icon/ProfileIcon.js +2 -29
- package/src/Icon/ProfileIcon.js.map +1 -1
- package/src/Icon/RecordBoldIcon.d.js.map +1 -1
- package/src/Icon/RecordBoldIcon.js +6 -15
- package/src/Icon/RecordBoldIcon.js.map +1 -1
- package/src/Icon/RecordIcon.d.js.map +1 -1
- package/src/Icon/RecordIcon.js +2 -29
- package/src/Icon/RecordIcon.js.map +1 -1
- package/src/Icon/RecordPendingIcon.d.js.map +1 -1
- package/src/Icon/RecordPendingIcon.js +2 -29
- package/src/Icon/RecordPendingIcon.js.map +1 -1
- package/src/Icon/ReloadIcon.d.js.map +1 -1
- package/src/Icon/ReloadIcon.js +2 -29
- package/src/Icon/ReloadIcon.js.map +1 -1
- package/src/Icon/SVGIcon.d.js.map +1 -1
- package/src/Icon/SVGIcon.js +16 -26
- package/src/Icon/SVGIcon.js.map +1 -1
- package/src/Icon/ScreenshareIcon.d.js.map +1 -1
- package/src/Icon/ScreenshareIcon.js +2 -29
- package/src/Icon/ScreenshareIcon.js.map +1 -1
- package/src/Icon/SearchIcon.d.js.map +1 -1
- package/src/Icon/SearchIcon.js +2 -29
- package/src/Icon/SearchIcon.js.map +1 -1
- package/src/Icon/ServicesIcon.d.js.map +1 -1
- package/src/Icon/ServicesIcon.js +2 -29
- package/src/Icon/ServicesIcon.js.map +1 -1
- package/src/Icon/SettingsIcon.d.js.map +1 -1
- package/src/Icon/SettingsIcon.js +2 -29
- package/src/Icon/SettingsIcon.js.map +1 -1
- package/src/Icon/ShowIcon.d.js.map +1 -1
- package/src/Icon/ShowIcon.js +2 -29
- package/src/Icon/ShowIcon.js.map +1 -1
- package/src/Icon/SignIcon.d.js.map +1 -1
- package/src/Icon/SignIcon.js +2 -29
- package/src/Icon/SignIcon.js.map +1 -1
- package/src/Icon/SpeakerIcon.d.js.map +1 -1
- package/src/Icon/SpeakerIcon.js +2 -29
- package/src/Icon/SpeakerIcon.js.map +1 -1
- package/src/Icon/SupportIcon.d.js.map +1 -1
- package/src/Icon/SupportIcon.js +2 -29
- package/src/Icon/SupportIcon.js.map +1 -1
- package/src/Icon/TeamIcon.d.js.map +1 -1
- package/src/Icon/TeamIcon.js +2 -29
- package/src/Icon/TeamIcon.js.map +1 -1
- package/src/Icon/TimedIcon.d.js.map +1 -1
- package/src/Icon/TimedIcon.js +2 -29
- package/src/Icon/TimedIcon.js.map +1 -1
- package/src/Icon/TrashCrossIcon.d.js.map +1 -1
- package/src/Icon/TrashCrossIcon.js +2 -29
- package/src/Icon/TrashCrossIcon.js.map +1 -1
- package/src/Icon/TrashIcon.d.js.map +1 -1
- package/src/Icon/TrashIcon.js +2 -29
- package/src/Icon/TrashIcon.js.map +1 -1
- package/src/Icon/TriangleIcon.d.js.map +1 -1
- package/src/Icon/TriangleIcon.js +6 -14
- package/src/Icon/TriangleIcon.js.map +1 -1
- package/src/Icon/UploadIcon.d.js.map +1 -1
- package/src/Icon/UploadIcon.js +2 -29
- package/src/Icon/UploadIcon.js.map +1 -1
- package/src/Icon/WireIcon.d.js.map +1 -1
- package/src/Icon/WireIcon.js +2 -29
- package/src/Icon/WireIcon.js.map +1 -1
- package/src/Icon/index.d.js +0 -146
- package/src/Icon/index.d.js.map +1 -1
- package/src/Icon/index.js +0 -146
- package/src/Icon/index.js.map +1 -1
- package/src/Identity/Animation.d.js.map +1 -1
- package/src/Identity/Animation.js +50 -76
- package/src/Identity/Animation.js.map +1 -1
- package/src/Identity/Avatar.d.js.map +1 -1
- package/src/Identity/Avatar.js +26 -61
- package/src/Identity/Avatar.js.map +1 -1
- package/src/Identity/AvatarGrid.d.js.map +1 -1
- package/src/Identity/AvatarGrid.js +19 -39
- package/src/Identity/AvatarGrid.js.map +1 -1
- package/src/Identity/Logo.d.js.map +1 -1
- package/src/Identity/Logo.js +10 -24
- package/src/Identity/Logo.js.map +1 -1
- package/src/Identity/colors-v2.d.js.map +1 -1
- package/src/Identity/colors-v2.js +5 -15
- package/src/Identity/colors-v2.js.map +1 -1
- package/src/Identity/colors.d.js.map +1 -1
- package/src/Identity/colors.js +16 -27
- package/src/Identity/colors.js.map +1 -1
- package/src/Identity/index.d.js +0 -12
- package/src/Identity/index.d.js.map +1 -1
- package/src/Identity/index.js +0 -12
- package/src/Identity/index.js.map +1 -1
- package/src/Identity/motions.d.js.map +1 -1
- package/src/Identity/motions.js +8 -14
- package/src/Identity/motions.js.map +1 -1
- package/src/Layout/Box.d.js.map +1 -1
- package/src/Layout/Box.js +4 -33
- package/src/Layout/Box.js.map +1 -1
- package/src/Layout/Column.d.js.map +1 -1
- package/src/Layout/Column.js +8 -44
- package/src/Layout/Column.js.map +1 -1
- package/src/Layout/Container.d.js.map +1 -1
- package/src/Layout/Container.js +15 -58
- package/src/Layout/Container.js.map +1 -1
- package/src/Layout/Content.d.js.map +1 -1
- package/src/Layout/Content.js +4 -33
- package/src/Layout/Content.js.map +1 -1
- package/src/Layout/FlexBox.d.js.map +1 -1
- package/src/Layout/FlexBox.js +11 -42
- package/src/Layout/FlexBox.js.map +1 -1
- package/src/Layout/Footer.d.js.map +1 -1
- package/src/Layout/Footer.js +2 -6
- package/src/Layout/Footer.js.map +1 -1
- package/src/Layout/Header.d.js.map +1 -1
- package/src/Layout/Header.js +4 -32
- package/src/Layout/Header.js.map +1 -1
- package/src/Layout/MatchMedia.d.js.map +1 -1
- package/src/Layout/MatchMedia.js +22 -72
- package/src/Layout/MatchMedia.js.map +1 -1
- package/src/Layout/Spacer.d.js.map +1 -1
- package/src/Layout/Spacer.js +5 -8
- package/src/Layout/Spacer.js.map +1 -1
- package/src/Layout/StyledApp.d.js.map +1 -1
- package/src/Layout/StyledApp.js +10 -23
- package/src/Layout/StyledApp.js.map +1 -1
- package/src/Layout/Theme.d.js.map +1 -1
- package/src/Layout/Theme.js +8 -21
- package/src/Layout/Theme.js.map +1 -1
- package/src/Layout/headerMenu/HeaderMenu.d.js.map +1 -1
- package/src/Layout/headerMenu/HeaderMenu.js +19 -38
- package/src/Layout/headerMenu/HeaderMenu.js.map +1 -1
- package/src/Layout/headerMenu/HeaderSubMenu.d.js.map +1 -1
- package/src/Layout/headerMenu/HeaderSubMenu.js +13 -33
- package/src/Layout/headerMenu/HeaderSubMenu.js.map +1 -1
- package/src/Layout/headerMenu/MenuContent.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuContent.js +6 -20
- package/src/Layout/headerMenu/MenuContent.js.map +1 -1
- package/src/Layout/headerMenu/MenuItems.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuItems.js +6 -38
- package/src/Layout/headerMenu/MenuItems.js.map +1 -1
- package/src/Layout/headerMenu/MenuLink.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuLink.js +21 -40
- package/src/Layout/headerMenu/MenuLink.js.map +1 -1
- package/src/Layout/headerMenu/MenuOpenButton.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuOpenButton.js +7 -40
- package/src/Layout/headerMenu/MenuOpenButton.js.map +1 -1
- package/src/Layout/headerMenu/MenuScrollableItems.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuScrollableItems.js +6 -36
- package/src/Layout/headerMenu/MenuScrollableItems.js.map +1 -1
- package/src/Layout/headerMenu/MenuSubLink.d.js.map +1 -1
- package/src/Layout/headerMenu/MenuSubLink.js +8 -23
- package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
- package/src/Layout/headerMenu/index.d.js +0 -16
- package/src/Layout/headerMenu/index.d.js.map +1 -1
- package/src/Layout/headerMenu/index.js +0 -16
- package/src/Layout/headerMenu/index.js.map +1 -1
- package/src/Layout/index.d.js +0 -26
- package/src/Layout/index.d.js.map +1 -1
- package/src/Layout/index.js +0 -26
- package/src/Layout/index.js.map +1 -1
- package/src/Layout/sizes.d.js.map +1 -1
- package/src/Layout/sizes.js +2 -2
- package/src/Layout/sizes.js.map +1 -1
- package/src/Menu/MenuModal.d.js.map +1 -1
- package/src/Menu/MenuModal.js +21 -44
- package/src/Menu/MenuModal.js.map +1 -1
- package/src/Menu/TabBar.d.js.map +1 -1
- package/src/Menu/TabBar.js +31 -50
- package/src/Menu/TabBar.js.map +1 -1
- package/src/Menu/index.d.js +0 -4
- package/src/Menu/index.d.js.map +1 -1
- package/src/Menu/index.js +0 -4
- package/src/Menu/index.js.map +1 -1
- package/src/Misc/ButtonGroup.d.js.map +1 -1
- package/src/Misc/ButtonGroup.js +10 -25
- package/src/Misc/ButtonGroup.js.map +1 -1
- package/src/Misc/IconButton.d.js.map +1 -1
- package/src/Misc/IconButton.js +13 -31
- package/src/Misc/IconButton.js.map +1 -1
- package/src/Misc/IsInViewport.d.js.map +1 -1
- package/src/Misc/IsInViewport.js +18 -29
- package/src/Misc/IsInViewport.js.map +1 -1
- package/src/Misc/Loading.d.js.map +1 -1
- package/src/Misc/Loading.js +13 -24
- package/src/Misc/Loading.js.map +1 -1
- package/src/Misc/Pagination.d.js.map +1 -1
- package/src/Misc/Pagination.js +18 -40
- package/src/Misc/Pagination.js.map +1 -1
- package/src/Misc/Pill.d.js.map +1 -1
- package/src/Misc/Pill.js +11 -30
- package/src/Misc/Pill.js.map +1 -1
- package/src/Misc/childrenWithDefaultProps.d.js.map +1 -1
- package/src/Misc/childrenWithDefaultProps.js +4 -13
- package/src/Misc/childrenWithDefaultProps.js.map +1 -1
- package/src/Misc/index.d.js +0 -18
- package/src/Misc/index.d.js.map +1 -1
- package/src/Misc/index.js +0 -18
- package/src/Misc/index.js.map +1 -1
- package/src/Misc/useLongTouch.d.js.map +1 -1
- package/src/Misc/useLongTouch.js +3 -11
- package/src/Misc/useLongTouch.js.map +1 -1
- package/src/Misc/useTimeout.d.js.map +1 -1
- package/src/Misc/useTimeout.js +9 -32
- package/src/Misc/useTimeout.js.map +1 -1
- package/src/Modal/Modal.d.js.map +1 -1
- package/src/Modal/Modal.js +21 -50
- package/src/Modal/Modal.js.map +1 -1
- package/src/Modal/Overlay.d.js.map +1 -1
- package/src/Modal/Overlay.js +15 -37
- package/src/Modal/Overlay.js.map +1 -1
- package/src/Modal/index.d.js +0 -3
- package/src/Modal/index.d.js.map +1 -1
- package/src/Modal/index.js +0 -3
- package/src/Modal/index.js.map +1 -1
- package/src/Text/Heading.d.js.map +1 -1
- package/src/Text/Heading.js +52 -84
- package/src/Text/Heading.js.map +1 -1
- package/src/Text/Label.d.js.map +1 -1
- package/src/Text/Label.js +18 -35
- package/src/Text/Label.js.map +1 -1
- package/src/Text/Line.d.js.map +1 -1
- package/src/Text/Line.js +5 -35
- package/src/Text/Line.js.map +1 -1
- package/src/Text/Link.d.js.map +1 -1
- package/src/Text/Link.js +20 -39
- package/src/Text/Link.js.map +1 -1
- package/src/Text/Paragraph.d.js.map +1 -1
- package/src/Text/Paragraph.js +19 -37
- package/src/Text/Paragraph.js.map +1 -1
- package/src/Text/Text.d.js.map +1 -1
- package/src/Text/Text.js +28 -70
- package/src/Text/Text.js.map +1 -1
- package/src/Text/TextLink.d.js.map +1 -1
- package/src/Text/TextLink.js +16 -30
- package/src/Text/TextLink.js.map +1 -1
- package/src/Text/Title.d.js.map +1 -1
- package/src/Text/Title.js +17 -30
- package/src/Text/Title.js.map +1 -1
- package/src/Text/index.d.js +0 -16
- package/src/Text/index.d.js.map +1 -1
- package/src/Text/index.js +0 -16
- package/src/Text/index.js.map +1 -1
- package/src/index.d.js +0 -18
- package/src/index.d.js.map +1 -1
- package/src/index.js +0 -18
- package/src/index.js.map +1 -1
- package/src/mediaQueries.d.js.map +1 -1
- package/src/mediaQueries.js +15 -22
- package/src/mediaQueries.js.map +1 -1
- package/src/util.d.js.map +1 -1
- package/src/util.js +15 -24
- package/src/util.js.map +1 -1
|
@@ -1,43 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.AvatarGrid = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
7
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
8
|
var _react2 = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
9
|
var _Misc = require("../Misc/");
|
|
21
|
-
|
|
22
10
|
var _util = require("../util");
|
|
23
|
-
|
|
24
11
|
var _Avatar = require("./Avatar");
|
|
25
|
-
|
|
26
12
|
var _colors = require("./colors");
|
|
27
|
-
|
|
28
13
|
var _excluded = ["borderWidth", "size", "items", "fetchImages"];
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
33
|
-
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
+
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; }
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
34
21
|
var avatarGridStyle = function avatarGridStyle(_ref) {
|
|
35
22
|
var borderWidth = _ref.borderWidth,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
size = _ref.size,
|
|
24
|
+
_ref$backgroundColor = _ref.backgroundColor,
|
|
25
|
+
backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$backgroundColor,
|
|
26
|
+
_ref$borderColor = _ref.borderColor,
|
|
27
|
+
borderColor = _ref$borderColor === void 0 ? _colors.COLOR.GRAY_DARKEN_48 : _ref$borderColor;
|
|
41
28
|
return {
|
|
42
29
|
alignItems: 'start',
|
|
43
30
|
backgroundColor: backgroundColor,
|
|
@@ -54,34 +41,28 @@ var avatarGridStyle = function avatarGridStyle(_ref) {
|
|
|
54
41
|
width: "".concat(size, "px")
|
|
55
42
|
};
|
|
56
43
|
};
|
|
57
|
-
|
|
58
44
|
var filteredAvatarGridProps = function filteredAvatarGridProps(props) {
|
|
59
45
|
return (0, _util.filterProps)(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);
|
|
60
46
|
};
|
|
61
|
-
|
|
62
47
|
var AvatarGrid = function AvatarGrid(_ref2) {
|
|
63
48
|
var _ref2$borderWidth = _ref2.borderWidth,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
49
|
+
borderWidth = _ref2$borderWidth === void 0 ? 1 : _ref2$borderWidth,
|
|
50
|
+
_ref2$size = _ref2.size,
|
|
51
|
+
size = _ref2$size === void 0 ? _Avatar.DEFAULT_AVATAR_SIZE : _ref2$size,
|
|
52
|
+
items = _ref2.items,
|
|
53
|
+
fetchImages = _ref2.fetchImages,
|
|
54
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
71
55
|
var allProps = _objectSpread({
|
|
72
56
|
borderWidth: borderWidth,
|
|
73
57
|
items: items,
|
|
74
58
|
size: size
|
|
75
59
|
}, props);
|
|
76
|
-
|
|
77
60
|
var slicedItems = items.slice(0, 4);
|
|
78
61
|
var missing = 4 - slicedItems.length;
|
|
79
|
-
|
|
80
62
|
for (var index = 0; index < missing; index++) {
|
|
81
63
|
slicedItems.push(null);
|
|
82
64
|
}
|
|
83
|
-
|
|
84
|
-
return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
|
|
65
|
+
return (0, _react.jsx)(_Misc.IsInViewport, _extends({
|
|
85
66
|
checkViewportOnce: true,
|
|
86
67
|
onEnterViewport: fetchImages,
|
|
87
68
|
css: avatarGridStyle(allProps)
|
|
@@ -109,6 +90,5 @@ var AvatarGrid = function AvatarGrid(_ref2) {
|
|
|
109
90
|
});
|
|
110
91
|
}));
|
|
111
92
|
};
|
|
112
|
-
|
|
113
93
|
exports.AvatarGrid = AvatarGrid;
|
|
114
94
|
//# sourceMappingURL=AvatarGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"AvatarGrid.js","names":["avatarGridStyle","borderWidth","size","backgroundColor","COLOR","GRAY_DARKEN_48","borderColor","alignItems","border","borderRadius","display","gridGap","gridTemplateColumns","gridTemplateRows","height","justifyItems","minWidth","overflow","width","filteredAvatarGridProps","props","filterProps","AvatarGrid","DEFAULT_AVATAR_SIZE","items","fetchImages","allProps","slicedItems","slice","missing","length","index","push","map","item","Math","random","toString","GRAY_DARKEN_80","url","color","forceInitials","name"],"sources":["AvatarGrid.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {AvatarProps} from '../Identity/';\nimport {IsInViewport} from '../Misc/';\nimport {filterProps} from '../util';\nimport {Avatar, DEFAULT_AVATAR_SIZE} from './Avatar';\nimport {COLOR} from './colors';\n\ninterface Props<T = HTMLDivElement> extends React.HTMLProps<T> {\n backgroundColor?: string;\n borderColor?: string;\n borderWidth?: number;\n fetchImages?: () => void;\n items: Omit<AvatarProps, 'borderColor' | 'size' | 'borderColor' | 'isAvatarGridItem' | 'fetchImage'>[];\n size?: number;\n}\n\nconst avatarGridStyle: <T>(props: Props<T>) => CSSObject = ({\n borderWidth,\n size,\n backgroundColor = COLOR.GRAY_DARKEN_48,\n borderColor = COLOR.GRAY_DARKEN_48,\n}) => {\n return {\n alignItems: 'start',\n backgroundColor: backgroundColor,\n border: `${borderWidth}px solid ${borderColor}`,\n borderRadius: '16%',\n display: 'grid',\n gridGap: borderWidth,\n gridTemplateColumns: 'repeat(2, 1fr)',\n gridTemplateRows: 'repeat(2, 1fr)',\n height: `${size}px`,\n justifyItems: 'center',\n minWidth: `${size}px`,\n overflow: 'hidden',\n width: `${size}px`,\n };\n};\n\nconst filteredAvatarGridProps = (props: Props) =>\n filterProps(props, ['backgroundColor', 'borderColor', 'items', 'size', 'borderWidth']);\n\nexport const AvatarGrid = ({borderWidth = 1, size = DEFAULT_AVATAR_SIZE, items, fetchImages, ...props}: Props) => {\n const allProps = {borderWidth, items, size, ...props};\n const slicedItems = items.slice(0, 4);\n const missing = 4 - slicedItems.length;\n for (let index = 0; index < missing; index++) {\n slicedItems.push(null);\n }\n return (\n <IsInViewport\n checkViewportOnce\n onEnterViewport={fetchImages}\n css={avatarGridStyle(allProps)}\n {...filteredAvatarGridProps(allProps)}\n >\n {slicedItems.map(item =>\n item ? (\n <Avatar\n key={Math.random().toString()}\n backgroundColor={item.backgroundColor || COLOR.GRAY_DARKEN_80}\n url={item.url}\n color={item.color}\n forceInitials={item.forceInitials}\n isAvatarGridItem\n name={item.name}\n size={size / 2 - borderWidth}\n style={{height: '100%', width: '100%'}}\n />\n ) : (\n <div\n key={Math.random().toString()}\n css={{\n backgroundColor: COLOR.GRAY_DARKEN_80,\n height: '100%',\n width: '100%',\n }}\n />\n ),\n )}\n </IsInViewport>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"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":""}
|
package/src/Identity/Logo.js
CHANGED
|
@@ -1,36 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Logo = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
7
|
var _react = require("@emotion/react");
|
|
17
|
-
|
|
18
8
|
var _SVGIcon = require("../Icon/SVGIcon");
|
|
19
|
-
|
|
20
9
|
var _motions = require("../Identity/motions");
|
|
21
|
-
|
|
22
10
|
var _colors = require("./colors");
|
|
23
|
-
|
|
24
11
|
var _excluded = ["hover"];
|
|
25
|
-
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
12
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
+
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; }
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
30
18
|
var logoStyle = function logoStyle(theme, _ref) {
|
|
31
19
|
var hover = _ref.hover,
|
|
32
|
-
|
|
33
|
-
|
|
20
|
+
_ref$color = _ref.color,
|
|
21
|
+
color = _ref$color === void 0 ? theme.general.color : _ref$color;
|
|
34
22
|
return {
|
|
35
23
|
'&:hover path': {
|
|
36
24
|
fill: hover ? _colors.COLOR.shade(color, 0.06) : undefined
|
|
@@ -41,11 +29,10 @@ var logoStyle = function logoStyle(theme, _ref) {
|
|
|
41
29
|
}
|
|
42
30
|
};
|
|
43
31
|
};
|
|
44
|
-
|
|
45
32
|
var Logo = function Logo(_ref2) {
|
|
46
33
|
var hover = _ref2.hover,
|
|
47
|
-
|
|
48
|
-
return (0, _react.jsx)(_SVGIcon.SVGIcon, (
|
|
34
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
35
|
+
return (0, _react.jsx)(_SVGIcon.SVGIcon, _extends({
|
|
49
36
|
realWidth: 57,
|
|
50
37
|
realHeight: 18,
|
|
51
38
|
css: function css(theme) {
|
|
@@ -57,6 +44,5 @@ var Logo = function Logo(_ref2) {
|
|
|
57
44
|
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"
|
|
58
45
|
}));
|
|
59
46
|
};
|
|
60
|
-
|
|
61
47
|
exports.Logo = Logo;
|
|
62
48
|
//# sourceMappingURL=Logo.js.map
|
package/src/Identity/Logo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Logo.js","names":["logoStyle","theme","hover","color","general","fill","COLOR","shade","undefined","path","transition","defaultTransition","Logo","props"],"sources":["Logo.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {SVGIcon, SVGIconProps} from '../Icon/SVGIcon';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {COLOR} from './colors';\n\nexport interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {\n hover?: boolean;\n}\n\nconst logoStyle: <T>(theme: Theme, props: LogoProps<T>) => CSSObject = (\n theme,\n {hover, color = theme.general.color},\n) => ({\n '&:hover path': {\n fill: hover ? COLOR.shade(color, 0.06) : undefined,\n },\n path: {\n fill: color,\n transition: defaultTransition,\n },\n});\n\nexport const Logo = ({hover, ...props}: LogoProps) => (\n <SVGIcon realWidth={57} realHeight={18} css={(theme: Theme) => logoStyle(theme, {hover, ...props})} {...props}>\n <path d=\"M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z\" />\n </SVGIcon>\n);\n"],"mappings":";;;;;;AAoBA;AAEA;AACA;AAEA;AAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAM/B,IAAMA,SAA8D,GAAG,SAAjEA,SAA8D,CAClEC,KAAK;EAAA,IACJC,KAAK,QAALA,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGF,KAAK,CAACG,OAAO,CAACD,KAAK;EAAA,OAC/B;IACJ,cAAc,EAAE;MACdE,IAAI,EAAEH,KAAK,GAAGI,aAAK,CAACC,KAAK,CAACJ,KAAK,EAAE,IAAI,CAAC,GAAGK;IAC3C,CAAC;IACDC,IAAI,EAAE;MACJJ,IAAI,EAAEF,KAAK;MACXO,UAAU,EAAEC;IACd;EACF,CAAC;AAAA,CAAC;AAEK,IAAMC,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAKV,KAAK,SAALA,KAAK;IAAKW,KAAK;EAAA,OACnC,gBAAC,gBAAO;IAAC,SAAS,EAAE,EAAG;IAAC,UAAU,EAAE,EAAG;IAAC,GAAG,EAAE,aAACZ,KAAY;MAAA,OAAKD,SAAS,CAACC,KAAK;QAAGC,KAAK,EAALA;MAAK,GAAKW,KAAK,EAAE;IAAA;EAAC,GAAKA,KAAK,GAC3G;IAAM,CAAC,EAAC;EAA2lC,EAAG,CAC9lC;AAAA,CACX;AAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"colors-v2.d.js","names":[],"sources":["colors-v2.d.ts"],"sourcesContent":["export declare const BASE_LIGHT_COLOR: Record<string, string>;\nexport declare const BASE_DARK_COLOR: Record<string, string>;\nexport declare const COLOR_V2: any;\n"],"mappings":""}
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports.COLOR_V2 = exports.
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
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; }
|
|
13
|
-
|
|
14
|
-
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; }
|
|
15
|
-
|
|
6
|
+
exports.COLOR_V2 = exports.BASE_LIGHT_COLOR = exports.BASE_DARK_COLOR = void 0;
|
|
7
|
+
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; }
|
|
8
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
10
|
/*
|
|
17
11
|
* Wire
|
|
18
12
|
* Copyright (C) 2022 Wire Swiss GmbH
|
|
@@ -31,6 +25,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
31
25
|
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
32
26
|
*
|
|
33
27
|
*/
|
|
28
|
+
|
|
34
29
|
var BASE_LIGHT_COLOR = {
|
|
35
30
|
BLUE: '#0667c8',
|
|
36
31
|
GREEN: '#1d7833',
|
|
@@ -193,11 +188,8 @@ var DARK_AMBER = {
|
|
|
193
188
|
AMBER_DARK_800: '#66550f',
|
|
194
189
|
AMBER_DARK_900: '#4d400b'
|
|
195
190
|
};
|
|
196
|
-
|
|
197
191
|
var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN), DARK_TURQUOISE), DARK_PURPLE), DARK_RED), DARK_AMBER);
|
|
198
|
-
|
|
199
192
|
var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_TURQUOISE), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
|
|
200
|
-
|
|
201
193
|
var GRAYS = {
|
|
202
194
|
GRAY_10: '#fafafa',
|
|
203
195
|
GRAY_20: '#edeff0',
|
|
@@ -211,11 +203,9 @@ var GRAYS = {
|
|
|
211
203
|
GRAY_95: '#26272c',
|
|
212
204
|
GRAY_100: '#17181a'
|
|
213
205
|
};
|
|
214
|
-
|
|
215
206
|
var COLOR_V2 = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, BASE_DARK_COLOR), BASE_LIGHT_COLOR), DARK), LIGHT), GRAYS), {}, {
|
|
216
207
|
BLACK: '#000',
|
|
217
208
|
WHITE: '#fff'
|
|
218
209
|
});
|
|
219
|
-
|
|
220
210
|
exports.COLOR_V2 = COLOR_V2;
|
|
221
211
|
//# sourceMappingURL=colors-v2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n TURQUOISE: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n TURQUOISE: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n TURQUOISE_LIGHT_50: '#e5f1f3',\n TURQUOISE_LIGHT_100: '#cce2e7',\n TURQUOISE_LIGHT_200: '#99c6d0',\n TURQUOISE_LIGHT_300: '#67a9b8',\n TURQUOISE_LIGHT_400: '#348da1',\n TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n TURQUOISE_LIGHT_600: '#015a6e',\n TURQUOISE_LIGHT_700: '#014352',\n TURQUOISE_LIGHT_800: '#002d37',\n TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n TURQUOISE_DARK_50: '#effdff',\n TURQUOISE_DARK_100: '#dffaff',\n TURQUOISE_DARK_200: '#bef5ff',\n TURQUOISE_DARK_300: '#9ef0ff',\n TURQUOISE_DARK_400: '#7debff',\n TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n TURQUOISE_DARK_600: '#4Ab8cc',\n TURQUOISE_DARK_700: '#388a99',\n TURQUOISE_DARK_800: '#255c66',\n TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_TURQUOISE,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_TURQUOISE,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}
|
|
1
|
+
{"version":3,"file":"colors-v2.js","names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"sources":["colors-v2.ts"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n TURQUOISE: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n TURQUOISE: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n TURQUOISE_LIGHT_50: '#e5f1f3',\n TURQUOISE_LIGHT_100: '#cce2e7',\n TURQUOISE_LIGHT_200: '#99c6d0',\n TURQUOISE_LIGHT_300: '#67a9b8',\n TURQUOISE_LIGHT_400: '#348da1',\n TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n TURQUOISE_LIGHT_600: '#015a6e',\n TURQUOISE_LIGHT_700: '#014352',\n TURQUOISE_LIGHT_800: '#002d37',\n TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n TURQUOISE_DARK_50: '#effdff',\n TURQUOISE_DARK_100: '#dffaff',\n TURQUOISE_DARK_200: '#bef5ff',\n TURQUOISE_DARK_300: '#9ef0ff',\n TURQUOISE_DARK_400: '#7debff',\n TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n TURQUOISE_DARK_600: '#4Ab8cc',\n TURQUOISE_DARK_700: '#388a99',\n TURQUOISE_DARK_800: '#255c66',\n TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_TURQUOISE,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_TURQUOISE,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"colors.d.js","names":[],"sources":["colors.d.ts"],"sourcesContent":["import Color from 'color';\nexport declare type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\nexport declare const COLOR: any;\n"],"mappings":""}
|
package/src/Identity/colors.js
CHANGED
|
@@ -1,42 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.COLOR = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
7
|
var _color = _interopRequireDefault(require("color"));
|
|
15
|
-
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
+
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; }
|
|
10
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
16
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
17
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
18
|
var steps = [];
|
|
21
19
|
var percent = 100;
|
|
22
|
-
|
|
23
20
|
for (var index = 8; index < percent; index += 8) {
|
|
24
21
|
steps.push(index);
|
|
25
22
|
}
|
|
26
|
-
|
|
27
23
|
function shade(color) {
|
|
28
24
|
var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.08;
|
|
29
25
|
return (0, _color["default"])(color).mix((0, _color["default"])(BASE_COLOR.BLACK), amount).toString();
|
|
30
26
|
}
|
|
31
|
-
|
|
32
27
|
function tint(color, amount) {
|
|
33
28
|
return (0, _color["default"])(color).mix((0, _color["default"])(BASE_COLOR.WHITE), amount).toString();
|
|
34
29
|
}
|
|
35
|
-
|
|
36
30
|
function opaque(color, amount) {
|
|
37
31
|
return (0, _color["default"])(color).fade(1 - amount).toString();
|
|
38
32
|
}
|
|
39
|
-
|
|
40
33
|
var BASE_COLOR = {
|
|
41
34
|
BLACK: '#000',
|
|
42
35
|
BLUE: '#0772de',
|
|
@@ -55,10 +48,9 @@ Object.entries({
|
|
|
55
48
|
GRAY: BASE_COLOR.GRAY,
|
|
56
49
|
WHITE: BASE_COLOR.WHITE
|
|
57
50
|
}).forEach(function (_ref) {
|
|
58
|
-
var _ref2 = (
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
51
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
52
|
+
key = _ref2[0],
|
|
53
|
+
value = _ref2[1];
|
|
62
54
|
steps.forEach(function (step) {
|
|
63
55
|
var amount = step / percent;
|
|
64
56
|
DARK_COLOR["".concat(key, "_DARKEN_").concat(step)] = shade(value, amount);
|
|
@@ -66,10 +58,9 @@ Object.entries({
|
|
|
66
58
|
});
|
|
67
59
|
});
|
|
68
60
|
Object.entries(BASE_COLOR).forEach(function (_ref3) {
|
|
69
|
-
var _ref4 = (
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
61
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
62
|
+
key = _ref4[0],
|
|
63
|
+
value = _ref4[1];
|
|
73
64
|
steps.forEach(function (step) {
|
|
74
65
|
var amount = step / percent;
|
|
75
66
|
OPAQUE_COLOR["".concat(key, "_OPAQUE_").concat(step)] = opaque(value, amount);
|
|
@@ -81,7 +72,6 @@ var COMPONENT_COLOR = {
|
|
|
81
72
|
LINK: DARK_COLOR.GRAY_DARKEN_72,
|
|
82
73
|
TEXT: DARK_COLOR.GRAY_DARKEN_72
|
|
83
74
|
};
|
|
84
|
-
|
|
85
75
|
var COLOR = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, BASE_COLOR), DARK_COLOR), LIGHT_COLOR), OPAQUE_COLOR), COMPONENT_COLOR), {}, {
|
|
86
76
|
BLACK: BASE_COLOR.BLACK,
|
|
87
77
|
WHITE: BASE_COLOR.WHITE,
|
|
@@ -89,6 +79,5 @@ var COLOR = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSprea
|
|
|
89
79
|
shade: shade,
|
|
90
80
|
tint: tint
|
|
91
81
|
});
|
|
92
|
-
|
|
93
82
|
exports.COLOR = COLOR;
|
|
94
83
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"colors.js","names":["steps","percent","index","push","shade","color","amount","Color","mix","BASE_COLOR","BLACK","toString","tint","WHITE","opaque","fade","BLUE","GRAY","GREEN","ORANGE","RED","YELLOW","DARK_COLOR","LIGHT_COLOR","OPAQUE_COLOR","Object","entries","forEach","key","value","step","COMPONENT_COLOR","DISABLED","GRAY_DARKEN_32","ICON","GRAY_DARKEN_72","LINK","TEXT","COLOR"],"sources":["colors.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\nimport Color from 'color';\n\nexport type ColorParam = Color | string | ArrayLike<number> | number | Record<string, any>;\n\nconst steps = [];\nconst percent = 100;\n\nfor (let index = 8; index < percent; index += 8) {\n steps.push(index);\n}\n\nfunction shade(color: ColorParam, amount = 0.08): string {\n return Color(color).mix(Color(BASE_COLOR.BLACK), amount).toString();\n}\n\nfunction tint(color: ColorParam, amount: number): string {\n return Color(color).mix(Color(BASE_COLOR.WHITE), amount).toString();\n}\n\nfunction opaque(color: ColorParam, amount: number): string {\n return Color(color)\n .fade(1 - amount)\n .toString();\n}\n\nconst BASE_COLOR: Record<string, string> = {\n BLACK: '#000',\n BLUE: '#0772de',\n GRAY: '#696c6e',\n GREEN: '#00c800',\n ORANGE: '#ff8900',\n RED: '#e02020',\n WHITE: '#fff',\n YELLOW: '#febf02',\n};\n\nconst DARK_COLOR: Record<string, string> = {};\nconst LIGHT_COLOR: Record<string, string> = {};\nconst OPAQUE_COLOR: Record<string, string> = {};\n\nObject.entries({\n BLACK: BASE_COLOR.BLACK,\n GRAY: BASE_COLOR.GRAY,\n WHITE: BASE_COLOR.WHITE,\n}).forEach(([key, value]) => {\n steps.forEach(step => {\n const amount = step / percent;\n DARK_COLOR[`${key}_DARKEN_${step}`] = shade(value, amount);\n LIGHT_COLOR[`${key}_LIGHTEN_${step}`] = tint(value, amount);\n });\n});\n\nObject.entries(BASE_COLOR).forEach(([key, value]) => {\n steps.forEach(step => {\n const amount = step / percent;\n OPAQUE_COLOR[`${key}_OPAQUE_${step}`] = opaque(value, amount);\n });\n});\n\nconst COMPONENT_COLOR = {\n DISABLED: opaque(DARK_COLOR.GRAY_DARKEN_32, 0.16),\n ICON: DARK_COLOR.GRAY_DARKEN_72,\n LINK: DARK_COLOR.GRAY_DARKEN_72,\n TEXT: DARK_COLOR.GRAY_DARKEN_72,\n};\n\nexport const COLOR: any = {\n ...BASE_COLOR,\n ...DARK_COLOR,\n ...LIGHT_COLOR,\n ...OPAQUE_COLOR,\n ...COMPONENT_COLOR,\n BLACK: BASE_COLOR.BLACK,\n WHITE: BASE_COLOR.WHITE,\n opaque,\n shade,\n tint,\n};\n"],"mappings":"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"}
|
package/src/Identity/index.d.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _Animation = require("./Animation");
|
|
8
|
-
|
|
9
7
|
Object.keys(_Animation).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _Animation[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_Animation).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _Avatar = require("./Avatar");
|
|
21
|
-
|
|
22
18
|
Object.keys(_Avatar).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _Avatar[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_Avatar).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _AvatarGrid = require("./AvatarGrid");
|
|
34
|
-
|
|
35
29
|
Object.keys(_AvatarGrid).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _AvatarGrid[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_AvatarGrid).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _colors = require("./colors");
|
|
47
|
-
|
|
48
40
|
Object.keys(_colors).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _colors[key]) return;
|
|
@@ -55,9 +47,7 @@ Object.keys(_colors).forEach(function (key) {
|
|
|
55
47
|
}
|
|
56
48
|
});
|
|
57
49
|
});
|
|
58
|
-
|
|
59
50
|
var _colorsV = require("./colors-v2");
|
|
60
|
-
|
|
61
51
|
Object.keys(_colorsV).forEach(function (key) {
|
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
|
63
53
|
if (key in exports && exports[key] === _colorsV[key]) return;
|
|
@@ -68,9 +58,7 @@ Object.keys(_colorsV).forEach(function (key) {
|
|
|
68
58
|
}
|
|
69
59
|
});
|
|
70
60
|
});
|
|
71
|
-
|
|
72
61
|
var _Logo = require("./Logo");
|
|
73
|
-
|
|
74
62
|
Object.keys(_Logo).forEach(function (key) {
|
|
75
63
|
if (key === "default" || key === "__esModule") return;
|
|
76
64
|
if (key in exports && exports[key] === _Logo[key]) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["index.d.ts"],"sourcesContent":["export * from './Animation';\nexport * from './Avatar';\nexport * from './AvatarGrid';\nexport * from './colors';\nexport * from './colors-v2';\nexport * from './Logo';\n"],"mappings":";;;;;AAAA;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"}
|