@metamask-previews/design-system-react-native 0.27.0-preview.a0fe3894 → 0.28.0-preview.1f40f69f

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 (58) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/dist/components/AvatarBase/AvatarBase.cjs +1 -1
  3. package/dist/components/AvatarBase/AvatarBase.cjs.map +1 -1
  4. package/dist/components/AvatarBase/AvatarBase.mjs +1 -1
  5. package/dist/components/AvatarBase/AvatarBase.mjs.map +1 -1
  6. package/dist/components/AvatarFavicon/AvatarFavicon.cjs +2 -2
  7. package/dist/components/AvatarFavicon/AvatarFavicon.cjs.map +1 -1
  8. package/dist/components/AvatarFavicon/AvatarFavicon.d.cts.map +1 -1
  9. package/dist/components/AvatarFavicon/AvatarFavicon.d.mts.map +1 -1
  10. package/dist/components/AvatarFavicon/AvatarFavicon.mjs +2 -2
  11. package/dist/components/AvatarFavicon/AvatarFavicon.mjs.map +1 -1
  12. package/dist/components/AvatarNetwork/AvatarNetwork.cjs +2 -2
  13. package/dist/components/AvatarNetwork/AvatarNetwork.cjs.map +1 -1
  14. package/dist/components/AvatarNetwork/AvatarNetwork.d.cts.map +1 -1
  15. package/dist/components/AvatarNetwork/AvatarNetwork.d.mts.map +1 -1
  16. package/dist/components/AvatarNetwork/AvatarNetwork.mjs +2 -2
  17. package/dist/components/AvatarNetwork/AvatarNetwork.mjs.map +1 -1
  18. package/dist/components/AvatarToken/AvatarToken.cjs +2 -2
  19. package/dist/components/AvatarToken/AvatarToken.cjs.map +1 -1
  20. package/dist/components/AvatarToken/AvatarToken.d.cts.map +1 -1
  21. package/dist/components/AvatarToken/AvatarToken.d.mts.map +1 -1
  22. package/dist/components/AvatarToken/AvatarToken.mjs +2 -2
  23. package/dist/components/AvatarToken/AvatarToken.mjs.map +1 -1
  24. package/dist/components/SectionHeader/SectionHeader.cjs +47 -24
  25. package/dist/components/SectionHeader/SectionHeader.cjs.map +1 -1
  26. package/dist/components/SectionHeader/SectionHeader.d.cts +16 -13
  27. package/dist/components/SectionHeader/SectionHeader.d.cts.map +1 -1
  28. package/dist/components/SectionHeader/SectionHeader.d.mts +16 -13
  29. package/dist/components/SectionHeader/SectionHeader.d.mts.map +1 -1
  30. package/dist/components/SectionHeader/SectionHeader.mjs +48 -25
  31. package/dist/components/SectionHeader/SectionHeader.mjs.map +1 -1
  32. package/dist/components/SectionHeader/SectionHeader.types.cjs.map +1 -1
  33. package/dist/components/SectionHeader/SectionHeader.types.d.cts +16 -9
  34. package/dist/components/SectionHeader/SectionHeader.types.d.cts.map +1 -1
  35. package/dist/components/SectionHeader/SectionHeader.types.d.mts +16 -9
  36. package/dist/components/SectionHeader/SectionHeader.types.d.mts.map +1 -1
  37. package/dist/components/SectionHeader/SectionHeader.types.mjs.map +1 -1
  38. package/dist/components/TextArea/TextArea.cjs +3 -7
  39. package/dist/components/TextArea/TextArea.cjs.map +1 -1
  40. package/dist/components/TextArea/TextArea.d.cts +158 -163
  41. package/dist/components/TextArea/TextArea.d.cts.map +1 -1
  42. package/dist/components/TextArea/TextArea.d.mts +158 -163
  43. package/dist/components/TextArea/TextArea.d.mts.map +1 -1
  44. package/dist/components/TextArea/TextArea.mjs +4 -8
  45. package/dist/components/TextArea/TextArea.mjs.map +1 -1
  46. package/dist/components/TextArea/TextArea.types.cjs.map +1 -1
  47. package/dist/components/TextArea/TextArea.types.d.cts +12 -45
  48. package/dist/components/TextArea/TextArea.types.d.cts.map +1 -1
  49. package/dist/components/TextArea/TextArea.types.d.mts +12 -45
  50. package/dist/components/TextArea/TextArea.types.d.mts.map +1 -1
  51. package/dist/components/TextArea/TextArea.types.mjs.map +1 -1
  52. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.cjs.map +1 -1
  53. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.cts +2 -2
  54. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.cts.map +1 -1
  55. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.mts +2 -2
  56. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.mts.map +1 -1
  57. package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.mjs.map +1 -1
  58. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"file":"ImageOrSvg.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ImageErrorEventData,\n ImageLoadEventData,\n NativeSyntheticEvent,\n StyleProp,\n ImageStyle,\n ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n /**\n * Optional prop to set the width of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n width?: number | string;\n /**\n * Optional prop to set the height of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n height?: number | string;\n /**\n * Optional prop to set callback triggered when the image has loaded successfully.\n */\n onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the image.\n */\n onImageError?: (\n errorEvent: NativeSyntheticEvent<ImageErrorEventData>,\n ) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the SVG.\n */\n onSvgError?: (error: Error) => void;\n /**\n * Optional prop for style overrides for the image/SVG container.\n */\n style?: StyleProp<ImageStyle>;\n /**\n * Additional props to pass to the Image component, excluding\n * the 'source' prop (which is handled separately).\n */\n imageProps?: Omit<ImageProps, 'source'>;\n /**\n * Additional props to pass to the Svg component, excluding\n * the 'uri' prop (which is handled separately).\n */\n svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n | number // For local imported image\n | React.ComponentType<SvgProps> // For local imported svg\n | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n /**\n * Required prop for the source of the image or SVG.\n * This prop determines whether a local image, a local SVG component,\n * or a remote image/SVG (via URI) is rendered.\n */\n src: ImageOrSvgSrc;\n};\n"]}
