@mattermost/compass-ui 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/index.js

@@ -1,7 +1,7 @@
 import { default as r } from "./components/action-button/ActionButton.js";
 import { default as a } from "./components/admin-console-header/AdminConsoleHeader.js";
 import { default as s } from "./components/admin-panel/AdminPanel.js";
-import { default as d } from "./components/admin-console-footer/AdminConsoleFooter.js";
+import { default as u } from "./components/admin-console-footer/AdminConsoleFooter.js";
 import { default as p } from "./components/admin-panel-footer/AdminPanelFooter.js";
 import { default as x } from "./components/admin-panel-header/AdminPanelHeader.js";
 import { default as i } from "./components/attachment-card/AttachmentCard.js";
@@ -14,74 +14,76 @@ import { default as h } from "./components/channel-sidebar-item/ChannelSidebarIt
 import { default as E } from "./components/checkbox/Checkbox.js";
 import { default as _ } from "./components/chip/Chip.js";
 import { default as N } from "./components/chip/ChipGroup.js";
-import { default as w } from "./components/combobox/Combobox.js";
+import { default as R } from "./components/combobox/Combobox.js";
 import { default as D } from "./components/date-range-picker/DateRangePicker.js";
-import { default as F } from "./components/divider/Divider.js";
+import { default as U } from "./components/divider/Divider.js";
 import { default as j } from "./components/dropdown/Dropdown.js";
 import { default as Z } from "./components/emoji/Emoji.js";
 import { EMOJI_BUTTON_EMOJI_SIZES as L, default as V } from "./components/emoji-button/EmojiButton.js";
 import { default as q } from "./components/emoji-popover/EmojiPopover.js";
 import { default as Q } from "./components/empty-state/EmptyState.js";
 import { default as X } from "./components/error-message/ErrorMessage.js";
