@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.
Files changed (125) hide show
  1. package/README.md +6 -6
  2. package/dist/compass-ui-standalone.css +207 -0
  3. package/dist/compass-ui.css +0 -206
  4. package/dist/components/ActionButton/ActionButton.d.ts +5 -0
  5. package/dist/components/ActionButton/ActionButton.d.ts.map +1 -1
  6. package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts +3 -1
  7. package/dist/components/AdminConsoleHeader/AdminConsoleHeader.d.ts.map +1 -1
  8. package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts +5 -0
  9. package/dist/components/AdminPanelFooter/AdminPanelFooter.d.ts.map +1 -1
  10. package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts +5 -3
  11. package/dist/components/AdminPanelHeader/AdminPanelHeader.d.ts.map +1 -1
  12. package/dist/components/AppBarItem/AppBarItem.d.ts +4 -3
  13. package/dist/components/AppBarItem/AppBarItem.d.ts.map +1 -1
  14. package/dist/components/AttachmentCard/AttachmentCard.d.ts +5 -0
  15. package/dist/components/AttachmentCard/AttachmentCard.d.ts.map +1 -1
  16. package/dist/components/Button/Button.d.ts +9 -10
  17. package/dist/components/Button/Button.d.ts.map +1 -1
  18. package/dist/components/ChannelHeader/ChannelHeader.d.ts +1 -1
  19. package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts +3 -5
  20. package/dist/components/ChannelInfoMsgHeader/ChannelInfoMsgHeader.d.ts.map +1 -1
  21. package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts +13 -8
  22. package/dist/components/ChannelSidebarItem/ChannelSidebarItem.d.ts.map +1 -1
  23. package/dist/components/Checkbox/Checkbox.d.ts +3 -9
  24. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  25. package/dist/components/Chip/Chip.d.ts +6 -1
  26. package/dist/components/Chip/Chip.d.ts.map +1 -1
  27. package/dist/components/Combobox/Combobox.d.ts +4 -3
  28. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  29. package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -3
  30. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  31. package/dist/components/Divider/Divider.d.ts +5 -0
  32. package/dist/components/Divider/Divider.d.ts.map +1 -1
  33. package/dist/components/Dropdown/Dropdown.d.ts +5 -8
  34. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  35. package/dist/components/Emoji/Emoji.d.ts +4 -1
  36. package/dist/components/Emoji/Emoji.d.ts.map +1 -1
  37. package/dist/components/EmptyState/EmptyState.d.ts +3 -4
  38. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  39. package/dist/components/ErrorMessage/ErrorMessage.d.ts +3 -2
  40. package/dist/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
  41. package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts +3 -4
  42. package/dist/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts.map +1 -1
  43. package/dist/components/GlobalBanner/GlobalBanner.d.ts +5 -4
  44. package/dist/components/GlobalBanner/GlobalBanner.d.ts.map +1 -1
  45. package/dist/components/GlobalHeader/GlobalHeader.d.ts +1 -1
  46. package/dist/components/GlobalHeader/GlobalHeader.d.ts.map +1 -1
  47. package/dist/components/Icon/Icon.d.ts +3 -5
  48. package/dist/components/Icon/Icon.d.ts.map +1 -1
  49. package/dist/components/IconButton/IconButton.d.ts +7 -8
  50. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  51. package/dist/components/Illustration/Illustration.d.ts +4 -6
  52. package/dist/components/Illustration/Illustration.d.ts.map +1 -1
  53. package/dist/components/ImagePreview/ImagePreview.d.ts +3 -3
  54. package/dist/components/LinkPreview/LinkPreview.d.ts +3 -2
  55. package/dist/components/LinkPreview/LinkPreview.d.ts.map +1 -1
  56. package/dist/components/MentionBadge/MentionBadge.d.ts +6 -6
  57. package/dist/components/MenuItem/MenuItem.d.ts +4 -5
  58. package/dist/components/MenuItem/MenuItem.d.ts.map +1 -1
  59. package/dist/components/MessageActions/MessageActions.d.ts +4 -3
  60. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  61. package/dist/components/MessageHeader/MessageHeader.d.ts +5 -0
  62. package/dist/components/MessageHeader/MessageHeader.d.ts.map +1 -1
  63. package/dist/components/MessageReactions/MessageReactions.d.ts +3 -3
  64. package/dist/components/MessageSeparator/MessageSeparator.d.ts +5 -4
  65. package/dist/components/MessageSeparator/MessageSeparator.d.ts.map +1 -1
  66. package/dist/components/Modal/Modal.d.ts +1 -1
  67. package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts +5 -4
  68. package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts.map +1 -1
  69. package/dist/components/NewMessageBanner/NewMessageBanner.d.ts +4 -4
  70. package/dist/components/NewMessageBanner/NewMessageBanner.d.ts.map +1 -1
  71. package/dist/components/PaginationDots/PaginationDots.d.ts +5 -6
  72. package/dist/components/PaginationDots/PaginationDots.d.ts.map +1 -1
  73. package/dist/components/PermalinkPreview/PermalinkPreview.d.ts +3 -3
  74. package/dist/components/PopoverNotice/PopoverNotice.d.ts +6 -0
  75. package/dist/components/PopoverNotice/PopoverNotice.d.ts.map +1 -1
  76. package/dist/components/ProductSwitcherMenu/ProductSwitcherMenu.d.ts +1 -1
  77. package/dist/components/ProfilePopover/ProfilePopover.d.ts +2 -2
  78. package/dist/components/ProgressBar/ProgressBar.d.ts +4 -4
  79. package/dist/components/Radio/Radio.d.ts +4 -8
  80. package/dist/components/Radio/Radio.d.ts.map +1 -1
  81. package/dist/components/ReactionPill/ReactionPill.d.ts +6 -5
  82. package/dist/components/ReactionPill/ReactionPill.d.ts.map +1 -1
  83. package/dist/components/Scrollbar/Scrollbar.d.ts +4 -7
  84. package/dist/components/Scrollbar/Scrollbar.d.ts.map +1 -1
  85. package/dist/components/SearchInput/SearchInput.d.ts +4 -4
  86. package/dist/components/SearchTipBanner/SearchTipBanner.d.ts +3 -2
  87. package/dist/components/SearchTipBanner/SearchTipBanner.d.ts.map +1 -1
  88. package/dist/components/SectionNotice/SectionNotice.d.ts +4 -4
  89. package/dist/components/Select/Select.d.ts +3 -5
  90. package/dist/components/Select/Select.d.ts.map +1 -1
  91. package/dist/components/ShortcutTag/ShortcutTag.d.ts +2 -2
  92. package/dist/components/Spinner/Spinner.d.ts +4 -0
  93. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  94. package/dist/components/StatusBadge/StatusBadge.d.ts +4 -6
  95. package/dist/components/StatusBadge/StatusBadge.d.ts.map +1 -1
  96. package/dist/components/Switch/Switch.d.ts +3 -11
  97. package/dist/components/Switch/Switch.d.ts.map +1 -1
  98. package/dist/components/Tabs/Tabs.d.ts +3 -2
  99. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  100. package/dist/components/Tag/Tag.d.ts +6 -5
  101. package/dist/components/Tag/Tag.d.ts.map +1 -1
  102. package/dist/components/TeamAvatar/TeamAvatar.d.ts +5 -1
  103. package/dist/components/TeamAvatar/TeamAvatar.d.ts.map +1 -1
  104. package/dist/components/TextArea/TextArea.d.ts +4 -6
  105. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  106. package/dist/components/TextInput/TextInput.d.ts +3 -6
  107. package/dist/components/TextInput/TextInput.d.ts.map +1 -1
  108. package/dist/components/ThreadFooter/ThreadFooter.d.ts +4 -4
  109. package/dist/components/ThreadListItem/ThreadListItem.d.ts +4 -4
  110. package/dist/components/Toast/Toast.d.ts +6 -1
  111. package/dist/components/Toast/Toast.d.ts.map +1 -1
  112. package/dist/components/Tooltip/Tooltip.d.ts +4 -3
  113. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  114. package/dist/components/UnreadBadge/UnreadBadge.d.ts +5 -7
  115. package/dist/components/UnreadBadge/UnreadBadge.d.ts.map +1 -1
  116. package/dist/components/UserAvatar/UserAvatar.d.ts +4 -9
  117. package/dist/components/UserAvatar/UserAvatar.d.ts.map +1 -1
  118. package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts +3 -6
  119. package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts.map +1 -1
  120. package/dist/index.cjs +1 -1
  121. package/dist/index.cjs.map +1 -1
  122. package/dist/index.js +1607 -1603
  123. package/dist/index.js.map +1 -1
  124. package/dist/utils/string.d.ts +2 -2
  125. package/package.json +5 -1
