npm - @metamask-previews/design-system-react - Versions diffs - 0.11.0-preview.fa05289 → 0.13.0-preview.69c659c - Mend

@metamask-previews/design-system-react 0.11.0-preview.fa05289 → 0.13.0-preview.69c659c

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

package/dist/components/BannerAlert/BannerAlert.constants.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,mBAAmB,~~EAAE~~,~~gDAAgD;AAE9E,OAAO,EACL,~~kBAAkB,EAClB,cAAc,~~EACd~~,SAAS,~~EACT~~,QAAQ,~~EACT~~,8BAAoB;~~AAErB~~,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,QAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,IAAI,EAAE,SAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,MAAM,EAAE,SAAS,CAAC,YAAY;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,0CAA0C,GAGnD;IACF,IAAI,EAAE,kBAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,kBAAkB,CAAC,UAAU;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sCAAsC,GAG/C;IACF,IAAI,EAAE,cAAc,CAAC,cAAc;IACnC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,MAAM,EAAE,cAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import { BannerAlertSeverity } from '@metamask-previews/design-system-shared';\n\nimport {~~\n BoxBackgroundColor,\n BoxBorderColor,\n~~ IconColor~~,\n~~ IconName~~,\n~~} from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconName\n> = {\n info: IconName.Info,\n success: IconName.Confirmation,\n warning: IconName.Danger,\n danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconColor\n> = {\n info: IconColor.PrimaryDefault,\n success: IconColor.SuccessDefault,\n warning: IconColor.WarningDefault,\n danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBackgroundColor\n> = {\n info: BoxBackgroundColor.PrimaryMuted,\n success: BoxBackgroundColor.SuccessMuted,\n warning: BoxBackgroundColor.WarningMuted,\n danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBorderColor\n> = {\n info: BoxBorderColor.PrimaryDefault,\n success: BoxBorderColor.SuccessDefault,\n warning: BoxBorderColor.WarningDefault,\n danger: BoxBorderColor.ErrorDefault,\n};\n"]}
1	+ {"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACf,gDAAgD;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,QAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,IAAI,EAAE,SAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,MAAM,EAAE,SAAS,CAAC,YAAY;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,0CAA0C,GAGnD;IACF,IAAI,EAAE,kBAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,kBAAkB,CAAC,UAAU;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sCAAsC,GAG/C;IACF,IAAI,EAAE,cAAc,CAAC,cAAc;IACnC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,MAAM,EAAE,cAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import {\n BannerAlertSeverity,\n BoxBackgroundColor,\n BoxBorderColor,\n} from '@metamask-previews/design-system-shared';\n\nimport { IconColor, IconName } from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconName\n> = {\n info: IconName.Info,\n success: IconName.Confirmation,\n warning: IconName.Danger,\n danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconColor\n> = {\n info: IconColor.PrimaryDefault,\n success: IconColor.SuccessDefault,\n warning: IconColor.WarningDefault,\n danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBackgroundColor\n> = {\n info: BoxBackgroundColor.PrimaryMuted,\n success: BoxBackgroundColor.SuccessMuted,\n warning: BoxBackgroundColor.WarningMuted,\n danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBorderColor\n> = {\n info: BoxBorderColor.PrimaryDefault,\n success: BoxBorderColor.SuccessDefault,\n warning: BoxBorderColor.WarningDefault,\n danger: BoxBorderColor.ErrorDefault,\n};\n"]}

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

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerBase = void 0;
+const design_system_shared_1 = require("@metamask-previews/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");
@@ -38,7 +39,7 @@ exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, description,
     const { ariaLabel: closeButtonAriaLabel = 'Close banner', onClick: closeButtonPropsOnClick, className: closeButtonClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
     const shouldShowCloseButton = Boolean(onClose || closeButtonProps);
     const shouldShowActionButton = Boolean(actionButtonOnClick);
-    return (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection: types_1.BoxFlexDirection.Row, alignItems: types_1.BoxAlignItems.Start, gap: 2, backgroundColor: types_1.BoxBackgroundColor.BackgroundDefault, padding: 3, className: (0, tw_merge_1.twMerge)('rounded-sm', className), ...props },
+    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: 2, backgroundColor: design_system_shared_1.BoxBackgroundColor.BackgroundDefault, padding: 3, className: (0, tw_merge_1.twMerge)('rounded-sm', className), ...props },
         startAccessory,
         react_1.default.createElement(Box_1.Box, { className: "min-w-0 flex-1" },
             hasContent(title) &&

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,+CAA0C;AAE1C,~~iDASqB~~;AACrB,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,~~wBAAgB~~,CAAC,GAAG,EACnC,UAAU,EAAE,~~qBAAa~~,CAAC,KAAK,EAC/B,GAAG,EAAE,CAAC,EACN,eAAe,EAAE,~~0BAAkB~~,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,mBAAW,CAAC,MAAM,EAC3B,UAAU,EAAE,kBAAU,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,mBAAW,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,mBAAW,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 React, { forwardRef } from 'react';\n\nimport {\n ~~BoxAlignItems,\n BoxBackgroundColor,\n~~ ButtonIconSize,\n ButtonSize,\n FontWeight,\n ~~BoxFlexDirection,\n~~ IconName,\n TextVariant,\n} 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} from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport {\n ButtonIconSize,\n ButtonSize,\n FontWeight,\n IconName,\n TextVariant,\n} 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"]}

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,KAAqB,cAAc;AAE1C,OAAO,~~EAIL~~,UAAU,~~EAGV~~,QAAQ,EAET,8BAAoB;AAerB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAEL,UAAU,EAEV,QAAQ,EAET,8BAAoB;AAerB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

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,KAAqB,cAAc;AAE1C,OAAO,~~EAIL~~,UAAU,~~EAGV~~,QAAQ,EAET,8BAAoB;AAerB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
1	+ {"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAEL,UAAU,EAEV,QAAQ,EAET,8BAAoB;AAerB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

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

@@ -4,9 +4,10 @@ function $importDefault(module) {
     }
     return module;
 }
+import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection } from "@metamask-previews/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { BoxAlignItems, BoxBackgroundColor, ButtonIconSize, ButtonSize, FontWeight, BoxFlexDirection, IconName, TextVariant } from "../../types/index.mjs";
+import { ButtonIconSize, ButtonSize, FontWeight, IconName, TextVariant } 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,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EACL,~~aAAa,EACb,kBAAkB,EAClB,~~cAAc,EACd,UAAU,EACV,UAAU,EACV,~~gBAAgB,EAChB,~~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","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n ~~BoxAlignItems,\n BoxBackgroundColor,\n~~ ButtonIconSize,\n ButtonSize,\n FontWeight,\n ~~BoxFlexDirection,\n~~ IconName,\n TextVariant,\n} 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":";;;;;;AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EACjB,gDAAgD;AACjD,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EACL,cAAc,EACd,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACZ,8BAAoB;AACrB,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,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,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,OAAO,EAAE,CAAC,EACV,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,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACnD,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,IAE5B,iBAAiB,CACX,CACL,CACP,CACG;QAEL,qBAAqB,IAAI,CACxB,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,EAC3D,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,IAAI,EAAE,cAAc,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,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n} from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport {\n ButtonIconSize,\n ButtonSize,\n FontWeight,\n IconName,\n TextVariant,\n} 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"]}

