npm - @metamask/design-system-react - Versions diffs - 0.32.0 → 0.34.0 - Mend

@metamask/design-system-react 0.32.0 → 0.34.0

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 (66) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -7,6 +7,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
+## [0.34.0]
+### Added
+- Added `IconAlert` for severity-mapped icon glyphs aligned with the React Native primitive ([#1409](https://github.com/MetaMask/metamask-design-system/pull/1409))
+- Added `showIcon` to `HelpText` (default `false`) to render a leading `IconAlert` when `severity` is set ([#1409](https://github.com/MetaMask/metamask-design-system/pull/1409))
+### Changed
+- Updated `BannerBase` spacing (padding, title/description gap, action button margin, and close button offset) to match Figma; inherited by `BannerAlert` and `Toast` ([#1394](https://github.com/MetaMask/metamask-design-system/pull/1394))
+## [0.33.0]
+### Added
+- Added `actionButtonLayout` to `BannerBase` (inherited by `BannerAlert`) with `BannerBaseActionButtonLayout.Below` (default) and `BannerBaseActionButtonLayout.End` to place the action button beside the body, left of close ([#1386](https://github.com/MetaMask/metamask-design-system/pull/1386))
 ## [0.32.0]
 ### Added
@@ -420,7 +437,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - Tailwind CSS integration with design token support
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.32.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.34.0...HEAD
+[0.34.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.33.0...@metamask/design-system-react@0.34.0
+[0.33.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.32.0...@metamask/design-system-react@0.33.0
 [0.32.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.31.0...@metamask/design-system-react@0.32.0
 [0.31.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.30.0...@metamask/design-system-react@0.31.0
 [0.30.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.29.0...@metamask/design-system-react@0.30.0

package/dist/components/BannerAlert/BannerAlert.d.cts CHANGED Viewed

@@ -304,6 +304,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
@@ -313,10 +315,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -627,6 +627,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
@@ -636,10 +638,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerAlert/BannerAlert.d.mts CHANGED Viewed

@@ -304,6 +304,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
@@ -313,10 +315,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -627,6 +627,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
@@ -636,10 +638,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerBase/BannerBase.cjs CHANGED Viewed

@@ -33,21 +33,24 @@ const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
 const Text_1 = require("../Text/index.cjs");
 const isTextContent = (content) => typeof content === 'string' || typeof content === 'number';
 const hasContent = (content) => content !== null && content !== undefined;
-exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnClick, actionButtonProps, startAccessory, onClose, closeButtonProps, className, ...props }, ref) => {
+exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnClick, actionButtonProps, actionButtonLayout = design_system_shared_1.BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, className, ...props }, ref) => {
     const resolvedActionButtonProps = actionButtonProps ?? {};
     const { ariaLabel: closeButtonAriaLabel = 'Close banner', className: closeButtonClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
     const shouldShowCloseButton = Boolean(onClose);
     const shouldShowActionButton = Boolean(actionButtonOnClick);
-    return (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection: design_system_shared_1.BoxFlexDirection.Row, alignItems: design_system_shared_1.BoxAlignItems.Start, gap: 4, backgroundColor: design_system_shared_1.BoxBackgroundColor.BackgroundDefault, paddingVertical: 3, paddingHorizontal: 4, className: (0, tw_merge_1.twMerge)('rounded-xl', className), ...props },
+    const isActionButtonLayoutEnd = actionButtonLayout === design_system_shared_1.BannerBaseActionButtonLayout.End;
+    const hasActionButtonBelow = shouldShowActionButton && !isActionButtonLayoutEnd;
+    const actionButton = shouldShowActionButton ? (react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps, variant: design_system_shared_1.ButtonVariant.Secondary }, actionButtonLabel)) : null;
+    return (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection: design_system_shared_1.BoxFlexDirection.Row, alignItems: design_system_shared_1.BoxAlignItems.Start, gap: 4, backgroundColor: design_system_shared_1.BoxBackgroundColor.BackgroundDefault, paddingTop: 3, paddingBottom: hasActionButtonBelow ? 4 : 3, paddingLeft: 4, paddingRight: shouldShowCloseButton ? 2 : 4, className: (0, tw_merge_1.twMerge)('rounded-xl', className), ...props },
         startAccessory,
         react_1.default.createElement(Box_1.Box, { className: "min-w-0 flex-1" },
             hasContent(title) &&
                 (isTextContent(title) ? (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodyMd, fontWeight: design_system_shared_1.FontWeight.Medium, ...titleProps }, title)) : (title)),
-            hasContent(description) && (react_1.default.createElement(Box_1.Box, null, isTextContent(description) ? (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, ...descriptionProps }, description)) : (description))),
+            hasContent(description) && (react_1.default.createElement(Box_1.Box, { className: hasContent(title) ? 'mt-0.5' : undefined }, isTextContent(description) ? (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, ...descriptionProps }, description)) : (description))),
             hasContent(children) &&
                 (isTextContent(children) ? (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodyMd, ...childrenWrapperProps }, children)) : (children)),
-            shouldShowActionButton && (react_1.default.createElement(Box_1.Box, { className: "mt-2" },
-                react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps, variant: design_system_shared_1.ButtonVariant.Secondary }, actionButtonLabel)))),
+            hasActionButtonBelow && react_1.default.createElement(Box_1.Box, { className: "mt-2" }, actionButton)),
+        shouldShowActionButton && isActionButtonLayoutEnd && actionButton,
         shouldShowCloseButton && (react_1.default.createElement(ButtonIcon_1.ButtonIcon, { className: (0, tw_merge_1.twMerge)('-mt-1', closeButtonClassName), iconName: design_system_shared_1.IconName.Close, size: design_system_shared_1.ButtonIconSize.Md, ariaLabel: closeButtonAriaLabel, onClick: onClose, ...resolvedCloseButtonProps }))));
 });
 exports.BannerBase.displayName = 'BannerBase';