@@ -28,11 +28,9 @@ export interface ChannelInfoMsgHeaderProps {
28
28
  className?: string;
29
29
  }
30
30
  /**
31
- * Channel + optional team label bar. Used above messages in Mentions / Saved
32
- * lists and as section tabs in the channel info panel.
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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,WAAW,EACX,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,SAAc,GACf,EAAE,yBAAyB,2CAmD3B"}
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 = 'Public' | 'Private' | 'Group Message' | 'Direct Message' | 'Drafts' | 'Insights' | 'Threads' | 'Dial Pad';
2
- export type ChannelSidebarItemStatus = 'Read' | 'Unread' | 'Mention';
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='Mention'. */
24
+ /** Mention count shown in the badge when status='mention'. */
25
25
  mentionCount?: number;
26
- /** Member count shown in the group icon when leadingVisual='Group Message'. */
26
+ /** Member count shown in the group icon when leadingVisual='group-message'. */
27
27
  memberCount?: number;
28
- /** Avatar image URL for leadingVisual='Direct Message'. */
28
+ /** Avatar image URL for leadingVisual='direct-message'. */
29
29
  avatarSrc?: string;
30
- /** Avatar alt text for leadingVisual='Direct Message'. */
30
+ /** Avatar alt text for leadingVisual='direct-message'. */
31
31
  avatarAlt?: string;
