@draftbit/core 46.10.2 → 46.10.3-1b8e7d.2

package/lib/module/components/Row.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { View, Text, Image, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const Row = _ref => {
-  let {
-    titleTypeStyle,
-    titleColor,
-    subtitleTypeStyle,
-    subtitleColor,
-    title,
-    subtitle,
-    multilineSubtitle,
-    image,
-    right,
-    style
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      padding: 16
-    }, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.leftContainer
-  }, image && /*#__PURE__*/React.createElement(Image, {
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    style: {
-      marginRight: 12,
-      width: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize,
-      height: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [titleTypeStyle, {
-      color: titleColor
-    }],
-    numberOfLines: 1
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
-    style: [subtitleTypeStyle, {
-      color: subtitleColor,
-      marginTop: 4
-    }],
-    numberOfLines: multilineSubtitle ? undefined : 1
-  }, subtitle) : null)), right && right());
-};
-const styles = StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-export default withTheme(Row);

package/lib/module/components/RowBodyIcon.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowBodyIcon = _ref => {
-  let {
-    Icon,
-    title,
-    subtitle,
-    icon,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.body1,
-    titleColor: colors.medium,
-    subtitleTypeStyle: typography.subtitle2,
-    subtitleColor: colors.light,
-    title: title,
-    subtitle: subtitle,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowBodyIcon);

package/lib/module/components/RowHeadlineImageCaption.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import { withTheme } from "../theming";
-import Row from "./Row";
-const RowHeadlineImageCaption = _ref => {
-  let {
-    title,
-    subtitle,
-    caption,
-    image,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Text, {
-      style: {
-        ...typography.caption,
-        color: colors.strong,
-        marginLeft: 16
-      }
-    }, caption),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageCaption);

package/lib/module/components/RowHeadlineImageIcon.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowHeadlineImageIcon = _ref => {
-  let {
-    Icon,
-    icon,
-    title,
-    image,
-    subtitle,
-    multilineSubtitle = false,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    multilineSubtitle: multilineSubtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: multilineSubtitle ? Config.rowMultiLineIconSize : Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16,
-        alignSelf: multilineSubtitle ? "flex-start" : "center",
-        marginTop: multilineSubtitle ? 4 : 0
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageIcon);

package/lib/module/mappings/Container.js

@@ -1,30 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Container",
-  tag: "Container",
-  description: "A container component with gutter padding",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    height: 250
-  },
-  props: {
-    useThemeGutterPadding: {
-      group: GROUPS.basic,
-      label: "Use gutter padding",
-      description: "When true, uses the theme gutter spacing as the container's horizontal padding",
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: false,
-      editable: false,
-      required: true
-    },
-    backgroundImage: createImageProp({
-      label: "Background Image",
-      description: "Apply a custom background image",
-      defaultValue: null
-    }),
-    backgroundImageResizeMode: createResizeModeProp(),
-    elevation: createElevationType(0)
-  }
-};

package/lib/typescript/src/components/Container.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import { ResizeModeType } from "./ResizeMode";
-declare type Props = {
-    theme: Theme;
-    useThemeGutterPadding: boolean;
-    borderColor: string;
-    borderWidth: number;
-    backgroundColor: string;
-    backgroundImage?: string | ImageSourcePropType;
-    backgroundImageResizeMode?: ResizeModeType;
-    elevation?: number;
-    style?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=Container.d.ts.map

package/lib/typescript/src/components/Container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IAC/C,yBAAyB,CAAC,EAAE,cAAc,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;;;AAyFF,wBAAoC"}

package/lib/typescript/src/components/DeprecatedFAB.d.ts

@@ -1,56 +0,0 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, PressableProps } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-/**
- * A floating action button represents the primary action in an application.
- *
- * <div class="screenshots">
- *   <img src="screenshots/fab-1.png" />
- *   <img src="screenshots/fab-2.png" />
- * </div>
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { StyleSheet } from 'react-native';
- * import { FAB } from '@draftbit/ui';
- *
- * const MyComponent = () => (
- *   <FAB
- *     style={styles.fab}
- *     type="outline"
- *     icon="add"
- *     onPress={() => console.log('Pressed')}
- *   />
- * );
- *
- * const styles = StyleSheet.create({
- *   fab: {
- *     position: 'absolute',
- *     margin: 16,
- *     right: 0,
- *     bottom: 0,
- *   },
- * })
- *
- * export default MyComponent;
- * ```
- */
-declare type Props = {
-    disabled?: boolean;
-    type?: "solid" | "extended" | "outline" | "fixed" | "standard";
-    loading?: boolean;
-    icon?: string;
-    color?: string;
-    label?: string;
-    onPress: () => void;
-    elevation?: number;
-    theme: Theme;
-    style?: StyleProp<ViewStyle>;
-} & PressableProps & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=DeprecatedFAB.d.ts.map

package/lib/typescript/src/components/DeprecatedFAB.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeprecatedFAB.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAGT,cAAc,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AAkKX,wBAA8B"}