package/dist/components/BannerBase/BannerBase.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,~~yEAUwC~~;AACxC,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAA6B;AAC7B,gDAAmC;AACnC,wDAA2C;AAC3C,4CAA+B;AAI/B,MAAM,aAAa,GAAG,CAAC,OAAwB,EAA8B,EAAE,CAC7E,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC;AAE7D,MAAM,UAAU,GAAG,CAAC,OAAwB,EAAE,EAAE,CAC9C,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,CAAC;AAE/B,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,yBAAyB,GAAG,iBAAiB,IAAI,EAAE,CAAC;IAE1D,MAAM,EACJ,SAAS,EAAE,oBAAoB,GAAG,cAAc,EAChD,SAAS,EAAE,oBAAoB,EAC/B,GAAG,wBAAwB,EAC5B,GAAG,gBAAgB,IAAI,EAAE,CAAC;IAE3B,MAAM,qBAAqB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,sBAAsB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;~~IAE5D~~,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,uCAAgB,CAAC,GAAG,EACnC,UAAU,EAAE,oCAAa,CAAC,KAAK,EAC/B,GAAG,EAAE,CAAC,EACN,eAAe,EAAE,yCAAkB,CAAC,iBAAiB,EACrD,~~eAAe~~,EAAE,CAAC,~~EAClB~~,~~iBAAiB~~,EAAE,CAAC,~~EACpB~~,SAAS,EAAE,IAAA,kBAAO,EAAC,YAAY,EAAE,SAAS,CAAC,KACvC,KAAK;QAER,cAAc;QAEf,8BAAC,SAAG,IAAC,SAAS,EAAC,gBAAgB;YAC5B,UAAU,CAAC,KAAK,CAAC;gBAChB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,8BAAC,WAAI,IACH,OAAO,EAAE,kCAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM,KACzB,UAAU,IAEb,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAC;YAEH,UAAU,CAAC,WAAW,CAAC,IAAI,CAC1B,8BAAC,SAAG,~~QACD~~,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC5B,8BAAC,WAAI,IAAC,OAAO,EAAE,kCAAW,CAAC,MAAM,KAAM,gBAAgB,IACpD,WAAW,CACP,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACG,CACP;YAEA,UAAU,CAAC,QAAQ,CAAC;gBACnB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzB,8BAAC,WAAI,IAAC,OAAO,EAAE,kCAAW,CAAC,MAAM,KAAM,oBAAoB,IACxD,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;YAEH,~~sBAAsB~~,IAAI,~~CACzB,~~8BAAC,SAAG,IAAC,SAAS,EAAC,MAAM~~;gBACnB~~,~~8BAAC~~,~~eAAM~~,~~IACL~~,~~IAAI,EAAE,iCAAU,CAAC,EAAE,EACnB,OAAO,EAAE,mBAAmB,KACxB,yBAAyB,EAC7B,OAAO,EAAE,oCAAa,CAAC,SAAS,IAE~~/B,~~iBAAiB~~,~~CACX~~,~~CACL~~,~~CACP~~,~~CACG~~;~~QAEL~~,qBAAqB,IAAI,CACxB,8BAAC,uBAAU,IACT,SAAS,EAAE,IAAA,kBAAO,EAAC,OAAO,EAAE,oBAAoB,CAAC,EACjD,QAAQ,EAAE,+BAAQ,CAAC,KAAK,EACxB,IAAI,EAAE,qCAAc,CAAC,EAAE,EACvB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,OAAO,KACZ,wBAAwB,GAC5B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\n ButtonVariant,\n FontWeight,\n IconName,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string \| number =>\n typeof content === 'string' \|\| typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={4}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n ~~paddingVertical~~={3}\n ~~paddingHorizontal~~={4}\n className={twMerge('rounded-xl', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {~~shouldShowActionButton~~ && ~~(\n~~ <Box className=\"mt-2\"~~>\n <Button\n size=~~{~~ButtonSize.Md~~}~~\n onClick={actionButtonOnClick~~}\n ~~{...resolvedActionButtonProps}\n variant={ButtonVariant.Secondary}\n >\n {actionButtonLabel}\n~~ </~~Button>\n </~~Box>\n )}\n ~~</Box>\~~n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('-mt-1', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Md}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
1	+ {"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n BannerBaseActionButtonLayout,\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\n ButtonVariant,\n FontWeight,\n IconName,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string \| number =>\n typeof content === 'string' \|\| typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n actionButtonLayout = BannerBaseActionButtonLayout.Below,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n const isActionButtonLayoutEnd =\n actionButtonLayout === BannerBaseActionButtonLayout.End;\n const hasActionButtonBelow =\n shouldShowActionButton && !isActionButtonLayoutEnd;\n\n const actionButton = shouldShowActionButton ? (\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n variant={ButtonVariant.Secondary}\n >\n {actionButtonLabel}\n </Button>\n ) : null;\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={4}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n paddingTop={3}\n paddingBottom={hasActionButtonBelow ? 4 : 3}\n paddingLeft={4}\n paddingRight={shouldShowCloseButton ? 2 : 4}\n className={twMerge('rounded-xl', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box className={hasContent(title) ? 'mt-0.5' : undefined}>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {hasActionButtonBelow && <Box className=\"mt-2\">{actionButton}</Box>}\n </Box>\n\n {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('-mt-1', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Md}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

package/dist/components/BannerBase/BannerBase.d.cts CHANGED Viewed

@@ -302,6 +302,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
@@ -311,10 +313,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -621,6 +621,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
@@ -630,10 +632,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerBase/BannerBase.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EAQL~~,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~iDA2GtB~~,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAoHtB,CAAC"}

package/dist/components/BannerBase/BannerBase.d.mts CHANGED Viewed

@@ -302,6 +302,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
@@ -311,10 +313,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -621,6 +621,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        startAccessory?: React.ReactNode;
+        endAccessory?: React.ReactNode;
         isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
@@ -630,10 +632,8 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
-        startAccessory?: React.ReactNode;
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
-        endAccessory?: React.ReactNode;
         loadingIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerBase/BannerBase.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EAQL~~,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~iDA2GtB~~,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAoHtB,CAAC"}

package/dist/components/BannerBase/BannerBase.mjs CHANGED Viewed

@@ -4,7 +4,7 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, ButtonIconSize, ButtonSize, ButtonVariant, FontWeight, IconName, TextVariant } from "@metamask/design-system-shared";
+import { BannerBaseActionButtonLayout, BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, ButtonIconSize, ButtonSize, ButtonVariant, FontWeight, IconName, TextVariant } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
 import { twMerge } from "../../utils/tw-merge.mjs";
@@ -14,21 +14,24 @@ import { ButtonIcon } from "../ButtonIcon/index.mjs";
 import { Text } from "../Text/index.mjs";
 const isTextContent = (content) => typeof content === 'string' || typeof content === 'number';
 const hasContent = (content) => content !== null && content !== undefined;
-export const BannerBase = forwardRef(({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnClick, actionButtonProps, startAccessory, onClose, closeButtonProps, className, ...props }, ref) => {
+export const BannerBase = forwardRef(({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnClick, actionButtonProps, actionButtonLayout = BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, className, ...props }, ref) => {
     const resolvedActionButtonProps = actionButtonProps ?? {};
     const { ariaLabel: closeButtonAriaLabel = 'Close banner', className: closeButtonClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
     const shouldShowCloseButton = Boolean(onClose);
     const shouldShowActionButton = Boolean(actionButtonOnClick);
-    return (React.createElement(Box, { ref: ref, flexDirection: BoxFlexDirection.Row, alignItems: BoxAlignItems.Start, gap: 4, backgroundColor: BoxBackgroundColor.BackgroundDefault, paddingVertical: 3, paddingHorizontal: 4, className: twMerge('rounded-xl', className), ...props },
+    const isActionButtonLayoutEnd = actionButtonLayout === BannerBaseActionButtonLayout.End;
+    const hasActionButtonBelow = shouldShowActionButton && !isActionButtonLayoutEnd;
+    const actionButton = shouldShowActionButton ? (React.createElement(Button, { size: ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps, variant: ButtonVariant.Secondary }, actionButtonLabel)) : null;
+    return (React.createElement(Box, { ref: ref, flexDirection: BoxFlexDirection.Row, alignItems: BoxAlignItems.Start, gap: 4, backgroundColor: BoxBackgroundColor.BackgroundDefault, paddingTop: 3, paddingBottom: hasActionButtonBelow ? 4 : 3, paddingLeft: 4, paddingRight: shouldShowCloseButton ? 2 : 4, className: twMerge('rounded-xl', className), ...props },
         startAccessory,
         React.createElement(Box, { className: "min-w-0 flex-1" },
             hasContent(title) &&
                 (isTextContent(title) ? (React.createElement(Text, { variant: TextVariant.BodyMd, fontWeight: FontWeight.Medium, ...titleProps }, title)) : (title)),
-            hasContent(description) && (React.createElement(Box, null, isTextContent(description) ? (React.createElement(Text, { variant: TextVariant.BodySm, ...descriptionProps }, description)) : (description))),
+            hasContent(description) && (React.createElement(Box, { className: hasContent(title) ? 'mt-0.5' : undefined }, isTextContent(description) ? (React.createElement(Text, { variant: TextVariant.BodySm, ...descriptionProps }, description)) : (description))),
             hasContent(children) &&
                 (isTextContent(children) ? (React.createElement(Text, { variant: TextVariant.BodyMd, ...childrenWrapperProps }, children)) : (children)),
-            shouldShowActionButton && (React.createElement(Box, { className: "mt-2" },
-                React.createElement(Button, { size: ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps, variant: ButtonVariant.Secondary }, actionButtonLabel)))),
+            hasActionButtonBelow && React.createElement(Box, { className: "mt-2" }, actionButton)),
+        shouldShowActionButton && isActionButtonLayoutEnd && actionButton,
         shouldShowCloseButton && (React.createElement(ButtonIcon, { className: twMerge('-mt-1', closeButtonClassName), iconName: IconName.Close, size: ButtonIconSize.Md, ariaLabel: closeButtonAriaLabel, onClick: onClose, ...resolvedCloseButtonProps }))));
 });
 BannerBase.displayName = 'BannerBase';

package/dist/components/BannerBase/BannerBase.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,UAAU,EACV,QAAQ,EACR,WAAW,EACZ,uCAAuC;AACxC,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,MAAM,EAAE,4BAAkB;AACnC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAI/B,MAAM,aAAa,GAAG,CAAC,OAAwB,EAA8B,EAAE,CAC7E,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC;AAE7D,MAAM,UAAU,GAAG,CAAC,OAAwB,EAAE,EAAE,CAC9C,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,CAAC;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,yBAAyB,GAAG,iBAAiB,IAAI,EAAE,CAAC;IAE1D,MAAM,EACJ,SAAS,EAAE,oBAAoB,GAAG,cAAc,EAChD,SAAS,EAAE,oBAAoB,EAC/B,GAAG,wBAAwB,EAC5B,GAAG,gBAAgB,IAAI,EAAE,CAAC;IAE3B,MAAM,qBAAqB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,sBAAsB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;~~IAE5D~~,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,gBAAgB,CAAC,GAAG,EACnC,UAAU,EAAE,aAAa,CAAC,KAAK,EAC/B,GAAG,EAAE,CAAC,EACN,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,EACrD,~~eAAe~~,EAAE,CAAC,~~EAClB~~,~~iBAAiB~~,EAAE,CAAC,~~EACpB~~,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,KACvC,KAAK;QAER,cAAc;QAEf,oBAAC,GAAG,IAAC,SAAS,EAAC,gBAAgB;YAC5B,UAAU,CAAC,KAAK,CAAC;gBAChB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,UAAU,CAAC,MAAM,KACzB,UAAU,IAEb,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAC;YAEH,UAAU,CAAC,WAAW,CAAC,IAAI,CAC1B,oBAAC,GAAG,~~QACD~~,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC5B,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,CAAC,MAAM,KAAM,gBAAgB,IACpD,WAAW,CACP,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACG,CACP;YAEA,UAAU,CAAC,QAAQ,CAAC;gBACnB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzB,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,CAAC,MAAM,KAAM,oBAAoB,IACxD,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;YAEH,~~sBAAsB~~,IAAI,~~CACzB,~~oBAAC,GAAG,IAAC,SAAS,EAAC,MAAM~~;gBACnB~~,~~oBAAC~~,~~MAAM~~,~~IACL~~,~~IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,OAAO,EAAE,mBAAmB,KACxB,yBAAyB,EAC7B,OAAO,EAAE,aAAa,CAAC,SAAS,IAE~~/B,~~iBAAiB~~,~~CACX~~,~~CACL~~,~~CACP~~,~~CACG~~;~~QAEL~~,qBAAqB,IAAI,CACxB,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,oBAAoB,CAAC,EACjD,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,IAAI,EAAE,cAAc,CAAC,EAAE,EACvB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,OAAO,KACZ,wBAAwB,GAC5B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\n ButtonVariant,\n FontWeight,\n IconName,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string \| number =>\n typeof content === 'string' \|\| typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={4}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n ~~paddingVertical~~={3}\n ~~paddingHorizontal~~={4}\n className={twMerge('rounded-xl', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {~~shouldShowActionButton~~ && ~~(\n~~ <Box className=\"mt-2\"~~>\n <Button\n size=~~{~~ButtonSize.Md~~}~~\n onClick={actionButtonOnClick~~}\n ~~{...resolvedActionButtonProps}\n variant={ButtonVariant.Secondary}\n >\n {actionButtonLabel}\n~~ </~~Button>\n </~~Box>\n )}\n ~~</Box>\~~n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('-mt-1', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Md}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
1	+ {"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n BannerBaseActionButtonLayout,\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\n ButtonVariant,\n FontWeight,\n IconName,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string \| number =>\n typeof content === 'string' \|\| typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n actionButtonLayout = BannerBaseActionButtonLayout.Below,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n const isActionButtonLayoutEnd =\n actionButtonLayout === BannerBaseActionButtonLayout.End;\n const hasActionButtonBelow =\n shouldShowActionButton && !isActionButtonLayoutEnd;\n\n const actionButton = shouldShowActionButton ? (\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n variant={ButtonVariant.Secondary}\n >\n {actionButtonLabel}\n </Button>\n ) : null;\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={4}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n paddingTop={3}\n paddingBottom={hasActionButtonBelow ? 4 : 3}\n paddingLeft={4}\n paddingRight={shouldShowCloseButton ? 2 : 4}\n className={twMerge('rounded-xl', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box className={hasContent(title) ? 'mt-0.5' : undefined}>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {hasActionButtonBelow && <Box className=\"mt-2\">{actionButton}</Box>}\n </Box>\n\n {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('-mt-1', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Md}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

package/dist/components/BannerBase/index.cjs CHANGED Viewed

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerBase = void 0;
+exports.BannerBase = exports.BannerBaseActionButtonLayout = void 0;
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "BannerBaseActionButtonLayout", { enumerable: true, get: function () { return design_system_shared_1.BannerBaseActionButtonLayout; } });
 var BannerBase_1 = require("./BannerBase.cjs");
 Object.defineProperty(exports, "BannerBase", { enumerable: true, get: function () { return BannerBase_1.BannerBase; } });
 //# sourceMappingURL=index.cjs.map

package/dist/components/BannerBase/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase.types';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":";;;AAAA,uEAA8E;AAArE,oIAAA,4BAA4B,OAAA;AAErC,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BannerBaseActionButtonLayout } from '@metamask/design-system-shared';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase.types';\n"]}

package/dist/components/BannerBase/index.d.cts CHANGED Viewed

@@ -1,3 +1,4 @@
+export { BannerBaseActionButtonLayout } from "@metamask/design-system-shared";
 export { BannerBase } from "./BannerBase.cjs";
 export type { BannerBaseProps } from "./BannerBase.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/BannerBase/index.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,uCAAuC;AAE9E,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/BannerBase/index.d.mts CHANGED Viewed

@@ -1,3 +1,4 @@
+export { BannerBaseActionButtonLayout } from "@metamask/design-system-shared";
 export { BannerBase } from "./BannerBase.mjs";
 export type { BannerBaseProps } from "./BannerBase.types.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/components/BannerBase/index.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,uCAAuC;AAE9E,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/BannerBase/index.mjs CHANGED Viewed

@@ -1,2 +1,3 @@
+export { BannerBaseActionButtonLayout } from "@metamask/design-system-shared";
 export { BannerBase } from "./BannerBase.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/components/BannerBase/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase.types';\n"]}
1	+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,uCAAuC;AAE9E,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { BannerBaseActionButtonLayout } from '@metamask/design-system-shared';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase.types';\n"]}

package/dist/components/HelpText/HelpText.cjs CHANGED Viewed

@@ -6,8 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HelpText = void 0;
 const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_1 = __importDefault(require("react"));
+const Box_1 = require("../Box/index.cjs");
+const IconAlert_1 = require("../IconAlert/index.cjs");
 const Text_1 = require("../Text/index.cjs");
 const HelpText_constants_1 = require("./HelpText.constants.cjs");
-const HelpText = ({ severity, color = design_system_shared_1.TextColor.TextDefault, className, children, ...props }) => (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, color: severity ? HelpText_constants_1.MAP_HELPTEXT_SEVERITY_COLOR[severity] : color, className: className, ...props }, children));
+const HelpText = ({ severity, showIcon = false, color = design_system_shared_1.TextColor.TextDefault, className, children, ...props }) => {
+    const textColor = severity ? HelpText_constants_1.MAP_HELPTEXT_SEVERITY_COLOR[severity] : color;
+    if (!(showIcon && severity)) {
+        return (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, color: textColor, className: className, ...props }, children));
+    }
+    return (react_1.default.createElement(Box_1.Box, { flexDirection: design_system_shared_1.BoxFlexDirection.Row, alignItems: design_system_shared_1.BoxAlignItems.Center, gap: 1, className: className },
+        react_1.default.createElement(IconAlert_1.IconAlert, { severity: severity, size: design_system_shared_1.IconSize.Sm, "data-testid": "help-text-icon" }),
+        react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodySm, color: textColor, ...props }, children)));
+};
 exports.HelpText = HelpText;
 //# sourceMappingURL=HelpText.cjs.map

package/dist/components/HelpText/HelpText.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpText.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,~~yEAAwE~~;~~AACxE~~,kDAA0B;AAE1B,4CAA+B;AAE/B,iEAAmE;AAG5D,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,~~CACJ~~,8BAAC,WAAI,IACH,OAAO,EAAE,kCAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,~~gDAA2B~~,CAAC,QAAQ,~~CAAC~~,~~CAAC~~,CAAC,CAAC,~~KAAK~~,~~EAC/D~~,~~SAAS~~,EAAE,SAAS,~~KAChB~~,KAAK,~~IAER~~,QAAQ,CACJ,~~CACR~~,CAAC;~~AAfW~~,QAAA,QAAQ,~~YAenB~~","sourcesContent":["import { TextColor, TextVariant } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n severity,\n color = TextColor.TextDefault,\n className,\n children,\n ...props\n}) => (\n <Text\n variant={TextVariant.BodySm}\n color={~~severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color~~}\n className={className}\n {...props}\n >\n {children}\n </Text>\n);\n"]}
1	+ {"version":3,"file":"HelpText.cjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAMwC;AACxC,kDAA0B;AAE1B,0CAA6B;AAC7B,sDAAyC;AACzC,4CAA+B;AAE/B,iEAAmE;AAG5D,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,gDAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3E,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE;QAC3B,OAAO,CACL,8BAAC,WAAI,IACH,OAAO,EAAE,kCAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACJ,CACR,CAAC;KACH;IAED,OAAO,CACL,8BAAC,SAAG,IACF,aAAa,EAAE,uCAAgB,CAAC,GAAG,EACnC,UAAU,EAAE,oCAAa,CAAC,MAAM,EAChC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,SAAS;QAEpB,8BAAC,qBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,+BAAQ,CAAC,EAAE,iBACL,gBAAgB,GAC5B;QACF,8BAAC,WAAI,IAAC,OAAO,EAAE,kCAAW,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAM,KAAK,IAC3D,QAAQ,CACJ,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,QAAQ,YAwCnB","sourcesContent":["import {\n BoxAlignItems,\n BoxFlexDirection,\n IconSize,\n TextColor,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { IconAlert } from '../IconAlert';\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n severity,\n showIcon = false,\n color = TextColor.TextDefault,\n className,\n children,\n ...props\n}) => {\n const textColor = severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color;\n\n if (!(showIcon && severity)) {\n return (\n <Text\n variant={TextVariant.BodySm}\n color={textColor}\n className={className}\n {...props}\n >\n {children}\n </Text>\n );\n }\n\n return (\n <Box\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Center}\n gap={1}\n className={className}\n >\n <IconAlert\n severity={severity}\n size={IconSize.Sm}\n data-testid=\"help-text-icon\"\n />\n <Text variant={TextVariant.BodySm} color={textColor} {...props}>\n {children}\n </Text>\n </Box>\n );\n};\n"]}

package/dist/components/HelpText/HelpText.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpText.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,cAAc;~~AAK1B~~,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,~~CAe5C~~,CAAC"}
1	+ {"version":3,"file":"HelpText.d.cts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC"}

package/dist/components/HelpText/HelpText.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpText.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,cAAc;~~AAK1B~~,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,~~CAe5C~~,CAAC"}
1	+ {"version":3,"file":"HelpText.d.mts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAC"}

package/dist/components/HelpText/HelpText.mjs CHANGED Viewed

@@ -4,10 +4,20 @@ function $importDefault(module) {
     }
     return module;
 }
-import { TextColor, TextVariant } from "@metamask/design-system-shared";
+import { BoxAlignItems, BoxFlexDirection, IconSize, TextColor, TextVariant } from "@metamask/design-system-shared";
 import $React from "react";
 const React = $importDefault($React);
+import { Box } from "../Box/index.mjs";
+import { IconAlert } from "../IconAlert/index.mjs";
 import { Text } from "../Text/index.mjs";
 import { MAP_HELPTEXT_SEVERITY_COLOR } from "./HelpText.constants.mjs";
-export const HelpText = ({ severity, color = TextColor.TextDefault, className, children, ...props }) => (React.createElement(Text, { variant: TextVariant.BodySm, color: severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color, className: className, ...props }, children));
+export const HelpText = ({ severity, showIcon = false, color = TextColor.TextDefault, className, children, ...props }) => {
+    const textColor = severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color;
+    if (!(showIcon && severity)) {
+        return (React.createElement(Text, { variant: TextVariant.BodySm, color: textColor, className: className, ...props }, children));
+    }
+    return (React.createElement(Box, { flexDirection: BoxFlexDirection.Row, alignItems: BoxAlignItems.Center, gap: 1, className: className },
+        React.createElement(IconAlert, { severity: severity, size: IconSize.Sm, "data-testid": "help-text-icon" }),
+        React.createElement(Text, { variant: TextVariant.BodySm, color: textColor, ...props }, children)));
+};
 //# sourceMappingURL=HelpText.mjs.map

package/dist/components/HelpText/HelpText.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpText.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,~~EAAE~~,SAAS,~~EAAE~~,WAAW,~~EAAE~~,uCAAuC;~~AACxE~~,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EAAE,2BAA2B,EAAE,iCAA6B;AAGnE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,~~CACJ~~,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,~~2BAA2B~~,CAAC,QAAQ,~~CAAC~~,~~CAAC~~,CAAC,CAAC,~~KAAK~~,~~EAC/D~~,~~SAAS~~,EAAE,SAAS,~~KAChB~~,KAAK,~~IAER~~,QAAQ,CACJ,~~CACR~~,CAAC","sourcesContent":["import { TextColor, TextVariant } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n severity,\n color = TextColor.TextDefault,\n className,\n children,\n ...props\n}) => (\n <Text\n variant={TextVariant.BodySm}\n color={~~severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color~~}\n className={className}\n {...props}\n >\n {children}\n </Text>\n);\n"]}
1	+ {"version":3,"file":"HelpText.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,WAAW,EACZ,uCAAuC;AACxC,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,SAAS,EAAE,+BAAqB;AACzC,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EAAE,2BAA2B,EAAE,iCAA6B;AAGnE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3E,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE;QAC3B,OAAO,CACL,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACJ,CACR,CAAC;KACH;IAED,OAAO,CACL,oBAAC,GAAG,IACF,aAAa,EAAE,gBAAgB,CAAC,GAAG,EACnC,UAAU,EAAE,aAAa,CAAC,MAAM,EAChC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,EAAE,iBACL,gBAAgB,GAC5B;QACF,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAM,KAAK,IAC3D,QAAQ,CACJ,CACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n BoxAlignItems,\n BoxFlexDirection,\n IconSize,\n TextColor,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { IconAlert } from '../IconAlert';\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n severity,\n showIcon = false,\n color = TextColor.TextDefault,\n className,\n children,\n ...props\n}) => {\n const textColor = severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color;\n\n if (!(showIcon && severity)) {\n return (\n <Text\n variant={TextVariant.BodySm}\n color={textColor}\n className={className}\n {...props}\n >\n {children}\n </Text>\n );\n }\n\n return (\n <Box\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Center}\n gap={1}\n className={className}\n >\n <IconAlert\n severity={severity}\n size={IconSize.Sm}\n data-testid=\"help-text-icon\"\n />\n <Text variant={TextVariant.BodySm} color={textColor} {...props}>\n {children}\n </Text>\n </Box>\n );\n};\n"]}

