npm - @metamask-previews/design-system-react-native - Versions diffs - 0.5.1-preview.89a2095 → 0.6.0-preview.3dc70e1 - Mend

@metamask-previews/design-system-react-native 0.5.1-preview.89a2095 → 0.6.0-preview.3dc70e1

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAGxC,iDAA+D;AAC/D,wDAA2C;AAC3C,wEAA2D;AAIpD,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,~~WAAW,EACX,~~eAAe,EACf,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACrC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,uBAAe,CAAC,MAAM,CAAC,CAC9B,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,~~WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,~~IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,uBAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,eAAe,CAAC,CACpB,UAAU,CAAC,CAAC;gBACV,UAAU,EAAE,SAAS;gBACrB,GAAG,eAAe,EAAE,UAAU;aAC/B,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,EAC9B,CACH,CACH;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;~~AAlDW~~,QAAA,WAAW,~~eAkDtB~~","sourcesContent":["import React, { useState } from 'react';\nimport type { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { ImageOrSvg } from '../temp-components/ImageOrSvg';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = ({\n src,\n size = AvatarTokenSize.Md,\n name,\n fallbackText,\n fallbackTextProps,\n ~~twClassName,\n~~ imageOrSvgProps,\n ...props\n}: AvatarTokenProps) => {\n const [finalFallbackText, setFallbackText] = useState<string>('');\n\n const backupFallbackText = fallbackText \|\| name?.[0] \|\| '';\n const onImageErrorHandler = (\n e: NativeSyntheticEvent<ImageErrorEventData>,\n ) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onImageError?.(e);\n };\n\n const onSvgErrorHandler = (e: Error) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onSvgError?.(e);\n };\n\n return (\n <AvatarBase\n size={size}\n shape={AvatarBaseShape.Circle}\n fallbackText={finalFallbackText}\n fallbackTextProps={fallbackTextProps}\n ~~twClassName=~~{~~twClassName}\n {~~...props}\n >\n {src && (\n <ImageOrSvg\n src={src}\n width={'100%'}\n height={'100%'}\n {...imageOrSvgProps}\n imageProps={{\n resizeMode: 'contain',\n ...imageOrSvgProps?.imageProps,\n }}\n onImageError={onImageErrorHandler}\n onSvgError={onSvgErrorHandler}\n />\n )}\n </AvatarBase>\n );\n};\n"]}
1	+ {"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAGxC,iDAA+D;AAC/D,wDAA2C;AAC3C,wEAA2D;AAIpD,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACrC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,uBAAe,CAAC,MAAM,CAAC,CAC9B,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,uBAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,eAAe,CAAC,CACpB,UAAU,CAAC,CAAC;gBACV,UAAU,EAAE,SAAS;gBACrB,GAAG,eAAe,EAAE,UAAU;aAC/B,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,EAC9B,CACH,CACH;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,WAAW,eAgDtB","sourcesContent":["import React, { useState } from 'react';\nimport type { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { ImageOrSvg } from '../temp-components/ImageOrSvg';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = ({\n src,\n size = AvatarTokenSize.Md,\n name,\n fallbackText,\n fallbackTextProps,\n imageOrSvgProps,\n ...props\n}: AvatarTokenProps) => {\n const [finalFallbackText, setFallbackText] = useState<string>('');\n\n const backupFallbackText = fallbackText \|\| name?.[0] \|\| '';\n const onImageErrorHandler = (\n e: NativeSyntheticEvent<ImageErrorEventData>,\n ) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onImageError?.(e);\n };\n\n const onSvgErrorHandler = (e: Error) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onSvgError?.(e);\n };\n\n return (\n <AvatarBase\n size={size}\n shape={AvatarBaseShape.Circle}\n fallbackText={finalFallbackText}\n fallbackTextProps={fallbackTextProps}\n {...props}\n >\n {src && (\n <ImageOrSvg\n src={src}\n width={'100%'}\n height={'100%'}\n {...imageOrSvgProps}\n imageProps={{\n resizeMode: 'contain',\n ...imageOrSvgProps?.imageProps,\n }}\n onImageError={onImageErrorHandler}\n onSvgError={onSvgErrorHandler}\n />\n )}\n </AvatarBase>\n );\n};\n"]}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import type { AvatarTokenProps } from "./AvatarToken.types.cjs";
-export declare const AvatarToken: ({ src, size, name, fallbackText, fallbackTextProps, twClassName, imageOrSvgProps, ...props }: AvatarTokenProps) => React.JSX.Element;
+export declare const AvatarToken: ({ src, size, name, fallbackText, fallbackTextProps, imageOrSvgProps, ...props }: AvatarTokenProps) => React.JSX.Element;
 //# sourceMappingURL=AvatarToken.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarToken.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAOxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,~~iGASrB~~,gBAAgB,~~sBAyClB~~,CAAC"}
1	+ {"version":3,"file":"AvatarToken.d.cts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAOxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,oFAQrB,gBAAgB,sBAwClB,CAAC"}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import type { AvatarTokenProps } from "./AvatarToken.types.mjs";
-export declare const AvatarToken: ({ src, size, name, fallbackText, fallbackTextProps, twClassName, imageOrSvgProps, ...props }: AvatarTokenProps) => React.JSX.Element;
+export declare const AvatarToken: ({ src, size, name, fallbackText, fallbackTextProps, imageOrSvgProps, ...props }: AvatarTokenProps) => React.JSX.Element;
 //# sourceMappingURL=AvatarToken.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarToken.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAOxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,~~iGASrB~~,gBAAgB,~~sBAyClB~~,CAAC"}
