@mezzanine-ui/react 0.13.9 → 0.13.11

package/Loading/Loading.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-import { IconProps } from '../Icon';
-import { OverlayProps } from '../Overlay';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface LoadingProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
-    /**
-     * When set stretch=true, host container will stretch to width & height 100%
-     * @default false
-     */
-    stretch?: boolean;
-    /**
-     * Custom icon props
-     */
-    iconProps?: Omit<IconProps, 'icon' | 'spin'>;
-    /**
-     * Whether Loading is loading.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Custom overlay props (only display when nested children)
-     */
-    overlayProps?: Omit<OverlayProps, 'container' | 'open'>;
-    /**
-     * Customize description content
-     */
-    tip?: string;
-    /**
-     * Customize description content className
-     */
-    tipClassName?: string;
-}
-declare const Loading: import("react").ForwardRefExoticComponent<LoadingProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Loading;
+/// <reference types="react" />
+import { IconProps } from '../Icon';
+import { OverlayProps } from '../Overlay';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface LoadingProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
+    /**
+     * When set stretch=true, host container will stretch to width & height 100%
+     * @default false
+     */
+    stretch?: boolean;
+    /**
+     * Custom icon props
+     */
+    iconProps?: Omit<IconProps, 'icon' | 'spin'>;
+    /**
+     * Whether Loading is loading.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Custom overlay props (only display when nested children)
+     */
+    overlayProps?: Omit<OverlayProps, 'container' | 'open'>;
+    /**
+     * Customize description content
+     */
+    tip?: string;
+    /**
+     * Customize description content className
+     */
+    tipClassName?: string;
+}
+declare const Loading: import("react").ForwardRefExoticComponent<LoadingProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Loading;

package/Loading/Loading.js

@@ -7,25 +7,25 @@ import Icon from '../Icon/Icon.js';
 import Overlay from '../Overlay/Overlay.js';
 import cx from 'clsx';
 
-const Loading = forwardRef(function Loading(props, ref) {
-    const hostRef = useRef(null);
-    const { children, className, stretch = false, iconProps = {}, loading = false, overlayProps = {}, tip, tipClassName, } = props;
-    const { className: iconClassName, color: iconColor, size: iconSize, style: iconStyle, ...iconPropsRest } = iconProps;
-    const isNestedPattern = typeof children !== 'undefined';
-    const composedHostRef = useComposeRefs([ref, hostRef]);
-    const spinElement = loading ? (jsxs("div", { ref: isNestedPattern ? null : ref, className: cx(iconClasses.spin, {
-            [iconClasses.stretch]: stretch,
-        }), children: [jsx(Icon, { ...iconPropsRest, className: cx(iconClasses.icon, iconClassName), color: iconColor || 'primary', icon: SpinnerIcon, spin: true, style: {
-                    ...(iconSize ? { fontSize: `${iconSize}px` } : {}),
-                    ...(iconStyle || {}),
-                } }), tip ? (jsx("span", { className: cx(iconClasses.tip, tipClassName), children: tip })) : null] })) : null;
-    if (isNestedPattern) {
-        return (jsxs("div", { ref: composedHostRef, className: cx(iconClasses.host, {
-                [iconClasses.stretch]: stretch,
-            }, className), children: [jsx(Overlay, { ...overlayProps, container: hostRef, onSurface: true, open: loading, children: spinElement }), children] }));
-    }
-    return spinElement;
-});
+const Loading = forwardRef(function Loading(props, ref) {
+    const hostRef = useRef(null);
+    const { children, className, stretch = false, iconProps = {}, loading = false, overlayProps = {}, tip, tipClassName, } = props;
+    const { className: iconClassName, color: iconColor, size: iconSize, style: iconStyle, ...iconPropsRest } = iconProps;
+    const isNestedPattern = typeof children !== 'undefined';
+    const composedHostRef = useComposeRefs([ref, hostRef]);
+    const spinElement = loading ? (jsxs("div", { ref: isNestedPattern ? null : ref, className: cx(iconClasses.spin, {
+            [iconClasses.stretch]: stretch,
+        }), children: [jsx(Icon, { ...iconPropsRest, className: cx(iconClasses.icon, iconClassName), color: iconColor || 'primary', icon: SpinnerIcon, spin: true, style: {
+                    ...(iconSize ? { fontSize: `${iconSize}px` } : {}),
+                    ...(iconStyle || {}),
+                } }), tip ? (jsx("span", { className: cx(iconClasses.tip, tipClassName), children: tip })) : null] })) : null;
+    if (isNestedPattern) {
+        return (jsxs("div", { ref: composedHostRef, className: cx(iconClasses.host, {
+                [iconClasses.stretch]: stretch,
+            }, className), children: [jsx(Overlay, { ...overlayProps, container: hostRef, onSurface: true, open: loading, children: spinElement }), children] }));
+    }
+    return spinElement;
+});
 var Loading$1 = Loading;
 
 export { Loading$1 as default };

