npm - @jamadd/react-native-template-ui - Versions diffs - 0.1.1 - Mend

@jamadd/react-native-template-ui 0.1.1

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

package/lib/typescript/commonjs/src/components/view/AnimatedBox.d.ts ADDED Viewed

@@ -0,0 +1,1009 @@
+declare const AnimatedBox: import("react").FunctionComponent<import("react-native-reanimated").AnimatedProps<import("@shopify/restyle").BackgroundColorProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & import("@shopify/restyle").OpacityProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & import("@shopify/restyle").VisibleProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & import("@shopify/restyle").LayoutProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & import("@shopify/restyle").SpacingProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & {
+    borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+} & {
+    borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+} & {
+    borderRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+    borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "circle", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+} & {
+    shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
+        width: number;
+        height: number;
+    }> | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+} & {
+    shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "theme" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textBtn" | "border" | "separator" | "err", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+} & {
+    position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+    end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }>;
+} & {
+    zIndex?: import("@shopify/restyle").ResponsiveValue<"bottom" | "middle" | "top", {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    }> | undefined;
+} & import("@shopify/restyle").SpacingShorthandProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & import("@shopify/restyle").BackgroundColorShorthandProps<{
+    colors: {
+        transparent: import("../..").Palette;
+        theme: import("../..").Palette;
+        background: import("../..").Palette;
+        backgroundOverlay: import("../..").Palette;
+        text: import("../..").Palette;
+        textOverlay: import("../..").Palette;
+        textBtn: import("../..").Palette;
+        border: import("../..").Palette;
+        separator: import("../..").Palette;
+        err: import("../..").Palette;
+    };
+    spacing: {
+        none: import("../..").Spacing;
+        xxxs: import("../..").Spacing;
+        xxs: import("../..").Spacing;
+        xs: import("../..").Spacing;
+        s: import("../..").Spacing;
+        m: import("../..").Spacing;
+        l: import("../..").Spacing;
+        xl: import("../..").Spacing;
+        xxl: import("../..").Spacing;
+        xxxl: import("../..").Spacing;
+    };
+    breakpoints: {
+        smallPhone: number;
+        phone: number;
+        smallTablet: number;
+        tablet: number;
+        desktop: number;
+    };
+    zIndices: {
+        bottom: import("../..").ZIndex;
+        middle: import("../..").ZIndex;
+        top: import("../..").ZIndex;
+    };
+    borderRadii: {
+        s: import("../..").BorderRadius;
+        m: import("../..").BorderRadius;
+        l: import("../..").BorderRadius;
+        circle: import("../..").BorderRadius;
+    };
+    textVariants: {
+        textXSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textSBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textMBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXLBold: {
+            fontWeight: string;
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        defaults: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textS: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textM: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+        textXL: {
+            fontSize: import("../..").FontSize;
+            lineHeight: import("../..").FontLineHeight;
+            color: string;
+        };
+    };
+}> & Omit<import("react-native").ViewProps & {
+    children?: React.ReactNode;
+}, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>>>;
+export default AnimatedBox;
+//# sourceMappingURL=AnimatedBox.d.ts.map