package/dist/components/Box/Box.constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":";;;~~AAEa~~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","sourcesContent":["import type { BoxSpacing, BoxBorderWidth } from '~~../../types~~';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}
1	+ {"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":";;;AAKa,QAAA,kBAAkB,GAA+B;IAC5D,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC;AAEW,QAAA,qBAAqB,GAA+B;IAC/D,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAC;AAEW,QAAA,yBAAyB,GAA+B;IACnE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,2BAA2B,GAA+B;IACrE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,4BAA4B,GAA+B;IACtE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,0BAA0B,GAA+B;IACpE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,gCAAgC,GAA+B;IAC1E,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,8BAA8B,GAA+B;IACxE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,sBAAsB,GAA+B;IAChE,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAC;AAEW,QAAA,0BAA0B,GAA+B;IACpE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,4BAA4B,GAA+B;IACtE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,6BAA6B,GAA+B;IACvE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,2BAA2B,GAA+B;IACrE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,iCAAiC,GAA+B;IAC3E,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,+BAA+B,GAA+B;IACzE,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEW,QAAA,2BAA2B,GAAmC;IACzE,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,UAAU;CACd,CAAC","sourcesContent":["import type {\n BoxSpacing,\n BoxBorderWidth,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}

package/dist/components/Box/Box.constants.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { BoxSpacing, BoxBorderWidth } from "../../types/index.cjs";
+import type { BoxSpacing, BoxBorderWidth } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
 export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
 export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;

package/dist/components/Box/Box.constants.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,UAAU,~~EAAE~~,cAAc,~~EAAE~~,~~8BAAoB~~;~~AAE9D~~,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}
1	+ {"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACf,gDAAgD;AAEjD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}

package/dist/components/Box/Box.constants.d.mts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { BoxSpacing, BoxBorderWidth } from "../../types/index.mjs";
+import type { BoxSpacing, BoxBorderWidth } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
 export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
 export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;

package/dist/components/Box/Box.constants.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,UAAU,~~EAAE~~,cAAc,~~EAAE~~,~~8BAAoB~~;~~AAE9D~~,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}
1	+ {"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACf,gDAAgD;AAEjD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}

package/dist/components/Box/Box.constants.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"~~AAEA~~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","sourcesContent":["import type { BoxSpacing, BoxBorderWidth } from '~~../../types~~';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}
1	+ {"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n BoxSpacing,\n BoxBorderWidth,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ~~ComponentProps~~ } from '~~react~~';\n\nimport type {~~\n BoxFlexDirection,\n BoxFlexWrap,\n BoxSpacing,\n BoxBorderWidth,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n~~} from '~~../../types~~';\n\nexport type BoxProps = ComponentProps<'div'> & {\n /*\n The flex-direction style of the component.\n /\n flexDirection?: BoxFlexDirection;\n /\n The flex-wrap style of the component.\n /\n flexWrap?: BoxFlexWrap;\n /\n The gap between the component's children.\n * Use 0-12 for a gap of 0px-48px.\n /\n gap?: BoxSpacing;\n /\n The align-items style of the component.\n /\n alignItems?: BoxAlignItems;\n /\n The justify-content style of the component.\n /\n justifyContent?: BoxJustifyContent;\n /\n The margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n margin?: BoxSpacing;\n /\n The top margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginTop?: BoxSpacing;\n /\n The right margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginRight?: BoxSpacing;\n /\n The bottom margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginBottom?: BoxSpacing;\n /\n The left margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginLeft?: BoxSpacing;\n /\n The horizontal margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginHorizontal?: BoxSpacing;\n /\n The vertical margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginVertical?: BoxSpacing;\n /\n The padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n padding?: BoxSpacing;\n /\n The top padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingTop?: BoxSpacing;\n /\n The right padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingRight?: BoxSpacing;\n /\n The bottom padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingBottom?: BoxSpacing;\n /\n The left padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingLeft?: BoxSpacing;\n /\n The horizontal padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingHorizontal?: BoxSpacing;\n /\n The vertical padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingVertical?: BoxSpacing;\n /\n The border width of the component.\n * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n /\n borderWidth?: BoxBorderWidth;\n /\n The border color of the component.\n /\n borderColor?: BoxBorderColor;\n /\n The background color of the component.\n /\n backgroundColor?: BoxBackgroundColor;\n /\n Optional prop for additional CSS classes to be applied to the Box component.\n /\n className?: string;\n /\n Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a div element\n \n @default false\n */\n asChild?: boolean;\n};\n"]}
1	+ {"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nexport type BoxProps = ComponentProps<'div'> &\n BoxPropsShared & {\n /*\n Optional prop for additional CSS classes to be applied to the Box component.\n /\n className?: string;\n /\n Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a div element\n \n @default false\n */\n asChild?: boolean;\n };\n"]}

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

@@ -1,110 +1,6 @@
+import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
 import type { ComponentProps } from "react";
-import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderWidth, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "../../types/index.cjs";
-export type BoxProps = ComponentProps<'div'> & {
-    /**
-     * The flex-direction style of the component.
-     */
-    flexDirection?: BoxFlexDirection;
-    /**
-     * The flex-wrap style of the component.
-     */
-    flexWrap?: BoxFlexWrap;
-    /**
-     * The gap between the component's children.
-     * Use 0-12 for a gap of 0px-48px.
-     */
-    gap?: BoxSpacing;
-    /**
-     * The align-items style of the component.
-     */
-    alignItems?: BoxAlignItems;
-    /**
-     * The justify-content style of the component.
-     */
-    justifyContent?: BoxJustifyContent;
-    /**
-     * The margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    margin?: BoxSpacing;
-    /**
-     * The top margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginTop?: BoxSpacing;
-    /**
-     * The right margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginRight?: BoxSpacing;
-    /**
-     * The bottom margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginBottom?: BoxSpacing;
-    /**
-     * The left margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginLeft?: BoxSpacing;
-    /**
-     * The horizontal margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginHorizontal?: BoxSpacing;
-    /**
-     * The vertical margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginVertical?: BoxSpacing;
-    /**
-     * The padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    padding?: BoxSpacing;
-    /**
-     * The top padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingTop?: BoxSpacing;
-    /**
-     * The right padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingRight?: BoxSpacing;
-    /**
-     * The bottom padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingBottom?: BoxSpacing;
-    /**
-     * The left padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingLeft?: BoxSpacing;
-    /**
-     * The horizontal padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingHorizontal?: BoxSpacing;
-    /**
-     * The vertical padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingVertical?: BoxSpacing;
-    /**
-     * The border width of the component.
-     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
-     */
-    borderWidth?: BoxBorderWidth;
-    /**
-     * The border color of the component.
-     */
-    borderColor?: BoxBorderColor;
-    /**
-     * The background color of the component.
-     */
-    backgroundColor?: BoxBackgroundColor;
+export type BoxProps = ComponentProps<'div'> & BoxPropsShared & {
     /**
      * Optional prop for additional CSS classes to be applied to the Box component.
      */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,~~cAAc~~;~~AAE5C~~,OAAO,KAAK,~~EACV~~,~~gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,~~cAAc,~~EACd~~,~~aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,~~cAAc~~,EACf,8BAAoB~~;~~AAErB~~,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,~~GAAG;IAC7C;;OAEG;IACH~~,~~aAAa~~,~~CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,~~GAAG~~,CAAC,EAAE,UAAU,CAAC~~;~~IACjB~~;;OAEG;IACH,~~UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,~~SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1	+ {"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,cAAc,GAAG;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -1,110 +1,6 @@
+import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
 import type { ComponentProps } from "react";
-import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderWidth, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "../../types/index.mjs";
-export type BoxProps = ComponentProps<'div'> & {
-    /**
-     * The flex-direction style of the component.
-     */
-    flexDirection?: BoxFlexDirection;
-    /**
-     * The flex-wrap style of the component.
-     */
-    flexWrap?: BoxFlexWrap;
-    /**
-     * The gap between the component's children.
-     * Use 0-12 for a gap of 0px-48px.
-     */
-    gap?: BoxSpacing;
-    /**
-     * The align-items style of the component.
-     */
-    alignItems?: BoxAlignItems;
-    /**
-     * The justify-content style of the component.
-     */
-    justifyContent?: BoxJustifyContent;
-    /**
-     * The margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    margin?: BoxSpacing;
-    /**
-     * The top margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginTop?: BoxSpacing;
-    /**
-     * The right margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginRight?: BoxSpacing;
-    /**
-     * The bottom margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginBottom?: BoxSpacing;
-    /**
-     * The left margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginLeft?: BoxSpacing;
-    /**
-     * The horizontal margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginHorizontal?: BoxSpacing;
-    /**
-     * The vertical margin of the component.
-     * Use 0-12 for margin of 0px-48px.
-     */
-    marginVertical?: BoxSpacing;
-    /**
-     * The padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    padding?: BoxSpacing;
-    /**
-     * The top padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingTop?: BoxSpacing;
-    /**
-     * The right padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingRight?: BoxSpacing;
-    /**
-     * The bottom padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingBottom?: BoxSpacing;
-    /**
-     * The left padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingLeft?: BoxSpacing;
-    /**
-     * The horizontal padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingHorizontal?: BoxSpacing;
-    /**
-     * The vertical padding of the component.
-     * Use 0-12 for padding of 0px-48px.
-     */
-    paddingVertical?: BoxSpacing;
-    /**
-     * The border width of the component.
-     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
-     */
-    borderWidth?: BoxBorderWidth;
-    /**
-     * The border color of the component.
-     */
-    borderColor?: BoxBorderColor;
-    /**
-     * The background color of the component.
-     */
-    backgroundColor?: BoxBackgroundColor;
+export type BoxProps = ComponentProps<'div'> & BoxPropsShared & {
     /**
      * Optional prop for additional CSS classes to be applied to the Box component.
      */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,~~cAAc~~;~~AAE5C~~,OAAO,KAAK,~~EACV~~,~~gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,~~cAAc,~~EACd~~,~~aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,~~cAAc~~,EACf,8BAAoB~~;~~AAErB~~,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,~~GAAG;IAC7C;;OAEG;IACH~~,~~aAAa~~,~~CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,~~GAAG~~,CAAC,EAAE,UAAU,CAAC~~;~~IACjB~~;;OAEG;IACH,~~UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,~~SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1	+ {"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,cAAc,GAAG;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ~~ComponentProps~~ } from '~~react~~';\n\nimport type {~~\n BoxFlexDirection,\n BoxFlexWrap,\n BoxSpacing,\n BoxBorderWidth,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n~~} from '~~../../types~~';\n\nexport type BoxProps = ComponentProps<'div'> & {\n /*\n The flex-direction style of the component.\n /\n flexDirection?: BoxFlexDirection;\n /\n The flex-wrap style of the component.\n /\n flexWrap?: BoxFlexWrap;\n /\n The gap between the component's children.\n * Use 0-12 for a gap of 0px-48px.\n /\n gap?: BoxSpacing;\n /\n The align-items style of the component.\n /\n alignItems?: BoxAlignItems;\n /\n The justify-content style of the component.\n /\n justifyContent?: BoxJustifyContent;\n /\n The margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n margin?: BoxSpacing;\n /\n The top margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginTop?: BoxSpacing;\n /\n The right margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginRight?: BoxSpacing;\n /\n The bottom margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginBottom?: BoxSpacing;\n /\n The left margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginLeft?: BoxSpacing;\n /\n The horizontal margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginHorizontal?: BoxSpacing;\n /\n The vertical margin of the component.\n * Use 0-12 for margin of 0px-48px.\n /\n marginVertical?: BoxSpacing;\n /\n The padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n padding?: BoxSpacing;\n /\n The top padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingTop?: BoxSpacing;\n /\n The right padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingRight?: BoxSpacing;\n /\n The bottom padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingBottom?: BoxSpacing;\n /\n The left padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingLeft?: BoxSpacing;\n /\n The horizontal padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingHorizontal?: BoxSpacing;\n /\n The vertical padding of the component.\n * Use 0-12 for padding of 0px-48px.\n /\n paddingVertical?: BoxSpacing;\n /\n The border width of the component.\n * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n /\n borderWidth?: BoxBorderWidth;\n /\n The border color of the component.\n /\n borderColor?: BoxBorderColor;\n /\n The background color of the component.\n /\n backgroundColor?: BoxBackgroundColor;\n /\n Optional prop for additional CSS classes to be applied to the Box component.\n /\n className?: string;\n /\n Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a div element\n \n @default false\n */\n asChild?: boolean;\n};\n"]}
1	+ {"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nexport type BoxProps = ComponentProps<'div'> &\n BoxPropsShared & {\n /*\n Optional prop for additional CSS classes to be applied to the Box component.\n /\n className?: string;\n /\n Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a div element\n \n @default false\n */\n asChild?: boolean;\n };\n"]}

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = void 0;
-var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "BoxFlexDirection", { enumerable: true, get: function () { return types_1.BoxFlexDirection; } });
-Object.defineProperty(exports, "BoxFlexWrap", { enumerable: true, get: function () { return types_1.BoxFlexWrap; } });
-Object.defineProperty(exports, "BoxAlignItems", { enumerable: true, get: function () { return types_1.BoxAlignItems; } });
-Object.defineProperty(exports, "BoxJustifyContent", { enumerable: true, get: function () { return types_1.BoxJustifyContent; } });
-Object.defineProperty(exports, "BoxBackgroundColor", { enumerable: true, get: function () { return types_1.BoxBackgroundColor; } });
-Object.defineProperty(exports, "BoxBorderColor", { enumerable: true, get: function () { return types_1.BoxBorderColor; } });
+var design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "BoxFlexDirection", { enumerable: true, get: function () { return design_system_shared_1.BoxFlexDirection; } });
+Object.defineProperty(exports, "BoxFlexWrap", { enumerable: true, get: function () { return design_system_shared_1.BoxFlexWrap; } });
+Object.defineProperty(exports, "BoxAlignItems", { enumerable: true, get: function () { return design_system_shared_1.BoxAlignItems; } });
+Object.defineProperty(exports, "BoxJustifyContent", { enumerable: true, get: function () { return design_system_shared_1.BoxJustifyContent; } });
+Object.defineProperty(exports, "BoxBackgroundColor", { enumerable: true, get: function () { return design_system_shared_1.BoxBackgroundColor; } });
+Object.defineProperty(exports, "BoxBorderColor", { enumerable: true, get: function () { return design_system_shared_1.BoxBorderColor; } });
 var Box_1 = require("./Box.cjs");
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAAA~~,+CAOqB~~;~~AANnB~~,~~yGAAA~~,gBAAgB,OAAA;AAChB,~~oGAAA~~,WAAW,OAAA;AACX,~~sGAAA~~,aAAa,OAAA;AACb,~~0GAAA~~,iBAAiB,OAAA;AACjB,~~2GAAA~~,kBAAkB,OAAA;AAClB,~~uGAAA~~,cAAc,OAAA;~~AAGhB~~,iCAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n~~} from '../../types';\nexport~~ type { BoxSpacing } from '~~../../types~~';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAAA,gFASiD;AAR/C,wHAAA,gBAAgB,OAAA;AAChB,mHAAA,WAAW,OAAA;AACX,qHAAA,aAAa,OAAA;AACb,yHAAA,iBAAiB,OAAA;AACjB,0HAAA,kBAAkB,OAAA;AAClB,sHAAA,cAAc,OAAA;AAIhB,iCAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n type BoxSpacing,\n type BoxBorderWidth,\n} from '@metamask-previews/design-system-shared';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}

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

@@ -1,5 +1,4 @@
-export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "../../types/index.cjs";
-export type { BoxSpacing } from "../../types/index.cjs";
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, } from "@metamask-previews/design-system-shared";
 export { Box } from "./Box.cjs";
 export type { BoxProps } from "./Box.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,~~GACf~~,~~8BAAoB;AACrB~~,~~YAAY~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~8BAAoB~~;~~AAC9C~~,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}
1	+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,GACpB,gDAAgD;AACjD,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

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

@@ -1,5 +1,4 @@
-export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "../../types/index.mjs";
-export type { BoxSpacing } from "../../types/index.mjs";
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, } from "@metamask-previews/design-system-shared";
 export { Box } from "./Box.mjs";
 export type { BoxProps } from "./Box.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,~~GACf~~,~~8BAAoB;AACrB~~,~~YAAY~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~8BAAoB~~;~~AAC9C~~,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,GACpB,gDAAgD;AACjD,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}