package/Loading/index.d.ts

@@ -1 +1 @@
-export { LoadingProps, default, } from './Loading';
+export { LoadingProps, default, } from './Loading';

package/Menu/Menu.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-import { MenuSize } from '@mezzanine-ui/core/menu';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface MenuProps extends NativeElementPropsWithoutKeyAndRef<'ul'> {
-    /**
-     * The minimum items count in scroll container.
-     * @default 4;
-     */
-    itemsInView?: number;
-    /**
-     * The custom menu max height.
-     */
-    maxHeight?: number;
-    /**
-     * The role of menu.
-     * @default 'menu'
-     */
-    role?: string;
-    /**
-     * The size of menu.
-     * @default 'medium'
-     */
-    size?: MenuSize;
-}
-/**
- * The react component for `mezzanine` menu.
- */
-declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLUListElement>>;
-export default Menu;
+/// <reference types="react" />
+import { MenuSize } from '@mezzanine-ui/core/menu';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface MenuProps extends NativeElementPropsWithoutKeyAndRef<'ul'> {
+    /**
+     * The minimum items count in scroll container.
+     * @default 4;
+     */
+    itemsInView?: number;
+    /**
+     * The custom menu max height.
+     */
+    maxHeight?: number;
+    /**
+     * The role of menu.
+     * @default 'menu'
+     */
+    role?: string;
+    /**
+     * The size of menu.
+     * @default 'medium'
+     */
+    size?: MenuSize;
+}
+/**
+ * The react component for `mezzanine` menu.
+ */
+declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLUListElement>>;
+export default Menu;

package/Menu/Menu.js

@@ -4,22 +4,22 @@ import { toMenuCssVars, menuClasses } from '@mezzanine-ui/core/menu';
 import { MezzanineConfig } from '../Provider/context.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` menu.
- */
-const Menu = forwardRef(function Menu(props, ref) {
-    const { size: globalSize, } = useContext(MezzanineConfig);
-    const { children, className, itemsInView = 4, maxHeight, role = 'menu', size = globalSize, style: styleProp, ...rest } = props;
-    const cssVars = toMenuCssVars({
-        itemsInView,
-        maxHeight,
-    });
-    const style = {
-        ...cssVars,
-        ...styleProp,
-    };
-    return (jsx("ul", { ...rest, ref: ref, className: cx(menuClasses.host, menuClasses.size(size), className), role: role, style: style, children: children }));
-});
+/**
+ * The react component for `mezzanine` menu.
+ */
+const Menu = forwardRef(function Menu(props, ref) {
+    const { size: globalSize, } = useContext(MezzanineConfig);
+    const { children, className, itemsInView = 4, maxHeight, role = 'menu', size = globalSize, style: styleProp, ...rest } = props;
+    const cssVars = toMenuCssVars({
+        itemsInView,
+        maxHeight,
+    });
+    const style = {
+        ...cssVars,
+        ...styleProp,
+    };
+    return (jsx("ul", { ...rest, ref: ref, className: cx(menuClasses.host, menuClasses.size(size), className), role: role, style: style, children: children }));
+});
 var Menu$1 = Menu;
 
 export { Menu$1 as default };

package/Menu/MenuDivider.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
-/**
- * The react component for `mezzanine` menu divider.
- */
-declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLHRElement>>;
-export default MenuDivider;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export type MenuDividerProps = NativeElementPropsWithoutKeyAndRef<'hr'>;
+/**
+ * The react component for `mezzanine` menu divider.
+ */
+declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLHRElement>>;
+export default MenuDivider;

package/Menu/MenuDivider.js