package/lib/typescript/src/components/Row.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    titleTypeStyle?: StyleProp<TextStyle>;
-    titleColor?: string;
-    subtitleTypeStyle?: StyleProp<TextStyle>;
-    subtitleColor?: string;
-    title?: string;
-    subtitle?: string;
-    multilineSubtitle?: boolean;
-    image?: string | ImageSourcePropType;
-    right?: () => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    theme: typeof theme;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=Row.d.ts.map

package/lib/typescript/src/components/Row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAgFF,wBAA8B"}

package/lib/typescript/src/components/RowBodyIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowBodyIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA+Bb,wBAAsC"}

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    title?: string;
-    subtitle?: string;
-    caption?: string;
-    image: string | ImageSourcePropType;
-    style?: StyleProp<ViewStyle>;
-    theme: typeof theme;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=RowHeadlineImageCaption.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowHeadlineImageCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAmCF,wBAAkD"}

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    title?: string;
-    image: string | ImageSourcePropType;
-    subtitle?: string;
-    multilineSubtitle?: boolean;
-    icon: string;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-} & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=RowHeadlineImageIcon.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowHeadlineImageIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Cb,wBAA+C"}

package/lib/typescript/src/mappings/Container.d.ts

@@ -1,55 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        height: number;
-    };
-    props: {
-        useThemeGutterPadding: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-        };
-        backgroundImage: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-        };
-        backgroundImageResizeMode: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: string;
-            formType: string;
-            propType: string;
-            options: string[];
-        };
-        elevation: {
-            defaultValue: any;
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            options: number[];
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};
-//# sourceMappingURL=Container.d.ts.map

package/lib/typescript/src/mappings/Container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Container.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}

package/src/components/Container.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { View, ImageBackground, StyleSheet, } from "react-native";
-import { withTheme } from "../theming";
-import Elevation from "./Elevation";
-const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
-...rest }) => {
-    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
-    const containerStyle = {
-        backgroundColor,
-        borderColor,
-        borderWidth,
-        width: "100%",
-        ...styleProp,
-    };
-    const innerStyle = {
-        flex,
-        flexGrow,
-        flexWrap,
-        flexBasis,
-        flexShrink,
-        flexDirection,
-        alignContent,
-        justifyContent,
-        alignItems,
-        padding,
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight,
-        paddingVertical,
-        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
-    };
-    const Wrap = elevation ? Elevation : View;
-    if (elevation)
-        containerStyle.elevation = elevation;
-    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
-            ? { uri: backgroundImage }
-            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {
-            flex: 1,
-        } },
-        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));
-};
-export default withTheme(Container);

package/src/components/Container.tsx

@@ -1,116 +0,0 @@
-import * as React from "react";
-import {
-  View,
-  ImageBackground,
-  ImageSourcePropType,
-  StyleProp,
-  StyleSheet,
-  ViewStyle,
-} from "react-native";
-import { withTheme } from "../theming";
-
-import Elevation from "./Elevation";
-import type { Theme } from "../styles/DefaultTheme";
-import { ResizeModeType } from "./ResizeMode";
-
-type Props = {
-  theme: Theme;
-  useThemeGutterPadding: boolean;
-  borderColor: string;
-  borderWidth: number;
-  backgroundColor: string;
-  backgroundImage?: string | ImageSourcePropType;
-  backgroundImageResizeMode?: ResizeModeType;
-  elevation?: number;
-  style?: StyleProp<ViewStyle>;
-  children?: React.ReactNode;
-};
-
-const Container: React.FC<React.PropsWithChildren<Props>> = ({
-  useThemeGutterPadding,
-  borderColor,
-  borderWidth,
-  backgroundColor,
-  backgroundImage,
-  backgroundImageResizeMode,
-  elevation,
-  style,
-  children,
-  theme, // eslint-disable-line @typescript-eslint/no-unused-vars
-  ...rest
-}) => {
-  const {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal,
-    ...styleProp
-  } = StyleSheet.flatten(style) || {};
-
-  const containerStyle: StyleProp<ViewStyle> = {
-    backgroundColor,
-    borderColor,
-    borderWidth,
-    width: "100%",
-    ...styleProp,
-  };
-
-  const innerStyle: StyleProp<ViewStyle> = {
-    flex,
-    flexGrow,
-    flexWrap,
-    flexBasis,
-    flexShrink,
-    flexDirection,
-    alignContent,
-    justifyContent,
-    alignItems,
-    padding,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    paddingVertical,
-    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
-  };
-
-  const Wrap = elevation ? Elevation : View;
-
-  if (elevation) containerStyle.elevation = elevation;
-
-  return (
-    <Wrap style={[containerStyle, style]} {...rest}>
-      {backgroundImage ? (
-        <ImageBackground
-          source={
-            typeof backgroundImage === "string"
-              ? { uri: backgroundImage }
-              : backgroundImage
-          }
-          resizeMode={backgroundImageResizeMode}
-          style={{
-            flex: 1,
-          }}
-        >
-          <View style={innerStyle}>{children}</View>
-        </ImageBackground>
-      ) : (
-        <View style={innerStyle}>{children}</View>
-      )}
-    </Wrap>
-  );
-};
-
-export default withTheme(Container);