32
- /** Shows status badge on the avatar when leadingVisual='Direct Message'. */
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='Direct Message'. */
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 = 'Small' | 'Medium' | 'Large';
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 component built on the native HTML checkbox.
17
- * Supports checked, unchecked, and indeterminate states; sizes and valid/invalid
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;;;;;;;;;GASG;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
+ {"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 = 'Small' | 'Medium' | 'Medium Compact' | 'Large';
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 = 'Small' | 'Medium' | 'Large';
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
- * Autocomplete combobox with optional multi-selection chips.
48
- * Field chrome matches Select / Text Input; list uses PopoverMenu + MenuItem.
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;;;GAGG;AACH,QAAA,MAAM,QAAQ,4GAugBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
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
- * DateRangePicker — calendar popover for single date or date-range selection.
25
- * Month/year nav, today shortcut. Matches Figma Date & Range Picker v2.0.0.
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;;;;GAIG;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
+ {"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 = 'X-Small' | 'Small' | 'Medium' | 'Large' | 'X-Large';
3
- export type DropdownAppearance = 'Default' | 'Inverted';
4
- export type DropdownPadding = 'Tight' | 'Compact';
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 component — inline select/dropdown button composed with a chevron.
23
- * Multiple sizes. Light and dark background variants. Composed with Menu Items.
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;;;;;;GAMG;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"}
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
- * Renders an emoji at a consistent size from the Mattermost icon scale.
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;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,KAAK,EACL,IAAW,GACZ,EAAE,UAAU,2CAeZ"}
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 — illustration + message shown when a view has no content.
18
- * ~12 context-specific variants: no saved messages, no mentions, no results, no files, etc.
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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAc,GACf,EAAE,eAAe,2CAyBjB"}
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 — inline red error text for form validation.
9
- * Displays an error icon alongside the message. Used below form inputs.
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;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,GACR,EAAE,iBAAiB,2CAanB"}
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 Panel — highlights capabilities only available in higher-tier SKUs.
21
- * Contains an illustration, SKU tag, title, description, and CTA buttons.
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;;;;;GAKG;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
+ {"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 = 'General' | 'Warning' | 'Danger' | 'Info' | 'Success';
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 Banner — full-width persistent banner at the top of the app.
21
- * Used for system alerts: maintenance, license, updates.
22
- * Fixed 40px height. Dismissable.
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;;;;GAIG;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
+ {"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,4 +1,4 @@
1
- export type GlobalHeaderProduct = 'Channels' | 'Playbooks' | 'Boards';
1
+ export type GlobalHeaderProduct = 'channels' | 'playbooks' | 'boards';
2
2
  export interface GlobalHeaderProps {
3
3
  /** Optional CSS class name. */
4
4
  className?: string;
@@ -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;AAkDD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAoB,EACpB,oBAA2B,EAC3B,iBAAyB,EACzB,aAAa,EACb,aAAsB,GACvB,EAAE,iBAAiB,2CA0FnB"}
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 container using @mattermost/compass-icons. The `size` prop sets the
24
- * clipping container; the SVG itself renders at SVG_SIZE_MAP[size] to bleed
25
- * past the container edges and eliminate compass-icons clear-space padding.
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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAc,EACd,KAAY,EACZ,IAAW,GACZ,EAAE,SAAS,2CA6BX"}
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 = 'X-Small' | 'Small' | 'Medium' | 'Large';
2
+ export type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';
3
3
  /** Figma "Style": Default (light context) | Inverted (dark context). */
4
- export type IconButtonStyle = 'Default' | 'Inverted';
5
- export type IconButtonPadding = 'Default' | 'Compact';
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-only button matching Figma Icon Button variants.
34
- * Pass icon e.g. <Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['20']} />} size="20" /> — use ICON_BUTTON_ICON_SIZES[size] for the Icon container size.
35
- * Accessible via aria-label.
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;;;;;;GAMG;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"}
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
- * Wrapper for illustration SVGs. Import SVGs as React components with the ?react suffix
16
- * and pass them as children.
17
- *
18
- * @example
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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CAenB"}
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 preview / lightbox for viewing attached images. Supports collapsed
22
- * state and hover action overlay (copy link, download). Corresponds to Figma
23
- * Image Preview v1.0.0.
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
- * Rich URL preview card shown in messages. Displays site name, title (linked),
30
- * and description. Corresponds to the Figma Link Preview component v2.0.0.
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;;;GAGG;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
+ {"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 = 'Sidebar' | 'Menu Item' | 'Icon Button' | 'Channel';
2
+ export type MentionBadgeLocation = 'sidebar' | 'menu-item' | 'icon-button' | 'channel';
3
3
  /** Figma Mention Badge size. */
4
- export type MentionBadgeSize = 'Small' | 'Medium' | 'Large';
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 badge — displays a numeric count in a pill.
17
- * Matches Figma Mention Badge v2.0.1.
18
- *
19
- * @see Figma Mention Badge (Node ID: 322:4608)
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: 'Below'. */
8
- secondaryLabelPosition?: 'Inline' | 'Below';
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 item matching Figma/Compass Menu Item v2.0.0.
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;;;;GAIG;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
+ {"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 = 'Center Channel' | 'RHS' | 'Search Results';
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
- * Hover toolbar on messages. Context-aware variants for Center Channel, RHS,
17
- * and Search Results. Quick Reactions toggle shows emoji shortcuts.
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;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}
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"}