1	+ {"version":3,"file":"AvatarToken.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAOxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,oFAQrB,gBAAgB,sBAwClB,CAAC"}

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

@@ -9,7 +9,7 @@ const React = $importDefault($React);
 import { AvatarTokenSize, AvatarBaseShape } from "../../types/index.mjs";
 import { AvatarBase } from "../AvatarBase/index.mjs";
 import { ImageOrSvg } from "../temp-components/ImageOrSvg/index.mjs";
-export const AvatarToken = ({ src, size = AvatarTokenSize.Md, name, fallbackText, fallbackTextProps, twClassName, imageOrSvgProps, ...props }) => {
+export const AvatarToken = ({ src, size = AvatarTokenSize.Md, name, fallbackText, fallbackTextProps, imageOrSvgProps, ...props }) => {
     const [finalFallbackText, setFallbackText] = useState('');
     const backupFallbackText = fallbackText || name?.[0] || '';
     const onImageErrorHandler = (e) => {
@@ -20,7 +20,7 @@ export const AvatarToken = ({ src, size = AvatarTokenSize.Md, name, fallbackText
         setFallbackText(backupFallbackText);
         imageOrSvgProps?.onSvgError?.(e);
     };
-    return (<AvatarBase size={size} shape={AvatarBaseShape.Circle} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} {...props}>
+    return (<AvatarBase size={size} shape={AvatarBaseShape.Circle} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} {...props}>
       {src && (<ImageOrSvg src={src} width={'100%'} height={'100%'} {...imageOrSvgProps} imageProps={{
                 resizeMode: 'contain',
                 ...imageOrSvgProps?.imageProps,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,QAAQ,EAAE,cAAc;;AAGxC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,UAAU,EAAE,gDAAsC;AAI3D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,~~WAAW,EACX,~~eAAe,EACf,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACrC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAC9B,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,~~WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,~~IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,eAAe,CAAC,CACpB,UAAU,CAAC,CAAC;gBACV,UAAU,EAAE,SAAS;gBACrB,GAAG,eAAe,EAAE,UAAU;aAC/B,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,EAC9B,CACH,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport type { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { ImageOrSvg } from '../temp-components/ImageOrSvg';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = ({\n src,\n size = AvatarTokenSize.Md,\n name,\n fallbackText,\n fallbackTextProps,\n ~~twClassName,\n~~ imageOrSvgProps,\n ...props\n}: AvatarTokenProps) => {\n const [finalFallbackText, setFallbackText] = useState<string>('');\n\n const backupFallbackText = fallbackText \|\| name?.[0] \|\| '';\n const onImageErrorHandler = (\n e: NativeSyntheticEvent<ImageErrorEventData>,\n ) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onImageError?.(e);\n };\n\n const onSvgErrorHandler = (e: Error) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onSvgError?.(e);\n };\n\n return (\n <AvatarBase\n size={size}\n shape={AvatarBaseShape.Circle}\n fallbackText={finalFallbackText}\n fallbackTextProps={fallbackTextProps}\n ~~twClassName=~~{~~twClassName}\n {~~...props}\n >\n {src && (\n <ImageOrSvg\n src={src}\n width={'100%'}\n height={'100%'}\n {...imageOrSvgProps}\n imageProps={{\n resizeMode: 'contain',\n ...imageOrSvgProps?.imageProps,\n }}\n onImageError={onImageErrorHandler}\n onSvgError={onSvgErrorHandler}\n />\n )}\n </AvatarBase>\n );\n};\n"]}
1	+ {"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,QAAQ,EAAE,cAAc;;AAGxC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,UAAU,EAAE,gDAAsC;AAI3D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,EACH,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;QACrC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAC9B,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,GAAG,IAAI,CACN,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,eAAe,CAAC,CACpB,UAAU,CAAC,CAAC;gBACV,UAAU,EAAE,SAAS;gBACrB,GAAG,eAAe,EAAE,UAAU;aAC/B,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,EAC9B,CACH,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport type { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { ImageOrSvg } from '../temp-components/ImageOrSvg';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = ({\n src,\n size = AvatarTokenSize.Md,\n name,\n fallbackText,\n fallbackTextProps,\n imageOrSvgProps,\n ...props\n}: AvatarTokenProps) => {\n const [finalFallbackText, setFallbackText] = useState<string>('');\n\n const backupFallbackText = fallbackText \|\| name?.[0] \|\| '';\n const onImageErrorHandler = (\n e: NativeSyntheticEvent<ImageErrorEventData>,\n ) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onImageError?.(e);\n };\n\n const onSvgErrorHandler = (e: Error) => {\n setFallbackText(backupFallbackText);\n imageOrSvgProps?.onSvgError?.(e);\n };\n\n return (\n <AvatarBase\n size={size}\n shape={AvatarBaseShape.Circle}\n fallbackText={finalFallbackText}\n fallbackTextProps={fallbackTextProps}\n {...props}\n >\n {src && (\n <ImageOrSvg\n src={src}\n width={'100%'}\n height={'100%'}\n {...imageOrSvgProps}\n imageProps={{\n resizeMode: 'contain',\n ...imageOrSvgProps?.imageProps,\n }}\n onImageError={onImageErrorHandler}\n onSvgError={onSvgErrorHandler}\n />\n )}\n </AvatarBase>\n );\n};\n"]}

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

@@ -10,17 +10,12 @@ const react_native_1 = require("react-native/index.js");
 const types_1 = require("../../types/index.cjs");
 const Text_1 = require("../Text/index.cjs");
 const BadgeCount_constants_1 = require("./BadgeCount.constants.cjs");
-const BadgeCount = ({ size = types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
+const BadgeCount = ({ size = types_1.BadgeCountSize.Md, count, max = 99, textProps, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = `
-    bg-error-default
-    rounded-lg
-    items-center
-    justify-center
-    self-start
-    ${BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}
-    ${twClassName}`;
-    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+    return (<react_native_1.View {...props} style={[
+            tw.style('bg-error-default rounded-lg items-center justify-center self-start', BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size], twClassName),
+            style,
+        ]}>
       <Text_1.Text variant={BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={Text_1.TextColor.ErrorInverse} fontWeight={Text_1.FontWeight.Medium} {...textProps} twClassName={`${BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
         {count > max ? `${max}+` : `${count}`}
       </Text_1.Text>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeCount.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA6C;AAC7C,4CAAsD;AAEtD,qEAIgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;~~IACzB~~,~~MAAM~~,~~qBAAqB~~,~~GAAG;;;;;;MAM1B~~,~~2DAAoC~~,~~CAAC~~,IAAI,~~CAAC;MAC1C~~,~~WAAW,EAAE,~~CAAC~~;IAElB~~,~~OAAO~~,~~CACL,CAAC,mBAAI,CAAC,~~KAAK,CAAC,CAAC,~~CAAC,~~EAAE,~~CAAA~~,~~GAAG~~,~~qBAAqB~~,~~EAAE~~,~~EAAE~~,~~KAAK~~,CAAC,~~CAAC~~,CAAC,~~IAAI~~,KAAK,CAAC,~~CAC5D~~;MAAA,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,qDAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;~~AAhCW~~,QAAA,UAAU,~~cAgCrB~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeCountSize } from '../../types';\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\n\nexport const BadgeCount = ({\n size = BadgeCountSize.Md,\n count,\n max = 99,\n textProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeCountProps) => {\n const tw = useTailwind();\n ~~const~~ ~~twContainerClassNames~~ = `\n bg-error-default\n rounded-lg\n items-center\n justify-center\n self-start\n ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}\n ${twClassName~~}`;\~~n\n ~~return (~~\n ~~<View style={[tw`${twContainerClassNames}`, style]} {...props}~~>\n <Text\n variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n color={TextColor.ErrorInverse}\n fontWeight={FontWeight.Medium}\n {...textProps}\n twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName \|\| ''}`}\n >\n {count > max ? `${max}+` : `${count}`}\n </Text>\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeCount.cjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA6C;AAC7C,4CAAsD;AAEtD,qEAIgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,2DAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,WAAI,CACH,OAAO,CAAC,CAAC,sDAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,iBAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,qDAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,UAAU,cAkCrB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeCountSize } from '../../types';\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\n\nexport const BadgeCount = ({\n size = BadgeCountSize.Md,\n count,\n max = 99,\n textProps,\n twClassName,\n style,\n ...props\n}: BadgeCountProps) => {\n const tw = useTailwind();\n\n return (\n <View\n {...props}\n style={[\n tw.style(\n 'bg-error-default rounded-lg items-center justify-center self-start',\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n twClassName,\n ),\n style,\n ]}\n >\n <Text\n variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n color={TextColor.ErrorInverse}\n fontWeight={FontWeight.Medium}\n {...textProps}\n twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName \|\| ''}`}\n >\n {count > max ? `${max}+` : `${count}`}\n </Text>\n </View>\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeCount.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,~~sBAwBjB~~,CAAC"}
1	+ {"version":3,"file":"BadgeCount.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,sBA0BjB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeCount.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,~~sBAwBjB~~,CAAC"}
1	+ {"version":3,"file":"BadgeCount.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,kEAQpB,eAAe,sBA0BjB,CAAC"}

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

@@ -11,17 +11,12 @@ import { View } from "react-native/index.js";
 import { BadgeCountSize } from "../../types/index.mjs";
 import { Text, TextColor, FontWeight } from "../Text/index.mjs";
 import { MAP_BADGECOUNT_SIZE_TEXTVARIANT, TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER, MAP_BADGECOUNT_SIZE_LINEHEIGHT } from "./BadgeCount.constants.mjs";
-export const BadgeCount = ({ size = BadgeCountSize.Md, count, max = 99, textProps, twClassName = '', style, ...props }) => {
+export const BadgeCount = ({ size = BadgeCountSize.Md, count, max = 99, textProps, twClassName, style, ...props }) => {
     const tw = useTailwind();
-    const twContainerClassNames = `
-    bg-error-default
-    rounded-lg
-    items-center
-    justify-center
-    self-start
-    ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}
-    ${twClassName}`;
-    return (<View style={[tw `${twContainerClassNames}`, style]} {...props}>
+    return (<View {...props} style={[
+            tw.style('bg-error-default rounded-lg items-center justify-center self-start', TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size], twClassName),
+            style,
+        ]}>
       <Text variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]} color={TextColor.ErrorInverse} fontWeight={FontWeight.Medium} {...textProps} twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName || ''}`}>
         {count > max ? `${max}+` : `${count}`}
       </Text>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeCount.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,0BAAgB;AAEtD,OAAO,EACL,+BAA+B,EAC/B,oCAAoC,EACpC,8BAA8B,EAC/B,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;~~IACzB~~,~~MAAM~~,~~qBAAqB~~,~~GAAG;;;;;;MAM1B,oCAAoC,~~CAAC,IAAI,~~CAAC;MAC1C~~,~~WAAW~~,~~EAAE~~,CAAC~~;IAElB~~,~~OAAO~~,~~CACL,CAAC,IAAI,CAAC,~~KAAK,CAAC,CAAC,~~CAAC,~~EAAE,~~CAAA~~,~~GAAG~~,~~qBAAqB~~,~~EAAE~~,~~EAAE~~,~~KAAK~~,CAAC,~~CAAC~~,CAAC,~~IAAI~~,KAAK,CAAC,~~CAC5D~~;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,+BAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,8BAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeCountSize } from '../../types';\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\n\nexport const BadgeCount = ({\n size = BadgeCountSize.Md,\n count,\n max = 99,\n textProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeCountProps) => {\n const tw = useTailwind();\n ~~const~~ ~~twContainerClassNames~~ = `\n bg-error-default\n rounded-lg\n items-center\n justify-center\n self-start\n ${TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size]}\n ${twClassName~~}`;\~~n\n ~~return (~~\n ~~<View style={[tw`${twContainerClassNames}`, style]} {...props}~~>\n <Text\n variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n color={TextColor.ErrorInverse}\n fontWeight={FontWeight.Medium}\n {...textProps}\n twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName \|\| ''}`}\n >\n {count > max ? `${max}+` : `${count}`}\n </Text>\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeCount.mjs","sourceRoot":"","sources":["../../../src/components/BadgeCount/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,0BAAgB;AAEtD,OAAO,EACL,+BAA+B,EAC/B,oCAAoC,EACpC,8BAA8B,EAC/B,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,oEAAoE,EACpE,oCAAoC,CAAC,IAAI,CAAC,EAC1C,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,+BAA+B,CAAC,IAAsB,CAAC,CAAC,CACjE,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAC9B,UAAU,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC9B,IAAI,SAAS,CAAC,CACd,WAAW,CAAC,CAAC,GAAG,8BAA8B,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE,CAAC,CAEvF;QAAA,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CACvC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeCountSize } from '../../types';\nimport { Text, TextColor, FontWeight } from '../Text';\n\nimport {\n MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n MAP_BADGECOUNT_SIZE_LINEHEIGHT,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\n\nexport const BadgeCount = ({\n size = BadgeCountSize.Md,\n count,\n max = 99,\n textProps,\n twClassName,\n style,\n ...props\n}: BadgeCountProps) => {\n const tw = useTailwind();\n\n return (\n <View\n {...props}\n style={[\n tw.style(\n 'bg-error-default rounded-lg items-center justify-center self-start',\n TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n twClassName,\n ),\n style,\n ]}\n >\n <Text\n variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size as BadgeCountSize]}\n color={TextColor.ErrorInverse}\n fontWeight={FontWeight.Medium}\n {...textProps}\n twClassName={`${MAP_BADGECOUNT_SIZE_LINEHEIGHT[size]} ${textProps?.twClassName \|\| ''}`}\n >\n {count > max ? `${max}+` : `${count}`}\n </Text>\n </View>\n );\n};\n"]}

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

@@ -8,17 +8,12 @@ const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-t
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native/index.js");
 const Icon_1 = require("../Icon/index.cjs");
-const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
+const BadgeIcon = ({ iconName, iconProps, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = `
-    h-4 w-4
-    bg-icon-default
-    rounded-full
-    items-center
-    justify-center
-    ${twClassName}
-  `.trim();
-    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+    return (<react_native_1.View accessibilityRole="image" {...props} style={[
+            tw.style('h-4 w-4 bg-icon-default rounded-full items-center justify-center', twClassName),
+            style,
+        ]}>
       <Icon_1.Icon color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
     </react_native_1.View>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAoD;AAI7C,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;~~IACzB~~,~~MAAM,qBAAqB,GAAG;;;;;;MAM1B,WAAW;GACd,CAAC,IAAI,EAAE,CAAC;IAET,~~OAAO,CACL,CAAC,mBAAI,CACH,~~KAAK~~,CAAC,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~CAAA~~,~~GAAG~~,~~qBAAqB~~,~~EAAE,EAAE,~~KAAK,CAAC,CAAC,~~CAC7C~~,~~iBAAiB,~~CAAC,~~OAAO~~,~~CACzB~~,~~IAAI~~,KAAK,CAAC,~~CAEV~~;MAAA,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,gBAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;~~AA/BW~~,QAAA,SAAS,~~aA+BpB~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, IconSize, IconColor } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = ({\n iconName,\n iconProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeIconProps) => {\n const tw = useTailwind();\n ~~const~~ ~~twContainerClassNames~~ = `\n h-4 w-4 \n bg-icon-default \n rounded-full \n items-center \n justify-center \n ${twClassName}\n ~~`.trim(~~);\n\n ~~return (\n <View\n~~ ~~style={[tw`${twContainerClassNames}`, style~~]}\n ~~accessibilityRole=\"image\"\n {...props}\n~~ >\n <Icon\n color={IconColor.PrimaryInverse}\n {...iconProps}\n size={IconSize.Xs}\n name={iconName}\n />\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAoD;AAI7C,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,kEAAkE,EAClE,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,gBAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,SAAS,aA6BpB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, IconSize, IconColor } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = ({\n iconName,\n iconProps,\n twClassName,\n style,\n ...props\n}: BadgeIconProps) => {\n const tw = useTailwind();\n\n return (\n <View\n accessibilityRole=\"image\"\n {...props}\n style={[\n tw.style(\n 'h-4 w-4 bg-icon-default rounded-full items-center justify-center',\n twClassName,\n ),\n style,\n ]}\n >\n <Icon\n color={IconColor.PrimaryInverse}\n {...iconProps}\n size={IconSize.Xs}\n name={iconName}\n />\n </View>\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeIcon.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,~~sBAyBhB~~,CAAC"}
1	+ {"version":3,"file":"BadgeIcon.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAuBhB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeIcon.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,~~sBAyBhB~~,CAAC"}
1	+ {"version":3,"file":"BadgeIcon.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAuBhB,CAAC"}

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

@@ -9,17 +9,12 @@ import $React from "react";
 const React = $importDefault($React);
 import { View } from "react-native/index.js";
 import { Icon, IconSize, IconColor } from "../Icon/index.mjs";
-export const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
+export const BadgeIcon = ({ iconName, iconProps, twClassName, style, ...props }) => {
     const tw = useTailwind();
-    const twContainerClassNames = `
-    h-4 w-4
-    bg-icon-default
-    rounded-full
-    items-center
-    justify-center
-    ${twClassName}
-  `.trim();
-    return (<View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
+    return (<View accessibilityRole="image" {...props} style={[
+            tw.style('h-4 w-4 bg-icon-default rounded-full items-center justify-center', twClassName),
+            style,
+        ]}>
       <Icon color={IconColor.PrimaryInverse} {...iconProps} size={IconSize.Xs} name={iconName}/>
     </View>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAIpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;~~IACzB~~,~~MAAM~~,~~qBAAqB~~,~~GAAG;;;;;;MAM1B,WAAW;GACd,~~CAAC,IAAI,~~EAAE~~,CAAC~~;IAET~~,OAAO,~~CACL~~,~~CAAC,~~IAAI,~~CACH,~~KAAK,CAAC,CAAC,CAAC,EAAE,~~CAAA~~,~~GAAG,qBAAqB,EAAE,EAAE,~~KAAK,~~CAAC~~,~~CAAC~~,~~CAC7C~~,~~iBAAiB~~,~~CAAC~~,~~OAAO,CACzB,IAAI,~~KAAK,CAAC,~~CAEV~~;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, IconSize, IconColor } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = ({\n iconName,\n iconProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeIconProps) => {\n const tw = useTailwind();\n ~~const~~ ~~twContainerClassNames~~ = `\n h-4 w-4 \n bg-icon-default \n rounded-full \n items-center \n justify-center \n ${twClassName}\n ~~`.trim(~~);\n\n ~~return (\n <View\n~~ ~~style={[tw`${twContainerClassNames}`, style~~]}\n ~~accessibilityRole=\"image\"\n {...props}\n~~ >\n <Icon\n color={IconColor.PrimaryInverse}\n {...iconProps}\n size={IconSize.Xs}\n name={iconName}\n />\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAIpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,kEAAkE,EAClE,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, IconSize, IconColor } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = ({\n iconName,\n iconProps,\n twClassName,\n style,\n ...props\n}: BadgeIconProps) => {\n const tw = useTailwind();\n\n return (\n <View\n accessibilityRole=\"image\"\n {...props}\n style={[\n tw.style(\n 'h-4 w-4 bg-icon-default rounded-full items-center justify-center',\n twClassName,\n ),\n style,\n ]}\n >\n <Icon\n color={IconColor.PrimaryInverse}\n {...iconProps}\n size={IconSize.Xs}\n name={iconName}\n />\n </View>\n );\n};\n"]}

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

@@ -4,19 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeStatus = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native/index.js");
-const types_1 = require("../../types/index.cjs");
 const BadgeStatus_constants_1 = require("./BadgeStatus.constants.cjs");
-const BadgeStatus = ({ status, size = types_1.BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
+const BadgeStatus = ({ status, size = design_system_shared_1.BadgeStatusSize.Md, hasBorder = true, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    return (<react_native_1.View style={[
-            tw `self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,
+    return (<react_native_1.View {...props} style={[
+            tw.style('self-start rounded-full', hasBorder && 'border-2 border-background-default', twClassName),
             style,
-        ]} {...props}>
+        ]}>
       <react_native_1.View style={[
-            tw `rounded-full border-2 ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_SIZE[size]} ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,
+            tw.style('rounded-full border-2', BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_SIZE[size], BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]),
         ]}/>
     </react_native_1.View>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,~~iDAA8C;AAE9C,~~uEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,~~uBAAe~~,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,~~CAAA,2BAA2B,SAAS,~~CAAC,~~CAAC~~,~~CAAC~~,~~oCAAoC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~IAAI~~,WAAW,~~EAAE~~;~~YACnG~~,KAAK;SACN,CAAC,~~CACF,IAAI,KAAK,CAAC,CAEV~~;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,~~CAAA~~,~~yBAAyB~~,mDAA2B,CAAC,IAAI,CAAC,~~IAAI~~,4DAAoC,CAAC,MAAM,CAAC,~~GAAG~~;~~SAChH~~,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;~~AAzBW~~,QAAA,WAAW,~~eAyBtB~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { ~~BadgeStatusSize } from '../../types';\n~~\~~nimport {\~~n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n status,\n size = BadgeStatusSize.Md,\n hasBorder = true,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeStatusProps) => {\n const tw = useTailwind();\n\n return (\n <View\n style={[\n tw`self-start rounded-full ${hasBorder ? 'border-2 border-background-default' ~~: ''} ${~~twClassName~~}`,\~~n style,\n ]}\n ~~{...props}\n~~ >\n <View\n style={[\n tw`rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]~~} ${~~TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]~~} `,\~~n ]}\n />\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA0E;AAC1E,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,uEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,sCAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,mDAA2B,CAAC,IAAI,CAAC,EACjC,4DAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import { BadgeStatusSize } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n status,\n size = BadgeStatusSize.Md,\n hasBorder = true,\n twClassName,\n style,\n ...props\n}: BadgeStatusProps) => {\n const tw = useTailwind();\n\n return (\n <View\n {...props}\n style={[\n tw.style(\n 'self-start rounded-full',\n hasBorder && 'border-2 border-background-default',\n twClassName,\n ),\n style,\n ]}\n >\n <View\n style={[\n tw.style(\n 'rounded-full border-2',\n TWCLASSMAP_BADGESTATUS_SIZE[size],\n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n ),\n ]}\n />\n </View>\n );\n};\n"]}

package/dist/components/BadgeStatus/BadgeStatus.constants.cjs CHANGED Viewed

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TWCLASSMAP_BADGESTATUS_SIZE = exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 // Mappings
 exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
-    [types_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
-    [types_1.BadgeStatusStatus.Inactive]: 'bg-default border-success-default',
-    [types_1.BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',
-    [types_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
-    [types_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
+    [design_system_shared_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
+    [design_system_shared_1.BadgeStatusStatus.Inactive]: 'bg-default border-success-default',
+    [design_system_shared_1.BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',
+    [design_system_shared_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
+    [design_system_shared_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
 };
 exports.TWCLASSMAP_BADGESTATUS_SIZE = {
-    [types_1.BadgeStatusSize.Md]: 'h-2 w-2',
-    [types_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
+    [design_system_shared_1.BadgeStatusSize.Md]: 'h-2 w-2',
+    [design_system_shared_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
 };
 //# sourceMappingURL=BadgeStatus.constants.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,~~iDAAiE~~;~~AAEjE~~,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,~~yBAAiB~~,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,~~yBAAiB~~,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,~~yBAAiB~~,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,~~yBAAiB~~,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,~~yBAAiB~~,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,~~uBAAe~~,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,~~uBAAe~~,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus~~, BadgeStatusSize~~ } from '~~../../types~~';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n BadgeStatusStatus,\n string\n> = {\n [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}
1	+ {"version":3,"file":"BadgeStatus.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,kFAGiD;AAEjD,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,wCAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,wCAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,wCAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,wCAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,wCAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,sCAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,sCAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import {\n BadgeStatusSize,\n BadgeStatusStatus,\n} from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n BadgeStatusStatus,\n string\n> = {\n [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.cjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
 //# sourceMappingURL=BadgeStatus.constants.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~eAAe~~,~~EAAE~~,~~8BAAoB~~;~~AAGjE~~,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}
1	+ {"version":3,"file":"BadgeStatus.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,gDAAgD;AAGjD,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
 //# sourceMappingURL=BadgeStatus.constants.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~eAAe~~,~~EAAE~~,~~8BAAoB~~;~~AAGjE~~,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}
1	+ {"version":3,"file":"BadgeStatus.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,gDAAgD;AAGjD,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.constants.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 // Mappings
 export const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
     [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,~~iBAAiB~~,~~EAAE~~,~~eAAe~~,~~EAAE~~,~~8BAAoB~~;~~AAEjE~~,WAAW;AACX,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAoC;IAC1E,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus~~, BadgeStatusSize~~ } from '~~../../types~~';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n BadgeStatusStatus,\n string\n> = {\n [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}
1	+ {"version":3,"file":"BadgeStatus.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,gDAAgD;AAEjD,WAAW;AACX,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAoC;IAC1E,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import {\n BadgeStatusSize,\n BadgeStatusStatus,\n} from '@metamask-previews/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n BadgeStatusStatus,\n string\n> = {\n [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,cAAc;~~AAS1B~~,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,~~sBAkBlB~~,CAAC"}
1	+ {"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,cAAc;~~AAS1B~~,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,~~sBAkBlB~~,CAAC"}
1	+ {"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}

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

@@ -4,20 +4,20 @@ function $importDefault(module) {
     }
     return module;
 }
+import { BadgeStatusSize } from "@metamask-previews/design-system-shared";
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
 import { View } from "react-native/index.js";
-import { BadgeStatusSize } from "../../types/index.mjs";
 import { TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE, TWCLASSMAP_BADGESTATUS_SIZE } from "./BadgeStatus.constants.mjs";
-export const BadgeStatus = ({ status, size = BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
+export const BadgeStatus = ({ status, size = BadgeStatusSize.Md, hasBorder = true, twClassName, style, ...props }) => {
     const tw = useTailwind();
-    return (<View style={[
-            tw `self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,
+    return (<View {...props} style={[
+            tw.style('self-start rounded-full', hasBorder && 'border-2 border-background-default', twClassName),
             style,
-        ]} {...props}>
+        ]}>
       <View style={[
-            tw `rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]} ${TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,
+            tw.style('rounded-full border-2', TWCLASSMAP_BADGESTATUS_SIZE[size], TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]),
         ]}/>
     </View>);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,~~EAAE,eAAe,EAAE,8BAAoB;AAE9C,OAAO,~~EACL,oCAAoC,EACpC,2BAA2B,EAC5B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,~~CAAA,2BAA2B,SAAS,~~CAAC,~~CAAC~~,~~CAAC~~,~~oCAAoC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~IAAI~~,WAAW,~~EAAE~~;~~YACnG~~,KAAK;SACN,CAAC,~~CACF,IAAI,KAAK,CAAC,CAEV~~;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,~~CAAA~~,~~yBAAyB~~,2BAA2B,CAAC,IAAI,CAAC,~~IAAI~~,oCAAoC,CAAC,MAAM,CAAC,~~GAAG~~;~~SAChH~~,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { ~~BadgeStatusSize } from '../../types';\n~~\~~nimport {\~~n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n status,\n size = BadgeStatusSize.Md,\n hasBorder = true,\n twClassName ~~= ''~~,\n style,\n ...props\n}: BadgeStatusProps) => {\n const tw = useTailwind();\n\n return (\n <View\n style={[\n tw`self-start rounded-full ${hasBorder ? 'border-2 border-background-default' ~~: ''} ${~~twClassName~~}`,\~~n style,\n ]}\n ~~{...props}\n~~ >\n <View\n style={[\n tw`rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]~~} ${~~TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]~~} `,\~~n ]}\n />\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,gDAAgD;AAC1E,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EACL,oCAAoC,EACpC,2BAA2B,EAC5B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,2BAA2B,CAAC,IAAI,CAAC,EACjC,oCAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { BadgeStatusSize } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n status,\n size = BadgeStatusSize.Md,\n hasBorder = true,\n twClassName,\n style,\n ...props\n}: BadgeStatusProps) => {\n const tw = useTailwind();\n\n return (\n <View\n {...props}\n style={[\n tw.style(\n 'self-start rounded-full',\n hasBorder && 'border-2 border-background-default',\n twClassName,\n ),\n style,\n ]}\n >\n <View\n style={[\n tw.style(\n 'rounded-full border-2',\n TWCLASSMAP_BADGESTATUS_SIZE[size],\n TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n ),\n ]}\n />\n </View>\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["~~import~~ type { ~~ViewProps~~ } from '~~react~~-~~native~~';\n\nimport type { ~~BadgeStatusStatus,~~ ~~BadgeStatusSize~~ } from '~~../../types~~';\n\n/*\n BadgeStatus component props~~.\n~~ /\nexport ~~type~~ ~~BadgeStatusProps = {~~\n /\n ~~Optional prop to control the status of the badge\n~~ * ~~Possible~~ values:\n * - ~~BadgeStatusStatus.Active.~~ (Connected)\n * - ~~BadgeStatusStatus.Inactive.~~ ~~(Connected)~~\n * ~~- BadgeStatusStatus.Disconnected.\n * - BadgeStatusStatus.New.\n * - BadgeStatusStatus.Attention.\n~~ /\~~n status:~~ BadgeStatusStatus;\n /\n ~~Optional~~ ~~prop~~ to ~~determine whether the badge should display a border\~~n \n @default true\n /\n ~~hasBorder?:~~ boolean;\n /\n ~~Optional~~ ~~prop to control the size of the BadgeStatus~~\n * Possible values:\n * - BadgeStatusSize.Md (8px),\n * - BadgeStatusSize.Lg (10px),\n \n @default AvatarBaseSize.Md\n /\n size?: BadgeStatusSize;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} ~~& Omit<ViewProps, 'children'>;\~~n"]}
1	+ {"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/*\n BadgeStatus component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n /\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n Omit<ViewProps, 'children'> & {\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n };\n"]}

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

@@ -1,37 +1,13 @@
+import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-import type { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.cjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React Native platform-specific)
+ * Extends shared props with React Native-specific platform concerns
  */
-export type BadgeStatusProps = {
-    /**
-     * Optional prop to control the status of the badge
-     * Possible values:
-     * - BadgeStatusStatus.Active. (Connected)
-     * - BadgeStatusStatus.Inactive. (Connected)
-     * - BadgeStatusStatus.Disconnected.
-     * - BadgeStatusStatus.New.
-     * - BadgeStatusStatus.Attention.
-     */
-    status: BadgeStatusStatus;
-    /**
-     * Optional prop to determine whether the badge should display a border
-     *
-     * @default true
-     */
-    hasBorder?: boolean;
-    /**
-     * Optional prop to control the size of the BadgeStatus
-     * Possible values:
-     * - BadgeStatusSize.Md (8px),
-     * - BadgeStatusSize.Lg (10px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: BadgeStatusSize;
+export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & Omit<ViewProps, 'children'>;
+};
 //# sourceMappingURL=BadgeStatus.types.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,EAAE,~~SAAS~~,EAAE,~~8BAAqB~~;~~AAE9C~~,OAAO,KAAK,EAAE,~~iBAAiB~~,EAAE,~~eAAe,EAAE,8BAAoB~~;~~AAEtE;;GAEG~~;AACH,MAAM,MAAM,gBAAgB,GAAG~~;IAC7B;;;;;;;;OAQG;IACH~~,~~MAAM~~,~~EAAE~~,~~iBAAiB~~,CAAC~~;IAC1B;;;;OAIG;IACH~~,SAAS,~~CAAC,~~EAAE,~~OAAO~~,CAAC~~;IACpB;;;;;;;OAOG;IACH~~,~~IAAI,CAAC,EAAE,eAAe,CAAC~~;~~IACvB~~;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,~~GAAG,IAAI,~~CAAC~~,SAAS,EAAE,UAAU,CAAC,CAAC~~"}
1	+ {"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,37 +1,13 @@
+import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-import type { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React Native platform-specific)
+ * Extends shared props with React Native-specific platform concerns
  */
-export type BadgeStatusProps = {
-    /**
-     * Optional prop to control the status of the badge
-     * Possible values:
-     * - BadgeStatusStatus.Active. (Connected)
-     * - BadgeStatusStatus.Inactive. (Connected)
-     * - BadgeStatusStatus.Disconnected.
-     * - BadgeStatusStatus.New.
-     * - BadgeStatusStatus.Attention.
-     */
-    status: BadgeStatusStatus;
-    /**
-     * Optional prop to determine whether the badge should display a border
-     *
-     * @default true
-     */
-    hasBorder?: boolean;
-    /**
-     * Optional prop to control the size of the BadgeStatus
-     * Possible values:
-     * - BadgeStatusSize.Md (8px),
-     * - BadgeStatusSize.Lg (10px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: BadgeStatusSize;
+export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & Omit<ViewProps, 'children'>;
+};
 //# sourceMappingURL=BadgeStatus.types.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,EAAE,~~SAAS~~,EAAE,~~8BAAqB~~;~~AAE9C~~,OAAO,KAAK,EAAE,~~iBAAiB~~,EAAE,~~eAAe,EAAE,8BAAoB~~;~~AAEtE;;GAEG~~;AACH,MAAM,MAAM,gBAAgB,GAAG~~;IAC7B;;;;;;;;OAQG;IACH~~,~~MAAM~~,~~EAAE~~,~~iBAAiB~~,CAAC~~;IAC1B;;;;OAIG;IACH~~,SAAS,~~CAAC,~~EAAE,~~OAAO~~,CAAC~~;IACpB;;;;;;;OAOG;IACH~~,~~IAAI,CAAC,EAAE,eAAe,CAAC~~;~~IACvB~~;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,~~GAAG,IAAI,~~CAAC~~,SAAS,EAAE,UAAU,CAAC,CAAC~~"}
1	+ {"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["~~import~~ type { ~~ViewProps~~ } from '~~react~~-~~native~~';\n\nimport type { ~~BadgeStatusStatus,~~ ~~BadgeStatusSize~~ } from '~~../../types~~';\n\n/*\n BadgeStatus component props~~.\n~~ /\nexport ~~type~~ ~~BadgeStatusProps = {~~\n /\n ~~Optional prop to control the status of the badge\n~~ * ~~Possible~~ values:\n * - ~~BadgeStatusStatus.Active.~~ (Connected)\n * - ~~BadgeStatusStatus.Inactive.~~ ~~(Connected)~~\n * ~~- BadgeStatusStatus.Disconnected.\n * - BadgeStatusStatus.New.\n * - BadgeStatusStatus.Attention.\n~~ /\~~n status:~~ BadgeStatusStatus;\n /\n ~~Optional~~ ~~prop~~ to ~~determine whether the badge should display a border\~~n \n @default true\n /\n ~~hasBorder?:~~ boolean;\n /\n ~~Optional~~ ~~prop to control the size of the BadgeStatus~~\n * Possible values:\n * - BadgeStatusSize.Md (8px),\n * - BadgeStatusSize.Lg (10px),\n \n @default AvatarBaseSize.Md\n /\n size?: BadgeStatusSize;\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} ~~& Omit<ViewProps, 'children'>;\~~n"]}
1	+ {"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/*\n BadgeStatus component props (React Native platform-specific)\n * Extends shared props with React Native-specific platform concerns\n /\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n Omit<ViewProps, 'children'> & {\n /\n Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n };\n"]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA~~,+CAAiE~~;~~AAAxD~~,~~0GAAA~~,~~iBAAiB~~,OAAA;~~AAAE~~,~~wGAAA~~,~~eAAe~~,OAAA;~~AAC3C~~,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BadgeStatusStatus~~, BadgeStatusSize~~ } from '~~../../types~~';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}
1	+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,gFAGiD;AAF/C,uHAAA,eAAe,OAAA;AACf,yHAAA,iBAAiB,OAAA;AAEnB,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export {\n BadgeStatusSize,\n BadgeStatusStatus,\n} from '@metamask-previews/design-system-shared';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}