package/dist/components/IconAlert/IconAlert.cjs ADDED Viewed

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAlert = void 0;
+const react_1 = __importDefault(require("react"));
+const Icon_1 = require("../Icon/index.cjs");
+const IconAlert_constants_1 = require("./IconAlert.constants.cjs");
+const IconAlert = ({ severity, ...props }) => {
+    const { name, color } = IconAlert_constants_1.ICON_ALERT_SEVERITY_MAP[severity];
+    return react_1.default.createElement(Icon_1.Icon, { ...props, color: color, name: name });
+};
+exports.IconAlert = IconAlert;
+exports.IconAlert.displayName = 'IconAlert';
+//# sourceMappingURL=IconAlert.cjs.map

package/dist/components/IconAlert/IconAlert.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.cjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4CAA+B;AAE/B,mEAAgE;AAGzD,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,6CAAuB,CAAC,QAAQ,CAAC,CAAC;IAC1D,OAAO,8BAAC,WAAI,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACvD,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { ICON_ALERT_SEVERITY_MAP } from './IconAlert.constants';\nimport type { IconAlertProps } from './IconAlert.types';\n\nexport const IconAlert = ({ severity, ...props }: IconAlertProps) => {\n const { name, color } = ICON_ALERT_SEVERITY_MAP[severity];\n return <Icon {...props} color={color} name={name} />;\n};\n\nIconAlert.displayName = 'IconAlert';\n"]}