@@ -3,13 +3,13 @@ import { forwardRef } from 'react';
 import { menuDividerClasses } from '@mezzanine-ui/core/menu';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` menu divider.
- */
-const MenuDivider = forwardRef(function MenuDivider(props, ref) {
-    const { className, ...rest } = props;
-    return (jsx("hr", { ...rest, ref: ref, className: cx(menuDividerClasses.host, className) }));
-});
+/**
+ * The react component for `mezzanine` menu divider.
+ */
+const MenuDivider = forwardRef(function MenuDivider(props, ref) {
+    const { className, ...rest } = props;
+    return (jsx("hr", { ...rest, ref: ref, className: cx(menuDividerClasses.host, className) }));
+});
 var MenuDivider$1 = MenuDivider;
 
 export { MenuDivider$1 as default };

package/Menu/MenuItem.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface MenuItemProps extends NativeElementPropsWithoutKeyAndRef<'li'> {
-    /**
-     * Whether the menu item is active.
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Whether the menu item is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The role of menu item.
-     * @default 'menuitem'
-     */
-    role?: string;
-}
-/**
- * The react component for `mezzanine` menu item.
- */
-declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
-export default MenuItem;
+/// <reference types="react" />
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface MenuItemProps extends NativeElementPropsWithoutKeyAndRef<'li'> {
+    /**
+     * Whether the menu item is active.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Whether the menu item is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The role of menu item.
+     * @default 'menuitem'
+     */
+    role?: string;
+}
+/**
+ * The react component for `mezzanine` menu item.
+ */
+declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export default MenuItem;

package/Menu/MenuItem.js

@@ -5,22 +5,22 @@ import { CheckIcon } from '@mezzanine-ui/icons';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` menu item.
- */
-const MenuItem = forwardRef(function MenuItem(props, ref) {
-    const { active = false, children, className, disabled = false, onClick, onKeyDown = () => { }, role = 'menuitem', ...rest } = props;
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    jsxs("li", { ...rest, ref: ref, "aria-disabled": disabled, className: cx(menuItemClasses.host, {
-            [menuItemClasses.active]: active,
-            [menuItemClasses.disabled]: disabled,
-        }, className), onClick: (event) => {
-            if (!disabled && onClick) {
-                onClick(event);
-            }
-        }, onKeyDown: onKeyDown, role: role, children: [jsx("div", { className: menuItemClasses.label, children: children }), active && jsx(Icon, { className: menuItemClasses.activeIcon, icon: CheckIcon })] }));
-});
+/**
+ * The react component for `mezzanine` menu item.
+ */
+const MenuItem = forwardRef(function MenuItem(props, ref) {
+    const { active = false, children, className, disabled = false, onClick, onKeyDown = () => { }, role = 'menuitem', ...rest } = props;
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    jsxs("li", { ...rest, ref: ref, "aria-disabled": disabled, className: cx(menuItemClasses.host, {
+            [menuItemClasses.active]: active,
+            [menuItemClasses.disabled]: disabled,
+        }, className), onClick: (event) => {
+            if (!disabled && onClick) {
+                onClick(event);
+            }
+        }, onKeyDown: onKeyDown, role: role, children: [jsx("div", { className: menuItemClasses.label, children: children }), active && jsx(Icon, { className: menuItemClasses.activeIcon, icon: CheckIcon })] }));
+});
 var MenuItem$1 = MenuItem;
 
 export { MenuItem$1 as default };

package/Menu/MenuItemGroup.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface MenuItemGroupProps extends NativeElementPropsWithoutKeyAndRef<'li'> {
-    /**
-     * The label of menu item group
-     */
-    label?: ReactNode;
-}
-/**
- * The react component for `mezzanine` menu item group.
- */
-declare const MenuItemGroup: import("react").ForwardRefExoticComponent<MenuItemGroupProps & import("react").RefAttributes<HTMLLIElement>>;
-export default MenuItemGroup;
+import { ReactNode } from 'react';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface MenuItemGroupProps extends NativeElementPropsWithoutKeyAndRef<'li'> {
+    /**
+     * The label of menu item group
+     */
+    label?: ReactNode;
+}
+/**
+ * The react component for `mezzanine` menu item group.
+ */
+declare const MenuItemGroup: import("react").ForwardRefExoticComponent<MenuItemGroupProps & import("react").RefAttributes<HTMLLIElement>>;
+export default MenuItemGroup;

package/Menu/MenuItemGroup.js

