@mattermost/compass-ui 0.1.0-alpha.27 → 0.1.0-alpha.28
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/dist/compass-ui.css +16 -0
- package/dist/components/admin-console-footer/AdminConsoleFooter.css +1 -1
- package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.cjs +1 -1
- package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.js +7 -7
- package/dist/components/admin-console-header/AdminConsoleHeader.css +1 -1
- package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs +1 -1
- package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js +8 -8
- package/dist/components/admin-panel/AdminPanel.css +1 -1
- package/dist/components/admin-panel/AdminPanel.module.scss.cjs +1 -1
- package/dist/components/admin-panel/AdminPanel.module.scss.js +5 -5
- package/dist/components/admin-panel-footer/AdminPanelFooter.css +1 -1
- package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs +1 -1
- package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js +5 -5
- package/dist/components/admin-panel-header/AdminPanelHeader.cjs +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.css +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.d.ts +6 -0
- package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.js +145 -109
- package/dist/components/admin-panel-header/AdminPanelHeader.js.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js +11 -10
- package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js.map +1 -1
- package/dist/components/attachment-card/AttachmentCard.css +1 -1
- package/dist/components/attachment-card/AttachmentCard.module.scss.cjs +1 -1
- package/dist/components/attachment-card/AttachmentCard.module.scss.js +22 -19
- package/dist/components/attachment-card/AttachmentCard.module.scss.js.map +1 -1
- package/dist/components/button/Button.css +1 -1
- package/dist/components/button/Button.module.scss.cjs +1 -1
- package/dist/components/button/Button.module.scss.js +20 -19
- package/dist/components/button/Button.module.scss.js.map +1 -1
- package/dist/components/card-button/CardButton.css +1 -1
- package/dist/components/card-button/CardButton.module.scss.cjs +1 -1
- package/dist/components/card-button/CardButton.module.scss.js +7 -7
- package/dist/components/card-button/CardButtonGroup.css +1 -1
- package/dist/components/card-button/CardButtonGroup.module.scss.cjs +1 -1
- package/dist/components/card-button/CardButtonGroup.module.scss.js +1 -1
- package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.css +1 -1
- package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.cjs +1 -1
- package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.js +8 -8
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.cjs +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.cjs.map +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.css +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.d.ts +66 -7
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.d.ts.map +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.js +163 -93
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.js.map +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs +1 -1
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js +35 -22
- package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js.map +1 -1
- package/dist/components/checkbox/Checkbox.css +1 -1
- package/dist/components/checkbox/Checkbox.module.scss.cjs +1 -1
- package/dist/components/checkbox/Checkbox.module.scss.js +7 -7
- package/dist/components/chip/Chip.cjs +1 -1
- package/dist/components/chip/Chip.cjs.map +1 -1
- package/dist/components/chip/Chip.css +1 -1
- package/dist/components/chip/Chip.d.ts.map +1 -1
- package/dist/components/chip/Chip.js +8 -8
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/chip/Chip.module.scss.cjs +1 -1
- package/dist/components/chip/Chip.module.scss.js +13 -10
- package/dist/components/chip/Chip.module.scss.js.map +1 -1
- package/dist/components/chip/ChipGroup.cjs +1 -1
- package/dist/components/chip/ChipGroup.cjs.map +1 -1
- package/dist/components/chip/ChipGroup.css +1 -1
- package/dist/components/chip/ChipGroup.d.ts +1 -1
- package/dist/components/chip/ChipGroup.d.ts.map +1 -1
- package/dist/components/chip/ChipGroup.js +30 -30
- package/dist/components/chip/ChipGroup.js.map +1 -1
- package/dist/components/chip/ChipGroup.module.scss.cjs +1 -1
- package/dist/components/chip/ChipGroup.module.scss.js +1 -1
- package/dist/components/combobox/Combobox.cjs +1 -1
- package/dist/components/combobox/Combobox.cjs.map +1 -1
- package/dist/components/combobox/Combobox.css +1 -1
- package/dist/components/combobox/Combobox.d.ts +10 -0
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +269 -252
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
- package/dist/components/combobox/Combobox.module.scss.js +34 -31
- package/dist/components/combobox/Combobox.module.scss.js.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.cjs +1 -1
- package/dist/components/date-range-picker/DateRangePicker.cjs.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.css +1 -1
- package/dist/components/date-range-picker/DateRangePicker.d.ts +14 -1
- package/dist/components/date-range-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.js +217 -195
- package/dist/components/date-range-picker/DateRangePicker.js.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.js +29 -26
- package/dist/components/date-range-picker/DateRangePicker.module.scss.js.map +1 -1
- package/dist/components/divider/Divider.css +1 -1
- package/dist/components/divider/Divider.module.scss.cjs +1 -1
- package/dist/components/divider/Divider.module.scss.js +1 -1
- package/dist/components/dropdown/Dropdown.css +1 -1
- package/dist/components/dropdown/Dropdown.module.scss.cjs +1 -1
- package/dist/components/dropdown/Dropdown.module.scss.js +23 -22
- package/dist/components/dropdown/Dropdown.module.scss.js.map +1 -1
- package/dist/components/emoji/Emoji.css +1 -1
- package/dist/components/emoji/Emoji.module.scss.cjs +1 -1
- package/dist/components/emoji/Emoji.module.scss.js +12 -12
- package/dist/components/emoji-button/EmojiButton.css +1 -1
- package/dist/components/emoji-button/EmojiButton.module.scss.cjs +1 -1
- package/dist/components/emoji-button/EmojiButton.module.scss.js +12 -9
- package/dist/components/emoji-button/EmojiButton.module.scss.js.map +1 -1
- package/dist/components/emoji-popover/EmojiPopover.css +1 -1
- package/dist/components/emoji-popover/EmojiPopover.module.scss.cjs +1 -1
- package/dist/components/emoji-popover/EmojiPopover.module.scss.js +21 -21
- package/dist/components/empty-state/EmptyState.css +1 -1
- package/dist/components/empty-state/EmptyState.module.scss.cjs +1 -1
- package/dist/components/empty-state/EmptyState.module.scss.js +7 -7
- package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.css +1 -1
- package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.module.scss.cjs +1 -1
- package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.module.scss.js +9 -9
- package/dist/components/field/FieldClearButton.css +1 -1
- package/dist/components/field/FieldClearButton.module.scss.cjs +1 -1
- package/dist/components/field/FieldClearButton.module.scss.js +3 -3
- package/dist/components/field-message/FieldMessage.css +1 -1
- package/dist/components/field-message/FieldMessage.module.scss.cjs +1 -1
- package/dist/components/field-message/FieldMessage.module.scss.js +7 -7
- package/dist/components/global-banner/GlobalBanner.css +1 -1
- package/dist/components/global-banner/GlobalBanner.module.scss.cjs +1 -1
- package/dist/components/global-banner/GlobalBanner.module.scss.js +10 -10
- package/dist/components/icon/Icon.css +1 -1
- package/dist/components/icon/Icon.module.scss.cjs +1 -1
- package/dist/components/icon/Icon.module.scss.js +13 -13
- package/dist/components/icon-button/IconButton.css +1 -1
- package/dist/components/icon-button/IconButton.module.scss.cjs +1 -1
- package/dist/components/icon-button/IconButton.module.scss.js +19 -16
- package/dist/components/icon-button/IconButton.module.scss.js.map +1 -1
- package/dist/components/illustration/Illustration.css +1 -1
- package/dist/components/illustration/Illustration.module.scss.cjs +1 -1
- package/dist/components/illustration/Illustration.module.scss.js +1 -1
- package/dist/components/image-preview/ImagePreview.css +1 -1
- package/dist/components/image-preview/ImagePreview.module.scss.cjs +1 -1
- package/dist/components/image-preview/ImagePreview.module.scss.js +15 -15
- package/dist/components/link-preview/LinkPreview.css +1 -1
- package/dist/components/link-preview/LinkPreview.module.scss.cjs +1 -1
- package/dist/components/link-preview/LinkPreview.module.scss.js +14 -14
- package/dist/components/mention-badge/MentionBadge.css +1 -1
- package/dist/components/mention-badge/MentionBadge.module.scss.cjs +1 -1
- package/dist/components/mention-badge/MentionBadge.module.scss.js +9 -9
- package/dist/components/menu-group-heading/MenuGroupHeading.css +1 -1
- package/dist/components/menu-group-heading/MenuGroupHeading.module.scss.cjs +1 -1
- package/dist/components/menu-group-heading/MenuGroupHeading.module.scss.js +2 -2
- package/dist/components/menu-item/MenuItem.css +1 -1
- package/dist/components/menu-item/MenuItem.module.scss.cjs +1 -1
- package/dist/components/menu-item/MenuItem.module.scss.js +18 -18
- package/dist/components/message-actions/MessageActions.css +1 -1
- package/dist/components/message-actions/MessageActions.module.scss.cjs +1 -1
- package/dist/components/message-actions/MessageActions.module.scss.js +2 -2
- package/dist/components/message-header/MessageHeader.css +1 -1
- package/dist/components/message-header/MessageHeader.module.scss.cjs +1 -1
- package/dist/components/message-header/MessageHeader.module.scss.js +3 -3
- package/dist/components/message-separator/MessageSeparator.css +1 -1
- package/dist/components/message-separator/MessageSeparator.module.scss.cjs +1 -1
- package/dist/components/message-separator/MessageSeparator.module.scss.js +11 -11
- package/dist/components/modal/Modal.cjs +1 -1
- package/dist/components/modal/Modal.cjs.map +1 -1
- package/dist/components/modal/Modal.css +1 -1
- package/dist/components/modal/Modal.d.ts +11 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +38 -36
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/Modal.module.scss.cjs +1 -1
- package/dist/components/modal/Modal.module.scss.js +11 -11
- package/dist/components/modal/ModalOverlay.css +1 -1
- package/dist/components/modal/ModalOverlay.module.scss.cjs +1 -1
- package/dist/components/modal/ModalOverlay.module.scss.js +5 -5
- package/dist/components/modal-footer/ModalFooter.css +1 -1
- package/dist/components/modal-footer/ModalFooter.module.scss.cjs +1 -1
- package/dist/components/modal-footer/ModalFooter.module.scss.js +11 -11
- package/dist/components/modal-header/ModalHeader.cjs +1 -1
- package/dist/components/modal-header/ModalHeader.cjs.map +1 -1
- package/dist/components/modal-header/ModalHeader.css +1 -1
- package/dist/components/modal-header/ModalHeader.d.ts +13 -3
- package/dist/components/modal-header/ModalHeader.d.ts.map +1 -1
- package/dist/components/modal-header/ModalHeader.js +61 -55
- package/dist/components/modal-header/ModalHeader.js.map +1 -1
- package/dist/components/modal-header/ModalHeader.module.scss.cjs +1 -1
- package/dist/components/modal-header/ModalHeader.module.scss.js +18 -16
- package/dist/components/modal-header/ModalHeader.module.scss.js.map +1 -1
- package/dist/components/more-unreads-banner/MoreUnreadsBanner.css +1 -1
- package/dist/components/more-unreads-banner/MoreUnreadsBanner.module.scss.cjs +1 -1
- package/dist/components/more-unreads-banner/MoreUnreadsBanner.module.scss.js +8 -5
- package/dist/components/more-unreads-banner/MoreUnreadsBanner.module.scss.js.map +1 -1
- package/dist/components/new-message-banner/NewMessageBanner.css +1 -1
- package/dist/components/new-message-banner/NewMessageBanner.module.scss.cjs +1 -1
- package/dist/components/new-message-banner/NewMessageBanner.module.scss.js +9 -9
- package/dist/components/pagination-dots/PaginationDots.css +1 -1
- package/dist/components/pagination-dots/PaginationDots.module.scss.cjs +1 -1
- package/dist/components/pagination-dots/PaginationDots.module.scss.js +10 -10
- package/dist/components/password-input/PasswordInput.css +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.cjs +1 -1
- package/dist/components/password-input/PasswordInput.module.scss.js +15 -14
- package/dist/components/password-input/PasswordInput.module.scss.js.map +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.css +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.module.scss.js +13 -13
- package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.css +1 -1
- package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.cjs +1 -1
- package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.js +7 -7
- package/dist/components/popover-menu/PopoverMenu.css +1 -1
- package/dist/components/popover-menu/PopoverMenu.module.scss.cjs +1 -1
- package/dist/components/popover-menu/PopoverMenu.module.scss.js +13 -13
- package/dist/components/popover-notice/PopoverNotice.css +1 -1
- package/dist/components/popover-notice/PopoverNotice.module.scss.cjs +1 -1
- package/dist/components/popover-notice/PopoverNotice.module.scss.js +14 -14
- package/dist/components/profile-popover/ProfilePopover.css +1 -1
- package/dist/components/profile-popover/ProfilePopover.module.scss.cjs +1 -1
- package/dist/components/profile-popover/ProfilePopover.module.scss.js +33 -33
- package/dist/components/progress-bar/ProgressBar.css +1 -1
- package/dist/components/progress-bar/ProgressBar.module.scss.cjs +1 -1
- package/dist/components/progress-bar/ProgressBar.module.scss.js +9 -9
- package/dist/components/radio/Radio.css +1 -1
- package/dist/components/radio/Radio.module.scss.cjs +1 -1
- package/dist/components/radio/Radio.module.scss.js +12 -12
- package/dist/components/reaction-button/ReactionButton.css +1 -1
- package/dist/components/reaction-button/ReactionButton.module.scss.cjs +1 -1
- package/dist/components/reaction-button/ReactionButton.module.scss.js +8 -8
- package/dist/components/reactions-row/ReactionsRow.css +1 -1
- package/dist/components/reactions-row/ReactionsRow.module.scss.cjs +1 -1
- package/dist/components/reactions-row/ReactionsRow.module.scss.js +8 -8
- package/dist/components/right-sidebar-header/RightSidebarHeader.cjs +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.cjs.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.css +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.js +39 -36
- package/dist/components/right-sidebar-header/RightSidebarHeader.js.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.cjs +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js +12 -13
- package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js.map +1 -1
- package/dist/components/scrollbar/Scrollbar.css +1 -1
- package/dist/components/scrollbar/Scrollbar.module.scss.cjs +1 -1
- package/dist/components/scrollbar/Scrollbar.module.scss.js +5 -5
- package/dist/components/search-input/SearchInput.css +1 -1
- package/dist/components/search-input/SearchInput.module.scss.cjs +1 -1
- package/dist/components/search-input/SearchInput.module.scss.js +15 -15
- package/dist/components/search-tip-banner/SearchTipBanner.css +1 -1
- package/dist/components/search-tip-banner/SearchTipBanner.module.scss.cjs +1 -1
- package/dist/components/search-tip-banner/SearchTipBanner.module.scss.js +3 -3
- package/dist/components/section-notice/SectionNotice.css +1 -1
- package/dist/components/section-notice/SectionNotice.module.scss.cjs +1 -1
- package/dist/components/section-notice/SectionNotice.module.scss.js +12 -12
- package/dist/components/segmented-control/SegmentedControl.cjs +2 -0
- package/dist/components/segmented-control/SegmentedControl.cjs.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.css +1 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts +71 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.js +173 -0
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.module.scss.cjs +2 -0
- package/dist/components/segmented-control/SegmentedControl.module.scss.cjs.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.module.scss.js +20 -0
- package/dist/components/segmented-control/SegmentedControl.module.scss.js.map +1 -0
- package/dist/components/segmented-control/index.cjs +2 -0
- package/dist/components/segmented-control/index.cjs.map +1 -0
- package/dist/components/segmented-control/index.d.ts +3 -0
- package/dist/components/segmented-control/index.d.ts.map +1 -0
- package/dist/components/segmented-control/index.js +5 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/select/Select.cjs +1 -1
- package/dist/components/select/Select.cjs.map +1 -1
- package/dist/components/select/Select.css +1 -1
- package/dist/components/select/Select.d.ts +14 -0
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +151 -130
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/select/Select.module.scss.cjs +1 -1
- package/dist/components/select/Select.module.scss.js +28 -26
- package/dist/components/select/Select.module.scss.js.map +1 -1
- package/dist/components/shortcut-tag/ShortcutTag.css +1 -1
- package/dist/components/shortcut-tag/ShortcutTag.module.scss.cjs +1 -1
- package/dist/components/shortcut-tag/ShortcutTag.module.scss.js +7 -7
- package/dist/components/spinner/Spinner.css +1 -1
- package/dist/components/spinner/Spinner.module.scss.cjs +1 -1
- package/dist/components/spinner/Spinner.module.scss.js +2 -2
- package/dist/components/status-badge/StatusBadge.cjs +1 -1
- package/dist/components/status-badge/StatusBadge.cjs.map +1 -1
- package/dist/components/status-badge/StatusBadge.css +1 -1
- package/dist/components/status-badge/StatusBadge.d.ts +3 -1
- package/dist/components/status-badge/StatusBadge.d.ts.map +1 -1
- package/dist/components/status-badge/StatusBadge.js +16 -15
- package/dist/components/status-badge/StatusBadge.js.map +1 -1
- package/dist/components/status-badge/StatusBadge.module.scss.cjs +1 -1
- package/dist/components/status-badge/StatusBadge.module.scss.js +11 -11
- package/dist/components/switch/Switch.css +1 -1
- package/dist/components/switch/Switch.module.scss.cjs +1 -1
- package/dist/components/switch/Switch.module.scss.js +8 -8
- package/dist/components/tabs/Tabs.css +1 -1
- package/dist/components/tabs/Tabs.module.scss.cjs +1 -1
- package/dist/components/tabs/Tabs.module.scss.js +16 -13
- package/dist/components/tabs/Tabs.module.scss.js.map +1 -1
- package/dist/components/tag/Tag.css +1 -1
- package/dist/components/tag/Tag.module.scss.cjs +1 -1
- package/dist/components/tag/Tag.module.scss.js +11 -11
- package/dist/components/team-avatar/TeamAvatar.css +1 -1
- package/dist/components/team-avatar/TeamAvatar.module.scss.cjs +1 -1
- package/dist/components/team-avatar/TeamAvatar.module.scss.js +17 -17
- package/dist/components/text-area/TextArea.css +1 -1
- package/dist/components/text-area/TextArea.module.scss.cjs +1 -1
- package/dist/components/text-area/TextArea.module.scss.js +12 -12
- package/dist/components/text-input/TextInput.css +1 -1
- package/dist/components/text-input/TextInput.module.scss.cjs +1 -1
- package/dist/components/text-input/TextInput.module.scss.js +19 -19
- package/dist/components/thread-footer/ThreadFooter.cjs +1 -1
- package/dist/components/thread-footer/ThreadFooter.cjs.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.css +1 -1
- package/dist/components/thread-footer/ThreadFooter.d.ts.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.js +14 -14
- package/dist/components/thread-footer/ThreadFooter.js.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.cjs +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.js +19 -20
- package/dist/components/thread-footer/ThreadFooter.module.scss.js.map +1 -1
- package/dist/components/thread-list-item/ThreadListItem.css +1 -1
- package/dist/components/thread-list-item/ThreadListItem.module.scss.cjs +1 -1
- package/dist/components/thread-list-item/ThreadListItem.module.scss.js +26 -26
- package/dist/components/tile-button/TileButton.css +1 -1
- package/dist/components/tile-button/TileButton.module.scss.cjs +1 -1
- package/dist/components/tile-button/TileButton.module.scss.js +6 -6
- package/dist/components/toast/Toast.css +1 -1
- package/dist/components/toast/Toast.module.scss.cjs +1 -1
- package/dist/components/toast/Toast.module.scss.js +11 -11
- package/dist/components/tooltip/Tooltip.cjs +1 -1
- package/dist/components/tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/tooltip/Tooltip.css +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +10 -1
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +29 -17
- package/dist/components/tooltip/Tooltip.js.map +1 -1
- package/dist/components/tooltip/Tooltip.module.scss.cjs +1 -1
- package/dist/components/tooltip/Tooltip.module.scss.js +7 -6
- package/dist/components/tooltip/Tooltip.module.scss.js.map +1 -1
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts.map +1 -1
- package/dist/components/tour-point/TourPoint.css +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.cjs +1 -1
- package/dist/components/tour-point/TourPoint.module.scss.js +28 -28
- package/dist/components/unread-badge/UnreadBadge.css +1 -1
- package/dist/components/unread-badge/UnreadBadge.module.scss.cjs +1 -1
- package/dist/components/unread-badge/UnreadBadge.module.scss.js +5 -5
- package/dist/components/user-avatar/UserAvatar.cjs +1 -1
- package/dist/components/user-avatar/UserAvatar.cjs.map +1 -1
- package/dist/components/user-avatar/UserAvatar.css +1 -1
- package/dist/components/user-avatar/UserAvatar.d.ts +18 -8
- package/dist/components/user-avatar/UserAvatar.d.ts.map +1 -1
- package/dist/components/user-avatar/UserAvatar.js +84 -52
- package/dist/components/user-avatar/UserAvatar.js.map +1 -1
- package/dist/components/user-avatar/UserAvatar.module.scss.cjs +1 -1
- package/dist/components/user-avatar/UserAvatar.module.scss.js +33 -26
- package/dist/components/user-avatar/UserAvatar.module.scss.js.map +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.css +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.module.scss.cjs +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.module.scss.js +14 -14
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +57 -55
- package/dist/index.js.map +1 -1
- package/package.json +4 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreadFooter.js","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n /** Reply count. Default: 3. */\n replyCount?: number;\n /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n avatars?: UserAvatarGroupItem[];\n /** Badge variant. Default: None. */\n badge?: ThreadFooterBadge;\n /** Shown when `badge` is Mention. Default: 1. */\n mentionCount?: number;\n /** Whether the current user is following the thread. Default: false. */\n following?: boolean;\n /** Last reply timestamp label. Shown on row hover when following. */\n lastReplyTime?: ReactNode;\n /** Called when Reply is clicked. */\n onReply?: () => void;\n /** Called when Follow/Following is clicked. */\n onFollowToggle?: () => void;\n /** Hover / active state for button highlight. Default: false. */\n hovered?: boolean;\n /** Optional CSS class name. */\n className?: string;\n /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n formatReplyCount?: (count: number) => ReactNode;\n /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n formatReplyLabel?: (count: number) => string;\n /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n formatMentionLabel?: (count: number) => ReactNode;\n /** Visually hidden unread hint. Default: \"Unread replies\". */\n unreadLabel?: ReactNode;\n /** Visible follow button text when not following. Default: \"Follow\". */\n followLabel?: ReactNode;\n /** Visible follow button text when following. Default: \"Following\". */\n followingLabel?: ReactNode;\n /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n followAriaLabel?: string;\n /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n replyCount = 3,\n avatars = [],\n badge = 'none',\n mentionCount = 1,\n following = false,\n lastReplyTime,\n onReply,\n onFollowToggle,\n hovered = false,\n className = '',\n formatReplyCount = defaultFormatReplies,\n formatReplyLabel = defaultFormatReplies,\n formatMentionLabel = defaultFormatMentions,\n unreadLabel = 'Unread replies',\n followLabel = 'Follow',\n followingLabel = 'Following',\n followAriaLabel = 'Follow thread',\n unfollowAriaLabel = 'Unfollow thread',\n ...rest\n}: ThreadFooterProps) {\n const rootClass = [\n styles['thread-footer'],\n following ? styles['thread-footer--following'] : '',\n hovered ? styles['thread-footer--hovered'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const badgeStatusHint =\n badge === 'mention'\n ? formatMentionLabel(mentionCount)\n : badge === 'unread'\n ? unreadLabel\n : undefined;\n\n return (\n <div className={rootClass} {...rest}>\n <div className={styles['thread-footer__inner']}>\n <div className={styles['thread-footer__avatars-group']}>\n {badgeStatusHint && (\n <span className={styles['thread-footer__status-hint']}>\n {badgeStatusHint}\n </span>\n )}\n {(badge === 'unread' || badge === 'mention') && (\n <div\n className={styles['thread-footer__badge-container']}\n aria-hidden\n >\n {badge === 'unread' && (\n <span className={styles['thread-footer__unread-dot']} />\n )}\n {badge === 'mention' && (\n <span className={styles['thread-footer__mention-badge']}>\n <MentionBadge\n count={mentionCount}\n location=\"channel\"\n size=\"medium\"\n />\n </span>\n )}\n </div>\n )}\n\n {avatars.length > 0 && (\n <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n )}\n </div>\n\n {/* Buttons */}\n <div className={styles['thread-footer__buttons']}>\n {/* Reply button */}\n <Button\n emphasis=\"quaternary\"\n size=\"x-small\"\n className={[\n styles['thread-footer__reply-btn'],\n hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onReply}\n aria-label={formatReplyLabel(replyCount)}\n leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n >\n <span className={styles['thread-footer__btn-label']}>\n {formatReplyCount(replyCount)}\n </span>\n </Button>\n\n <div className={styles['thread-footer__divider']} aria-hidden />\n\n {/* Follow / Following button */}\n <Button\n emphasis=\"quaternary\"\n size=\"x-small\"\n className={[\n styles['thread-footer__follow-btn'],\n following ? styles['thread-footer__follow-btn--following'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onFollowToggle}\n aria-pressed={following}\n aria-label={following ? unfollowAriaLabel : followAriaLabel}\n >\n {following ? followingLabel : followLabel}\n </Button>\n\n {/* Last reply time — revealed on row hover when following */}\n {following && lastReplyTime && (\n <div className={styles['thread-footer__last-reply-group']}>\n <div className={styles['thread-footer__divider']} aria-hidden />\n <span className={styles['thread-footer__last-reply']}>\n {lastReplyTime}\n </span>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ThreadFooter.js","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n /** Reply count. Default: 3. */\n replyCount?: number;\n /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n avatars?: UserAvatarGroupItem[];\n /** Badge variant. Default: None. */\n badge?: ThreadFooterBadge;\n /** Shown when `badge` is Mention. Default: 1. */\n mentionCount?: number;\n /** Whether the current user is following the thread. Default: false. */\n following?: boolean;\n /** Last reply timestamp label. Shown on row hover when following. */\n lastReplyTime?: ReactNode;\n /** Called when Reply is clicked. */\n onReply?: () => void;\n /** Called when Follow/Following is clicked. */\n onFollowToggle?: () => void;\n /** Hover / active state for button highlight. Default: false. */\n hovered?: boolean;\n /** Optional CSS class name. */\n className?: string;\n /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n formatReplyCount?: (count: number) => ReactNode;\n /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n formatReplyLabel?: (count: number) => string;\n /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n formatMentionLabel?: (count: number) => ReactNode;\n /** Visually hidden unread hint. Default: \"Unread replies\". */\n unreadLabel?: ReactNode;\n /** Visible follow button text when not following. Default: \"Follow\". */\n followLabel?: ReactNode;\n /** Visible follow button text when following. Default: \"Following\". */\n followingLabel?: ReactNode;\n /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n followAriaLabel?: string;\n /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n replyCount = 3,\n avatars = [],\n badge = 'none',\n mentionCount = 1,\n following = false,\n lastReplyTime,\n onReply,\n onFollowToggle,\n hovered = false,\n className = '',\n formatReplyCount = defaultFormatReplies,\n formatReplyLabel = defaultFormatReplies,\n formatMentionLabel = defaultFormatMentions,\n unreadLabel = 'Unread replies',\n followLabel = 'Follow',\n followingLabel = 'Following',\n followAriaLabel = 'Follow thread',\n unfollowAriaLabel = 'Unfollow thread',\n ...rest\n}: ThreadFooterProps) {\n const rootClass = [\n styles['thread-footer'],\n following ? styles['thread-footer--following'] : '',\n hovered ? styles['thread-footer--hovered'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const badgeStatusHint =\n badge === 'mention'\n ? formatMentionLabel(mentionCount)\n : badge === 'unread'\n ? unreadLabel\n : undefined;\n\n return (\n <div className={rootClass} {...rest}>\n <div className={styles['thread-footer__inner']}>\n <div className={styles['thread-footer__avatars-group']}>\n {badgeStatusHint && (\n <span className={styles['thread-footer__status-hint']}>\n {badgeStatusHint}\n </span>\n )}\n {(badge === 'unread' || badge === 'mention') && (\n <div\n className={styles['thread-footer__badge-container']}\n aria-hidden\n >\n {badge === 'unread' && (\n <span className={styles['thread-footer__unread-dot']} />\n )}\n {badge === 'mention' && (\n <span className={styles['thread-footer__mention-badge']}>\n <MentionBadge\n count={mentionCount}\n location=\"channel\"\n size=\"medium\"\n />\n </span>\n )}\n </div>\n )}\n\n {avatars.length > 0 && (\n <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n )}\n </div>\n\n {/* Buttons */}\n <div className={styles['thread-footer__buttons']}>\n {/* Reply button */}\n <Button\n emphasis=\"quaternary\"\n size=\"x-small\"\n className={[\n styles['thread-footer__reply-btn'],\n hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onReply}\n aria-label={formatReplyLabel(replyCount)}\n leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n >\n {formatReplyCount(replyCount)}\n </Button>\n\n <div className={styles['thread-footer__divider']} aria-hidden />\n\n {/* Follow / Following button */}\n <Button\n emphasis=\"quaternary\"\n size=\"x-small\"\n className={[\n styles['thread-footer__follow-btn'],\n following ? styles['thread-footer__follow-btn--following'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onFollowToggle}\n aria-pressed={following}\n aria-label={following ? unfollowAriaLabel : followAriaLabel}\n >\n {following ? followingLabel : followLabel}\n </Button>\n\n {/* Last reply time — revealed on row hover when following */}\n {following && lastReplyTime && (\n <div className={styles['thread-footer__last-reply-group']}>\n <div className={styles['thread-footer__divider']} aria-hidden />\n <span className={styles['thread-footer__last-reply']}>\n {lastReplyTime}\n </span>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-footer_1beph_13","thread-footer__inner":"_thread-footer__inner_1beph_19","thread-footer__avatars-group":"_thread-footer__avatars-group_1beph_25","thread-footer__status-hint":"_thread-footer__status-hint_1beph_30","thread-footer__badge-container":"_thread-footer__badge-container_1beph_41","thread-footer__unread-dot":"_thread-footer__unread-dot_1beph_50","thread-footer__mention-badge":"_thread-footer__mention-badge_1beph_57","thread-footer__buttons":"_thread-footer__buttons_1beph_60","thread-footer__reply-btn":"_thread-footer__reply-btn_1beph_65","thread-footer__follow-btn":"_thread-footer__follow-btn_1beph_65","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_1beph_68","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_1beph_74","thread-footer__divider":"_thread-footer__divider_1beph_84","thread-footer__last-reply-group":"_thread-footer__last-reply-group_1beph_97","thread-footer--following":"_thread-footer--following_1beph_116","thread-footer--hovered":"_thread-footer--hovered_1beph_116","thread-footer__last-reply":"_thread-footer__last-reply_1beph_97"};exports.default=e;
|
|
2
2
|
//# sourceMappingURL=ThreadFooter.module.scss.cjs.map
|
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
import './ThreadFooter.css';const
|
|
2
|
-
"thread-footer": "_thread-
|
|
3
|
-
"thread-footer__inner": "_thread-
|
|
4
|
-
"thread-footer__avatars-group": "_thread-footer__avatars-
|
|
5
|
-
"thread-footer__status-hint": "_thread-footer__status-
|
|
6
|
-
"thread-footer__badge-container": "_thread-footer__badge-
|
|
7
|
-
"thread-footer__unread-dot": "_thread-footer__unread-
|
|
8
|
-
"thread-footer__mention-badge": "_thread-footer__mention-
|
|
9
|
-
"thread-footer__buttons": "_thread-
|
|
10
|
-
"thread-footer__reply-btn": "_thread-footer__reply-
|
|
11
|
-
"thread-footer__follow-btn": "_thread-footer__follow-
|
|
12
|
-
"thread-footer__follow-btn--following": "_thread-footer__follow-btn--
|
|
13
|
-
"thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--
|
|
14
|
-
"thread-
|
|
15
|
-
"thread-
|
|
16
|
-
"thread-
|
|
17
|
-
"thread-footer--
|
|
18
|
-
"thread-
|
|
19
|
-
"thread-footer__last-reply": "_thread-footer__last-reply_17041_93"
|
|
1
|
+
import './ThreadFooter.css';const e = {
|
|
2
|
+
"thread-footer": "_thread-footer_1beph_13",
|
|
3
|
+
"thread-footer__inner": "_thread-footer__inner_1beph_19",
|
|
4
|
+
"thread-footer__avatars-group": "_thread-footer__avatars-group_1beph_25",
|
|
5
|
+
"thread-footer__status-hint": "_thread-footer__status-hint_1beph_30",
|
|
6
|
+
"thread-footer__badge-container": "_thread-footer__badge-container_1beph_41",
|
|
7
|
+
"thread-footer__unread-dot": "_thread-footer__unread-dot_1beph_50",
|
|
8
|
+
"thread-footer__mention-badge": "_thread-footer__mention-badge_1beph_57",
|
|
9
|
+
"thread-footer__buttons": "_thread-footer__buttons_1beph_60",
|
|
10
|
+
"thread-footer__reply-btn": "_thread-footer__reply-btn_1beph_65",
|
|
11
|
+
"thread-footer__follow-btn": "_thread-footer__follow-btn_1beph_65",
|
|
12
|
+
"thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_1beph_68",
|
|
13
|
+
"thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_1beph_74",
|
|
14
|
+
"thread-footer__divider": "_thread-footer__divider_1beph_84",
|
|
15
|
+
"thread-footer__last-reply-group": "_thread-footer__last-reply-group_1beph_97",
|
|
16
|
+
"thread-footer--following": "_thread-footer--following_1beph_116",
|
|
17
|
+
"thread-footer--hovered": "_thread-footer--hovered_1beph_116",
|
|
18
|
+
"thread-footer__last-reply": "_thread-footer__last-reply_1beph_97"
|
|
20
19
|
};
|
|
21
20
|
export {
|
|
22
|
-
|
|
21
|
+
e as default
|
|
23
22
|
};
|
|
24
23
|
//# sourceMappingURL=ThreadFooter.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreadFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThreadFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._thread-list-
|
|
1
|
+
._thread-list-item_1esnq_13{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._thread-list-item__actions_1esnq_21{position:absolute;top:var(--spacing-m);right:var(--spacing-m);z-index:2}._thread-list-item_1esnq_13:hover ._thread-list-item__timestamp_1esnq_27,._thread-list-item_1esnq_13:focus-within ._thread-list-item__timestamp_1esnq_27{visibility:hidden}._thread-list-item__menu-button_1esnq_30{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-list-item_1esnq_13:hover ._thread-list-item__menu-button_1esnq_30,._thread-list-item_1esnq_13:focus-within ._thread-list-item__menu-button_1esnq_30{opacity:1;pointer-events:auto}._thread-list-item_1esnq_13:not(:hover):not(:focus-within) ._thread-list-item__menu-button_1esnq_30{pointer-events:none}._thread-list-item_1esnq_13:hover:not(._thread-list-item--active_1esnq_44),._thread-list-item_1esnq_13:focus-within:not(._thread-list-item--active_1esnq_44){background-color:rgba(var(--center-channel-color-rgb),.04)}._thread-list-item__main_1esnq_47{position:relative;z-index:0;display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;-webkit-user-select:text;user-select:text}._thread-list-item__main_1esnq_47:focus{outline:none}._thread-list-item__main_1esnq_47:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--center-channel-color-rgb),.32)}._thread-list-item--active_1esnq_44{background-color:rgba(var(--button-bg-rgb),.04)}._thread-list-item--active_1esnq_44:hover,._thread-list-item--active_1esnq_44:focus-within{background-color:rgba(var(--button-bg-rgb),.08)}._thread-list-item__thread_1esnq_73{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-l);width:100%}._thread-list-item__container_1esnq_80{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:flex-start;border-radius:var(--radius-s);width:100%}._thread-list-item__post-content_1esnq_88{display:flex;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__gutter_1esnq_94{position:relative;flex-shrink:0;width:8px;min-height:21px;display:flex;align-items:flex-start;justify-content:flex-start}._thread-list-item__unread-gutter_1esnq_103{position:absolute;top:var(--spacing-xxs);left:-4px;display:flex;align-items:center;justify-content:center}._thread-list-item__unread-badge_1esnq_111{position:static}._thread-list-item__mention-gutter_1esnq_114{position:absolute;top:1px;left:-12px;display:flex;align-items:center;justify-content:center}._thread-list-item__post-body_1esnq_122{display:flex;flex-direction:column;flex:1 0 0;align-items:flex-start;min-width:0}._thread-list-item__post-body-content_1esnq_129{display:flex;flex-direction:column;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__name-row_1esnq_136{position:relative;height:20px;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}._thread-list-item__name-group_1esnq_145{display:flex;gap:var(--spacing-xs);align-items:center;overflow:hidden}._thread-list-item__author_1esnq_151{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap;flex-shrink:0}._thread-list-item__status-hint_1esnq_159{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-list-item__timestamp_1esnq_27{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}._thread-list-item__title-row_1esnq_178{display:flex;align-items:center;width:100%}._thread-list-item__title_1esnq_178{flex:1 0 0;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}._thread-list-item__preview_1esnq_194{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._thread-list-item__replies_1esnq_205{display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--spacing-m)}._thread-list-item__replies-inner_1esnq_211{display:flex;align-items:center;gap:var(--spacing-xxxxs, 4px);min-height:24px;border-radius:var(--radius-s)}._thread-list-item__avatar-group_1esnq_218{flex-shrink:0}._thread-list-item__reply-count_1esnq_221{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);padding:4.5px var(--spacing-s)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadListItem.css');const t={"thread-list-item":"_thread-list-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadListItem.css');const t={"thread-list-item":"_thread-list-item_1esnq_13","thread-list-item__actions":"_thread-list-item__actions_1esnq_21","thread-list-item__timestamp":"_thread-list-item__timestamp_1esnq_27","thread-list-item__menu-button":"_thread-list-item__menu-button_1esnq_30","thread-list-item--active":"_thread-list-item--active_1esnq_44","thread-list-item__main":"_thread-list-item__main_1esnq_47","thread-list-item__thread":"_thread-list-item__thread_1esnq_73","thread-list-item__container":"_thread-list-item__container_1esnq_80","thread-list-item__post-content":"_thread-list-item__post-content_1esnq_88","thread-list-item__gutter":"_thread-list-item__gutter_1esnq_94","thread-list-item__unread-gutter":"_thread-list-item__unread-gutter_1esnq_103","thread-list-item__unread-badge":"_thread-list-item__unread-badge_1esnq_111","thread-list-item__mention-gutter":"_thread-list-item__mention-gutter_1esnq_114","thread-list-item__post-body":"_thread-list-item__post-body_1esnq_122","thread-list-item__post-body-content":"_thread-list-item__post-body-content_1esnq_129","thread-list-item__name-row":"_thread-list-item__name-row_1esnq_136","thread-list-item__name-group":"_thread-list-item__name-group_1esnq_145","thread-list-item__author":"_thread-list-item__author_1esnq_151","thread-list-item__status-hint":"_thread-list-item__status-hint_1esnq_159","thread-list-item__title-row":"_thread-list-item__title-row_1esnq_178","thread-list-item__title":"_thread-list-item__title_1esnq_178","thread-list-item__preview":"_thread-list-item__preview_1esnq_194","thread-list-item__replies":"_thread-list-item__replies_1esnq_205","thread-list-item__replies-inner":"_thread-list-item__replies-inner_1esnq_211","thread-list-item__avatar-group":"_thread-list-item__avatar-group_1esnq_218","thread-list-item__reply-count":"_thread-list-item__reply-count_1esnq_221"};exports.default=t;
|
|
2
2
|
//# sourceMappingURL=ThreadListItem.module.scss.cjs.map
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import './ThreadListItem.css';const t = {
|
|
2
|
-
"thread-list-item": "_thread-list-
|
|
3
|
-
"thread-list-item__actions": "_thread-list-
|
|
4
|
-
"thread-list-item__timestamp": "_thread-list-
|
|
5
|
-
"thread-list-item__menu-button": "_thread-list-item__menu-
|
|
6
|
-
"thread-list-item--active": "_thread-list-item--
|
|
7
|
-
"thread-list-item__main": "_thread-list-
|
|
8
|
-
"thread-list-item__thread": "_thread-list-
|
|
9
|
-
"thread-list-item__container": "_thread-list-
|
|
10
|
-
"thread-list-item__post-content": "_thread-list-item__post-
|
|
11
|
-
"thread-list-item__gutter": "_thread-list-
|
|
12
|
-
"thread-list-item__unread-gutter": "_thread-list-item__unread-
|
|
13
|
-
"thread-list-item__unread-badge": "_thread-list-item__unread-
|
|
14
|
-
"thread-list-item__mention-gutter": "_thread-list-item__mention-
|
|
15
|
-
"thread-list-item__post-body": "_thread-list-item__post-
|
|
16
|
-
"thread-list-item__post-body-content": "_thread-list-item__post-body-
|
|
17
|
-
"thread-list-item__name-row": "_thread-list-item__name-
|
|
18
|
-
"thread-list-item__name-group": "_thread-list-item__name-
|
|
19
|
-
"thread-list-item__author": "_thread-list-
|
|
20
|
-
"thread-list-item__status-hint": "_thread-list-item__status-
|
|
21
|
-
"thread-list-item__title-row": "_thread-list-item__title-
|
|
22
|
-
"thread-list-item__title": "_thread-list-
|
|
23
|
-
"thread-list-item__preview": "_thread-list-
|
|
24
|
-
"thread-list-item__replies": "_thread-list-
|
|
25
|
-
"thread-list-item__replies-inner": "_thread-list-item__replies-
|
|
26
|
-
"thread-list-item__avatar-group": "_thread-list-item__avatar-
|
|
27
|
-
"thread-list-item__reply-count": "_thread-list-item__reply-
|
|
2
|
+
"thread-list-item": "_thread-list-item_1esnq_13",
|
|
3
|
+
"thread-list-item__actions": "_thread-list-item__actions_1esnq_21",
|
|
4
|
+
"thread-list-item__timestamp": "_thread-list-item__timestamp_1esnq_27",
|
|
5
|
+
"thread-list-item__menu-button": "_thread-list-item__menu-button_1esnq_30",
|
|
6
|
+
"thread-list-item--active": "_thread-list-item--active_1esnq_44",
|
|
7
|
+
"thread-list-item__main": "_thread-list-item__main_1esnq_47",
|
|
8
|
+
"thread-list-item__thread": "_thread-list-item__thread_1esnq_73",
|
|
9
|
+
"thread-list-item__container": "_thread-list-item__container_1esnq_80",
|
|
10
|
+
"thread-list-item__post-content": "_thread-list-item__post-content_1esnq_88",
|
|
11
|
+
"thread-list-item__gutter": "_thread-list-item__gutter_1esnq_94",
|
|
12
|
+
"thread-list-item__unread-gutter": "_thread-list-item__unread-gutter_1esnq_103",
|
|
13
|
+
"thread-list-item__unread-badge": "_thread-list-item__unread-badge_1esnq_111",
|
|
14
|
+
"thread-list-item__mention-gutter": "_thread-list-item__mention-gutter_1esnq_114",
|
|
15
|
+
"thread-list-item__post-body": "_thread-list-item__post-body_1esnq_122",
|
|
16
|
+
"thread-list-item__post-body-content": "_thread-list-item__post-body-content_1esnq_129",
|
|
17
|
+
"thread-list-item__name-row": "_thread-list-item__name-row_1esnq_136",
|
|
18
|
+
"thread-list-item__name-group": "_thread-list-item__name-group_1esnq_145",
|
|
19
|
+
"thread-list-item__author": "_thread-list-item__author_1esnq_151",
|
|
20
|
+
"thread-list-item__status-hint": "_thread-list-item__status-hint_1esnq_159",
|
|
21
|
+
"thread-list-item__title-row": "_thread-list-item__title-row_1esnq_178",
|
|
22
|
+
"thread-list-item__title": "_thread-list-item__title_1esnq_178",
|
|
23
|
+
"thread-list-item__preview": "_thread-list-item__preview_1esnq_194",
|
|
24
|
+
"thread-list-item__replies": "_thread-list-item__replies_1esnq_205",
|
|
25
|
+
"thread-list-item__replies-inner": "_thread-list-item__replies-inner_1esnq_211",
|
|
26
|
+
"thread-list-item__avatar-group": "_thread-list-item__avatar-group_1esnq_218",
|
|
27
|
+
"thread-list-item__reply-count": "_thread-list-item__reply-count_1esnq_221"
|
|
28
28
|
};
|
|
29
29
|
export {
|
|
30
30
|
t as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._tile-
|
|
1
|
+
._tile-button_d4o4n_13{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:108px;min-width:64px;max-width:100%;padding:var(--spacing-m) 0 var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);--tile-button-fg: rgba(var(--center-channel-color-rgb), .72);--tile-button-icon-fg: rgba(var(--center-channel-color-rgb), .64);color:var(--tile-button-fg);cursor:pointer;text-decoration:none;outline:none}._tile-button_d4o4n_13:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_d4o4n_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._tile-button_d4o4n_13:focus-visible{animation:none}}._tile-button_d4o4n_13:not(._-host-shadow-a_d4o4n_42):not(._-host-shadow-b_d4o4n_42){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_d4o4n_1{0%{outline-color:transparent;outline-offset:0}}._tile-button_d4o4n_13:any-link,._tile-button_d4o4n_13:hover,._tile-button_d4o4n_13:focus,._tile-button_d4o4n_13:active,._tile-button_d4o4n_13:visited{color:var(--tile-button-fg);text-decoration:none}._tile-button_d4o4n_13:hover:not([aria-pressed]),._tile-button_d4o4n_13:active:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._tile-button_d4o4n_13:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--center-channel-color-rgb),.08);--tile-button-fg: rgba(var(--center-channel-color-rgb), .75)}._tile-button_d4o4n_13:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.08);--tile-button-fg: var(--link-color)}._tile-button_d4o4n_13:is(:disabled,._tile-button--disabled_d4o4n_59){opacity:.48;cursor:not-allowed}._tile-button--toggled_d4o4n_71{--tile-button-fg: var(--link-color);background-color:rgba(var(--button-bg-rgb),.08)}._tile-button--toggled_d4o4n_71 ._tile-button__icon_d4o4n_75,._tile-button--toggled_d4o4n_71 ._tile-button__label_d4o4n_76{color:var(--link-color)}._tile-button--toggled_d4o4n_71:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.12)}._tile-button--toggled_d4o4n_71:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.16)}._tile-button--destructive_d4o4n_85{--focus-ring-color: var(--error-text, var(--color-danger));--tile-button-fg: var(--error-text, var(--color-danger));background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04)}._tile-button--destructive_d4o4n_85:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button--destructive_d4o4n_85:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button_d4o4n_13:hover:not(:disabled,._tile-button--disabled_d4o4n_59),._tile-button_d4o4n_13:active:not(:disabled,._tile-button--disabled_d4o4n_59),._tile-button--toggled_d4o4n_71,._tile-button--destructive_d4o4n_85{--tile-button-icon-fg: initial}._tile-button__icon_d4o4n_75{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0;color:var(--tile-button-icon-fg, var(--tile-button-fg))}._tile-button__label_d4o4n_76{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;box-sizing:border-box;max-width:100%;padding-inline:var(--tile-button-padding-inline, var(--spacing-xs));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal;text-align:center;color:var(--tile-button-fg)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TileButton.css');const t={"tile-button":"_tile-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TileButton.css');const t={"tile-button":"_tile-button_d4o4n_13","tile-button--disabled":"_tile-button--disabled_d4o4n_59","tile-button--toggled":"_tile-button--toggled_d4o4n_71","tile-button__icon":"_tile-button__icon_d4o4n_75","tile-button__label":"_tile-button__label_d4o4n_76","tile-button--destructive":"_tile-button--destructive_d4o4n_85"};exports.default=t;
|
|
2
2
|
//# sourceMappingURL=TileButton.module.scss.cjs.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './TileButton.css';const t = {
|
|
2
|
-
"tile-button": "_tile-
|
|
3
|
-
"tile-button--disabled": "_tile-button--
|
|
4
|
-
"tile-button--toggled": "_tile-button--
|
|
5
|
-
"tile-button__icon": "_tile-
|
|
6
|
-
"tile-button__label": "_tile-
|
|
7
|
-
"tile-button--destructive": "_tile-button--
|
|
2
|
+
"tile-button": "_tile-button_d4o4n_13",
|
|
3
|
+
"tile-button--disabled": "_tile-button--disabled_d4o4n_59",
|
|
4
|
+
"tile-button--toggled": "_tile-button--toggled_d4o4n_71",
|
|
5
|
+
"tile-button__icon": "_tile-button__icon_d4o4n_75",
|
|
6
|
+
"tile-button__label": "_tile-button__label_d4o4n_76",
|
|
7
|
+
"tile-button--destructive": "_tile-button--destructive_d4o4n_85"
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
10
|
t as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_1rae9_13{display:inline-flex;gap:var(--spacing-xxs);align-items:center;width:fit-content;max-width:440px;padding:var(--spacing-xxxs);background-color:var(--neutral-900);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._toast__content_1rae9_24{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1rae9_32{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1rae9_38{flex:0 1 auto;min-width:0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toast__action-btn--on-dark_1rae9_49{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;--button-fg: var(--neutral-0) !important;border-color:transparent!important}._toast__action-btn--on-dark_1rae9_49:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1rae9_49:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1rae9_49:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1rae9_49:disabled{--button-fg: color-mix( in srgb, var(--neutral-0) 40%, transparent ) !important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_1rae9_74{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1rae9_74:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1rae9_74:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1rae9_74:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._toast--type-info_1rae9_91{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1rae9_94{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1rae9_97{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1rae9_100{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1rae9_103 ._toast__content_1rae9_24{padding-right:var(--spacing-xs)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="_toast_1rae9_13",s="_toast__content_1rae9_24",_="_toast__icon_1rae9_32",a="_toast__message_1rae9_38",o="_toast__dismiss_1rae9_74",e={toast:t,toast__content:s,toast__icon:_,toast__message:a,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1rae9_49",toast__dismiss:o,"toast--type-info":"_toast--type-info_1rae9_91","toast--type-success":"_toast--type-success_1rae9_94","toast--type-danger":"_toast--type-danger_1rae9_97","toast--type-warning":"_toast--type-warning_1rae9_100","toast--no-dismiss":"_toast--no-dismiss_1rae9_103"};exports.default=e;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=o;exports.toast__icon=_;exports.toast__message=a;
|
|
2
2
|
//# sourceMappingURL=Toast.module.scss.cjs.map
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import './Toast.css';const t = "
|
|
1
|
+
import './Toast.css';const t = "_toast_1rae9_13", s = "_toast__content_1rae9_24", _ = "_toast__icon_1rae9_32", a = "_toast__message_1rae9_38", o = "_toast__dismiss_1rae9_74", e = {
|
|
2
2
|
toast: t,
|
|
3
3
|
toast__content: s,
|
|
4
4
|
toast__icon: _,
|
|
5
|
-
toast__message:
|
|
6
|
-
"toast__action-btn--on-dark": "_toast__action-btn--on-
|
|
7
|
-
toast__dismiss:
|
|
8
|
-
"toast--type-info": "_toast--type-
|
|
9
|
-
"toast--type-success": "_toast--type-
|
|
10
|
-
"toast--type-danger": "_toast--type-
|
|
11
|
-
"toast--type-warning": "_toast--type-
|
|
12
|
-
"toast--no-dismiss": "_toast--no-
|
|
5
|
+
toast__message: a,
|
|
6
|
+
"toast__action-btn--on-dark": "_toast__action-btn--on-dark_1rae9_49",
|
|
7
|
+
toast__dismiss: o,
|
|
8
|
+
"toast--type-info": "_toast--type-info_1rae9_91",
|
|
9
|
+
"toast--type-success": "_toast--type-success_1rae9_94",
|
|
10
|
+
"toast--type-danger": "_toast--type-danger_1rae9_97",
|
|
11
|
+
"toast--type-warning": "_toast--type-warning_1rae9_100",
|
|
12
|
+
"toast--no-dismiss": "_toast--no-dismiss_1rae9_103"
|
|
13
13
|
};
|
|
14
14
|
export {
|
|
15
15
|
e as default,
|
|
16
16
|
t as toast,
|
|
17
17
|
s as toast__content,
|
|
18
|
-
|
|
18
|
+
o as toast__dismiss,
|
|
19
19
|
_ as toast__icon,
|
|
20
|
-
|
|
20
|
+
a as toast__message
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=Toast.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("../emoji/Emoji.cjs"),f=require("../icon/Icon.cjs"),j=require("../shortcut-tag/ShortcutTag.cjs"),l=require("./Tooltip.module.scss.cjs");function x({label:r,arrow:n="right",hint:t,shortcutKeys:o,icon:s,emoji:a,emojiSize:i="inline",className:u=""}){const d=l.default[`tooltip--arrow-${n.toLowerCase()}`]??"",c=[l.default.tooltip,d,u].filter(Boolean).join(" ");return e.jsxs("div",{className:c,children:[e.jsxs("div",{className:l.default.tooltip__container,children:[e.jsxs("div",{className:[l.default.tooltip__content,a&&i==="large"?l.default["tooltip__content--emoji-large"]:""].filter(Boolean).join(" "),children:[a?e.jsx(_.default,{emoji:a,size:i==="large"?"40":"12"}):s!=null&&e.jsx("span",{className:l.default.tooltip__icon,"aria-hidden":!0,children:e.jsx(f.IconSlotContext.Provider,{value:{size:"16"},children:s})}),e.jsx("span",{className:l.default.tooltip__label,children:r})]}),o&&o.length>0&&e.jsx("div",{className:l.default.tooltip__shortcuts,children:e.jsx(j.ShortcutTagGroup,{labels:o.map(p=>p.label),location:"tooltips",size:"small"})}),t!=null&&t!==""?e.jsx("span",{className:l.default.tooltip__hint,children:t}):null]}),e.jsx("div",{className:l.default.tooltip__arrow,"aria-hidden":!0})]})}exports.default=x;
|
|
2
2
|
//# sourceMappingURL=Tooltip.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n label: string;\n}\n\nexport interface TooltipProps {\n /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n label: ReactNode;\n /** Arrow direction. Default: Right. */\n arrow?: TooltipArrow;\n /** Optional hint text shown below label. */\n hint?: ReactNode;\n /** Optional keyboard shortcut keys shown below label. */\n shortcutKeys?: TooltipShortcutKey[];\n /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n icon?: ReactNode;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n label,\n arrow = 'right',\n hint,\n shortcutKeys,\n icon,\n className = '',\n}: TooltipProps) {\n const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n const rootClass = [styles.tooltip, arrowClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['tooltip__container']}>\n <div
|
|
1
|
+
{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\n/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */\nexport type TooltipEmojiSize = 'inline' | 'large';\n\nexport interface TooltipShortcutKey {\n label: string;\n}\n\nexport interface TooltipProps {\n /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n label: ReactNode;\n /** Arrow direction. Default: Right. */\n arrow?: TooltipArrow;\n /** Optional hint text shown below label. */\n hint?: ReactNode;\n /** Optional keyboard shortcut keys shown below label. */\n shortcutKeys?: TooltipShortcutKey[];\n /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n icon?: ReactNode;\n /**\n * Optional emoji character. Decorative (`aria-hidden`), so the label must carry the\n * meaning. Replaces `icon` when both are passed.\n */\n emoji?: string;\n /** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */\n emojiSize?: TooltipEmojiSize;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n label,\n arrow = 'right',\n hint,\n shortcutKeys,\n icon,\n emoji,\n emojiSize = 'inline',\n className = '',\n}: TooltipProps) {\n const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n const rootClass = [styles.tooltip, arrowClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['tooltip__container']}>\n <div\n className={[\n styles['tooltip__content'],\n emoji && emojiSize === 'large'\n ? styles['tooltip__content--emoji-large']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {emoji ? (\n <Emoji emoji={emoji} size={emojiSize === 'large' ? '40' : '12'} />\n ) : (\n icon != null && (\n <span className={styles['tooltip__icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {icon}\n </IconSlotContext.Provider>\n </span>\n )\n )}\n <span className={styles['tooltip__label']}>{label}</span>\n </div>\n\n {shortcutKeys && shortcutKeys.length > 0 && (\n <div className={styles['tooltip__shortcuts']}>\n <ShortcutTagGroup\n labels={shortcutKeys.map((key) => key.label)}\n location=\"tooltips\"\n size=\"small\"\n />\n </div>\n )}\n\n {hint != null && hint !== '' ? (\n <span className={styles['tooltip__hint']}>{hint}</span>\n ) : null}\n </div>\n\n <div className={styles['tooltip__arrow']} aria-hidden />\n </div>\n );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","emoji","emojiSize","className","arrowClass","styles","rootClass","jsxs","jsx","Emoji","IconSlotContext","ShortcutTagGroup","key"],"mappings":"kSA0CA,SAAwBA,EAAQ,CAC9B,MAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,SACZ,UAAAC,EAAY,EACd,EAAiB,CACf,MAAMC,EAAaC,EAAAA,QAAO,kBAAkBR,EAAM,YAAA,CAAa,EAAE,GAAK,GAEhES,EAAY,CAACD,UAAO,QAASD,EAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,mBACrB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CACC,UAAW,CACTF,EAAAA,QAAO,iBACPJ,GAASC,IAAc,QACnBG,EAAAA,QAAO,+BAA+B,EACtC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAA,CAAAJ,EACCO,EAAAA,IAACC,EAAAA,QAAA,CAAM,MAAAR,EAAc,KAAMC,IAAc,QAAU,KAAO,IAAA,CAAM,EAEhEF,GAAQ,MACNQ,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAkB,cAAW,GACnD,SAAAG,EAAAA,IAACE,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QAGH,OAAA,CAAK,UAAWL,EAAAA,QAAO,eAAoB,SAAAT,CAAA,CAAM,CAAA,CAAA,CAAA,EAGnDG,GAAgBA,EAAa,OAAS,SACpC,MAAA,CAAI,UAAWM,EAAAA,QAAO,mBACrB,SAAAG,EAAAA,IAACG,EAAAA,iBAAA,CACC,OAAQZ,EAAa,IAAKa,GAAQA,EAAI,KAAK,EAC3C,SAAS,WACT,KAAK,OAAA,CAAA,EAET,EAGDd,GAAQ,MAAQA,IAAS,GACxBU,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAmB,SAAAP,CAAA,CAAK,EAC9C,IAAA,EACN,QAEC,MAAA,CAAI,UAAWO,EAAAA,QAAO,eAAmB,cAAW,EAAA,CAAC,CAAA,EACxD,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tooltip_kbqfv_13{display:inline-flex;align-items:flex-start;align-self:flex-start;position:relative}._tooltip__container_kbqfv_19{display:flex;flex-direction:column;align-items:center;max-width:200px;box-sizing:border-box;background-color:var(--neutral-1200);border-radius:var(--radius-s);padding:var(--spacing-xxs) var(--spacing-s);box-shadow:var(--elevation-3);gap:var(--spacing-xxs)}._tooltip__content_kbqfv_31{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:0;width:100%;padding:.5px 0}._tooltip__content--emoji-large_kbqfv_41{flex-direction:column;flex-wrap:nowrap;gap:var(--spacing-xxxxs)}._tooltip__icon_kbqfv_46{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-0)}._tooltip__label_kbqfv_53{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:var(--neutral-0);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__shortcuts_kbqfv_63{display:flex;align-items:center;gap:var(--spacing-xxxxs)}._tooltip__hint_kbqfv_68{align-self:stretch;font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.11px;color:color-mix(in srgb,var(--neutral-0) 75%,transparent);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__arrow_kbqfv_80{flex-shrink:0;width:4px;height:8px;position:relative;align-self:center}._tooltip__arrow_kbqfv_80:before{content:"";position:absolute;top:50%;left:0;width:0;height:0;transform:translateY(-50%);border-style:solid;border-color:transparent transparent transparent var(--neutral-1200);border-width:4px 0 4px 4px}._tooltip--arrow-right_kbqfv_99{flex-direction:row}._tooltip--arrow-left_kbqfv_102{flex-direction:row-reverse}._tooltip--arrow-left_kbqfv_102 ._tooltip__arrow_kbqfv_80:before{border-color:transparent var(--neutral-1200) transparent transparent;border-width:4px 4px 4px 0;top:50%;right:0;left:auto;transform:translateY(-50%)}._tooltip--arrow-bottom_kbqfv_113{flex-direction:column}._tooltip--arrow-bottom_kbqfv_113 ._tooltip__arrow_kbqfv_80{width:8px;height:4px}._tooltip--arrow-bottom_kbqfv_113 ._tooltip__arrow_kbqfv_80:before{border-width:4px 4px 0;border-color:var(--neutral-1200) transparent transparent;top:0;left:50%;transform:translate(-50%)}._tooltip--arrow-top_kbqfv_127{flex-direction:column-reverse}._tooltip--arrow-top_kbqfv_127 ._tooltip__arrow_kbqfv_80{width:8px;height:4px}._tooltip--arrow-top_kbqfv_127 ._tooltip__arrow_kbqfv_80:before{border-color:transparent transparent var(--neutral-1200) transparent;border-width:0 4px 4px 4px;bottom:0;left:50%;top:auto;transform:translate(-50%)}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';
|
|
3
|
+
/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */
|
|
4
|
+
export type TooltipEmojiSize = 'inline' | 'large';
|
|
3
5
|
export interface TooltipShortcutKey {
|
|
4
6
|
label: string;
|
|
5
7
|
}
|
|
@@ -14,6 +16,13 @@ export interface TooltipProps {
|
|
|
14
16
|
shortcutKeys?: TooltipShortcutKey[];
|
|
15
17
|
/** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */
|
|
16
18
|
icon?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Optional emoji character. Decorative (`aria-hidden`), so the label must carry the
|
|
21
|
+
* meaning. Replaces `icon` when both are passed.
|
|
22
|
+
*/
|
|
23
|
+
emoji?: string;
|
|
24
|
+
/** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */
|
|
25
|
+
emojiSize?: TooltipEmojiSize;
|
|
17
26
|
/** Optional CSS class name. */
|
|
18
27
|
className?: string;
|
|
19
28
|
}
|
|
@@ -22,5 +31,5 @@ export interface TooltipProps {
|
|
|
22
31
|
* behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard
|
|
23
32
|
* shortcut. Don't reach for one when the label is already on screen.
|
|
24
33
|
*/
|
|
25
|
-
export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, emoji, emojiSize, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
26
35
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,mHAAmH;IACnH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,SAAoB,EACpB,SAAc,GACf,EAAE,YAAY,2CAoDd"}
|
|
@@ -1,26 +1,38 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import { jsxs as r, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import h from "../emoji/Emoji.js";
|
|
3
|
+
import { IconSlotContext as u } from "../icon/Icon.js";
|
|
4
|
+
import { ShortcutTagGroup as f } from "../shortcut-tag/ShortcutTag.js";
|
|
4
5
|
import o from "./Tooltip.module.scss.js";
|
|
5
|
-
function
|
|
6
|
-
label:
|
|
7
|
-
arrow:
|
|
6
|
+
function C({
|
|
7
|
+
label: s,
|
|
8
|
+
arrow: c = "right",
|
|
8
9
|
hint: t,
|
|
9
10
|
shortcutKeys: a,
|
|
10
11
|
icon: e,
|
|
11
|
-
|
|
12
|
+
emoji: i,
|
|
13
|
+
emojiSize: n = "inline",
|
|
14
|
+
className: p = ""
|
|
12
15
|
}) {
|
|
13
|
-
const
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const d = o[`tooltip--arrow-${c.toLowerCase()}`] ?? "", m = [o.tooltip, d, p].filter(Boolean).join(" ");
|
|
17
|
+
return /* @__PURE__ */ r("div", { className: m, children: [
|
|
18
|
+
/* @__PURE__ */ r("div", { className: o.tooltip__container, children: [
|
|
19
|
+
/* @__PURE__ */ r(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
className: [
|
|
23
|
+
o.tooltip__content,
|
|
24
|
+
i && n === "large" ? o["tooltip__content--emoji-large"] : ""
|
|
25
|
+
].filter(Boolean).join(" "),
|
|
26
|
+
children: [
|
|
27
|
+
i ? /* @__PURE__ */ l(h, { emoji: i, size: n === "large" ? "40" : "12" }) : e != null && /* @__PURE__ */ l("span", { className: o.tooltip__icon, "aria-hidden": !0, children: /* @__PURE__ */ l(u.Provider, { value: { size: "16" }, children: e }) }),
|
|
28
|
+
/* @__PURE__ */ l("span", { className: o.tooltip__label, children: s })
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
),
|
|
20
32
|
a && a.length > 0 && /* @__PURE__ */ l("div", { className: o.tooltip__shortcuts, children: /* @__PURE__ */ l(
|
|
21
|
-
|
|
33
|
+
f,
|
|
22
34
|
{
|
|
23
|
-
labels: a.map((
|
|
35
|
+
labels: a.map((_) => _.label),
|
|
24
36
|
location: "tooltips",
|
|
25
37
|
size: "small"
|
|
26
38
|
}
|
|
@@ -31,6 +43,6 @@ function v({
|
|
|
31
43
|
] });
|
|
32
44
|
}
|
|
33
45
|
export {
|
|
34
|
-
|
|
46
|
+
C as default
|
|
35
47
|
};
|
|
36
48
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n label: string;\n}\n\nexport interface TooltipProps {\n /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n label: ReactNode;\n /** Arrow direction. Default: Right. */\n arrow?: TooltipArrow;\n /** Optional hint text shown below label. */\n hint?: ReactNode;\n /** Optional keyboard shortcut keys shown below label. */\n shortcutKeys?: TooltipShortcutKey[];\n /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n icon?: ReactNode;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n label,\n arrow = 'right',\n hint,\n shortcutKeys,\n icon,\n className = '',\n}: TooltipProps) {\n const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n const rootClass = [styles.tooltip, arrowClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['tooltip__container']}>\n <div
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\n/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */\nexport type TooltipEmojiSize = 'inline' | 'large';\n\nexport interface TooltipShortcutKey {\n label: string;\n}\n\nexport interface TooltipProps {\n /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n label: ReactNode;\n /** Arrow direction. Default: Right. */\n arrow?: TooltipArrow;\n /** Optional hint text shown below label. */\n hint?: ReactNode;\n /** Optional keyboard shortcut keys shown below label. */\n shortcutKeys?: TooltipShortcutKey[];\n /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n icon?: ReactNode;\n /**\n * Optional emoji character. Decorative (`aria-hidden`), so the label must carry the\n * meaning. Replaces `icon` when both are passed.\n */\n emoji?: string;\n /** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */\n emojiSize?: TooltipEmojiSize;\n /** Optional CSS class name. */\n className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n label,\n arrow = 'right',\n hint,\n shortcutKeys,\n icon,\n emoji,\n emojiSize = 'inline',\n className = '',\n}: TooltipProps) {\n const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n const rootClass = [styles.tooltip, arrowClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['tooltip__container']}>\n <div\n className={[\n styles['tooltip__content'],\n emoji && emojiSize === 'large'\n ? styles['tooltip__content--emoji-large']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {emoji ? (\n <Emoji emoji={emoji} size={emojiSize === 'large' ? '40' : '12'} />\n ) : (\n icon != null && (\n <span className={styles['tooltip__icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {icon}\n </IconSlotContext.Provider>\n </span>\n )\n )}\n <span className={styles['tooltip__label']}>{label}</span>\n </div>\n\n {shortcutKeys && shortcutKeys.length > 0 && (\n <div className={styles['tooltip__shortcuts']}>\n <ShortcutTagGroup\n labels={shortcutKeys.map((key) => key.label)}\n location=\"tooltips\"\n size=\"small\"\n />\n </div>\n )}\n\n {hint != null && hint !== '' ? (\n <span className={styles['tooltip__hint']}>{hint}</span>\n ) : null}\n </div>\n\n <div className={styles['tooltip__arrow']} aria-hidden />\n </div>\n );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","emoji","emojiSize","className","arrowClass","styles","rootClass","jsxs","jsx","Emoji","IconSlotContext","ShortcutTagGroup","key"],"mappings":";;;;;AA0CA,SAAwBA,EAAQ;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,GAAiB;AACf,QAAMC,IAAaC,EAAO,kBAAkBR,EAAM,YAAA,CAAa,EAAE,KAAK,IAEhES,IAAY,CAACD,EAAO,SAASD,GAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,oBACrB,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACTF,EAAO;AAAA,YACPJ,KAASC,MAAc,UACnBG,EAAO,+BAA+B,IACtC;AAAA,UAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UAEV,UAAA;AAAA,YAAAJ,IACC,gBAAAO,EAACC,GAAA,EAAM,OAAAR,GAAc,MAAMC,MAAc,UAAU,OAAO,KAAA,CAAM,IAEhEF,KAAQ,QACN,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAkB,eAAW,IACnD,UAAA,gBAAAG,EAACE,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,8BAGH,QAAA,EAAK,WAAWL,EAAO,gBAAoB,UAAAT,EAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnDG,KAAgBA,EAAa,SAAS,uBACpC,OAAA,EAAI,WAAWM,EAAO,oBACrB,UAAA,gBAAAG;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQZ,EAAa,IAAI,CAACa,MAAQA,EAAI,KAAK;AAAA,UAC3C,UAAS;AAAA,UACT,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MAGDd,KAAQ,QAAQA,MAAS,KACxB,gBAAAU,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAmB,UAAAP,EAAA,CAAK,IAC9C;AAAA,IAAA,GACN;AAAA,sBAEC,OAAA,EAAI,WAAWO,EAAO,gBAAmB,eAAW,GAAA,CAAC;AAAA,EAAA,GACxD;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tooltip.css');const t="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tooltip.css');const t="_tooltip_kbqfv_13",o="_tooltip__container_kbqfv_19",_="_tooltip__content_kbqfv_31",i="_tooltip__icon_kbqfv_46",l="_tooltip__label_kbqfv_53",p="_tooltip__shortcuts_kbqfv_63",r="_tooltip__hint_kbqfv_68",n="_tooltip__arrow_kbqfv_80",e={tooltip:t,tooltip__container:o,tooltip__content:_,"tooltip__content--emoji-large":"_tooltip__content--emoji-large_kbqfv_41",tooltip__icon:i,tooltip__label:l,tooltip__shortcuts:p,tooltip__hint:r,tooltip__arrow:n,"tooltip--arrow-right":"_tooltip--arrow-right_kbqfv_99","tooltip--arrow-left":"_tooltip--arrow-left_kbqfv_102","tooltip--arrow-bottom":"_tooltip--arrow-bottom_kbqfv_113","tooltip--arrow-top":"_tooltip--arrow-top_kbqfv_127"};exports.default=e;exports.tooltip=t;exports.tooltip__arrow=n;exports.tooltip__container=o;exports.tooltip__content=_;exports.tooltip__hint=r;exports.tooltip__icon=i;exports.tooltip__label=l;exports.tooltip__shortcuts=p;
|
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.cjs.map
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import './Tooltip.css';const t = "
|
|
1
|
+
import './Tooltip.css';const t = "_tooltip_kbqfv_13", o = "_tooltip__container_kbqfv_19", _ = "_tooltip__content_kbqfv_31", i = "_tooltip__icon_kbqfv_46", l = "_tooltip__label_kbqfv_53", p = "_tooltip__shortcuts_kbqfv_63", r = "_tooltip__hint_kbqfv_68", n = "_tooltip__arrow_kbqfv_80", c = {
|
|
2
2
|
tooltip: t,
|
|
3
3
|
tooltip__container: o,
|
|
4
4
|
tooltip__content: _,
|
|
5
|
+
"tooltip__content--emoji-large": "_tooltip__content--emoji-large_kbqfv_41",
|
|
5
6
|
tooltip__icon: i,
|
|
6
7
|
tooltip__label: l,
|
|
7
8
|
tooltip__shortcuts: p,
|
|
8
9
|
tooltip__hint: r,
|
|
9
10
|
tooltip__arrow: n,
|
|
10
|
-
"tooltip--arrow-right": "_tooltip--arrow-
|
|
11
|
-
"tooltip--arrow-left": "_tooltip--arrow-
|
|
12
|
-
"tooltip--arrow-bottom": "_tooltip--arrow-
|
|
13
|
-
"tooltip--arrow-top": "_tooltip--arrow-
|
|
11
|
+
"tooltip--arrow-right": "_tooltip--arrow-right_kbqfv_99",
|
|
12
|
+
"tooltip--arrow-left": "_tooltip--arrow-left_kbqfv_102",
|
|
13
|
+
"tooltip--arrow-bottom": "_tooltip--arrow-bottom_kbqfv_113",
|
|
14
|
+
"tooltip--arrow-top": "_tooltip--arrow-top_kbqfv_127"
|
|
14
15
|
};
|
|
15
16
|
export {
|
|
16
|
-
|
|
17
|
+
c as default,
|
|
17
18
|
t as tooltip,
|
|
18
19
|
n as tooltip__arrow,
|
|
19
20
|
o as tooltip__container,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC"}
|