@mattermost/compass-ui 0.1.0-alpha.0 → 0.1.0-alpha.2
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/README.md +6 -6
- package/dist/compass-ui-standalone.css +207 -0
- package/dist/compass-ui.css +0 -206
- package/dist/components/ActionButton/ActionButton.d.ts +5 -0
- package/dist/components/ActionButton/ActionButton.d.ts.map +1 -1
- package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts +3 -1
- package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts.map +1 -1
- package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts +5 -0
- package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts.map +1 -1
- package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts +5 -3
- package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts.map +1 -1
- package/dist/components/AppBarItem/AppBarItem.d.ts +4 -3
- package/dist/components/AppBarItem/AppBarItem.d.ts.map +1 -1
- package/dist/components/AttachmentCard/AttachmentCard.d.ts +5 -0
- package/dist/components/AttachmentCard/AttachmentCard.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +9 -10
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/ChannelHeader/ChannelHeader.d.ts +1 -1
- package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts +3 -5
- package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts.map +1 -1
- package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts +13 -8
- package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +3 -9
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Chip/Chip.d.ts +6 -1
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.d.ts +4 -3
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -3
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/Divider/Divider.d.ts +5 -0
- package/dist/components/Divider/Divider.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +5 -8
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/Emoji/Emoji.d.ts +4 -1
- package/dist/components/Emoji/Emoji.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +3 -4
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/ErrorMessage/ErrorMessage.d.ts +3 -2
- package/dist/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
- package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts +3 -4
- package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts.map +1 -1
- package/dist/components/GlobalBanner/GlobalBanner.d.ts +5 -4
- package/dist/components/GlobalBanner/GlobalBanner.d.ts.map +1 -1
- package/dist/components/GlobalHeader/GlobalHeader.d.ts +1 -1
- package/dist/components/GlobalHeader/GlobalHeader.d.ts.map +1 -1
- package/dist/components/Icon/Icon.d.ts +3 -5
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +7 -8
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/Illustration/Illustration.d.ts +4 -6
- package/dist/components/Illustration/Illustration.d.ts.map +1 -1
- package/dist/components/ImagePreview/ImagePreview.d.ts +3 -3
- package/dist/components/LinkPreview/LinkPreview.d.ts +3 -2
- package/dist/components/LinkPreview/LinkPreview.d.ts.map +1 -1
- package/dist/components/MentionBadge/MentionBadge.d.ts +6 -6
- package/dist/components/MenuItem/MenuItem.d.ts +4 -5
- package/dist/components/MenuItem/MenuItem.d.ts.map +1 -1
- package/dist/components/MessageActions/MessageActions.d.ts +4 -3
- package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
- package/dist/components/MessageHeader/MessageHeader.d.ts +5 -0
- package/dist/components/MessageHeader/MessageHeader.d.ts.map +1 -1
- package/dist/components/MessageReactions/MessageReactions.d.ts +3 -3
- package/dist/components/MessageSeparator/MessageSeparator.d.ts +5 -4
- package/dist/components/MessageSeparator/MessageSeparator.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts +5 -4
- package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts.map +1 -1
- package/dist/components/NewMessageBanner/NewMessageBanner.d.ts +4 -4
- package/dist/components/NewMessageBanner/NewMessageBanner.d.ts.map +1 -1
- package/dist/components/PaginationDots/PaginationDots.d.ts +5 -6
- package/dist/components/PaginationDots/PaginationDots.d.ts.map +1 -1
- package/dist/components/PermalinkPreview/PermalinkPreview.d.ts +3 -3
- package/dist/components/PopoverNotice/PopoverNotice.d.ts +6 -0
- package/dist/components/PopoverNotice/PopoverNotice.d.ts.map +1 -1
- package/dist/components/ProductSwitcherMenu/ProductSwitcherMenu.d.ts +1 -1
- package/dist/components/ProfilePopover/ProfilePopover.d.ts +2 -2
- package/dist/components/ProgressBar/ProgressBar.d.ts +4 -4
- package/dist/components/Radio/Radio.d.ts +4 -8
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/ReactionPill/ReactionPill.d.ts +6 -5
- package/dist/components/ReactionPill/ReactionPill.d.ts.map +1 -1
- package/dist/components/Scrollbar/Scrollbar.d.ts +4 -7
- package/dist/components/Scrollbar/Scrollbar.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +4 -4
- package/dist/components/SearchTipBanner/SearchTipBanner.d.ts +3 -2
- package/dist/components/SearchTipBanner/SearchTipBanner.d.ts.map +1 -1
- package/dist/components/SectionNotice/SectionNotice.d.ts +4 -4
- package/dist/components/Select/Select.d.ts +3 -5
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/ShortcutTag/ShortcutTag.d.ts +2 -2
- package/dist/components/Spinner/Spinner.d.ts +4 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/StatusBadge/StatusBadge.d.ts +4 -6
- package/dist/components/StatusBadge/StatusBadge.d.ts.map +1 -1
- package/dist/components/Switch/Switch.d.ts +3 -11
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +3 -2
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tag/Tag.d.ts +6 -5
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/TeamAvatar/TeamAvatar.d.ts +5 -1
- package/dist/components/TeamAvatar/TeamAvatar.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +4 -6
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextInput/TextInput.d.ts +3 -6
- package/dist/components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/ThreadFooter/ThreadFooter.d.ts +4 -4
- package/dist/components/ThreadListItem/ThreadListItem.d.ts +4 -4
- package/dist/components/Toast/Toast.d.ts +6 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +4 -3
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/UnreadBadge/UnreadBadge.d.ts +5 -7
- package/dist/components/UnreadBadge/UnreadBadge.d.ts.map +1 -1
- package/dist/components/UserAvatar/UserAvatar.d.ts +4 -9
- package/dist/components/UserAvatar/UserAvatar.d.ts.map +1 -1
- package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts +3 -6
- package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1607 -1603
- package/dist/index.js.map +1 -1
- package/dist/utils/string.d.ts +2 -2
- package/package.json +5 -1
|
@@ -28,11 +28,9 @@ export interface ChannelInfoMsgHeaderProps {
|
|
|
28
28
|
className?: string;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
|
-
* Channel
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
* @see Figma Components — Channel Info Message Header
|
|
35
|
-
* @see https://www.figma.com/design/VLpUbaoHEh2GR3XekSqmI6/Components---Channel-Info-Message-Header?node-id=1215-615
|
|
31
|
+
* The Channel Info Message Header names a channel (or section) and, when useful, the team it
|
|
32
|
+
* belongs to. Use it above posts in Mentions and Saved lists, or as section tabs at the top
|
|
33
|
+
* of a channel info panel.
|
|
36
34
|
*/
|
|
37
35
|
export default function ChannelInfoMsgHeader({ channelName, onChannelClick, tabs, teamName, className, }: ChannelInfoMsgHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
38
36
|
//# sourceMappingURL=ChannelInfoMsgHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelInfoMsgHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"ChannelInfoMsgHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,WAAW,EACX,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,SAAc,GACf,EAAE,yBAAyB,2CAmD3B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export type ChannelSidebarItemLeadingVisual = '
|
|
2
|
-
export type ChannelSidebarItemStatus = '
|
|
1
|
+
export type ChannelSidebarItemLeadingVisual = 'public' | 'private' | 'group-message' | 'direct-message' | 'drafts' | 'insights' | 'threads' | 'dial-pad';
|
|
2
|
+
export type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';
|
|
3
3
|
export interface ChannelSidebarItemProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Channel or user display name. */
|
|
@@ -21,19 +21,24 @@ export interface ChannelSidebarItemProps {
|
|
|
21
21
|
callActive?: boolean;
|
|
22
22
|
/** Shows the shared-channel icon after the name. */
|
|
23
23
|
sharedChannel?: boolean;
|
|
24
|
-
/** Mention count shown in the badge when status='
|
|
24
|
+
/** Mention count shown in the badge when status='mention'. */
|
|
25
25
|
mentionCount?: number;
|
|
26
|
-
/** Member count shown in the group icon when leadingVisual='
|
|
26
|
+
/** Member count shown in the group icon when leadingVisual='group-message'. */
|
|
27
27
|
memberCount?: number;
|
|
28
|
-
/** Avatar image URL for leadingVisual='
|
|
28
|
+
/** Avatar image URL for leadingVisual='direct-message'. */
|
|
29
29
|
avatarSrc?: string;
|
|
30
|
-
/** Avatar alt text for leadingVisual='
|
|
30
|
+
/** Avatar alt text for leadingVisual='direct-message'. */
|
|
31
31
|
avatarAlt?: string;
|
|
32
|
-
/** Shows status badge on the avatar when leadingVisual='
|
|
32
|
+
/** Shows status badge on the avatar when leadingVisual='direct-message'. */
|
|
33
33
|
showAvatarStatus?: boolean;
|
|
34
|
-
/** Custom status emoji shown after the name for leadingVisual='
|
|
34
|
+
/** Custom status emoji shown after the name for leadingVisual='direct-message'. */
|
|
35
35
|
customStatusEmoji?: string;
|
|
36
36
|
onClick?: () => void;
|
|
37
37
|
}
|
|
38
|
+
/**
|
|
39
|
+
* The Channel Sidebar Item is the row people use to move between channels, DMs, and group
|
|
40
|
+
* messages. It compresses a lot of state — channel type, unread, mention count, mute,
|
|
41
|
+
* in-call — into a single, scannable line.
|
|
42
|
+
*/
|
|
38
43
|
export default function ChannelSidebarItem({ className, name, hideLeadingVisual, leadingVisual, status, active, muted, callActive, sharedChannel, mentionCount, memberCount, avatarSrc, avatarAlt, showAvatarStatus, customStatusEmoji, onClick, }: ChannelSidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
39
44
|
//# sourceMappingURL=ChannelSidebarItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSidebarItem/ChannelSidebarItem.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,+BAA+B,GACvC,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,+BAA+B,CAAC;IAChD,gDAAgD;IAChD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+CD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,iBAAyB,EACzB,aAAwB,EACxB,MAAe,EACf,MAAc,EACd,KAAa,EACb,UAAkB,EAClB,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAwB,EACxB,iBAAiB,EACjB,OAAO,GACR,EAAE,uBAAuB,2CAuGzB"}
|
|
1
|
+
{"version":3,"file":"ChannelSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSidebarItem/ChannelSidebarItem.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,+BAA+B,GACvC,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,+BAA+B,CAAC;IAChD,gDAAgD;IAChD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+CD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,iBAAyB,EACzB,aAAwB,EACxB,MAAe,EACf,MAAc,EACd,KAAa,EACb,UAAkB,EAClB,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAwB,EACxB,iBAAiB,EACjB,OAAO,GACR,EAAE,uBAAuB,2CAuGzB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export type CheckboxSize = '
|
|
2
|
+
export type CheckboxSize = 'small' | 'medium' | 'large';
|
|
3
3
|
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
4
4
|
/** Optional CSS class name. */
|
|
5
5
|
className?: string;
|
|
@@ -13,14 +13,8 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
|
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
|
-
* Checkbox
|
|
17
|
-
*
|
|
18
|
-
* styling match Figma Checkbox (Checkbox Selector) v2.0.2.
|
|
19
|
-
*
|
|
20
|
-
* Use with a label: pass children to render label text, or wrap in your own <label>.
|
|
21
|
-
* Indeterminate must be set via the `indeterminate` prop (native attribute is not reflectable).
|
|
22
|
-
*
|
|
23
|
-
* @see https://compass.mattermost.com (Checkbox)
|
|
16
|
+
* A Checkbox lets people pick any number of options from a set, or toggle a single setting
|
|
17
|
+
* on or off. Each box represents one independent choice — pick none, some, or all.
|
|
24
18
|
*/
|
|
25
19
|
export default function Checkbox({ className, indeterminate, size, valid, children, id: idProp, checked, defaultChecked, disabled, onChange, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
26
20
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAWjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uFAAuF;IACvF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAeD
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAWjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uFAAuF;IACvF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAeD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,aAAqB,EACrB,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,2CAqEf"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
export type ChipSize = '
|
|
2
|
+
export type ChipSize = 'small' | 'medium' | 'medium-compact' | 'large';
|
|
3
3
|
export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
4
4
|
/** Chip label. */
|
|
5
5
|
children: ReactNode;
|
|
@@ -22,5 +22,10 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childre
|
|
|
22
22
|
colored?: boolean;
|
|
23
23
|
className?: string;
|
|
24
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* Chips are compact, self-contained tokens that represent a selection — a person added to an
|
|
27
|
+
* invite, a filter applied to a search, a chosen value in a tokenizing input. Each Chip
|
|
28
|
+
* stands on its own and is removable or selectable, depending on context.
|
|
29
|
+
*/
|
|
25
30
|
export default function Chip({ children, size, leadingIcon, leadingAvatar, onRemove, removeLabel, error, colored, className, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
26
31
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,IAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,EACR,WAAsB,EACtB,KAAa,EACb,OAAe,EACf,SAAc,EACd,GAAG,IAAI,EACR,EAAE,SAAS,2CA0CX"}
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,IAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,EACR,WAAsB,EACtB,KAAa,EACb,OAAe,EACf,SAAc,EACd,GAAG,IAAI,EACR,EAAE,SAAS,2CA0CX"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type ComboboxSize = '
|
|
2
|
+
export type ComboboxSize = 'small' | 'medium' | 'large';
|
|
3
3
|
export type ComboboxOption = {
|
|
4
4
|
value: string;
|
|
5
5
|
label: string;
|
|
@@ -44,8 +44,9 @@ export interface ComboboxProps {
|
|
|
44
44
|
zIndex?: number;
|
|
45
45
|
}
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
48
|
-
*
|
|
47
|
+
* { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'
|
|
48
|
+
* }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {
|
|
49
|
+
* value: 'releases', label: 'Releases' }, ];
|
|
49
50
|
*/
|
|
50
51
|
declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
51
52
|
export default Combobox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,4GAugBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -21,9 +21,8 @@ export interface DateRangePickerProps extends Omit<InputHTMLAttributes<HTMLInput
|
|
|
21
21
|
zIndex?: number;
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* Used in boards and admin scheduling.
|
|
24
|
+
* The Date and Range Picker lets people pick a single date or a start/end range from a
|
|
25
|
+
* calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.
|
|
27
26
|
*/
|
|
28
27
|
export default function DateRangePicker({ className, mode, value, startDate, endDate, onChange, onRangeChange, disabled, id: idProp, portalContainer, zIndex, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
29
28
|
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,OAAO,CAAC;AAgBhE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACxD;IACC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,OAAO,CAAC;AAgBhE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACxD;IACC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAc,EACd,IAAa,EACb,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,eAAsB,EACtB,MAAM,GACP,EAAE,oBAAoB,2CAsjBtB"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A Divider is a thin horizontal rule that separates content into related groups. It does
|
|
3
|
+
* the lightest possible work — split a list, mark a transition, give a layout breathing room
|
|
4
|
+
* — without competing for attention.
|
|
5
|
+
*/
|
|
1
6
|
export default function Divider(): import("react/jsx-runtime").JSX.Element;
|
|
2
7
|
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type DropdownSize = '
|
|
3
|
-
export type DropdownAppearance = '
|
|
4
|
-
export type DropdownPadding = '
|
|
2
|
+
export type DropdownSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
|
|
3
|
+
export type DropdownAppearance = 'default' | 'inverted';
|
|
4
|
+
export type DropdownPadding = 'tight' | 'compact';
|
|
5
5
|
export interface DropdownProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
6
6
|
/** Optional CSS class name. */
|
|
7
7
|
className?: string;
|
|
@@ -19,11 +19,8 @@ export interface DropdownProps extends Omit<ButtonHTMLAttributes<HTMLButtonEleme
|
|
|
19
19
|
isOpen?: boolean;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
-
* Dropdown trigger
|
|
23
|
-
*
|
|
24
|
-
* Matches Figma Dropdown v2.1.3.
|
|
25
|
-
*
|
|
26
|
-
* @see https://compass.mattermost.com/29be2c109/p/78f994-dropdowns
|
|
22
|
+
* A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —
|
|
23
|
+
* semibold, with a chevron — and signals "this label is also a control."
|
|
27
24
|
*/
|
|
28
25
|
export default function Dropdown({ className, children, leadingIcon, padding, size, appearance, isOpen, disabled, type, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
29
26
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAiB,EACjB,IAAe,EACf,UAAsB,EACtB,MAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CA6Cf"}
|
|
@@ -8,7 +8,10 @@ export interface EmojiProps {
|
|
|
8
8
|
size?: EmojiSize;
|
|
9
9
|
}
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Emoji is a compact, inline visual for conveying emotion, intent, or status — on messages,
|
|
12
|
+
* in reactions, in pickers, or sprinkled through UI copy. The component standardises sizing
|
|
13
|
+
* so native Unicode and custom workspace emoji render at a consistent footprint alongside
|
|
14
|
+
* Icon.
|
|
12
15
|
*/
|
|
13
16
|
export default function Emoji({ className, emoji, size, }: EmojiProps): import("react/jsx-runtime").JSX.Element;
|
|
14
17
|
//# sourceMappingURL=Emoji.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../src/components/Emoji/Emoji.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAgBD
|
|
1
|
+
{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../src/components/Emoji/Emoji.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,KAAK,EACL,IAAW,GACZ,EAAE,UAAU,2CAeZ"}
|
|
@@ -14,10 +14,9 @@ export interface EmptyStateProps {
|
|
|
14
14
|
className?: string;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
|
-
* Empty State
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @see https://compass.mattermost.com
|
|
17
|
+
* Empty State fills a view that has no content yet — no saved messages, no mentions, no
|
|
18
|
+
* search results, no files. It pairs an illustration with a short explanation and, when
|
|
19
|
+
* there's something the user can do next, a single action.
|
|
21
20
|
*/
|
|
22
21
|
export default function EmptyState({ illustration, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
23
22
|
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAIhF,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAIhF,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAc,GACf,EAAE,eAAe,2CAyBjB"}
|
|
@@ -5,8 +5,9 @@ export interface ErrorMessageProps {
|
|
|
5
5
|
message: string;
|
|
6
6
|
}
|
|
7
7
|
/**
|
|
8
|
-
* Error Message
|
|
9
|
-
*
|
|
8
|
+
* Error Message is the inline red error line that appears below a form input when validation
|
|
9
|
+
* fails. It pairs an alert glyph with a short, human-readable explanation so the user can
|
|
10
|
+
* fix the field and move on.
|
|
10
11
|
*/
|
|
11
12
|
export default function ErrorMessage({ className, message, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
//# sourceMappingURL=ErrorMessage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED
|
|
1
|
+
{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,GACR,EAAE,iBAAiB,2CAanB"}
|
|
@@ -17,10 +17,9 @@ export interface FeatureDiscoveryPanelProps {
|
|
|
17
17
|
className?: string;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
|
-
* Feature Discovery
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
* @see https://compass.mattermost.com/29be2c109/p/865664-feature-discovery-panel
|
|
20
|
+
* Feature Discovery Panels surface capabilities only available on a higher-tier SKU. They
|
|
21
|
+
* live in the System Console and are visible to admins — never to end users. The goal is to
|
|
22
|
+
* communicate the value of the feature, not gate the UI behind a paywall.
|
|
24
23
|
*/
|
|
25
24
|
export default function FeatureDiscoveryPanel({ skuLabel, title, description, primaryAction, secondaryAction, illustration, className, }: FeatureDiscoveryPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
26
25
|
//# sourceMappingURL=FeatureDiscoveryPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureDiscoveryPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAKhF,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,uFAAuF;IACvF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"FeatureDiscoveryPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAKhF,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,uFAAuF;IACvF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAyB,EACzB,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAY,EACZ,SAAc,GACf,EAAE,0BAA0B,2CAiD5B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type GlobalBannerType = '
|
|
2
|
+
export type GlobalBannerType = 'general' | 'warning' | 'danger' | 'info' | 'success';
|
|
3
3
|
export interface GlobalBannerProps {
|
|
4
4
|
/** Optional CSS class name. */
|
|
5
5
|
className?: string;
|
|
@@ -17,9 +17,10 @@ export interface GlobalBannerProps {
|
|
|
17
17
|
onDismiss?: () => void;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
|
-
* Global
|
|
21
|
-
*
|
|
22
|
-
*
|
|
20
|
+
* Global Banners sit at the very top of the application and broadcast something every user
|
|
21
|
+
* in the workspace needs to know — a maintenance window, an expiring licence, a connectivity
|
|
22
|
+
* problem, an available update. They span the full width of the app and stay visible until
|
|
23
|
+
* they're dismissed or the condition resolves.
|
|
23
24
|
*/
|
|
24
25
|
export default function GlobalBanner({ className, message, type, leadingIcon, actionLabel, onAction, onDismiss, }: GlobalBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
25
26
|
//# sourceMappingURL=GlobalBanner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalBanner.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalBanner/GlobalBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED
|
|
1
|
+
{"version":3,"file":"GlobalBanner.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalBanner/GlobalBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CA0CnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalHeader/GlobalHeader.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalHeader/GlobalHeader.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0DD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAoB,EACpB,oBAA2B,EAC3B,iBAAyB,EACzB,aAAa,EACb,aAAsB,GACvB,EAAE,iBAAiB,2CA0FnB"}
|
|
@@ -20,11 +20,9 @@ export interface IconProps {
|
|
|
20
20
|
size?: IconSize;
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
|
-
* Icon
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
* @see https://compass.mattermost.com/29be2c109/p/19c648-iconography
|
|
23
|
+
* Icon is the standard wrapper for any glyph from `@mattermost/compass-icons`. It enforces a
|
|
24
|
+
* consistent container size, strips the package's built-in clear-space padding, and keeps
|
|
25
|
+
* icons aligned with text and other icons across the system.
|
|
28
26
|
*/
|
|
29
27
|
export default function Icon({ className, glyph, size, }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
30
28
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAYjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAgBD
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAYjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAgBD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAc,EACd,KAAY,EACZ,IAAW,GACZ,EAAE,SAAS,2CA6BX"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type IconButtonSize = '
|
|
2
|
+
export type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';
|
|
3
3
|
/** Figma "Style": Default (light context) | Inverted (dark context). */
|
|
4
|
-
export type IconButtonStyle = '
|
|
5
|
-
export type IconButtonPadding = '
|
|
4
|
+
export type IconButtonStyle = 'default' | 'inverted';
|
|
5
|
+
export type IconButtonPadding = 'default' | 'compact';
|
|
6
6
|
export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
|
|
7
7
|
/** When true, forces the subtler pressed/active visual (lighter than toggled). */
|
|
8
8
|
active?: boolean;
|
|
@@ -30,11 +30,10 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
30
30
|
/** Icon size (px) per IconButton size. Use with Icon: size="12" | "16" | "20" | "24". */
|
|
31
31
|
export declare const ICON_BUTTON_ICON_SIZES: Record<IconButtonSize, '12' | '16' | '20' | '24'>;
|
|
32
32
|
/**
|
|
33
|
-
* Icon-
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* @see https://compass.mattermost.com (Icon Button)
|
|
33
|
+
* Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message
|
|
34
|
+
* hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate
|
|
35
|
+
* intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the
|
|
36
|
+
* action explicit.
|
|
38
37
|
*/
|
|
39
38
|
export default function IconButton({ active, className, count, destructive, icon, padding, rounded, size, style, toggled, unreadBadge, disabled, type, 'aria-label': ariaLabel, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
40
39
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAc,EACd,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,OAAmB,EACnB,OAAe,EACf,IAAe,EACf,KAAiB,EACjB,OAAe,EACf,WAAmB,EACnB,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,2CAmDjB"}
|
|
@@ -12,12 +12,10 @@ export interface IllustrationProps {
|
|
|
12
12
|
'aria-label'?: string;
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* import EmptyStateSvg from '@/assets/illustrations/empty-state.svg?react'
|
|
20
|
-
* <Illustration aria-label="No items yet"><EmptyStateSvg /></Illustration>
|
|
15
|
+
* Illustration is the wrapper for any of the brand SVG artworks shipped under
|
|
16
|
+
* `@/assets/illustrations/`. It enforces a consistent size box, contains the SVG, and
|
|
17
|
+
* exposes an accessible label so screen readers can describe the artwork (or skip it when
|
|
18
|
+
* it's purely decorative).
|
|
21
19
|
*/
|
|
22
20
|
export default function Illustration({ children, className, width, height, 'aria-label': ariaLabel, }: IllustrationProps): import("react/jsx-runtime").JSX.Element;
|
|
23
21
|
//# sourceMappingURL=Illustration.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED
|
|
1
|
+
{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CAenB"}
|
|
@@ -18,9 +18,9 @@ export interface ImagePreviewProps {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
|
-
* Image
|
|
22
|
-
*
|
|
23
|
-
*
|
|
21
|
+
* Image Preview displays image attachments, markdown images, and inline image links inside
|
|
22
|
+
* the message stream. It frames the image, shows hover actions for copy and download, and
|
|
23
|
+
* lets the user collapse the preview when it's in the way.
|
|
24
24
|
*/
|
|
25
25
|
export default function ImagePreview({ src, alt, collapsed, onToggleCollapse, onCopyLink, onDownload, aspectRatio, className, }: ImagePreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
//# sourceMappingURL=ImagePreview.d.ts.map
|
|
@@ -26,8 +26,9 @@ export interface LinkPreviewProps {
|
|
|
26
26
|
className?: string;
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
30
|
-
*
|
|
29
|
+
* Link Previews appear under a message whenever it contains a URL with rich metadata — a
|
|
30
|
+
* documentation page, a blog post, a product link. They give the recipient enough context to
|
|
31
|
+
* decide whether to click without forcing them to open the link cold.
|
|
31
32
|
*/
|
|
32
33
|
export default function LinkPreview({ siteName, title, description, imageSrc, imageAlt, imageSize, imageCollapsed, onToggleImageCollapse, onCopyImageLink, onDownloadImage, onDismiss, className, }: LinkPreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
33
34
|
//# sourceMappingURL=LinkPreview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/LinkPreview/LinkPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"LinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/LinkPreview/LinkPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAA2B,EAC3B,KAAuF,EACvF,WAAiJ,EACjJ,QAAQ,EACR,QAAa,EACb,SAAkB,EAClB,cAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,SAAS,EACT,SAAc,GACf,EAAE,gBAAgB,2CAyElB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** Figma Mention Badge location context — controls color scheme. */
|
|
2
|
-
export type MentionBadgeLocation = '
|
|
2
|
+
export type MentionBadgeLocation = 'sidebar' | 'menu-item' | 'icon-button' | 'channel';
|
|
3
3
|
/** Figma Mention Badge size. */
|
|
4
|
-
export type MentionBadgeSize = '
|
|
4
|
+
export type MentionBadgeSize = 'small' | 'medium' | 'large';
|
|
5
5
|
export interface MentionBadgeProps {
|
|
6
6
|
/** Optional CSS class name. */
|
|
7
7
|
className?: string;
|
|
@@ -13,10 +13,10 @@ export interface MentionBadgeProps {
|
|
|
13
13
|
size?: MentionBadgeSize;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
|
-
* Mention
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
16
|
+
* Mention Badges show a numerical count of pending mentions. They appear next to channel
|
|
17
|
+
* names in the sidebar, on app-bar icons, inline in menu items, and on center-channel lists
|
|
18
|
+
* such as thread rows — small, high-contrast pills that pull the eye without dominating the
|
|
19
|
+
* row.
|
|
20
20
|
*/
|
|
21
21
|
export default function MentionBadge({ className, count, location, size, }: MentionBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
//# sourceMappingURL=MentionBadge.d.ts.map
|
|
@@ -4,8 +4,8 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
4
4
|
label: string;
|
|
5
5
|
/** Optional secondary label. */
|
|
6
6
|
secondaryLabel?: ReactNode;
|
|
7
|
-
/** Where the secondary label appears. Default: '
|
|
8
|
-
secondaryLabelPosition?: '
|
|
7
|
+
/** Where the secondary label appears. Default: 'below'. */
|
|
8
|
+
secondaryLabelPosition?: 'inline' | 'below';
|
|
9
9
|
/** Custom content for the leading slot. When omitted, shows placeholder icon. */
|
|
10
10
|
leadingVisual?: ReactNode;
|
|
11
11
|
/** Show the leading visual slot. Default: true. */
|
|
@@ -26,9 +26,8 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
26
26
|
active?: boolean;
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
29
|
-
* Menu
|
|
30
|
-
*
|
|
31
|
-
* @see https://compass.mattermost.com/29be2c109/p/1092d5-menu-item
|
|
29
|
+
* Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,
|
|
30
|
+
* kebab, or context menu. One label, optional supporting visuals, and a clear hit target.
|
|
32
31
|
*/
|
|
33
32
|
export default function MenuItem({ label, secondaryLabel, secondaryLabelPosition, leadingVisual, leadingElement, trailingVisual, trailingElement, customStatusEmoji, tag, mentionCount, destructive, active, className, disabled, type, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
34
33
|
//# sourceMappingURL=MenuItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,sBAAgC,EAChC,aAAa,EACb,cAAqB,EACrB,cAAc,EACd,eAAuB,EACvB,iBAAiB,EACjB,GAAW,EACX,YAAY,EACZ,WAAmB,EACnB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CAuEf"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
export type MessageActionsType = '
|
|
2
|
+
export type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';
|
|
3
3
|
export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/** Context variant. Default: Center Channel. */
|
|
5
5
|
type?: MessageActionsType;
|
|
@@ -13,8 +13,9 @@ export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
13
13
|
className?: string;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
16
|
+
* Message Actions is the floating toolbar that appears on a message when you hover, tab, or
|
|
17
|
+
* long-press it. It bundles the most common per-message actions — react, save, reply, more —
|
|
18
|
+
* into a small, context-aware row that hovers above the post.
|
|
18
19
|
*/
|
|
19
20
|
export default function MessageActions({ type, visible, collapsedReplyThreads, quickReactions, className, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
20
21
|
//# sourceMappingURL=MessageActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}
|