package/dist/components/IconAlert/IconAlert.constants.cjs ADDED Viewed

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_ALERT_SEVERITY_MAP = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
+exports.ICON_ALERT_SEVERITY_MAP = {
+    [design_system_shared_1.IconAlertSeverity.Info]: {
+        name: design_system_shared_1.IconName.Info,
+        color: design_system_shared_1.IconColor.PrimaryDefault,
+    },
+    [design_system_shared_1.IconAlertSeverity.Success]: {
+        name: design_system_shared_1.IconName.Confirmation,
+        color: design_system_shared_1.IconColor.SuccessDefault,
+    },
+    [design_system_shared_1.IconAlertSeverity.Warning]: {
+        name: design_system_shared_1.IconName.Danger,
+        color: design_system_shared_1.IconColor.WarningDefault,
+    },
+    [design_system_shared_1.IconAlertSeverity.Danger]: {
+        name: design_system_shared_1.IconName.Error,
+        color: design_system_shared_1.IconColor.ErrorDefault,
+    },
+};
+//# sourceMappingURL=IconAlert.constants.cjs.map

package/dist/components/IconAlert/IconAlert.constants.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.constants.cjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.constants.ts"],"names":[],"mappings":";;;AAAA,yEAIwC;AAE3B,QAAA,uBAAuB,GAGhC;IACF,CAAC,wCAAiB,CAAC,IAAI,CAAC,EAAE;QACxB,IAAI,EAAE,+BAAQ,CAAC,IAAI;QACnB,KAAK,EAAE,gCAAS,CAAC,cAAc;KAChC;IACD,CAAC,wCAAiB,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,EAAE,+BAAQ,CAAC,YAAY;QAC3B,KAAK,EAAE,gCAAS,CAAC,cAAc;KAChC;IACD,CAAC,wCAAiB,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,EAAE,+BAAQ,CAAC,MAAM;QACrB,KAAK,EAAE,gCAAS,CAAC,cAAc;KAChC;IACD,CAAC,wCAAiB,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,EAAE,+BAAQ,CAAC,KAAK;QACpB,KAAK,EAAE,gCAAS,CAAC,YAAY;KAC9B;CACF,CAAC","sourcesContent":["import {\n IconAlertSeverity,\n IconColor,\n IconName,\n} from '@metamask/design-system-shared';\n\nexport const ICON_ALERT_SEVERITY_MAP: Record<\n IconAlertSeverity,\n { name: IconName; color: IconColor }\n> = {\n [IconAlertSeverity.Info]: {\n name: IconName.Info,\n color: IconColor.PrimaryDefault,\n },\n [IconAlertSeverity.Success]: {\n name: IconName.Confirmation,\n color: IconColor.SuccessDefault,\n },\n [IconAlertSeverity.Warning]: {\n name: IconName.Danger,\n color: IconColor.WarningDefault,\n },\n [IconAlertSeverity.Danger]: {\n name: IconName.Error,\n color: IconColor.ErrorDefault,\n },\n};\n"]}

