@codeleap/mobile 2.3.6 → 2.3.8

package/dist/components/Icon/styles.js

@@ -1,49 +1,49 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createIconStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createIconStyle(function () { return ({ icon: styles }); }); });
-exports.IconStyles = __assign(__assign({}, presets), { default: createIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.icon,
-        },
-    }); }), originalColor: createIconStyle(function (theme) { return ({
-        icon: {
-            color: 'auto',
-        },
-    }); }), white: createIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.white,
-        },
-    }); }), primary: createIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.primary,
-        },
-    }); }), negative: createIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.negative,
-        },
-    }); }), positive: createIconStyle(function (theme) { return ({
-        icon: {
-            color: theme.colors.positive,
-        },
-    }); }), small: createIconStyle(function (theme) { return ({
-        icon: __assign({}, theme.sized(1)),
-    }); }), medium: createIconStyle(function (theme) { return ({
-        icon: __assign({}, theme.sized(2)),
-    }); }), large: createIconStyle(function (theme) { return ({
-        icon: __assign({}, theme.sized(3)),
-    }); }) });
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createIconStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createIconStyle(function () { return ({ icon: styles }); }); });
+exports.IconStyles = __assign(__assign({}, presets), { default: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.icon,
+        },
+    }); }), originalColor: createIconStyle(function (theme) { return ({
+        icon: {
+            color: 'auto',
+        },
+    }); }), white: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.white,
+        },
+    }); }), primary: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.primary,
+        },
+    }); }), negative: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.negative,
+        },
+    }); }), positive: createIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.positive,
+        },
+    }); }), small: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(1)),
+    }); }), medium: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(2)),
+    }); }), large: createIconStyle(function (theme) { return ({
+        icon: __assign({}, theme.sized(3)),
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Image/index.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { ComponentVariants, FormTypes } from '@codeleap/common';
-import { ComponentPropsWithoutRef } from 'react';
-import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { FastImage } from '../../modules/fastImage';
-import { ImageStyles } from './styles';
-export * from './styles';
-declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
-export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
-    variants?: ComponentVariants<typeof ImageStyles>['variants'];
-    fast?: boolean;
-    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
-    source: (NativeImageProps['source'] & {
-        priority?: keyof typeof FastImage.priority;
-    }) | FormTypes.AnyFile | string | number;
-    resizeMode?: keyof typeof FastImage.resizeMode;
-    spotlight?: string;
-};
-export declare const ImageComponent: React.FC<ImageProps>;
-export declare const Image: React.NamedExoticComponent<ImageProps>;
+import * as React from 'react';
+import { ComponentVariants, FormTypes } from '@codeleap/common';
+import { ComponentPropsWithoutRef } from 'react';
+import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { FastImage } from '../../modules/fastImage';
+import { ImageStyles } from './styles';
+export * from './styles';
+declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
+export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
+    variants?: ComponentVariants<typeof ImageStyles>['variants'];
+    fast?: boolean;
+    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+    source: (NativeImageProps['source'] & {
+        priority?: keyof typeof FastImage.priority;
+    }) | FormTypes.AnyFile | string | number;
+    resizeMode?: keyof typeof FastImage.resizeMode;
+    spotlight?: string;
+};
+export declare const ImageComponent: React.FC<ImageProps>;
+export declare const Image: React.NamedExoticComponent<ImageProps>;

package/dist/components/Image/index.js

@@ -1,91 +1,91 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = exports.ImageComponent = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var fastImage_1 = require("../../modules/fastImage");
-var Spotlight_1 = require("../ImageView/Spotlight");
-var Touchable_1 = require("../Touchable");
-var utils_1 = require("../../utils");
-__exportStar(require("./styles"), exports);
-var ImageComponent = function (props) {
-    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.spotlight, spotlight = _b === void 0 ? null : _b, _c = props.resizeMode, resizeMode = _c === void 0 ? 'contain' : _c, source = props.source, imageProps = __rest(props, ["variants", "style", "fast", "spotlight", "resizeMode", "source"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Image', { variants: variants });
-    var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
-    var imSource = source;
-    if ((0, utils_1.isFile)(imSource)) {
-        imSource = (0, utils_1.toMultipartFile)(imSource);
-    }
-    else if (common_1.TypeGuards.isString(source)) {
-        imSource = { uri: source };
-    }
-    var spotlightActions = (0, Spotlight_1.useImageSpotlight)(spotlight, props.source);
-    var Wrapper = !!spotlight ? Touchable_1.Touchable : function (_a) {
-        var children = _a.children;
-        return <>{children}</>;
-    };
-    var wrapperProps = {
-        onPress: spotlightActions.onImagePressed,
-        debugName: "Press spotlight image ".concat(props.source),
-        style: [variantStyles.touchable],
-        android_ripple: null,
-    };
-    if (fast) {
-        return (<Wrapper {...wrapperProps}>
-
-        <fastImage_1.FastImage style={styles} 
-        // @ts-ignore
-        tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} source={imSource} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>
-      </Wrapper>);
-    }
-    return <Wrapper {...wrapperProps}>
-    <react_native_1.Image style={styles} resizeMode={resizeMode} source={imSource} {...imageProps}/>
-
-  </Wrapper>;
-};
-exports.ImageComponent = ImageComponent;
-function areEqual(prevProps, nextProps) {
-    var check = ['source', 'style', 'variants', 'resizeMode', 'fast'];
-    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
-    return res;
-}
-exports.Image = React.memo(exports.ImageComponent, areEqual);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = exports.ImageComponent = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var fastImage_1 = require("../../modules/fastImage");
+var Spotlight_1 = require("../ImageView/Spotlight");
+var Touchable_1 = require("../Touchable");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+var ImageComponent = function (props) {
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.spotlight, spotlight = _b === void 0 ? null : _b, _c = props.resizeMode, resizeMode = _c === void 0 ? 'contain' : _c, source = props.source, imageProps = __rest(props, ["variants", "style", "fast", "spotlight", "resizeMode", "source"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Image', { variants: variants });
+    var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
+    var imSource = source;
+    if ((0, utils_1.isFile)(imSource)) {
+        imSource = (0, utils_1.toMultipartFile)(imSource);
+    }
+    else if (common_1.TypeGuards.isString(source)) {
+        imSource = { uri: source };
+    }
+    var spotlightActions = (0, Spotlight_1.useImageSpotlight)(spotlight, props.source);
+    var Wrapper = !!spotlight ? Touchable_1.Touchable : function (_a) {
+        var children = _a.children;
+        return <>{children}</>;
+    };
+    var wrapperProps = {
+        onPress: spotlightActions.onImagePressed,
+        debugName: "Press spotlight image ".concat(props.source),
+        style: [variantStyles.touchable],
+        android_ripple: null,
+    };
+    if (fast) {
+        return (<Wrapper {...wrapperProps}>
+
+        <fastImage_1.FastImage style={styles} 
+        // @ts-ignore
+        tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} source={imSource} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>
+      </Wrapper>);
+    }
+    return <Wrapper {...wrapperProps}>
+    <react_native_1.Image style={styles} resizeMode={resizeMode} source={imSource} {...imageProps}/>
+
+  </Wrapper>;
+};
+exports.ImageComponent = ImageComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['source', 'style', 'variants', 'resizeMode', 'fast'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Image = React.memo(exports.ImageComponent, areEqual);
 //# sourceMappingURL=index.js.map

package/dist/components/Image/styles.d.ts

@@ -1,54 +1,54 @@
-export declare type ImageComposition = 'wrapper' | 'touchable';
-export declare const ImageStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    round: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-};
+export declare type ImageComposition = 'wrapper' | 'touchable';
+export declare const ImageStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    round: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+};

package/dist/components/Image/styles.js

@@ -1,25 +1,25 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createImageStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createImageStyle(function () { return ({ wrapper: styles, touchable: styles }); }); });
-exports.ImageStyles = __assign(__assign({}, presets), { default: createImageStyle(function () { return ({
-        wrapper: {},
-    }); }), round: createImageStyle(function () { return ({
-        wrapper: {
-            borderRadius: 100,
-        },
-    }); }) });
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createImageStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createImageStyle(function () { return ({ wrapper: styles, touchable: styles }); }); });
+exports.ImageStyles = __assign(__assign({}, presets), { default: createImageStyle(function () { return ({
+        wrapper: {},
+    }); }), round: createImageStyle(function () { return ({
+        wrapper: {
+            borderRadius: 100,
+        },
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/ImageView/Spotlight.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { ImageSource } from 'react-native-image-viewing/dist/@types';
-import { ImageProps } from '../Image';
-declare type TImage = {
-    source: ImageSource;
-    created: number;
-    id: string;
-};
-export declare const SpotlightProvider: React.FC;
-export declare function useSpotlight(name: string): {
-    images: TImage[];
-    currentIndex: number;
-    set(img: ImageSource, id?: string): string;
-    remove(id: string): void;
-    open(id: string): void;
-    close(): void;
-    clear(): void;
-};
-export declare const useImageSpotlight: (name: string | null, src: ImageProps['source']) => {
-    onImagePressed: () => void;
-};
-export declare const Spotlight: ({ name }: {
-    name: any;
-}) => JSX.Element;
-export {};
+import React from 'react';
+import { ImageSource } from 'react-native-image-viewing/dist/@types';
+import { ImageProps } from '../Image';
+declare type TImage = {
+    source: ImageSource;
+    created: number;
+    id: string;
+};
+export declare const SpotlightProvider: React.FC;
+export declare function useSpotlight(name: string): {
+    images: TImage[];
+    currentIndex: number;
+    set(img: ImageSource, id?: string): string;
+    remove(id: string): void;
+    open(id: string): void;
+    close(): void;
+    clear(): void;
+};
+export declare const useImageSpotlight: (name: string | null, src: ImageProps['source']) => {
+    onImagePressed: () => void;
+};
+export declare const Spotlight: ({ name }: {
+    name: any;
+}) => JSX.Element;
+export {};