npm - @metamask/design-system-react - Versions diffs - 0.19.0 → 0.20.0 - Mend

@metamask/design-system-react 0.19.0 → 0.20.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 (144) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -7,6 +7,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
+## [0.20.0]
+### Changed
+- **BREAKING:** Updated `Button`, `ButtonBase`, and `ButtonHero` size and variant exports to use shared const-object + string-union types rather than platform-local enum-based definitions, aligning React with the shared cross-platform type contracts ([#1034](https://github.com/MetaMask/metamask-design-system/pull/1034))
+  - No migration required for typical usage; continue importing from `@metamask/design-system-react` as before.
+  - Runtime values remain stable while type definitions follow ADR-0003/ADR-0004.
+- **BREAKING:** Updated `ButtonIconSize` and `ButtonIconVariant` to use shared const-object + string-union types rather than platform-local enum-based definitions, aligning React with the shared cross-platform type contracts ([#1038](https://github.com/MetaMask/metamask-design-system/pull/1038))
+  - No migration required for typical usage; continue importing from `@metamask/design-system-react` as before.
+  - Runtime values remain stable while type definitions follow ADR-0003/ADR-0004.
+- Updated Figma Code Connect to the live `MMDS Components` file and aligned `ButtonIcon` and `TextButton` mappings with the current component APIs shown in Dev Mode ([#1109](https://github.com/MetaMask/metamask-design-system/pull/1109))
+- Expanded the `TextButton` migration guide for extension consumers replacing `ButtonLink` and `ButtonVariant.Link` with the current design-system APIs ([#1098](https://github.com/MetaMask/metamask-design-system/pull/1098))
 ## [0.19.0]
 ### Added
@@ -269,7 +282,8 @@ 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.19.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.20.0...HEAD
+[0.20.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.19.0...@metamask/design-system-react@0.20.0
 [0.19.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.18.0...@metamask/design-system-react@0.19.0
 [0.18.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.17.1...@metamask/design-system-react@0.18.0
 [0.17.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.17.0...@metamask/design-system-react@0.17.1

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

@@ -42,7 +42,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.cjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -293,9 +293,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
@@ -303,7 +304,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -352,7 +352,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.cjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -603,9 +603,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
@@ -613,7 +614,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

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

@@ -42,7 +42,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.mjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -293,9 +293,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
@@ -303,7 +304,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -352,7 +352,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.mjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -603,9 +603,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
@@ -613,7 +614,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

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

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerBase = void 0;
 const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Box_1 = require("../Box/index.cjs");
 const Button_1 = require("../Button/index.cjs");
@@ -48,8 +47,8 @@ exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, 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-4" },
-                react_1.default.createElement(Button_1.Button, { size: types_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps }, actionButtonLabel)))),
-        shouldShowCloseButton && (react_1.default.createElement(ButtonIcon_1.ButtonIcon, { className: (0, tw_merge_1.twMerge)('ml-3 self-start', closeButtonClassName), iconName: types_1.IconName.Close, size: types_1.ButtonIconSize.Sm, ariaLabel: closeButtonAriaLabel, onClick: onClose ?? closeButtonPropsOnClick, ...resolvedCloseButtonProps }))));
+                react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps }, actionButtonLabel)))),
+        shouldShowCloseButton && (react_1.default.createElement(ButtonIcon_1.ButtonIcon, { className: (0, tw_merge_1.twMerge)('ml-3 self-start', closeButtonClassName), iconName: design_system_shared_1.IconName.Close, size: design_system_shared_1.ButtonIconSize.Sm, ariaLabel: closeButtonAriaLabel, onClick: onClose ?? closeButtonPropsOnClick, ...resolvedCloseButtonProps }))));
 });
 exports.BannerBase.displayName = 'BannerBase';
 //# sourceMappingURL=BannerBase.cjs.map

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,~~yEAMwC~~;AACxC,+CAA0C;AAE1C,~~iDAAmE;AACnE,~~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,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAE,oBAAoB,EAC/B,GAAG,wBAAwB,EAC5B,GAAG,gBAAgB,IAAI,EAAE,CAAC;IAE3B,MAAM,qBAAqB,GAAG,OAAO,CAAC,OAAO,IAAI,gBAAgB,CAAC,CAAC;IACnE,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,OAAO,EAAE,CAAC,EACV,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,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACnD,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,~~kBAAU~~,CAAC,EAAE,EACnB,OAAO,EAAE,mBAAmB,KACxB,yBAAyB,IAE5B,iBAAiB,CACX,CACL,CACP,CACG;QAEL,qBAAqB,IAAI,CACxB,8BAAC,uBAAU,IACT,SAAS,EAAE,IAAA,kBAAO,EAAC,iBAAiB,EAAE,oBAAoB,CAAC,EAC3D,QAAQ,EAAE,~~gBAAQ,~~CAAC,KAAK,EACxB,IAAI,EAAE,~~sBAAc~~,CAAC,EAAE,EACvB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,OAAO,IAAI,uBAAuB,KACvC,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 FontWeight,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ~~ButtonIconSize, ButtonSize, IconName } from '../../types';\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 onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose \|\| closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', 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-1' : 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 {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\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 BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\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 onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose \|\| closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', 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-1' : 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 {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

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

@@ -1,5 +1,5 @@
+import { IconName } from "@metamask/design-system-shared";
 import React from "react";
-import { ButtonSize, IconName } from "../../types/index.cjs";
 export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@metamask/design-system-shared").BannerBasePropsShared & Omit<import("../Box/index.cjs").BoxProps, "children"> & {
     titleProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
     descriptionProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
@@ -40,7 +40,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -291,9 +291,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
@@ -301,7 +302,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -597,9 +597,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
@@ -607,7 +608,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         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":"~~AAOA~~,OAAO,~~KAAqB~~,~~cAAc~~;~~AAE1C~~,OAAO,~~EAAkB~~,~~UAAU,EAAE,QAAQ,EAAE,8BAAoB~~;~~AAenE~~,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

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

@@ -1,5 +1,5 @@
+import { IconName } from "@metamask/design-system-shared";
 import React from "react";
-import { ButtonSize, IconName } from "../../types/index.mjs";
 export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@metamask/design-system-shared").BannerBasePropsShared & Omit<import("../Box/index.mjs").BoxProps, "children"> & {
     titleProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
     descriptionProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
@@ -40,7 +40,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -291,9 +291,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
@@ -301,7 +302,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -597,9 +597,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
@@ -607,7 +608,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         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":"~~AAOA~~,OAAO,~~KAAqB~~,~~cAAc~~;~~AAE1C~~,OAAO,~~EAAkB~~,~~UAAU,EAAE,QAAQ,EAAE,8BAAoB~~;~~AAenE~~,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

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

@@ -4,10 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, FontWeight, TextVariant } from "@metamask/design-system-shared";
+import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, ButtonIconSize, ButtonSize, FontWeight, IconName, TextVariant } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { ButtonIconSize, ButtonSize, IconName } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Box } from "../Box/index.mjs";
 import { Button } from "../Button/index.mjs";

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,UAAU,EACV,WAAW,EACZ,uCAAuC;AACxC,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,~~cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,8BAAoB;AACnE,~~OAAO,EAAE,~~OAAO,EAAE,~~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","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n FontWeight,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ~~ButtonIconSize, ButtonSize, IconName } from '../../types';\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 onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose \|\| closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', 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-1' : 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 {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\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 BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n ButtonIconSize,\n ButtonSize,\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 onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose \|\| closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', 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-1' : 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 {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

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

@@ -24,18 +24,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const ButtonPrimary_1 = require("./variants/ButtonPrimary/index.cjs");
 const ButtonSecondary_1 = require("./variants/ButtonSecondary/index.cjs");
 const ButtonTertiary_1 = require("./variants/ButtonTertiary/index.cjs");
-exports.Button = (0, react_1.forwardRef)(({ variant = types_1.ButtonVariant.Primary, ...props }, ref) => {
+exports.Button = (0, react_1.forwardRef)(({ variant = design_system_shared_1.ButtonVariant.Primary, ...props }, ref) => {
     switch (variant) {
-        case types_1.ButtonVariant.Primary:
+        case design_system_shared_1.ButtonVariant.Primary:
             return react_1.default.createElement(ButtonPrimary_1.ButtonPrimary, { ref: ref, ...props });
-        case types_1.ButtonVariant.Secondary:
+        case design_system_shared_1.ButtonVariant.Secondary:
             return (react_1.default.createElement(ButtonSecondary_1.ButtonSecondary, { ref: ref, ...props }));
-        case types_1.ButtonVariant.Tertiary:
+        case design_system_shared_1.ButtonVariant.Tertiary:
             return react_1.default.createElement(ButtonTertiary_1.ButtonTertiary, { ref: ref, ...props });
         default:
             return react_1.default.createElement(ButtonPrimary_1.ButtonPrimary, { ref: ref, ...props });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;~~AAE1C~~,~~iDAA4C;AAG5C,~~sEAAyD;AAEzD,0EAA6D;AAE7D,wEAA2D;AAG9C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,~~qBAAa~~,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,~~qBAAa~~,CAAC,OAAO;YACxB,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,~~qBAAa~~,CAAC,SAAS;YAC1B,OAAO,CACL,8BAAC,iCAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,~~qBAAa~~,CAAC,QAAQ;YACzB,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import ~~React,~~ { ~~forwardRef~~ } from '~~react~~';\n\nimport { ~~ButtonVariant~~ } from '~~../../types~~';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n switch (variant) {\n case ButtonVariant.Primary:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n case ButtonVariant.Secondary:\n return (\n <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n );\n case ButtonVariant.Tertiary:\n return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n default:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n }\n },\n);\n\nButton.displayName = 'Button';\n"]}
1	+ {"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAA+D;AAC/D,+CAA0C;AAG1C,sEAAyD;AAEzD,0EAA6D;AAE7D,wEAA2D;AAG9C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,oCAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,oCAAa,CAAC,OAAO;YACxB,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,oCAAa,CAAC,SAAS;YAC1B,OAAO,CACL,8BAAC,iCAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,oCAAa,CAAC,QAAQ;YACzB,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import { ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n switch (variant) {\n case ButtonVariant.Primary:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n case ButtonVariant.Secondary:\n return (\n <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n );\n case ButtonVariant.Tertiary:\n return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n default:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n }\n },\n);\n\nButton.displayName = 'Button';\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAqB,cAAc;~~AAI1C~~,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}
1	+ {"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAqB,cAAc;~~AAI1C~~,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}
1	+ {"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}

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

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { ButtonVariant } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { ButtonVariant } from "../../types/index.mjs";
 import { ButtonPrimary } from "./variants/ButtonPrimary/index.mjs";
 import { ButtonSecondary } from "./variants/ButtonSecondary/index.mjs";
 import { ButtonTertiary } from "./variants/ButtonTertiary/index.mjs";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,~~QAAO,~~EAAE,~~UAAU~~,EAAE,~~cAAc;;AAE1C~~,OAAO,EAAE,~~aAAa~~,EAAE,~~8BAAoB;AAG5C~~,OAAO,EAAE,aAAa,EAAE,2CAAiC;AAEzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAE7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAG3D,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import ~~React,~~ { ~~forwardRef~~ } from '~~react~~';\n\nimport { ~~ButtonVariant~~ } from '~~../../types~~';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n switch (variant) {\n case ButtonVariant.Primary:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n case ButtonVariant.Secondary:\n return (\n <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n );\n case ButtonVariant.Tertiary:\n return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n default:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n }\n },\n);\n\nButton.displayName = 'Button';\n"]}
1	+ {"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAG1C,OAAO,EAAE,aAAa,EAAE,2CAAiC;AAEzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAE7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAG3D,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import { ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n switch (variant) {\n case ButtonVariant.Primary:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n case ButtonVariant.Secondary:\n return (\n <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n );\n case ButtonVariant.Tertiary:\n return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n default:\n return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n }\n },\n);\n\nButton.displayName = 'Button';\n"]}

package/dist/components/Button/Button.types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '~~../../types~~';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = {\n /*\n ~~Optional prop to control the variant of the Button\~~n \n @default ButtonVariant.Primary\n */\n ~~variant?: ButtonVariant;\n} &~~ (\n \| (Omit<ButtonPrimaryProps, 'ref'> & {\n variant?: ButtonVariant.Primary;\n })\n \| (Omit<ButtonSecondaryProps, 'ref'> & {\n variant?: ButtonVariant.Secondary;\n })\n \| (Omit<ButtonTertiaryProps, 'ref'> & {\n variant?: ButtonVariant.Tertiary;\n })\n);\n"]}
1	+ {"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ButtonPropsShared,\n ButtonVariant,\n} from '@metamask/design-system-shared';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = ButtonPropsShared &\n (\n \| (Omit<ButtonPrimaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Primary;\n })\n \| (Omit<ButtonSecondaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Secondary;\n })\n \| (Omit<ButtonTertiaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Tertiary;\n })\n );\n"]}

package/dist/components/Button/Button.types.d.cts CHANGED Viewed

@@ -1,19 +1,12 @@
-import type { ButtonVariant } from "../../types/index.cjs";
+import type { ButtonPropsShared, ButtonVariant } from "@metamask/design-system-shared";
 import type { ButtonPrimaryProps } from "./variants/ButtonPrimary/index.cjs";
 import type { ButtonSecondaryProps } from "./variants/ButtonSecondary/index.cjs";
 import type { ButtonTertiaryProps } from "./variants/ButtonTertiary/index.cjs";
-export type ButtonProps = {
-    /**
-     * Optional prop to control the variant of the Button
-     *
-     * @default ButtonVariant.Primary
-     */
-    variant?: ButtonVariant;
-} & ((Omit<ButtonPrimaryProps, 'ref'> & {
-    variant?: ButtonVariant.Primary;
+export type ButtonProps = ButtonPropsShared & ((Omit<ButtonPrimaryProps, 'ref'> & {
+    variant?: typeof ButtonVariant.Primary;
 }) | (Omit<ButtonSecondaryProps, 'ref'> & {
-    variant?: ButtonVariant.Secondary;
+    variant?: typeof ButtonVariant.Secondary;
 }) | (Omit<ButtonTertiaryProps, 'ref'> & {
-    variant?: ButtonVariant.Tertiary;
+    variant?: typeof ButtonVariant.Tertiary;
 }));
 //# sourceMappingURL=Button.types.d.cts.map

package/dist/components/Button/Button.types.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,aAAa,~~EAAE~~,~~8BAAoB~~;~~AAEjD~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE,MAAM,MAAM,WAAW,GAAG~~;IACxB;;;;OAIG;IACH~~,~~OAAO~~,~~CAAC~~,~~EAAE~~,~~aAAa,~~CAAC~~;CACzB~~,~~GAAG,CACA,CAAC,~~IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;~~CACjC~~,CAAC,GACF,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;~~CACnC~~,CAAC,GACF,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;~~CAClC~~,CAAC,CACL,CAAC"}
1	+ {"version":3,"file":"Button.types.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACd,uCAAuC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CACI,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC;CACxC,CAAC,GACF,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,SAAS,CAAC;CAC1C,CAAC,GACF,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,QAAQ,CAAC;CACzC,CAAC,CACL,CAAC"}

package/dist/components/Button/Button.types.d.mts CHANGED Viewed

@@ -1,19 +1,12 @@
-import type { ButtonVariant } from "../../types/index.mjs";
+import type { ButtonPropsShared, ButtonVariant } from "@metamask/design-system-shared";
 import type { ButtonPrimaryProps } from "./variants/ButtonPrimary/index.mjs";
 import type { ButtonSecondaryProps } from "./variants/ButtonSecondary/index.mjs";
 import type { ButtonTertiaryProps } from "./variants/ButtonTertiary/index.mjs";
-export type ButtonProps = {
-    /**
-     * Optional prop to control the variant of the Button
-     *
-     * @default ButtonVariant.Primary
-     */
-    variant?: ButtonVariant;
-} & ((Omit<ButtonPrimaryProps, 'ref'> & {
-    variant?: ButtonVariant.Primary;
+export type ButtonProps = ButtonPropsShared & ((Omit<ButtonPrimaryProps, 'ref'> & {
+    variant?: typeof ButtonVariant.Primary;
 }) | (Omit<ButtonSecondaryProps, 'ref'> & {
-    variant?: ButtonVariant.Secondary;
+    variant?: typeof ButtonVariant.Secondary;
 }) | (Omit<ButtonTertiaryProps, 'ref'> & {
-    variant?: ButtonVariant.Tertiary;
+    variant?: typeof ButtonVariant.Tertiary;
 }));
 //# sourceMappingURL=Button.types.d.mts.map

package/dist/components/Button/Button.types.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,aAAa,~~EAAE~~,~~8BAAoB~~;~~AAEjD~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE,MAAM,MAAM,WAAW,GAAG~~;IACxB;;;;OAIG;IACH~~,~~OAAO~~,~~CAAC~~,~~EAAE~~,~~aAAa,~~CAAC~~;CACzB~~,~~GAAG,CACA,CAAC,~~IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;~~CACjC~~,CAAC,GACF,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;~~CACnC~~,CAAC,GACF,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC;~~CAClC~~,CAAC,CACL,CAAC"}
1	+ {"version":3,"file":"Button.types.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACd,uCAAuC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CACI,CAAC,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC;CACxC,CAAC,GACF,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,SAAS,CAAC;CAC1C,CAAC,GACF,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,QAAQ,CAAC;CACzC,CAAC,CACL,CAAC"}

package/dist/components/Button/Button.types.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '~~../../types~~';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = {\n /*\n ~~Optional prop to control the variant of the Button\~~n \n @default ButtonVariant.Primary\n */\n ~~variant?: ButtonVariant;\n} &~~ (\n \| (Omit<ButtonPrimaryProps, 'ref'> & {\n variant?: ButtonVariant.Primary;\n })\n \| (Omit<ButtonSecondaryProps, 'ref'> & {\n variant?: ButtonVariant.Secondary;\n })\n \| (Omit<ButtonTertiaryProps, 'ref'> & {\n variant?: ButtonVariant.Tertiary;\n })\n);\n"]}
1	+ {"version":3,"file":"Button.types.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ButtonPropsShared,\n ButtonVariant,\n} from '@metamask/design-system-shared';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = ButtonPropsShared &\n (\n \| (Omit<ButtonPrimaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Primary;\n })\n \| (Omit<ButtonSecondaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Secondary;\n })\n \| (Omit<ButtonTertiaryProps, 'ref'> & {\n variant?: typeof ButtonVariant.Tertiary;\n })\n );\n"]}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.ButtonSize = exports.ButtonVariant = void 0;
-var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return types_1.ButtonVariant; } });
-Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return types_1.ButtonSize; } });
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return design_system_shared_1.ButtonVariant; } });
+Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return design_system_shared_1.ButtonSize; } });
 var Button_1 = require("./Button.cjs");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA~~,+CAAwD~~;~~AAA/C~~,~~sGAAA~~,aAAa,OAAA;AAAE,~~mGAAA~~,UAAU,OAAA;AAClC,uCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonVariant, ButtonSize } from '~~../../types~~';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,uEAA2E;AAAlE,qHAAA,aAAa,OAAA;AAAE,kHAAA,UAAU,OAAA;AAClC,uCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonVariant, ButtonSize } from '@metamask/design-system-shared';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}

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

@@ -1,4 +1,4 @@
-export { ButtonVariant, ButtonSize } from "../../types/index.cjs";
+export { ButtonVariant, ButtonSize } from "@metamask/design-system-shared";
 export { Button } from "./Button.cjs";
 export type { ButtonProps } from "./Button.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,~~8BAAoB~~;~~AACxD~~,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,uCAAuC;AAC3E,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}

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

@@ -1,4 +1,4 @@
-export { ButtonVariant, ButtonSize } from "../../types/index.mjs";
+export { ButtonVariant, ButtonSize } from "@metamask/design-system-shared";
 export { Button } from "./Button.mjs";
 export type { ButtonProps } from "./Button.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,~~8BAAoB~~;~~AACxD~~,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,uCAAuC;AAC3E,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}