@wireapp/react-ui-kit 9.0.3 → 9.0.6
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 +5 -6
- 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 +3 -3
- 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 +3 -4
- 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 +2 -3
- 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 +4 -4
- 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 +12 -11
- 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 +1 -0
- 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 +4 -4
- package/lib/Layout/Box.d.ts.map +1 -0
- package/lib/Layout/Box.js +3 -23
- package/lib/Layout/Column.d.ts +4 -5
- package/lib/Layout/Column.d.ts.map +1 -0
- package/lib/Layout/Column.js +5 -24
- package/lib/Layout/Container.d.ts +7 -6
- package/lib/Layout/Container.d.ts.map +1 -0
- package/lib/Layout/Container.js +40 -16
- package/lib/Layout/Content.d.ts +4 -4
- 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 +3 -4
- package/lib/Layout/Footer.d.ts.map +1 -0
- package/lib/Layout/Footer.js +2 -22
- package/lib/Layout/Header.d.ts +4 -4
- package/lib/Layout/Header.d.ts.map +1 -0
- package/lib/Layout/Header.js +3 -23
- package/lib/Layout/MatchMedia.d.ts +11 -11
- 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 +2 -2
- 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 +4 -5
- 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 +3 -3
- 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 +4 -5
- package/lib/Menu/MenuModal.d.ts.map +1 -0
- package/lib/Menu/MenuModal.js +8 -31
- package/lib/Menu/TabBar.d.ts +4 -5
- 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 +7 -7
- 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 +3 -4
- 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 +5 -5
- 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 +4 -4
- package/lib/Text/TextLink.d.ts.map +1 -0
- package/lib/Text/TextLink.js +3 -23
- package/lib/Text/Title.d.ts +2 -3
- 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 +1 -0
- 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 +4 -3
- 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
|
@@ -1,25 +1,7 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
3
|
exports.MenuItems = exports.menuItemsStyle = void 0;
|
|
22
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
23
5
|
const mediaQueries_1 = require("../../mediaQueries");
|
|
24
6
|
const util_1 = require("../../util");
|
|
25
7
|
const menuItemsStyle = (theme, props) => ({
|
|
@@ -41,6 +23,5 @@ const menuItemsStyle = (theme, props) => ({
|
|
|
41
23
|
});
|
|
42
24
|
exports.menuItemsStyle = menuItemsStyle;
|
|
43
25
|
const filterMenuItemProps = (props) => (0, util_1.filterProps)(props, ['open']);
|
|
44
|
-
const MenuItems = (props) => ((0,
|
|
26
|
+
const MenuItems = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuItemsStyle)(theme, props) }, filterMenuItemProps(props))));
|
|
45
27
|
exports.MenuItems = MenuItems;
|
|
46
|
-
//# sourceMappingURL=MenuItems.js.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject, jsx } from '@emotion/react';
|
|
1
|
+
import { CSSObject } from '@emotion/react';
|
|
3
2
|
import { LinkProps } from '../../Text';
|
|
4
3
|
import { Theme } from '../Theme';
|
|
5
4
|
export interface MenuLinkProps<T = HTMLAnchorElement> extends LinkProps<T> {
|
|
@@ -8,4 +7,5 @@ export interface MenuLinkProps<T = HTMLAnchorElement> extends LinkProps<T> {
|
|
|
8
7
|
export declare const menuLinkStyle: <T>(theme: Theme, props: MenuLinkProps<T>) => CSSObject;
|
|
9
8
|
export declare const MENU_LINK_CLASSNAME = "menu-link";
|
|
10
9
|
export declare const filterMenuLinkProps: (props: MenuLinkProps) => Object;
|
|
11
|
-
export declare const MenuLink: (props: MenuLinkProps) => jsx.JSX.Element;
|
|
10
|
+
export declare const MenuLink: (props: MenuLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=MenuLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAKzC,OAAO,EAAC,SAAS,EAA6B,MAAM,YAAY,CAAC;AAEjE,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAiCxE,CAAC;AAEH,eAAO,MAAM,mBAAmB,cAAc,CAAC;AAE/C,eAAO,MAAM,mBAAmB,UAAW,aAAa,WACU,CAAC;AAEnE,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAM5C,CAAC"}
|
|
@@ -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,12 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.MenuLink = exports.filterMenuLinkProps = exports.MENU_LINK_CLASSNAME = exports.menuLinkStyle = void 0;
|
|
33
|
-
|
|
34
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
16
|
+
const HeaderSubMenu_1 = require("./HeaderSubMenu");
|
|
35
17
|
const mediaQueries_1 = require("../../mediaQueries");
|
|
36
18
|
const Text_1 = require("../../Text");
|
|
37
19
|
const util_1 = require("../../util");
|
|
38
|
-
const HeaderSubMenu_1 = require("./HeaderSubMenu");
|
|
39
20
|
const menuLinkStyle = (theme, _a) => {
|
|
40
21
|
var { bold = true, color = theme.general.color, fontSize = '11px', textTransform = 'uppercase', button = false } = _a, props = __rest(_a, ["bold", "color", "fontSize", "textTransform", "button"]);
|
|
41
22
|
return (Object.assign(Object.assign({}, (0, Text_1.linkStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))), { [mediaQueries_1.media[mediaQueries_1.QueryKeys.DESKTOP]]: {
|
|
@@ -67,6 +48,5 @@ exports.menuLinkStyle = menuLinkStyle;
|
|
|
67
48
|
exports.MENU_LINK_CLASSNAME = 'menu-link';
|
|
68
49
|
const filterMenuLinkProps = (props) => (0, util_1.filterProps)((0, Text_1.filterLinkProps)(props), ['button']);
|
|
69
50
|
exports.filterMenuLinkProps = filterMenuLinkProps;
|
|
70
|
-
const MenuLink = (props) => ((0,
|
|
51
|
+
const MenuLink = (props) => ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: exports.MENU_LINK_CLASSNAME, css: (theme) => (0, exports.menuLinkStyle)(theme, props) }, (0, exports.filterMenuLinkProps)(props))));
|
|
71
52
|
exports.MenuLink = MenuLink;
|
|
72
|
-
//# sourceMappingURL=MenuLink.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject
|
|
3
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CSSObject } from '@emotion/react';
|
|
4
3
|
import { Theme } from '../Theme';
|
|
5
4
|
export interface MenuOpenButtonProps<T = HTMLDivElement> extends React.HTMLProps<T> {
|
|
6
5
|
open?: boolean;
|
|
7
6
|
}
|
|
8
7
|
export declare const menuOpenButtonStyle: <T>(theme: Theme, props: MenuOpenButtonProps<T>) => CSSObject;
|
|
9
|
-
export declare const MenuOpenButton: (props: MenuOpenButtonProps) => jsx.JSX.Element;
|
|
8
|
+
export declare const MenuOpenButton: (props: MenuOpenButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=MenuOpenButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuOpenButton.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuOpenButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAuBpF,CAAC;AAIH,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAMxD,CAAC"}
|
|
@@ -1,26 +1,7 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
3
|
exports.MenuOpenButton = exports.menuOpenButtonStyle = void 0;
|
|
22
|
-
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
24
5
|
const mediaQueries_1 = require("../../mediaQueries");
|
|
25
6
|
const util_1 = require("../../util");
|
|
26
7
|
const menuOpenButtonStyle = (theme, { open }) => ({
|
|
@@ -49,9 +30,5 @@ const menuOpenButtonStyle = (theme, { open }) => ({
|
|
|
49
30
|
});
|
|
50
31
|
exports.menuOpenButtonStyle = menuOpenButtonStyle;
|
|
51
32
|
const filterMenuOpenButtonProps = (props) => (0, util_1.filterProps)(props, ['open']);
|
|
52
|
-
const MenuOpenButton = (props) => ((0,
|
|
53
|
-
(0, react_1.jsx)("div", null),
|
|
54
|
-
(0, react_1.jsx)("div", null),
|
|
55
|
-
(0, react_1.jsx)("div", null)));
|
|
33
|
+
const MenuOpenButton = (props) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ css: (theme) => (0, exports.menuOpenButtonStyle)(theme, props) }, filterMenuOpenButtonProps(props), { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
|
|
56
34
|
exports.MenuOpenButton = MenuOpenButton;
|
|
57
|
-
//# sourceMappingURL=MenuOpenButton.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject
|
|
3
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CSSObject } from '@emotion/react';
|
|
4
3
|
export interface MenuScrollableItemsProps<T = HTMLDivElement> extends React.HTMLProps<T> {
|
|
5
4
|
open?: boolean;
|
|
6
5
|
}
|
|
7
6
|
export declare const menuScrollableItemsStyle: <T>(props: MenuScrollableItemsProps<T>) => CSSObject;
|
|
8
|
-
export declare const MenuScrollableItems: (props: MenuScrollableItemsProps) => jsx.JSX.Element;
|
|
7
|
+
export declare const MenuScrollableItems: (props: MenuScrollableItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=MenuScrollableItems.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuScrollableItems.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuScrollableItems.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAAK,SAShF,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,qDAElE,CAAC"}
|
|
@@ -1,28 +1,9 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
3
|
exports.MenuScrollableItems = exports.menuScrollableItemsStyle = void 0;
|
|
22
|
-
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
24
5
|
const mediaQueries_1 = require("../../mediaQueries");
|
|
25
|
-
const menuScrollableItemsStyle =
|
|
6
|
+
const menuScrollableItemsStyle = _ => ({
|
|
26
7
|
alignItems: 'center',
|
|
27
8
|
alignSelf: 'center',
|
|
28
9
|
display: 'flex',
|
|
@@ -33,6 +14,5 @@ const menuScrollableItemsStyle = props => ({
|
|
|
33
14
|
},
|
|
34
15
|
});
|
|
35
16
|
exports.menuScrollableItemsStyle = menuScrollableItemsStyle;
|
|
36
|
-
const MenuScrollableItems = (props) => ((0,
|
|
17
|
+
const MenuScrollableItems = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (0, exports.menuScrollableItemsStyle)(props) }, props)));
|
|
37
18
|
exports.MenuScrollableItems = MenuScrollableItems;
|
|
38
|
-
//# sourceMappingURL=MenuScrollableItems.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject, jsx } from '@emotion/react';
|
|
1
|
+
import { CSSObject } from '@emotion/react';
|
|
3
2
|
import { TextProps } from '../../Text';
|
|
4
3
|
import { Theme } from '../Theme';
|
|
5
4
|
declare type MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;
|
|
6
5
|
export declare const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject;
|
|
7
|
-
export declare const MenuSubLink: (props: MenuSubLinkProps) => jsx.JSX.Element;
|
|
6
|
+
export declare const MenuSubLink: (props: MenuSubLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
7
|
export {};
|
|
8
|
+
//# sourceMappingURL=MenuSubLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSubLink.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/MenuSubLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,SAAS,EAAY,MAAM,YAAY,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,aAAK,gBAAgB,CAAC,CAAC,GAAG,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEzD,eAAO,MAAM,gBAAgB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,SA8B9E,CAAC;AAEH,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDAElD,CAAC"}
|
|
@@ -1,26 +1,7 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
3
|
exports.MenuSubLink = exports.menuSubLinkStyle = void 0;
|
|
22
|
-
|
|
23
|
-
const react_1 = require("@emotion/react");
|
|
4
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
24
5
|
const motions_1 = require("../../Identity/motions");
|
|
25
6
|
const mediaQueries_1 = require("../../mediaQueries");
|
|
26
7
|
const Text_1 = require("../../Text");
|
|
@@ -45,6 +26,5 @@ const menuSubLinkStyle = (theme, props) => (Object.assign(Object.assign({}, (0,
|
|
|
45
26
|
textTransform: 'none !important',
|
|
46
27
|
} }));
|
|
47
28
|
exports.menuSubLinkStyle = menuSubLinkStyle;
|
|
48
|
-
const MenuSubLink = (props) => ((0,
|
|
29
|
+
const MenuSubLink = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => (0, exports.menuSubLinkStyle)(theme, props) }, props)));
|
|
49
30
|
exports.MenuSubLink = MenuSubLink;
|
|
50
|
-
//# sourceMappingURL=MenuSubLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/headerMenu/index.ts"],"names":[],"mappings":"AAmBA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}
|
package/lib/Layout/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layout/index.ts"],"names":[],"mappings":"AAmBA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
package/lib/Layout/index.js
CHANGED
package/lib/Layout/sizes.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/Layout/sizes.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,IAAI,IAAI,CAAC;AACtB,eAAO,MAAM,MAAM,QAAc,CAAC"}
|
package/lib/Layout/sizes.js
CHANGED
package/lib/Menu/MenuModal.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
4
2
|
interface MenuModalProps<T = HTMLDivElement> extends React.HTMLProps<T> {
|
|
5
3
|
onBackgroundClick?: () => void;
|
|
6
4
|
}
|
|
7
|
-
export declare const MenuModal: ({ children, onBackgroundClick, ...props }: MenuModalProps & React.HTMLProps<HTMLDivElement>) => jsx.JSX.Element;
|
|
5
|
+
export declare const MenuModal: ({ children, onBackgroundClick, ...props }: MenuModalProps & React.HTMLProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
6
|
export declare type MenuItemProps<T = HTMLLIElement> = React.HTMLProps<T>;
|
|
9
|
-
export declare const MenuItem: ({ children, ...props }: MenuItemProps & React.HTMLProps<HTMLLIElement>) => jsx.JSX.Element;
|
|
7
|
+
export declare const MenuItem: ({ children, ...props }: MenuItemProps & React.HTMLProps<HTMLLIElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
8
|
export {};
|
|
9
|
+
//# sourceMappingURL=MenuModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuModal.d.ts","sourceRoot":"","sources":["../../src/Menu/MenuModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsE/B,UAAU,cAAc,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,8CAInB,cAAc,GAAG,MAAM,SAAS,CAAC,cAAc,CAAC,qDAOlD,CAAC;AAEF,oBAAY,aAAa,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAElE,eAAO,MAAM,QAAQ,2BAAiC,aAAa,GAAG,MAAM,SAAS,CAAC,aAAa,CAAC,qDAenG,CAAC"}
|
package/lib/Menu/MenuModal.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,16 +12,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.MenuItem = exports.MenuModal = void 0;
|
|
33
|
-
|
|
34
|
-
const react_1 = require("@emotion/react");
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
35
16
|
const Identity_1 = require("../Identity/");
|
|
36
17
|
const motions_1 = require("../Identity/motions");
|
|
37
18
|
const mediaQueries_1 = require("../mediaQueries");
|
|
38
19
|
const Overlay_1 = require("../Modal/Overlay");
|
|
39
20
|
const util_1 = require("../util");
|
|
40
21
|
const menuModalWrapperStyle = props => (Object.assign(Object.assign({}, (0, Overlay_1.overlayBackgroundStyle)(props)), { alignItems: 'flex-end', alignSelf: 'flex-end', display: 'flex', overflowY: 'hidden', padding: 0 }));
|
|
41
|
-
const MenuModalWrapper = (props) => (0,
|
|
42
|
-
const MenuModalBody = (props) => ((0,
|
|
22
|
+
const MenuModalWrapper = (props) => (0, jsx_runtime_1.jsx)("div", Object.assign({ css: menuModalWrapperStyle }, props));
|
|
23
|
+
const MenuModalBody = (props) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => ({
|
|
43
24
|
animation: `${motions_1.ANIMATION.bottomUpMovement} ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.EXPONENTIAL}`,
|
|
44
25
|
backgroundColor: Identity_1.COLOR.tint(theme.general.backgroundColor, 0.16),
|
|
45
26
|
boxShadow: '0 16px 64px 0 rgba(0, 0, 0, 0.16)',
|
|
@@ -56,7 +37,7 @@ const MenuModalBody = (props) => ((0, react_1.jsx)("div", Object.assign({ css: (
|
|
|
56
37
|
width: '100%',
|
|
57
38
|
},
|
|
58
39
|
}) }, props)));
|
|
59
|
-
const MenuModalContent = (props) => ((0,
|
|
40
|
+
const MenuModalContent = (props) => ((0, jsx_runtime_1.jsx)("ul", Object.assign({ css: {
|
|
60
41
|
li: {
|
|
61
42
|
borderBottom: `1px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
|
|
62
43
|
},
|
|
@@ -69,18 +50,15 @@ const MenuModalContent = (props) => ((0, react_1.jsx)("ul", Object.assign({ css:
|
|
|
69
50
|
padding: 0,
|
|
70
51
|
} }, props)));
|
|
71
52
|
const modalBackgroundStyle = props => (Object.assign(Object.assign({}, (0, Overlay_1.overlayBackgroundStyle)(props)), { background: 'rgba(50, 54, 57, 0.4)' }));
|
|
72
|
-
const MenuModalBackground = (props) => (0,
|
|
53
|
+
const MenuModalBackground = (props) => (0, jsx_runtime_1.jsx)("div", Object.assign({ css: modalBackgroundStyle }, props));
|
|
73
54
|
const MenuModal = (_a) => {
|
|
74
55
|
var { children = null, onBackgroundClick = util_1.noop } = _a, props = __rest(_a, ["children", "onBackgroundClick"]);
|
|
75
|
-
return ((0,
|
|
76
|
-
(0, react_1.jsx)(MenuModalBody, null,
|
|
77
|
-
(0, react_1.jsx)(MenuModalContent, null, children)),
|
|
78
|
-
(0, react_1.jsx)(MenuModalBackground, { onClick: onBackgroundClick, "data-uie-name": "menu-background" })));
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(MenuModalWrapper, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(MenuModalBody, { children: (0, jsx_runtime_1.jsx)(MenuModalContent, { children: children }) }), (0, jsx_runtime_1.jsx)(MenuModalBackground, { onClick: onBackgroundClick, "data-uie-name": "menu-background" })] })));
|
|
79
57
|
};
|
|
80
58
|
exports.MenuModal = MenuModal;
|
|
81
59
|
const MenuItem = (_a) => {
|
|
82
60
|
var { children = null } = _a, props = __rest(_a, ["children"]);
|
|
83
|
-
return ((0,
|
|
61
|
+
return ((0, jsx_runtime_1.jsx)("li", Object.assign({ css: (theme) => ({
|
|
84
62
|
alignItems: 'center',
|
|
85
63
|
color: theme.general.color,
|
|
86
64
|
cursor: 'pointer',
|
|
@@ -88,7 +66,6 @@ const MenuItem = (_a) => {
|
|
|
88
66
|
height: '56px',
|
|
89
67
|
listStyleType: 'none',
|
|
90
68
|
maxWidth: '100%',
|
|
91
|
-
}) }, props
|
|
69
|
+
}) }, props, { children: children })));
|
|
92
70
|
};
|
|
93
71
|
exports.MenuItem = MenuItem;
|
|
94
|
-
//# sourceMappingURL=MenuModal.js.map
|
package/lib/Menu/TabBar.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsx } from '@emotion/react';
|
|
3
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
4
2
|
import { TextProps } from '../Text';
|
|
5
3
|
export declare type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;
|
|
6
|
-
export declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => jsx.JSX.Element;
|
|
4
|
+
export declare const TabBar: ({ children, ...props }: TabBarProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
5
|
export interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {
|
|
8
6
|
active: boolean;
|
|
9
7
|
}
|
|
10
|
-
export declare const TabBarItem: ({ children, ...props }: TabBarItemProps) => jsx.JSX.Element;
|
|
8
|
+
export declare const TabBarItem: ({ children, ...props }: TabBarItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=TabBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/Menu/TabBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAC,SAAS,EAAY,MAAM,SAAS,CAAC;AAG7C,oBAAY,WAAW,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAWjE,eAAO,MAAM,MAAM,2GAIlB,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,EAAE,OAAO,CAAC;CACjB;AA2BD,eAAO,MAAM,UAAU,2BAAiC,eAAe,qDAItE,CAAC"}
|
package/lib/Menu/TabBar.js
CHANGED
|
@@ -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,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.TabBarItem = exports.TabBar = void 0;
|
|
33
|
-
|
|
34
|
-
const react_1 = require("@emotion/react");
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
35
16
|
const Identity_1 = require("../Identity");
|
|
36
17
|
const Text_1 = require("../Text");
|
|
37
18
|
const util_1 = require("../util");
|
|
@@ -44,7 +25,7 @@ const tabBarStyle = ({}) => {
|
|
|
44
25
|
const filteredTabBarProps = (props) => (0, util_1.filterProps)(props, []);
|
|
45
26
|
const TabBar = (_a) => {
|
|
46
27
|
var { children = null } = _a, props = __rest(_a, ["children"]);
|
|
47
|
-
return ((0,
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: tabBarStyle(props) }, filteredTabBarProps(props), { children: children })));
|
|
48
29
|
};
|
|
49
30
|
exports.TabBar = TabBar;
|
|
50
31
|
const tabBarItemStyle = (theme, _a) => {
|
|
@@ -53,7 +34,6 @@ const tabBarItemStyle = (theme, _a) => {
|
|
|
53
34
|
};
|
|
54
35
|
const TabBarItem = (_a) => {
|
|
55
36
|
var { children = null } = _a, props = __rest(_a, ["children"]);
|
|
56
|
-
return ((0,
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: (theme) => tabBarItemStyle(theme, props) }, props, { children: children })));
|
|
57
38
|
};
|
|
58
39
|
exports.TabBarItem = TabBarItem;
|
|
59
|
-
//# sourceMappingURL=TabBar.js.map
|
package/lib/Menu/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.ts"],"names":[],"mappings":"AAmBA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
|
package/lib/Menu/index.js
CHANGED
|
@@ -34,4 +34,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
34
34
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
35
|
__exportStar(require("./MenuModal"), exports);
|
|
36
36
|
__exportStar(require("./TabBar"), exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface GroupButtonProps {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface ButtonGroupProps {
|
|
7
|
+
children: ReactNode;
|
|
7
8
|
}
|
|
8
9
|
declare const ButtonGroup: {
|
|
9
|
-
({ children }:
|
|
10
|
-
|
|
11
|
-
}): jsx.JSX.Element;
|
|
12
|
-
Button: ({ children, icon, ...props }: GroupButtonProps) => jsx.JSX.Element;
|
|
10
|
+
({ children }: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
+
Button: ({ children, icon, ...props }: GroupButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
13
12
|
};
|
|
14
13
|
export { ButtonGroup };
|
|
14
|
+
//# sourceMappingURL=ButtonGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Misc/ButtonGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AA0DhC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,QAAA,MAAM,WAAW;mBAAgB,gBAAgB;2CAML,gBAAgB;CAF3D,CAAC;AAyBF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
package/lib/Misc/ButtonGroup.js
CHANGED
|
@@ -1,22 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/*
|
|
3
|
-
* Wire
|
|
4
|
-
* Copyright (C) 2022 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,14 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
30
12
|
};
|
|
31
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
14
|
exports.ButtonGroup = void 0;
|
|
33
|
-
|
|
34
|
-
const react_1 = require("@emotion/react");
|
|
15
|
+
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
35
16
|
const Identity_1 = require("../Identity");
|
|
36
17
|
const buttonGroupStyle = () => ({
|
|
37
18
|
display: 'flex',
|
|
38
19
|
alignItems: 'center',
|
|
39
20
|
});
|
|
40
|
-
const buttonStyle = (
|
|
21
|
+
const buttonStyle = (_, { disabled = false }) => (Object.assign({ height: '32px', borderRadius: '12px', padding: '0 12px', background: Identity_1.COLOR_V2.WHITE, border: `1px solid ${Identity_1.COLOR_V2.GRAY_40}`, cursor: 'pointer', display: 'flex', alignItems: 'center', backgroundColor: disabled ? Identity_1.COLOR_V2.GRAY_20 : Identity_1.COLOR_V2.WHITE, svg: {
|
|
41
22
|
fill: disabled ? Identity_1.COLOR_V2.GRAY_70 : Identity_1.COLOR_V2.BLACK,
|
|
42
23
|
}, '&:not(:last-child)': {
|
|
43
24
|
borderTopRightRadius: '0',
|
|
@@ -65,19 +46,16 @@ const buttonStyle = (theme, { disabled = false }) => (Object.assign({ height: '3
|
|
|
65
46
|
},
|
|
66
47
|
},
|
|
67
48
|
})));
|
|
68
|
-
const ButtonGroup = ({ children }) => ((0,
|
|
49
|
+
const ButtonGroup = ({ children }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: (theme) => buttonGroupStyle(theme), role: "group", "aria-label": "Button Group" }, { children: children })));
|
|
69
50
|
exports.ButtonGroup = ButtonGroup;
|
|
70
51
|
const Button = (_a) => {
|
|
71
52
|
var { children, icon } = _a, props = __rest(_a, ["children", "icon"]);
|
|
72
|
-
return ((0,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
letterSpacing: '0.25px',
|
|
80
|
-
} }, children))));
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ css: (theme) => buttonStyle(theme, props) }, props, { children: [icon, children && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: {
|
|
54
|
+
marginLeft: !!icon && '6px',
|
|
55
|
+
fontSize: '12px',
|
|
56
|
+
fontWeight: 'bold',
|
|
57
|
+
lineHeight: '14px',
|
|
58
|
+
letterSpacing: '0.25px',
|
|
59
|
+
} }, { children: children })))] })));
|
|
81
60
|
};
|
|
82
61
|
ButtonGroup.Button = Button;
|
|
83
|
-
//# sourceMappingURL=ButtonGroup.js.map
|
package/lib/Misc/IconButton.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { CSSObject, jsx } from '@emotion/react';
|
|
1
|
+
import { CSSObject } from '@emotion/react';
|
|
3
2
|
import { Theme } from '../Layout';
|
|
4
3
|
import { TextProps } from '../Text';
|
|
5
4
|
export declare enum IconButtonVariant {
|
|
@@ -11,4 +10,5 @@ export interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {
|
|
|
11
10
|
backgroundColor?: string;
|
|
12
11
|
}
|
|
13
12
|
export declare const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject;
|
|
14
|
-
export declare const IconButton: ({ children, ...props }: IconButtonProps) => jsx.JSX.Element;
|
|
13
|
+
export declare const IconButton: ({ children, ...props }: IconButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=IconButton.d.ts.map
|