@@ -3,13 +3,13 @@ import { forwardRef } from 'react';
 import { menuItemGroupClasses } from '@mezzanine-ui/core/menu';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` menu item group.
- */
-const MenuItemGroup = forwardRef(function MenuItemGroup(props, ref) {
-    const { children, className, label, ...rest } = props;
-    return (jsxs("li", { ref: ref, ...rest, className: cx(menuItemGroupClasses.host, className), children: [jsx("span", { className: menuItemGroupClasses.label, children: label }), jsx("ul", { className: menuItemGroupClasses.items, children: children })] }));
-});
+/**
+ * The react component for `mezzanine` menu item group.
+ */
+const MenuItemGroup = forwardRef(function MenuItemGroup(props, ref) {
+    const { children, className, label, ...rest } = props;
+    return (jsxs("li", { ref: ref, ...rest, className: cx(menuItemGroupClasses.host, className), children: [jsx("span", { className: menuItemGroupClasses.label, children: label }), jsx("ul", { className: menuItemGroupClasses.items, children: children })] }));
+});
 var MenuItemGroup$1 = MenuItemGroup;
 
 export { MenuItemGroup$1 as default };

package/Menu/index.d.ts

@@ -1,5 +1,5 @@
-export type { MenuSize, } from '@mezzanine-ui/core/menu';
-export { MenuProps, default } from './Menu';
-export { MenuDividerProps, default as MenuDivider } from './MenuDivider';
-export { MenuItemProps, default as MenuItem } from './MenuItem';
-export { MenuItemGroupProps, default as MenuItemGroup } from './MenuItemGroup';
+export type { MenuSize, } from '@mezzanine-ui/core/menu';
+export { MenuProps, default } from './Menu';
+export { MenuDividerProps, default as MenuDivider } from './MenuDivider';
+export { MenuItemProps, default as MenuItem } from './MenuItem';
+export { MenuItemGroupProps, default as MenuItemGroup } from './MenuItemGroup';

package/Message/Message.d.ts

@@ -1,36 +1,36 @@
-import { MessageSeverity } from '@mezzanine-ui/core/message';
-import { IconDefinition } from '@mezzanine-ui/icons';
-import { FC, Key } from 'react';
-import { Notifier, NotifierData, NotifierConfig } from '../Notifier';
-import { SlideFadeProps } from '../Transition';
-export interface MessageConfigProps extends Pick<NotifierConfig, 'duration'>, Pick<SlideFadeProps, 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'easing' | 'direction'> {
-}
-export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfigProps {
-    /**
-     * If given, the message will be closed after the amount of time.
-     * You can use `Message.config` to overwrite.
-     * @default 3000
-     */
-    duration?: NotifierData['duration'];
-    /**
-     * message icon prefix
-     */
-    icon?: IconDefinition;
-    /**
-     * The key of message.
-     */
-    reference?: Key;
-    /**
-     * The severity of the message.
-     */
-    severity?: MessageSeverity;
-}
-export type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
-/**
- * The react component for `mezzanine` message.
- *
- * Use the API from the Message instance such as `Message.add` and `Message.success`
- * to display a notification message globally.
- */
-declare const Message: MessageType;
-export default Message;
+import { MessageSeverity } from '@mezzanine-ui/core/message';
+import { IconDefinition } from '@mezzanine-ui/icons';
+import { FC, Key } from 'react';
+import { Notifier, NotifierData, NotifierConfig } from '../Notifier';
+import { SlideFadeProps } from '../Transition';
+export interface MessageConfigProps extends Pick<NotifierConfig, 'duration'>, Pick<SlideFadeProps, 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited' | 'easing' | 'direction'> {
+}
+export interface MessageData extends Omit<NotifierData, 'onClose'>, MessageConfigProps {
+    /**
+     * If given, the message will be closed after the amount of time.
+     * You can use `Message.config` to overwrite.
+     * @default 3000
+     */
+    duration?: NotifierData['duration'];
+    /**
+     * message icon prefix
+     */
+    icon?: IconDefinition;
+    /**
+     * The key of message.
+     */
+    reference?: Key;
+    /**
+     * The severity of the message.
+     */
+    severity?: MessageSeverity;
+}
+export type MessageType = FC<MessageData> & Notifier<MessageData, MessageConfigProps> & (Record<string, (message: MessageData['children'], props?: Omit<MessageData, 'children' | 'severity' | 'icon'>) => Key>);
+/**
+ * The react component for `mezzanine` message.
+ *
+ * Use the API from the Message instance such as `Message.add` and `Message.success`
+ * to display a notification message globally.
+ */
+declare const Message: MessageType;
+export default Message;

package/Message/Message.js

@@ -6,69 +6,69 @@ import Icon from '../Icon/Icon.js';
 import { createNotifier } from '../Notifier/createNotifier.js';
 import cx from 'clsx';
 
-/**
- * The react component for `mezzanine` message.
- *
- * Use the API from the Message instance such as `Message.add` and `Message.success`
- * to display a notification message globally.
- */
-const Message = ((props) => {
-    const { children, duration, icon, reference, severity, onExited: onExitedProp, ...restTransitionProps } = props;
-    const [open, setOpen] = useState(true);
-    useEffect(() => {
-        if (open && duration) {
-            const timer = window.setTimeout(() => {
-                setOpen(false);
-            }, duration);
-            return () => {
-                window.clearTimeout(timer);
-            };
-        }
-    }, [open, duration]);
-    const onExited = (node) => {
-        if (onExitedProp) {
-            onExitedProp(node);
-        }
-        if (reference)
-            Message.remove(reference);
-    };
-    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, ...restTransitionProps, children: jsxs("div", { className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : ''), children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon })) : null, jsx("span", { className: messageClasses.content, children: children })] }) }));
-});
-const { add, config, destroy, remove, } = createNotifier({
-    duration: 3000,
-    render: (message) => jsx(Message, { ...message }),
-    setRoot: (root) => {
-        root === null || root === void 0 ? void 0 : root.setAttribute('class', messageClasses.root);
-    },
-});
-Message.add = add;
-Message.config = config;
-Message.destroy = destroy;
-Message.remove = remove;
-const severities = [{
-        key: 'success',
-        icon: messageIcons.success,
-    }, {
-        key: 'warning',
-        icon: messageIcons.warning,
-    }, {
-        key: 'error',
-        icon: messageIcons.error,
-    }, {
-        key: 'info',
-        icon: messageIcons.info,
-    }];
-const validSeverities = ['success', 'warning', 'error', 'info'];
-(severities).forEach((severity) => {
-    Message[severity.key] = (message, props) => Message.add({
-        ...props,
-        children: message,
-        severity: validSeverities.includes(severity.key)
-            ? severity.key
-            : undefined,
-        icon: severity.icon,
-    });
-});
+/**
+ * The react component for `mezzanine` message.
+ *
+ * Use the API from the Message instance such as `Message.add` and `Message.success`
+ * to display a notification message globally.
+ */
+const Message = ((props) => {
+    const { children, duration, icon, reference, severity, onExited: onExitedProp, ...restTransitionProps } = props;
+    const [open, setOpen] = useState(true);
+    useEffect(() => {
+        if (open && duration) {
+            const timer = window.setTimeout(() => {
+                setOpen(false);
+            }, duration);
+            return () => {
+                window.clearTimeout(timer);
+            };
+        }
+    }, [open, duration]);
+    const onExited = (node) => {
+        if (onExitedProp) {
+            onExitedProp(node);
+        }
+        if (reference)
+            Message.remove(reference);
+    };
+    return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, ...restTransitionProps, children: jsxs("div", { className: cx(messageClasses.host, severity ? messageClasses.severity(severity) : ''), children: [icon ? (jsx(Icon, { className: messageClasses.icon, icon: icon })) : null, jsx("span", { className: messageClasses.content, children: children })] }) }));
+});
+const { add, config, destroy, remove, } = createNotifier({
+    duration: 3000,
+    render: (message) => jsx(Message, { ...message }),
+    setRoot: (root) => {
+        root === null || root === void 0 ? void 0 : root.setAttribute('class', messageClasses.root);
+    },
+});
+Message.add = add;
+Message.config = config;
+Message.destroy = destroy;
+Message.remove = remove;
+const severities = [{
+        key: 'success',
+        icon: messageIcons.success,
+    }, {
+        key: 'warning',
+        icon: messageIcons.warning,
+    }, {
+        key: 'error',
+        icon: messageIcons.error,
+    }, {
+        key: 'info',
+        icon: messageIcons.info,
+    }];
+const validSeverities = ['success', 'warning', 'error', 'info'];
+(severities).forEach((severity) => {
+    Message[severity.key] = (message, props) => Message.add({
+        ...props,
+        children: message,
+        severity: validSeverities.includes(severity.key)
+            ? severity.key
+            : undefined,
+        icon: severity.icon,
+    });
+});
 var Message$1 = Message;
 
 export { Message$1 as default };

package/Message/index.d.ts

@@ -1,2 +1,2 @@
-export { MessageSeverity, } from '@mezzanine-ui/core/message';
-export { MessageData, MessageType, default, } from './Message';
+export { MessageSeverity, } from '@mezzanine-ui/core/message';
+export { MessageData, MessageType, default, } from './Message';