1
+ {"version":3,"file":"ImageOrSvg.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ImageErrorEvent,\n ImageLoadEventData,\n NativeSyntheticEvent,\n StyleProp,\n ImageStyle,\n ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n /**\n * Optional prop to set the width of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n width?: number | string;\n /**\n * Optional prop to set the height of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n height?: number | string;\n /**\n * Optional prop to set callback triggered when the image has loaded successfully.\n */\n onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the image.\n */\n onImageError?: (errorEvent: ImageErrorEvent) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the SVG.\n */\n onSvgError?: (error: Error) => void;\n /**\n * Optional prop for style overrides for the image/SVG container.\n */\n style?: StyleProp<ImageStyle>;\n /**\n * Additional props to pass to the Image component, excluding\n * the 'source' prop (which is handled separately).\n */\n imageProps?: Omit<ImageProps, 'source'>;\n /**\n * Additional props to pass to the Svg component, excluding\n * the 'uri' prop (which is handled separately).\n */\n svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n | number // For local imported image\n | React.ComponentType<SvgProps> // For local imported svg\n | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n /**\n * Required prop for the source of the image or SVG.\n * This prop determines whether a local image, a local SVG component,\n * or a remote image/SVG (via URI) is rendered.\n */\n src: ImageOrSvgSrc;\n};\n"]}
@@ -1,4 +1,4 @@
1
- import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
1
+ import type { ImageErrorEvent, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
2
2
  import type { SvgProps } from "react-native-svg";
3
3
  /**
4
4
  * Base props common to all variations.
@@ -21,7 +21,7 @@ export type ImageOrSvgBaseProps = {
21
21
  /**
22
22
  * Optional prop to set callback triggered when there is an error rendering the image.
23
23
  */
24
- onImageError?: (errorEvent: NativeSyntheticEvent<ImageErrorEventData>) => void;
24
+ onImageError?: (errorEvent: ImageErrorEvent) => void;
25
25
  /**
26
26
  * Optional prop to set callback triggered when there is an error rendering the SVG.
27
27
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ImageOrSvg.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,qBAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,KAClD,IAAI,CAAC;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"ImageOrSvg.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,qBAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
1
+ import type { ImageErrorEvent, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
2
2
  import type { SvgProps } from "react-native-svg";
3
3
  /**
4
4
  * Base props common to all variations.
@@ -21,7 +21,7 @@ export type ImageOrSvgBaseProps = {
21
21
  /**
22
22
  * Optional prop to set callback triggered when there is an error rendering the image.
23
23
  */
24
- onImageError?: (errorEvent: NativeSyntheticEvent<ImageErrorEventData>) => void;
24
+ onImageError?: (errorEvent: ImageErrorEvent) => void;
25
25
  /**
26
26
  * Optional prop to set callback triggered when there is an error rendering the SVG.
27
27
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ImageOrSvg.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,qBAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,KAClD,IAAI,CAAC;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"ImageOrSvg.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,qBAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ImageOrSvg.types.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ImageErrorEventData,\n ImageLoadEventData,\n NativeSyntheticEvent,\n StyleProp,\n ImageStyle,\n ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n /**\n * Optional prop to set the width of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n width?: number | string;\n /**\n * Optional prop to set the height of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n height?: number | string;\n /**\n * Optional prop to set callback triggered when the image has loaded successfully.\n */\n onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the image.\n */\n onImageError?: (\n errorEvent: NativeSyntheticEvent<ImageErrorEventData>,\n ) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the SVG.\n */\n onSvgError?: (error: Error) => void;\n /**\n * Optional prop for style overrides for the image/SVG container.\n */\n style?: StyleProp<ImageStyle>;\n /**\n * Additional props to pass to the Image component, excluding\n * the 'source' prop (which is handled separately).\n */\n imageProps?: Omit<ImageProps, 'source'>;\n /**\n * Additional props to pass to the Svg component, excluding\n * the 'uri' prop (which is handled separately).\n */\n svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n | number // For local imported image\n | React.ComponentType<SvgProps> // For local imported svg\n | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n /**\n * Required prop for the source of the image or SVG.\n * This prop determines whether a local image, a local SVG component,\n * or a remote image/SVG (via URI) is rendered.\n */\n src: ImageOrSvgSrc;\n};\n"]}
1
+ {"version":3,"file":"ImageOrSvg.types.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ImageErrorEvent,\n ImageLoadEventData,\n NativeSyntheticEvent,\n StyleProp,\n ImageStyle,\n ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n /**\n * Optional prop to set the width of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n width?: number | string;\n /**\n * Optional prop to set the height of the image/SVG.\n * Accepts numbers (pixels) or string values (like percentages).\n */\n height?: number | string;\n /**\n * Optional prop to set callback triggered when the image has loaded successfully.\n */\n onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the image.\n */\n onImageError?: (errorEvent: ImageErrorEvent) => void;\n /**\n * Optional prop to set callback triggered when there is an error rendering the SVG.\n */\n onSvgError?: (error: Error) => void;\n /**\n * Optional prop for style overrides for the image/SVG container.\n */\n style?: StyleProp<ImageStyle>;\n /**\n * Additional props to pass to the Image component, excluding\n * the 'source' prop (which is handled separately).\n */\n imageProps?: Omit<ImageProps, 'source'>;\n /**\n * Additional props to pass to the Svg component, excluding\n * the 'uri' prop (which is handled separately).\n */\n svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n | number // For local imported image\n | React.ComponentType<SvgProps> // For local imported svg\n | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n /**\n * Required prop for the source of the image or SVG.\n * This prop determines whether a local image, a local SVG component,\n * or a remote image/SVG (via URI) is rendered.\n */\n src: ImageOrSvgSrc;\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metamask-previews/design-system-react-native",
3
- "version": "0.27.0-preview.a0fe3894",
3
+ "version": "0.28.0-preview.1f40f69f",
4
4
  "description": "Design System React Native",
5
5
  "keywords": [
6
6
  "MetaMask",
@@ -47,7 +47,7 @@
47
47
  "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
48
48
  },
49
49
  "dependencies": {
50
- "@metamask-previews/design-system-shared": "0.20.0-preview.a0fe3894",
50
+ "@metamask-previews/design-system-shared": "0.21.0-preview.1f40f69f",
51
51
  "fast-text-encoding": "^1.0.6",
52
52
  "react-native-jazzicon": "^0.1.2"
53
53
  },
@@ -57,8 +57,8 @@
57
57
  "@babel/preset-react": "^7.25.9",
58
58
  "@babel/preset-typescript": "^7.23.3",
59
59
  "@figma/code-connect": "^1.0.0",
60
- "@metamask-previews/design-system-twrnc-preset": "0.4.2-preview.a0fe3894",
61
- "@metamask-previews/design-tokens": "8.4.0-preview.a0fe3894",
60
+ "@metamask-previews/design-system-twrnc-preset": "0.5.0-preview.1f40f69f",
61
+ "@metamask-previews/design-tokens": "8.5.0-preview.1f40f69f",
62
62
  "@metamask/auto-changelog": "^6.1.1",
63
63
  "@metamask/utils": "^11.11.0",
64
64
  "@react-native/babel-preset": "0.81.5",
@@ -89,7 +89,7 @@
89
89
  "typescript": "~5.2.2"
90
90
  },
91
91
  "peerDependencies": {
92
- "@metamask/design-system-twrnc-preset": "^0.4.0",
92
+ "@metamask/design-system-twrnc-preset": "^0.5.0",
93
93
  "@metamask/design-tokens": "^8.2.0",
94
94
  "@metamask/utils": "^11.11.0",
95
95
  "lodash": "^4.17.23",
@@ -100,7 +100,7 @@
100
100
  "react-native-safe-area-context": ">=5.0.0"
101
101
  },
102
102
  "engines": {
103
- "node": "^18.18 || >=20"
103
+ "node": ">=20"
104
104
  },
105
105
  "publishConfig": {
106
106
  "access": "public",