package/dist/components/IconAlert/IconAlert.constants.d.cts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IconAlertSeverity, IconColor, IconName } from "@metamask/design-system-shared";
+export declare const ICON_ALERT_SEVERITY_MAP: Record<IconAlertSeverity, {
+    name: IconName;
+    color: IconColor;
+}>;
+//# sourceMappingURL=IconAlert.constants.d.cts.map

package/dist/components/IconAlert/IconAlert.constants.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.constants.d.cts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACT,uCAAuC;AAExC,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,iBAAiB,EACjB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAkBrC,CAAC"}

package/dist/components/IconAlert/IconAlert.constants.d.mts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IconAlertSeverity, IconColor, IconName } from "@metamask/design-system-shared";
+export declare const ICON_ALERT_SEVERITY_MAP: Record<IconAlertSeverity, {
+    name: IconName;
+    color: IconColor;
+}>;
+//# sourceMappingURL=IconAlert.constants.d.mts.map

package/dist/components/IconAlert/IconAlert.constants.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.constants.d.mts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACT,uCAAuC;AAExC,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,iBAAiB,EACjB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAkBrC,CAAC"}

package/dist/components/IconAlert/IconAlert.constants.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { IconAlertSeverity, IconColor, IconName } from "@metamask/design-system-shared";
+export const ICON_ALERT_SEVERITY_MAP = {
+    [IconAlertSeverity.Info]: {
+        name: IconName.Info,
+        color: IconColor.PrimaryDefault,
+    },
+    [IconAlertSeverity.Success]: {
+        name: IconName.Confirmation,
+        color: IconColor.SuccessDefault,
+    },
+    [IconAlertSeverity.Warning]: {
+        name: IconName.Danger,
+        color: IconColor.WarningDefault,
+    },
+    [IconAlertSeverity.Danger]: {
+        name: IconName.Error,
+        color: IconColor.ErrorDefault,
+    },
+};
+//# sourceMappingURL=IconAlert.constants.mjs.map

package/dist/components/IconAlert/IconAlert.constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACT,uCAAuC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAGhC;IACF,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE;QACxB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,KAAK,EAAE,SAAS,CAAC,cAAc;KAChC;IACD,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,EAAE,QAAQ,CAAC,YAAY;QAC3B,KAAK,EAAE,SAAS,CAAC,cAAc;KAChC;IACD,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,EAAE,QAAQ,CAAC,MAAM;QACrB,KAAK,EAAE,SAAS,CAAC,cAAc;KAChC;IACD,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,EAAE,QAAQ,CAAC,KAAK;QACpB,KAAK,EAAE,SAAS,CAAC,YAAY;KAC9B;CACF,CAAC","sourcesContent":["import {\n IconAlertSeverity,\n IconColor,\n IconName,\n} from '@metamask/design-system-shared';\n\nexport const ICON_ALERT_SEVERITY_MAP: Record<\n IconAlertSeverity,\n { name: IconName; color: IconColor }\n> = {\n [IconAlertSeverity.Info]: {\n name: IconName.Info,\n color: IconColor.PrimaryDefault,\n },\n [IconAlertSeverity.Success]: {\n name: IconName.Confirmation,\n color: IconColor.SuccessDefault,\n },\n [IconAlertSeverity.Warning]: {\n name: IconName.Danger,\n color: IconColor.WarningDefault,\n },\n [IconAlertSeverity.Danger]: {\n name: IconName.Error,\n color: IconColor.ErrorDefault,\n },\n};\n"]}

package/dist/components/IconAlert/IconAlert.d.cts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IconAlertProps } from "./IconAlert.types.cjs";
+export declare const IconAlert: {
+    ({ severity, ...props }: IconAlertProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=IconAlert.d.cts.map

package/dist/components/IconAlert/IconAlert.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.d.cts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS;6BAA4B,cAAc;;CAG/D,CAAC"}

package/dist/components/IconAlert/IconAlert.d.mts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IconAlertProps } from "./IconAlert.types.mjs";
+export declare const IconAlert: {
+    ({ severity, ...props }: IconAlertProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=IconAlert.d.mts.map

package/dist/components/IconAlert/IconAlert.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.d.mts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS;6BAA4B,cAAc;;CAG/D,CAAC"}

package/dist/components/IconAlert/IconAlert.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { Icon } from "../Icon/index.mjs";
+import { ICON_ALERT_SEVERITY_MAP } from "./IconAlert.constants.mjs";
+export const IconAlert = ({ severity, ...props }) => {
+    const { name, color } = ICON_ALERT_SEVERITY_MAP[severity];
+    return React.createElement(Icon, { ...props, color: color, name: name });
+};
+IconAlert.displayName = 'IconAlert';
+//# sourceMappingURL=IconAlert.mjs.map

package/dist/components/IconAlert/IconAlert.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.mjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EAAE,uBAAuB,EAAE,kCAA8B;AAGhE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC1D,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACvD,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { ICON_ALERT_SEVERITY_MAP } from './IconAlert.constants';\nimport type { IconAlertProps } from './IconAlert.types';\n\nexport const IconAlert = ({ severity, ...props }: IconAlertProps) => {\n const { name, color } = ICON_ALERT_SEVERITY_MAP[severity];\n return <Icon {...props} color={color} name={name} />;\n};\n\nIconAlert.displayName = 'IconAlert';\n"]}

package/dist/components/IconAlert/IconAlert.types.cjs ADDED Viewed

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IconAlert.types.cjs.map

package/dist/components/IconAlert/IconAlert.types.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.types.cjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconAlertPropsShared } from '@metamask/design-system-shared';\n\nimport type { IconProps } from '../Icon';\n\nexport type IconAlertProps = IconAlertPropsShared &\n Omit<IconProps, 'name' | 'color' | keyof IconAlertPropsShared>;\n"]}

package/dist/components/IconAlert/IconAlert.types.d.cts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { IconAlertPropsShared } from "@metamask/design-system-shared";
+import type { IconProps } from "../Icon/index.cjs";
+export type IconAlertProps = IconAlertPropsShared & Omit<IconProps, 'name' | 'color' | keyof IconAlertPropsShared>;
+//# sourceMappingURL=IconAlert.types.d.cts.map

package/dist/components/IconAlert/IconAlert.types.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.types.d.cts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,uCAAuC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,oBAAoB,CAAC,CAAC"}

package/dist/components/IconAlert/IconAlert.types.d.mts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { IconAlertPropsShared } from "@metamask/design-system-shared";
+import type { IconProps } from "../Icon/index.mjs";
+export type IconAlertProps = IconAlertPropsShared & Omit<IconProps, 'name' | 'color' | keyof IconAlertPropsShared>;
+//# sourceMappingURL=IconAlert.types.d.mts.map

package/dist/components/IconAlert/IconAlert.types.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IconAlert.types.d.mts","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,uCAAuC;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,oBAAoB,CAAC,CAAC"}

package/dist/components/IconAlert/IconAlert.types.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=IconAlert.types.mjs.map

package/dist/components/IconAlert/IconAlert.types.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconAlert.types.mjs","sourceRoot":"","sources":["../../../src/components/IconAlert/IconAlert.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IconAlertPropsShared } from '@metamask/design-system-shared';\n\nimport type { IconProps } from '../Icon';\n\nexport type IconAlertProps = IconAlertPropsShared &\n Omit<IconProps, 'name' | 'color' | keyof IconAlertPropsShared>;\n"]}

package/dist/components/IconAlert/index.cjs ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAlert = exports.IconAlertSeverity = void 0;
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "IconAlertSeverity", { enumerable: true, get: function () { return design_system_shared_1.IconAlertSeverity; } });
+var IconAlert_1 = require("./IconAlert.cjs");
+Object.defineProperty(exports, "IconAlert", { enumerable: true, get: function () { return IconAlert_1.IconAlert; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/IconAlert/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/IconAlert/index.ts"],"names":[],"mappings":";;;AAAA,uEAAmE;AAA1D,yHAAA,iBAAiB,OAAA;AAC1B,6CAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { IconAlertSeverity } from '@metamask/design-system-shared';\nexport { IconAlert } from './IconAlert';\nexport type { IconAlertProps } from './IconAlert.types';\n"]}

package/dist/components/IconAlert/index.d.cts ADDED Viewed

@@ -0,0 +1,4 @@
+export { IconAlertSeverity } from "@metamask/design-system-shared";
+export { IconAlert } from "./IconAlert.cjs";
+export type { IconAlertProps } from "./IconAlert.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/IconAlert/index.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/IconAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AACnE,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

package/dist/components/IconAlert/index.d.mts ADDED Viewed

@@ -0,0 +1,4 @@
+export { IconAlertSeverity } from "@metamask/design-system-shared";
+export { IconAlert } from "./IconAlert.mjs";
+export type { IconAlertProps } from "./IconAlert.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/IconAlert/index.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/IconAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AACnE,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

package/dist/components/IconAlert/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export { IconAlertSeverity } from "@metamask/design-system-shared";
+export { IconAlert } from "./IconAlert.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/IconAlert/index.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/IconAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AACnE,OAAO,EAAE,SAAS,EAAE,wBAAoB","sourcesContent":["export { IconAlertSeverity } from '@metamask/design-system-shared';\nexport { IconAlert } from './IconAlert';\nexport type { IconAlertProps } from './IconAlert.types';\n"]}

package/dist/components/index.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = exports.HelpTextSeverity = exports.HelpText = exports.HeaderBase = exports.Checkbox = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Blockies = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
-exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.TagSeverity = exports.Tag = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextFieldSearch = exports.FormTextField = exports.TextFieldType = exports.TextFieldSize = exports.TextField = exports.TextButtonSize = exports.TextButton = exports.TextAreaResize = exports.TextArea = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.PopoverRole = exports.PopoverPosition = exports.Popover = exports.PopoverHeader = exports.SensitiveTextLength = exports.SensitiveText = exports.Skeleton = exports.MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR = exports.ModalContentSize = exports.ModalContent = exports.useModalContext = exports.Modal = exports.ModalHeader = exports.ModalFooter = exports.ButtonsAlignment = exports.ModalFocus = exports.ModalBody = exports.ModalOverlay = exports.Maskicon = exports.Label = exports.Jazzicon = exports.Input = exports.IconColor = exports.IconSize = exports.IconName = void 0;
-exports.usePureBlack = exports.PureBlackProvider = exports.ToastSeverity = exports.toast = exports.Toaster = exports.Toast = void 0;
+exports.HelpTextSeverity = exports.HelpText = exports.HeaderBase = exports.Checkbox = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Blockies = exports.BannerBaseActionButtonLayout = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
+exports.TagSeverity = exports.Tag = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextFieldSearch = exports.FormTextField = exports.TextFieldType = exports.TextFieldSize = exports.TextField = exports.TextButtonSize = exports.TextButton = exports.TextAreaResize = exports.TextArea = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.PopoverRole = exports.PopoverPosition = exports.Popover = exports.PopoverHeader = exports.SensitiveTextLength = exports.SensitiveText = exports.Skeleton = exports.MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR = exports.ModalContentSize = exports.ModalContent = exports.useModalContext = exports.Modal = exports.ModalHeader = exports.ModalFooter = exports.ButtonsAlignment = exports.ModalFocus = exports.ModalBody = exports.ModalOverlay = exports.Maskicon = exports.Label = exports.Jazzicon = exports.Input = exports.IconAlertSeverity = exports.IconAlert = exports.IconColor = exports.IconSize = exports.IconName = exports.Icon = void 0;
+exports.usePureBlack = exports.PureBlackProvider = exports.ToastSeverity = exports.toast = exports.Toaster = exports.Toast = exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = void 0;
 var AvatarAccount_1 = require("./AvatarAccount/index.cjs");
 Object.defineProperty(exports, "AvatarAccount", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccount; } });
 Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountSize; } });