-import { default as $ } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
-import { default as oe } from "./components/global-banner/GlobalBanner.js";
-import { default as te, IconSlotContext as ae, SVG_SIZE_MAP as fe, useIconSlotContext as se } from "./components/icon/Icon.js";
-import { ICON_BUTTON_ICON_SIZES as de, default as le } from "./components/icon-button/IconButton.js";
-import { default as me } from "./components/illustration/Illustration.js";
-import { default as ne } from "./components/image-preview/ImagePreview.js";
-import { default as Pe } from "./components/tag/Tag.js";
-import { default as ce } from "./components/link-preview/LinkPreview.js";
-import { default as Ie } from "./components/mention-badge/MentionBadge.js";
-import { default as ve } from "./components/menu-group-heading/MenuGroupHeading.js";
-import { default as Be } from "./components/menu-item/MenuItem.js";
-import { default as Ae } from "./components/message-actions/MessageActions.js";
-import { default as be } from "./components/message-header/MessageHeader.js";
-import { default as Oe } from "./components/reactions-row/ReactionsRow.js";
-import { default as Ge } from "./components/reaction-button/ReactionButton.js";
-import { default as Re } from "./components/message-separator/MessageSeparator.js";
-import { default as He } from "./components/modal/Modal.js";
-import { default as Ue } from "./components/modal-footer/ModalFooter.js";
-import { default as ke } from "./components/modal-header/ModalHeader.js";
-import { default as ye } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
-import { default as Je } from "./components/new-message-banner/NewMessageBanner.js";
-import { default as Ve } from "./components/pagination-dots/PaginationDots.js";
-import { default as qe } from "./components/permalink-preview/PermalinkPreview.js";
-import { default as Qe } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
-import { default as Xe, PopoverMenuDivider as Ye, PopoverMenuGroup as $e, PopoverMenuGroupTitle as eo, PopoverMenuScroll as oo, PopoverMenuTitle as ro } from "./components/popover-menu/PopoverMenu.js";
-import { default as ao } from "./components/popover-notice/PopoverNotice.js";
-import { default as so } from "./components/profile-popover/ProfilePopover.js";
-import { default as lo } from "./components/progress-bar/ProgressBar.js";
-import { default as mo } from "./components/radio/Radio.js";
-import { default as no } from "./components/right-sidebar-header/RightSidebarHeader.js";
-import { default as Po } from "./components/scrollbar/Scrollbar.js";
-import { default as co } from "./components/search-input/SearchInput.js";
-import { default as Io } from "./components/search-tip-banner/SearchTipBanner.js";
-import { default as vo, ShortcutTagGroup as go } from "./components/shortcut-tag/ShortcutTag.js";
-import { default as Co } from "./components/section-notice/SectionNotice.js";
-import { default as ho } from "./components/select/Select.js";
-import { default as Eo } from "./components/spinner/Spinner.js";
-import { default as _o } from "./components/status-badge/StatusBadge.js";
-import { default as No } from "./components/switch/Switch.js";
-import { default as wo } from "./components/tabs/Tabs.js";
-import { default as Do } from "./components/team-avatar/TeamAvatar.js";
-import { default as Fo } from "./components/text-area/TextArea.js";
-import { default as jo } from "./components/text-input/TextInput.js";
-import { default as Zo } from "./components/thread-footer/ThreadFooter.js";
-import { default as Lo } from "./components/thread-list-item/ThreadListItem.js";
-import { default as Ko } from "./components/toast/Toast.js";
-import { default as zo } from "./components/tooltip/Tooltip.js";
-import { default as Wo } from "./components/tour-point/TourPoint.js";
-import { default as Yo } from "./components/unread-badge/UnreadBadge.js";
-import { default as er } from "./components/user-avatar/UserAvatar.js";
-import { default as rr } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as ar } from "./hooks/use-controllable.js";
-import { useExitAnimation as sr } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as dr } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as pr, usePopoverTransition as mr } from "./hooks/use-popover-transition.js";
-import { toKebab as nr } from "./utils/string.js";
+import { default as $ } from "./components/field-message/FieldMessage.js";
+import { default as oe } from "./components/feature-discovery-panel/FeatureDiscoveryPanel.js";
+import { default as te } from "./components/global-banner/GlobalBanner.js";
+import { default as fe, IconSlotContext as se, SVG_SIZE_MAP as de, useIconSlotContext as ue } from "./components/icon/Icon.js";
+import { ICON_BUTTON_ICON_SIZES as pe, default as me } from "./components/icon-button/IconButton.js";
+import { default as ne } from "./components/illustration/Illustration.js";
+import { default as Pe } from "./components/image-preview/ImagePreview.js";
+import { default as ce } from "./components/tag/Tag.js";
+import { default as Ie } from "./components/link-preview/LinkPreview.js";
+import { default as ve } from "./components/mention-badge/MentionBadge.js";
+import { default as Be } from "./components/menu-group-heading/MenuGroupHeading.js";
+import { default as Ae } from "./components/menu-item/MenuItem.js";
+import { default as be } from "./components/message-actions/MessageActions.js";
+import { default as Oe } from "./components/message-header/MessageHeader.js";
+import { default as Ge } from "./components/reactions-row/ReactionsRow.js";
+import { default as we } from "./components/reaction-button/ReactionButton.js";
+import { default as He } from "./components/message-separator/MessageSeparator.js";
+import { default as Fe } from "./components/modal/Modal.js";
+import { default as ke } from "./components/modal-footer/ModalFooter.js";
+import { default as ye } from "./components/modal-header/ModalHeader.js";
+import { default as Je } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
+import { default as Ve } from "./components/new-message-banner/NewMessageBanner.js";
+import { default as qe } from "./components/pagination-dots/PaginationDots.js";
+import { default as Qe } from "./components/permalink-preview/PermalinkPreview.js";
+import { default as Xe } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
+import { default as $e, PopoverMenuDivider as eo, PopoverMenuGroup as oo, PopoverMenuGroupTitle as ro, PopoverMenuScroll as to, PopoverMenuTitle as ao } from "./components/popover-menu/PopoverMenu.js";
+import { default as so } from "./components/popover-notice/PopoverNotice.js";
+import { default as lo } from "./components/profile-popover/ProfilePopover.js";
+import { default as mo } from "./components/progress-bar/ProgressBar.js";
+import { default as no } from "./components/radio/Radio.js";
+import { default as Po } from "./components/right-sidebar-header/RightSidebarHeader.js";
+import { default as co } from "./components/scrollbar/Scrollbar.js";
+import { default as Io } from "./components/password-input/PasswordInput.js";
+import { default as vo } from "./components/search-input/SearchInput.js";
+import { default as Bo } from "./components/search-tip-banner/SearchTipBanner.js";
+import { default as Ao, ShortcutTagGroup as ho } from "./components/shortcut-tag/ShortcutTag.js";
+import { default as Eo } from "./components/section-notice/SectionNotice.js";
+import { default as _o } from "./components/select/Select.js";
+import { default as No } from "./components/spinner/Spinner.js";
+import { default as Ro } from "./components/status-badge/StatusBadge.js";
+import { default as Do } from "./components/switch/Switch.js";
+import { default as Uo } from "./components/tabs/Tabs.js";
+import { default as jo } from "./components/team-avatar/TeamAvatar.js";
+import { default as Zo } from "./components/text-area/TextArea.js";
+import { default as Lo } from "./components/text-input/TextInput.js";
+import { default as Ko } from "./components/thread-footer/ThreadFooter.js";
+import { default as zo } from "./components/thread-list-item/ThreadListItem.js";
+import { default as Wo } from "./components/toast/Toast.js";
+import { default as Yo } from "./components/tooltip/Tooltip.js";
+import { default as er } from "./components/tour-point/TourPoint.js";
+import { default as rr } from "./components/unread-badge/UnreadBadge.js";
+import { default as ar } from "./components/user-avatar/UserAvatar.js";
+import { default as sr } from "./components/user-avatar-group/UserAvatarGroup.js";
+import { useControllable as ur } from "./hooks/use-controllable.js";
+import { useExitAnimation as pr } from "./hooks/use-exit-animation.js";
+import { useOutsideClose as xr } from "./hooks/use-outside-close.js";
+import { POPOVER_TRANSITION_MS as ir, usePopoverTransition as Pr } from "./hooks/use-popover-transition.js";
+import { toKebab as cr } from "./utils/string.js";
 export {
   r as ActionButton,
-  d as AdminConsoleFooter,
+  u as AdminConsoleFooter,
   a as AdminConsoleHeader,
   s as AdminPanel,
   p as AdminPanelFooter,
@@ -95,9 +97,9 @@ export {
   E as Checkbox,
   _ as Chip,
   N as ChipGroup,
-  w as Combobox,
+  R as Combobox,
   D as DateRangePicker,
-  F as Divider,
+  U as Divider,
   j as Dropdown,
   L as EMOJI_BUTTON_EMOJI_SIZES,
   Z as Emoji,
@@ -105,73 +107,75 @@ export {
   q as EmojiPopover,
   Q as EmptyState,
   X as ErrorMessage,
-  $ as FeatureDiscoveryPanel,
-  oe as GlobalBanner,
-  de as ICON_BUTTON_ICON_SIZES,
-  te as Icon,
-  le as IconButton,
-  ae as IconSlotContext,
-  me as Illustration,
-  ne as ImagePreview,
-  ce as LinkPreview,
-  Ie as MentionBadge,
-  ve as MenuGroupHeading,
-  Be as MenuItem,
-  Ae as MessageActions,
-  be as MessageHeader,
-  Re as MessageSeparator,
-  He as Modal,
-  Ue as ModalFooter,
-  ke as ModalHeader,
-  ye as MoreUnreadsBanner,
-  Je as NewMessageBanner,
-  pr as POPOVER_TRANSITION_MS,
-  Ve as PaginationDots,
-  qe as PermalinkPreview,
-  Qe as PinnedSavedIndicators,
-  Xe as PopoverMenu,
-  Ye as PopoverMenuDivider,
-  $e as PopoverMenuGroup,
-  eo as PopoverMenuGroupTitle,
-  oo as PopoverMenuScroll,
-  ro as PopoverMenuTitle,
-  ao as PopoverNotice,
-  so as ProfilePopover,
-  lo as ProgressBar,
-  mo as Radio,
-  Ge as ReactionButton,
-  Oe as ReactionsRow,
-  no as RightSidebarHeader,
-  fe as SVG_SIZE_MAP,
-  Po as Scrollbar,
-  co as SearchInput,
-  Io as SearchTipBanner,
-  Co as SectionNotice,
-  ho as Select,
-  vo as ShortcutTag,
-  go as ShortcutTagGroup,
-  Eo as Spinner,
-  _o as StatusBadge,
-  No as Switch,
-  wo as Tabs,
-  Pe as Tag,
-  Do as TeamAvatar,
-  Fo as TextArea,
-  jo as TextInput,
-  Zo as ThreadFooter,
-  Lo as ThreadListItem,
-  Ko as Toast,
-  zo as Tooltip,
-  Wo as TourPoint,
-  Yo as UnreadBadge,
-  er as UserAvatar,
-  rr as UserAvatarGroup,
+  oe as FeatureDiscoveryPanel,
+  $ as FieldMessage,
+  te as GlobalBanner,
+  pe as ICON_BUTTON_ICON_SIZES,
+  fe as Icon,
+  me as IconButton,
+  se as IconSlotContext,
+  ne as Illustration,
+  Pe as ImagePreview,
+  Ie as LinkPreview,
+  ve as MentionBadge,
+  Be as MenuGroupHeading,
+  Ae as MenuItem,
+  be as MessageActions,
+  Oe as MessageHeader,
+  He as MessageSeparator,
+  Fe as Modal,
+  ke as ModalFooter,
+  ye as ModalHeader,
+  Je as MoreUnreadsBanner,
+  Ve as NewMessageBanner,
+  ir as POPOVER_TRANSITION_MS,
+  qe as PaginationDots,
+  Io as PasswordInput,
+  Qe as PermalinkPreview,
+  Xe as PinnedSavedIndicators,
+  $e as PopoverMenu,
+  eo as PopoverMenuDivider,
+  oo as PopoverMenuGroup,
+  ro as PopoverMenuGroupTitle,
+  to as PopoverMenuScroll,
+  ao as PopoverMenuTitle,
+  so as PopoverNotice,
+  lo as ProfilePopover,
+  mo as ProgressBar,
+  no as Radio,
+  we as ReactionButton,
+  Ge as ReactionsRow,
+  Po as RightSidebarHeader,
+  de as SVG_SIZE_MAP,
+  co as Scrollbar,
+  vo as SearchInput,
+  Bo as SearchTipBanner,
+  Eo as SectionNotice,
+  _o as Select,
+  Ao as ShortcutTag,
+  ho as ShortcutTagGroup,
+  No as Spinner,
+  Ro as StatusBadge,
+  Do as Switch,
+  Uo as Tabs,
+  ce as Tag,
+  jo as TeamAvatar,
+  Zo as TextArea,
+  Lo as TextInput,
+  Ko as ThreadFooter,
+  zo as ThreadListItem,
+  Wo as Toast,
+  Yo as Tooltip,
+  er as TourPoint,
+  rr as UnreadBadge,
+  ar as UserAvatar,
+  sr as UserAvatarGroup,
   M as btnStyles,
-  nr as toKebab,
-  ar as useControllable,
-  sr as useExitAnimation,
-  se as useIconSlotContext,
-  dr as useOutsideClose,
-  mr as usePopoverTransition
+  cr as toKebab,
+  ur as useControllable,
+  pr as useExitAnimation,
+  ue as useIconSlotContext,
+  xr as useOutsideClose,
+  Pr as usePopoverTransition
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.16",
+  "version": "0.1.0-alpha.18",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -176,6 +176,9 @@
       "components/feature-discovery-panel": [
         "./dist/components/feature-discovery-panel/index.d.ts"
       ],
+      "components/field-message": [
+        "./dist/components/field-message/index.d.ts"
+      ],
       "components/global-banner": [
         "./dist/components/global-banner/index.d.ts"
       ],
@@ -230,6 +233,9 @@
       "components/pagination-dots": [
         "./dist/components/pagination-dots/index.d.ts"
       ],
+      "components/password-input": [
+        "./dist/components/password-input/index.d.ts"
+      ],
       "components/permalink-preview": [
         "./dist/components/permalink-preview/index.d.ts"
       ],

package/dist/components/error-message/ErrorMessage.css

@@ -1 +0,0 @@
-._error-message_1l0v1_2{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._error-message__icon_1l0v1_7{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--error-text, var(--color-danger));padding-top:1px}._error-message__text_1l0v1_15{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:var(--error-text, var(--color-danger));flex:1 0 0;min-width:0}

package/dist/components/error-message/ErrorMessage.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ErrorMessage.css');const e={"error-message":"_error-message_1l0v1_2","error-message__icon":"_error-message__icon_1l0v1_7","error-message__text":"_error-message__text_1l0v1_15"};exports.default=e;
-//# sourceMappingURL=ErrorMessage.module.scss.cjs.map

package/dist/components/error-message/ErrorMessage.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/error-message/ErrorMessage.module.scss.js

@@ -1,9 +0,0 @@
-import './ErrorMessage.css';const e = {
-  "error-message": "_error-message_1l0v1_2",
-  "error-message__icon": "_error-message__icon_1l0v1_7",
-  "error-message__text": "_error-message__text_1l0v1_15"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=ErrorMessage.module.scss.js.map

package/dist/components/error-message/ErrorMessage.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}