@@ -48,6 +48,7 @@ Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get:
 Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return BadgeWrapper_2.BadgeWrapperPositionAnchorShape; } });
 var BannerBase_1 = require("./BannerBase/index.cjs");
 Object.defineProperty(exports, "BannerBase", { enumerable: true, get: function () { return BannerBase_1.BannerBase; } });
+Object.defineProperty(exports, "BannerBaseActionButtonLayout", { enumerable: true, get: function () { return BannerBase_1.BannerBaseActionButtonLayout; } });
 var Blockies_1 = require("./temp-components/Blockies/index.cjs");
 Object.defineProperty(exports, "Blockies", { enumerable: true, get: function () { return Blockies_1.Blockies; } });
 var Box_1 = require("./Box/index.cjs");
@@ -83,6 +84,9 @@ var Icon_2 = require("./Icon/index.cjs");
 Object.defineProperty(exports, "IconName", { enumerable: true, get: function () { return Icon_2.IconName; } });
 Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return Icon_2.IconSize; } });
 Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return Icon_2.IconColor; } });
+var IconAlert_1 = require("./IconAlert/index.cjs");
+Object.defineProperty(exports, "IconAlert", { enumerable: true, get: function () { return IconAlert_1.IconAlert; } });
+Object.defineProperty(exports, "IconAlertSeverity", { enumerable: true, get: function () { return IconAlert_1.IconAlertSeverity; } });
 var Input_1 = require("./Input/index.cjs");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
 var Jazzicon_1 = require("./temp-components/Jazzicon/index.cjs");

package/dist/components/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;AAAA,2DAIyB;AAHvB,8GAAA,aAAa,OAAA;AACb,kHAAA,iBAAiB,OAAA;AACjB,qHAAA,oBAAoB,OAAA;AAItB,qDAA2E;AAAlE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,6GAAA,eAAe,OAAA;AAGpD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAIuB;AAHrB,0GAAA,WAAW,OAAA;AACX,8GAAA,eAAe,OAAA;AACf,iHAAA,kBAAkB,OAAA;AAIpB,qDAA8E;AAArE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,gHAAA,kBAAkB,OAAA;AAGvD,2DAAmE;AAA1D,8GAAA,aAAa,OAAA;AAAE,kHAAA,iBAAiB,OAAA;AAGzC,uDAA6D;AAApD,0GAAA,WAAW,OAAA;AAAE,8GAAA,eAAe,OAAA;AAGrC,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,uDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,uDAAmE;AAA1D,gHAAA,iBAAiB,OAAA;AAAE,8GAAA,eAAe,OAAA;AAE3C,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,yDAGwB;AAFtB,oHAAA,oBAAoB,OAAA;AACpB,+HAAA,+BAA+B,OAAA;AAIjC,~~qDAA0C~~;~~AAAjC~~,wGAAA,UAAU,OAAA;~~AAGnB~~,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,uCAQe;AAPb,uGAAA,gBAAgB,OAAA;AAChB,kGAAA,WAAW,OAAA;AACX,oGAAA,aAAa,OAAA;AACb,wGAAA,iBAAiB,OAAA;AACjB,yGAAA,kBAAkB,OAAA;AAClB,qGAAA,cAAc,OAAA;AACd,0FAAA,GAAG,OAAA;AAIL,6CAA6D;AAApD,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAAE,uGAAA,aAAa,OAAA;AAG1C,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,qDAA8C;AAArC,4GAAA,cAAc,OAAA;AAEvB,qDAA6E;AAApE,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAAE,+GAAA,iBAAiB,OAAA;AAGtD,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,iDAAwD;AAA/C,oGAAA,QAAQ,OAAA;AAAE,4GAAA,gBAAgB,OAAA;AAGnC,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAAuD;AAA9C,gGAAA,QAAQ,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAGtC,2CAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,2CAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,iEAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAGjB,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,uDAA8D;AAArD,+GAAA,gBAAgB,OAAA;AAAE,0GAAA,WAAW,OAAA;AAEtC,uDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,2CAAiD;AAAxC,8FAAA,KAAK,OAAA;AAAE,wGAAA,eAAe,OAAA;AAE/B,yDAIwB;AAHtB,4GAAA,YAAY,OAAA;AACZ,gHAAA,gBAAgB,OAAA;AAChB,uIAAA,uCAAuC,OAAA;AAIzC,iDAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,2DAAqE;AAA5D,8GAAA,aAAa,OAAA;AAAE,oHAAA,mBAAmB,OAAA;AAG3C,2DAAgD;AAAvC,8GAAA,aAAa,OAAA;AAGtB,+CAAkE;AAAzD,kGAAA,OAAO,OAAA;AAAE,0GAAA,eAAe,OAAA;AAAE,sGAAA,WAAW,OAAA;AAG9C,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCASgB;AARd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,iDAAsD;AAA7C,oGAAA,QAAQ,OAAA;AAAE,0GAAA,cAAc,OAAA;AAGjC,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,mDAAsE;AAA7D,sGAAA,SAAS,OAAA;AAAE,0GAAA,aAAa,OAAA;AAAE,0GAAA,aAAa,OAAA;AAGhD,2DAAgD;AAAvC,8GAAA,aAAa,OAAA;AAGtB,+DAAoD;AAA3C,kHAAA,eAAe,OAAA;AAGxB,uDAAiE;AAAxD,0GAAA,WAAW,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AAGzC,uCAAyC;AAAhC,0FAAA,GAAG,OAAA;AAAE,kGAAA,WAAW,OAAA;AAGzB,qDAA0D;AAAjD,wGAAA,UAAU,OAAA;AAAE,4GAAA,cAAc,OAAA;AAGnC,yDAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,2CAA+D;AAAtD,8FAAA,KAAK,OAAA;AAAE,gGAAA,OAAO,OAAA;AAAE,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA;AAG7C,mEAAsE;AAA7D,sHAAA,iBAAiB,OAAA;AAAE,iHAAA,YAAY,OAAA","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase';\n\nexport { HelpText, HelpTextSeverity } from './HelpText';\nexport type { HelpTextProps } from './HelpText';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay';\nexport { ModalBody } from './ModalBody';\nexport type { ModalBodyProps } from './ModalBody';\nexport { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus';\nexport { ButtonsAlignment, ModalFooter } from './ModalFooter';\nexport type { ModalFooterButtonProps, ModalFooterProps } from './ModalFooter';\nexport { ModalHeader } from './ModalHeader';\nexport type { ModalHeaderProps } from './ModalHeader';\nexport { Modal, useModalContext } from './Modal';\nexport type { ModalContextType, ModalProps } from './Modal';\nexport {\n ModalContent,\n ModalContentSize,\n MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR,\n} from './ModalContent';\nexport type { ModalContentProps } from './ModalContent';\n\nexport { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton';\n\nexport { SensitiveText, SensitiveTextLength } from './SensitiveText';\nexport type { SensitiveTextProps } from './SensitiveText';\n\nexport { PopoverHeader } from './PopoverHeader';\nexport type { PopoverHeaderProps } from './PopoverHeader';\n\nexport { Popover, PopoverPosition, PopoverRole } from './Popover';\nexport type { PopoverProps } from './Popover';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextArea, TextAreaResize } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { TextField, TextFieldSize, TextFieldType } from './TextField';\nexport type { TextFieldProps } from './TextField';\n\nexport { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField';\n\nexport { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { Tag, TagSeverity } from './Tag';\nexport type { TagProps } from './Tag';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n\nexport { Toast, Toaster, toast, ToastSeverity } from './Toast';\nexport type { ToastOptions, ToastProps, ToasterProps } from './Toast';\n\nexport { PureBlackProvider, usePureBlack } from './PureBlackProvider';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase, BannerBaseActionButtonLayout } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase';\n\nexport { HelpText, HelpTextSeverity } from './HelpText';\nexport type { HelpTextProps } from './HelpText';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { IconAlert, IconAlertSeverity } from './IconAlert';\nexport type { IconAlertProps } from './IconAlert';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay';\nexport { ModalBody } from './ModalBody';\nexport type { ModalBodyProps } from './ModalBody';\nexport { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus';\nexport { ButtonsAlignment, ModalFooter } from './ModalFooter';\nexport type { ModalFooterButtonProps, ModalFooterProps } from './ModalFooter';\nexport { ModalHeader } from './ModalHeader';\nexport type { ModalHeaderProps } from './ModalHeader';\nexport { Modal, useModalContext } from './Modal';\nexport type { ModalContextType, ModalProps } from './Modal';\nexport {\n ModalContent,\n ModalContentSize,\n MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR,\n} from './ModalContent';\nexport type { ModalContentProps } from './ModalContent';\n\nexport { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton';\n\nexport { SensitiveText, SensitiveTextLength } from './SensitiveText';\nexport type { SensitiveTextProps } from './SensitiveText';\n\nexport { PopoverHeader } from './PopoverHeader';\nexport type { PopoverHeaderProps } from './PopoverHeader';\n\nexport { Popover, PopoverPosition, PopoverRole } from './Popover';\nexport type { PopoverProps } from './Popover';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextArea, TextAreaResize } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { TextField, TextFieldSize, TextFieldType } from './TextField';\nexport type { TextFieldProps } from './TextField';\n\nexport { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField';\n\nexport { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { Tag, TagSeverity } from './Tag';\nexport type { TagProps } from './Tag';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n\nexport { Toast, Toaster, toast, ToastSeverity } from './Toast';\nexport type { ToastOptions, ToastProps, ToasterProps } from './Toast';\n\nexport { PureBlackProvider, usePureBlack } from './PureBlackProvider';\n"]}

package/dist/components/index.d.cts CHANGED Viewed

@@ -26,7 +26,7 @@ export { BadgeWrapper } from "./BadgeWrapper/index.cjs";
 export type { BadgeWrapperProps } from "./BadgeWrapper/index.cjs";
 export { BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from "./BadgeWrapper/index.cjs";
 export type { BadgeWrapperCustomPosition } from "./BadgeWrapper/index.cjs";
-export { BannerBase } from "./BannerBase/index.cjs";
+export { BannerBase, BannerBaseActionButtonLayout } from "./BannerBase/index.cjs";
 export type { BannerBaseProps } from "./BannerBase/index.cjs";
 export { Blockies } from "./temp-components/Blockies/index.cjs";
 export type { BlockiesProps } from "./temp-components/Blockies/index.cjs";
@@ -48,6 +48,8 @@ export type { HelpTextProps } from "./HelpText/index.cjs";
 export { Icon } from "./Icon/index.cjs";
 export { IconName, IconSize, IconColor } from "./Icon/index.cjs";
 export type { IconProps } from "./Icon/index.cjs";
+export { IconAlert, IconAlertSeverity } from "./IconAlert/index.cjs";
+export type { IconAlertProps } from "./IconAlert/index.cjs";
 export { Input } from "./Input/index.cjs";
 export type { InputProps } from "./Input/index.cjs";
 export { Jazzicon } from "./temp-components/Jazzicon/index.cjs";

package/dist/components/index.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,GACrB,kCAAwB;AACzB,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAC3E,YAAY,EAAE,eAAe,EAAE,+BAAqB;AAEpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AACnE,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,GACnB,gCAAsB;AACvB,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AAEtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,+BAAqB;AAC9E,YAAY,EAAE,eAAe,EAAE,+BAAqB;AAEpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AACnE,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAC7D,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AAEtD,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAAqB;AACpD,OAAO,EAAE,cAAc,EAAE,+BAAqB;AAE9C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAAoB;AAElD,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAAuB;AAExD,OAAO,EAAE,WAAW,EAAE,gCAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AACtD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAEnE,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAAuB;AACxD,OAAO,EACL,oBAAoB,EACpB,+BAA+B,GAChC,iCAAuB;AACxB,YAAY,EAAE,0BAA0B,EAAE,iCAAuB;AAEjE,OAAO,EAAE,UAAU,EAAE,+BAAqB;~~AAC1C~~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"}
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.mts CHANGED Viewed

@@ -26,7 +26,7 @@ export { BadgeWrapper } from "./BadgeWrapper/index.mjs";
 export type { BadgeWrapperProps } from "./BadgeWrapper/index.mjs";
 export { BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from "./BadgeWrapper/index.mjs";
 export type { BadgeWrapperCustomPosition } from "./BadgeWrapper/index.mjs";
-export { BannerBase } from "./BannerBase/index.mjs";
+export { BannerBase, BannerBaseActionButtonLayout } from "./BannerBase/index.mjs";
 export type { BannerBaseProps } from "./BannerBase/index.mjs";
 export { Blockies } from "./temp-components/Blockies/index.mjs";
 export type { BlockiesProps } from "./temp-components/Blockies/index.mjs";
@@ -48,6 +48,8 @@ export type { HelpTextProps } from "./HelpText/index.mjs";
 export { Icon } from "./Icon/index.mjs";
 export { IconName, IconSize, IconColor } from "./Icon/index.mjs";
 export type { IconProps } from "./Icon/index.mjs";
+export { IconAlert, IconAlertSeverity } from "./IconAlert/index.mjs";
+export type { IconAlertProps } from "./IconAlert/index.mjs";
 export { Input } from "./Input/index.mjs";
 export type { InputProps } from "./Input/index.mjs";
 export { Jazzicon } from "./temp-components/Jazzicon/index.mjs";

package/dist/components/index.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,GACrB,kCAAwB;AACzB,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAC3E,YAAY,EAAE,eAAe,EAAE,+BAAqB;AAEpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AACnE,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,GACnB,gCAAsB;AACvB,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AAEtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,+BAAqB;AAC9E,YAAY,EAAE,eAAe,EAAE,+BAAqB;AAEpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AACnE,YAAY,EAAE,kBAAkB,EAAE,kCAAwB;AAE1D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAC7D,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AAEtD,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAAqB;AACpD,OAAO,EAAE,cAAc,EAAE,+BAAqB;AAE9C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAAoB;AAElD,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAAuB;AAExD,OAAO,EAAE,WAAW,EAAE,gCAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAAsB;AACtD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAEnE,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAAuB;AACxD,OAAO,EACL,oBAAoB,EACpB,+BAA+B,GAChC,iCAAuB;AACxB,YAAY,EAAE,0BAA0B,EAAE,iCAAuB;AAEjE,OAAO,EAAE,UAAU,EAAE,+BAAqB;~~AAC1C~~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"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.mjs CHANGED Viewed

@@ -13,7 +13,7 @@ export { BadgeStatus } from "./BadgeStatus/index.mjs";
 export { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus/index.mjs";
 export { BadgeWrapper } from "./BadgeWrapper/index.mjs";
 export { BadgeWrapperPosition, BadgeWrapperPositionAnchorShape } from "./BadgeWrapper/index.mjs";
-export { BannerBase } from "./BannerBase/index.mjs";
+export { BannerBase, BannerBaseActionButtonLayout } from "./BannerBase/index.mjs";
 export { Blockies } from "./temp-components/Blockies/index.mjs";
 export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, Box } from "./Box/index.mjs";
 export { Button, ButtonSize, ButtonVariant } from "./Button/index.mjs";
@@ -25,6 +25,7 @@ export { HeaderBase } from "./HeaderBase/index.mjs";
 export { HelpText, HelpTextSeverity } from "./HelpText/index.mjs";
 export { Icon } from "./Icon/index.mjs";
 export { IconName, IconSize, IconColor } from "./Icon/index.mjs";
+export { IconAlert, IconAlertSeverity } from "./IconAlert/index.mjs";
 export { Input } from "./Input/index.mjs";
 export { Jazzicon } from "./temp-components/Jazzicon/index.mjs";
 export { Label } from "./Label/index.mjs";

package/dist/components/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACrB,kCAAwB;AAGzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAG3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EACnB,gCAAsB;AAGvB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,+BAAqB;AAG9E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAG7D,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAE1C,OAAO,EAAE,cAAc,EAAE,+BAAqB;AAE9C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAGxC,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,WAAW,EAAE,gCAAsB;AAE5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAEnE,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAE9C,OAAO,EACL,oBAAoB,EACpB,+BAA+B,EAChC,iCAAuB;AAGxB,OAAO,EAAE,UAAU,EAAE,+BAAqB;~~AAG1C~~,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,GAAG,EACJ,wBAAc;AAGf,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAE1C,OAAO,EAAE,cAAc,EAAE,+BAAqB;AAE9C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,+BAAqB;AAG7E,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAG1C,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,6BAAmB;AAGxD,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AAGvD,OAAO,EAAE,KAAK,EAAE,0BAAgB;AAGhC,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,KAAK,EAAE,0BAAgB;AAGhC,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAE9C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAExC,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAE1C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,gCAAsB;AAE9D,OAAO,EAAE,WAAW,EAAE,gCAAsB;AAE5C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,0BAAgB;AAEjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,uCAAuC,EACxC,iCAAuB;AAGxB,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,kCAAwB;AAGrE,OAAO,EAAE,aAAa,EAAE,kCAAwB;AAGhD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,4BAAkB;AAGlE,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAe;AAGhB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,6BAAmB;AAGtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,8BAAoB;AAGtE,OAAO,EAAE,aAAa,EAAE,kCAAwB;AAGhD,OAAO,EAAE,eAAe,EAAE,oCAA0B;AAGpD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,gCAAsB;AAGjE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,wBAAc;AAGzC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,0BAAgB;AAG/D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,sCAA4B","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase';\n\nexport { HelpText, HelpTextSeverity } from './HelpText';\nexport type { HelpTextProps } from './HelpText';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay';\nexport { ModalBody } from './ModalBody';\nexport type { ModalBodyProps } from './ModalBody';\nexport { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus';\nexport { ButtonsAlignment, ModalFooter } from './ModalFooter';\nexport type { ModalFooterButtonProps, ModalFooterProps } from './ModalFooter';\nexport { ModalHeader } from './ModalHeader';\nexport type { ModalHeaderProps } from './ModalHeader';\nexport { Modal, useModalContext } from './Modal';\nexport type { ModalContextType, ModalProps } from './Modal';\nexport {\n ModalContent,\n ModalContentSize,\n MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR,\n} from './ModalContent';\nexport type { ModalContentProps } from './ModalContent';\n\nexport { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton';\n\nexport { SensitiveText, SensitiveTextLength } from './SensitiveText';\nexport type { SensitiveTextProps } from './SensitiveText';\n\nexport { PopoverHeader } from './PopoverHeader';\nexport type { PopoverHeaderProps } from './PopoverHeader';\n\nexport { Popover, PopoverPosition, PopoverRole } from './Popover';\nexport type { PopoverProps } from './Popover';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextArea, TextAreaResize } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { TextField, TextFieldSize, TextFieldType } from './TextField';\nexport type { TextFieldProps } from './TextField';\n\nexport { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField';\n\nexport { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { Tag, TagSeverity } from './Tag';\nexport type { TagProps } from './Tag';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n\nexport { Toast, Toaster, toast, ToastSeverity } from './Toast';\nexport type { ToastOptions, ToastProps, ToasterProps } from './Toast';\n\nexport { PureBlackProvider, usePureBlack } from './PureBlackProvider';\n"]}
1	+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountSize,\n AvatarAccountVariant,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\nexport { BadgeCountSize } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\n\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper';\nexport {\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type { BadgeWrapperCustomPosition } from './BadgeWrapper';\n\nexport { BannerBase, BannerBaseActionButtonLayout } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n Box,\n} from './Box';\nexport type { BoxSpacing, BoxProps, BoxBorderWidth } from './Box';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonBase } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\nexport { ButtonBaseSize } from './ButtonBase';\n\nexport { ButtonIcon, ButtonIconSize, ButtonIconVariant } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase';\n\nexport { HelpText, HelpTextSeverity } from './HelpText';\nexport type { HelpTextProps } from './HelpText';\n\nexport { Icon } from './Icon';\nexport { IconName, IconSize, IconColor } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { IconAlert, IconAlertSeverity } from './IconAlert';\nexport type { IconAlertProps } from './IconAlert';\n\nexport { Input } from './Input';\nexport type { InputProps } from './Input';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Label } from './Label';\nexport type { LabelProps } from './Label';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay';\nexport { ModalBody } from './ModalBody';\nexport type { ModalBodyProps } from './ModalBody';\nexport { ModalFocus } from './ModalFocus';\nexport type { FocusableElement, ModalFocusProps } from './ModalFocus';\nexport { ButtonsAlignment, ModalFooter } from './ModalFooter';\nexport type { ModalFooterButtonProps, ModalFooterProps } from './ModalFooter';\nexport { ModalHeader } from './ModalHeader';\nexport type { ModalHeaderProps } from './ModalHeader';\nexport { Modal, useModalContext } from './Modal';\nexport type { ModalContextType, ModalProps } from './Modal';\nexport {\n ModalContent,\n ModalContentSize,\n MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR,\n} from './ModalContent';\nexport type { ModalContentProps } from './ModalContent';\n\nexport { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton';\n\nexport { SensitiveText, SensitiveTextLength } from './SensitiveText';\nexport type { SensitiveTextProps } from './SensitiveText';\n\nexport { PopoverHeader } from './PopoverHeader';\nexport type { PopoverHeaderProps } from './PopoverHeader';\n\nexport { Popover, PopoverPosition, PopoverRole } from './Popover';\nexport type { PopoverProps } from './Popover';\n\nexport { Text } from './Text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontFamily,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextArea, TextAreaResize } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport { TextField, TextFieldSize, TextFieldType } from './TextField';\nexport type { TextFieldProps } from './TextField';\n\nexport { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField';\n\nexport { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch';\n\nexport { BannerAlert, BannerAlertSeverity } from './BannerAlert';\nexport type { BannerAlertProps } from './BannerAlert';\n\nexport { Tag, TagSeverity } from './Tag';\nexport type { TagProps } from './Tag';\n\nexport { ButtonHero, ButtonHeroSize } from './ButtonHero';\nexport type { ButtonHeroProps } from './ButtonHero';\n\nexport { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter';\n\nexport { Toast, Toaster, toast, ToastSeverity } from './Toast';\nexport type { ToastOptions, ToastProps, ToasterProps } from './Toast';\n\nexport { PureBlackProvider, usePureBlack } from './PureBlackProvider';\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@metamask/design-system-shared": "^0.28.0",
+    "@metamask/design-system-shared": "^0.31.0",
     "@metamask/jazzicon": "^2.0.0",
     "@radix-ui/react-slot": "^1.1.0",
     "blo": "^2.0.0",
@@ -56,7 +56,7 @@
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {
-    "@figma/code-connect": "^1.4.8",
+    "@figma/code-connect": "^1.4.9",
     "@jest/globals": "^29.7.0",
     "@metamask/auto-changelog": "^6.1.1",
     "@metamask/design-system-tailwind-preset": "^0.10.0",