@codeleap/mobile 1.0.1 → 1.3.1

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

@@ -0,0 +1,62 @@
+import { ButtonComposition, ModalComposition } from '@codeleap/common';
+export declare const backgroundTransition: {
+    duration: number;
+    ease: string;
+    useNativeDriver: boolean;
+};
+export declare const modalTransition: {
+    duration: number;
+    ease: string;
+    useNativeDriver: boolean;
+};
+export declare type MobileModalParts = 'wrapper' | 'overlay' | 'innerWrapper' | 'innerWrapperScroll' | 'box' | 'footer' | 'body' | 'header' | 'touchableBackdrop' | 'box:pose' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
+export declare type MobileModalComposition = MobileModalParts | `${MobileModalParts}:visible`;
+export declare const MobileModalStyles: {
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    popup: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    roundish: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    dynamicHandler: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+};

package/dist/components/Modal/styles.js

@@ -0,0 +1,62 @@
+"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.MobileModalStyles = exports.modalTransition = exports.backgroundTransition = void 0;
+var common_1 = require("@codeleap/common");
+exports.backgroundTransition = {
+    duration: 200,
+    ease: 'easeOut',
+    useNativeDriver: false,
+};
+exports.modalTransition = {
+    duration: 150,
+    ease: 'easeOut',
+    useNativeDriver: false,
+};
+var createModalStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ wrapper: style }); }); });
+var defaultModalStyles = common_1.ModalStyles;
+exports.MobileModalStyles = __assign(__assign(__assign({}, presets), defaultModalStyles), { default: createModalStyle(function (Theme) {
+        var _a, _b;
+        var fullSize = __assign(__assign({}, Theme.presets.whole), { position: 'absolute', width: (_a = Theme === null || Theme === void 0 ? void 0 : Theme.values) === null || _a === void 0 ? void 0 : _a.width, height: (_b = Theme === null || Theme === void 0 ? void 0 : Theme.values) === null || _b === void 0 ? void 0 : _b.height });
+        return {
+            wrapper: __assign({ zIndex: 1 }, fullSize),
+            overlay: __assign({ opacity: 0, zIndex: 2, backgroundColor: Theme.colors.black }, fullSize),
+            "overlay:visible": {
+                opacity: 0.5
+            },
+            innerWrapper: {
+                zIndex: 3,
+            },
+            innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height, zIndex: 3 }),
+            box: __assign({ width: '80%', backgroundColor: Theme.colors.white, zIndex: 10, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(1)),
+            touchableBackdrop: __assign(__assign({}, fullSize), { zIndex: 5 }),
+            "box:pose": {
+                opacity: 0,
+                scale: 0.8,
+                y: Theme.values.height * 0.15,
+                transition: exports.modalTransition,
+            },
+            "box:pose:visible": {
+                y: 0,
+                opacity: 1,
+                scale: 1,
+                transition: exports.modalTransition,
+            },
+            header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
+            closeButtonWrapper: {
+                alignSelf: 'center',
+            }
+        };
+    }), popup: createModalStyle(function (Theme) { return ({}); }) });
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAgI;AAGnH,QAAA,oBAAoB,GAAG;IAChC,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACzB,CAAA;AAEY,QAAA,eAAe,GAAG;IAC3B,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACzB,CAAA;AAoBD,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAE9E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAO,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,EAAlB,CAAkB,CAAC,EAA1C,CAA0C,CAAC,CAAA;AAEvF,IAAM,kBAAkB,GAAG,oBAAW,CAAA;AAEzB,QAAA,iBAAiB,kCACxB,OAAO,GACP,kBAAkB,KACrB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;;QAE/B,IAAM,QAAQ,yBACT,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,EAC3B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,GAC9B,CAAA;QAED,OAAO;YACL,OAAO,aACL,MAAM,EAAC,CAAC,IAEL,QAAQ,CACZ;YAED,OAAO,aACL,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,CAAC,EAET,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,QAAQ,CACZ;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,GAAG;aACb;YACD,YAAY,EAAE;gBAEZ,MAAM,EAAE,CAAC;aACT;YACF,kBAAkB,sBAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,IACjB,KAAK,CAAC,OAAO,CAAC,aAAa,KAC9B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC9B,MAAM,EAAE,CAAC,GACV;YACD,GAAG,aACD,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACnC,MAAM,EAAE,EAAE,EACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IACpC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAE5B;YACD,iBAAiB,wBACZ,QAAQ,KAEX,MAAM,EAAC,CAAC,GACT;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;gBACV,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;gBAC7B,UAAU,EAAE,uBAAe;aAC5B;YACD,kBAAkB,EAAE;gBAClB,CAAC,EAAE,CAAC;gBACJ,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,uBAAe;aAC5B;YACD,MAAM,sBACJ,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,CAC7B;YACD,kBAAkB,EAAE;gBAClB,SAAS,EAAE,QAAQ;aAEpB;SAGF,CAAA;IAEF,CAAC,CAAC,EACF,KAAK,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAEnC,CAAC,EAFiC,CAEjC,CAAC,IACL"}

package/dist/components/Overlay.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ComponentVariants, OverlayComposition, OverlayStyles } from "@codeleap/common";
+import { ReactNode } from "react";
+import { StylesOf } from "../types/utility";
+import { ViewProps } from "react-native";
+import { AnimatedTouchable } from '.';
+export declare type OverlayProps = ViewProps & {
+    title?: ReactNode;
+    visible?: boolean;
+    showClose?: boolean;
+    variants?: ComponentVariants<typeof OverlayStyles>;
+    styles?: StylesOf<OverlayComposition>;
+    style?: any;
+    onPress?: () => void;
+} & React.ComponentPropsWithoutRef<typeof AnimatedTouchable>;
+export declare const Overlay: React.FC<OverlayProps>;

package/dist/components/Overlay.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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.Overlay = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("./TextInput");
+var Button_1 = require("./Button");
+var View_1 = require("./View");
+var react_native_1 = require("react-native");
+var _1 = require(".");
+var Overlay = function (overlayProps) {
+    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, styles = overlayProps.styles, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Overlay', {
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        variants: variants
+    });
+    var touchableStyle = [
+        variantStyles.wrapper,
+        styles.wrapper,
+        visible && variantStyles['wrapper:visible'],
+        visible && styles['wrapper:visible']
+    ];
+    return <_1.AnimatedTouchable 
+    // @ts-ignore
+    transition={'opacity'} style={touchableStyle} {...props}>
+           <View_1.View>
+               
+               {(title || showClose) && (<View_1.View style={variantStyles.header}>
+                        <TextInput_1.InputLabel style={variantStyles.title} label={title}/>
+                        {showClose && <Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton}/>}
+                    </View_1.View>)}
+        
+            </View_1.View> 
+        </_1.AnimatedTouchable>;
+};
+exports.Overlay = Overlay;
+//# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,2CAA2H;AAE3H,yCAAyC;AACzC,mCAAiC;AAEjC,+BAA8B;AAE9B,6CAAoD;AACpD,sBAAqC;AAc9B,IAAM,OAAO,GAA0B,UAAC,YAAY;IAGnD,IAAA,SAAS,GAQT,YAAY,UARH,EACT,KAAK,GAOL,YAAY,MAPP,EACL,QAAQ,GAMR,YAAY,SANJ,EACR,OAAO,GAKP,YAAY,QALL,EACP,MAAM,GAIN,YAAY,OAJN,EACN,KAAK,GAGL,YAAY,MAHP,EACL,QAAQ,GAER,YAAY,SAFJ,EACL,KAAK,UACR,YAAY,EATV,4EASL,CADW,CACI;IAEhB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE;QAC/C,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC5B,CAAC,CAAA;IAEF,IAAM,cAAc,GAAG;QACnB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;QACd,OAAO,IAAI,aAAa,CAAC,iBAAiB,CAAC;QAC3C,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACvC,CAAA;IAGD,OAAO,CAAC,oBAAiB;IACjB,aAAa;IACb,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,IAAI,KAAK,CAAC,CAEX;WAAA,CAAC,WAAI,CAED;;eAAA,CAAE,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACrB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAC9B;wBAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;wBAAA,CACI,SAAS,IAAI,CAAC,eAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAA0B,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAEtH;oBAAA,EAAE,WAAI,CAAC,CACV,CAEL;;YAAA,EAAE,WAAI,CACV;QAAA,EAAE,oBAAiB,CAAC,CAAA;AAE5B,CAAC,CAAA;AA/CY,QAAA,OAAO,WA+CnB"}

package/dist/components/Scroll.d.ts

@@ -7,98 +7,4 @@ export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
     refreshTimeout?: number;
     changeData?: any;
 };
-export declare const Scroll: React.ForwardRefExoticComponent<KeyboardAwareScrollViewProps & import("react-native").ViewProps & import("@codeleap/common").ComponentVariants<{
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-}, import("@codeleap/common").EnhancedTheme<any>, import("@codeleap/common").VariantProp<{
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-}>> & {
-    component?: any;
-} & import("@codeleap/common").BaseViewProps & {
-    onRefresh?: () => void;
-    refreshTimeout?: number;
-    changeData?: any;
-} & React.RefAttributes<ScrollView>>;
+export declare const Scroll: React.ForwardRefExoticComponent<Pick<ScrollProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "variants" | "responsiveVariants" | "component" | "css" | "is" | "not" | "up" | "down" | "onHover" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData"> & React.RefAttributes<ScrollView>>;

package/dist/components/TextInput.js

@@ -136,7 +136,7 @@ var InputLabel = function (_a) {
         return null;
     switch (typeof label) {
         case 'string':
-            return <Text_1.Text variants={['p2']} style={style} text={label}/>;
+            return <Text_1.Text style={style} text={label}/>;
         case 'object':
             return label;
         default:

package/dist/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Touchable.d.ts

@@ -1,19 +1,13 @@
 import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
-import { ComponentVariants, BaseViewProps, ViewStyles } from '@codeleap/common';
-import { Animated, TouchableOpacity as NativeTouchable } from 'react-native';
-export declare type TouchableProps = ComponentPropsWithoutRef<typeof NativeTouchable> & {
+import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
+import { TouchableOpacity as NativeTouchable } from 'react-native';
+export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & {
     variants?: ComponentVariants<typeof ViewStyles>['variants'];
     component?: any;
+    ref?: React.Ref<NativeTouchable>;
+    debugName?: string;
+    onPress?: AnyFunction;
 } & BaseViewProps;
-export declare const Touchable: React.ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & {
-    variants?: ComponentVariants<typeof ViewStyles>['variants'];
-    component?: any;
-} & BaseViewProps & React.RefAttributes<NativeTouchable>>;
-export declare type AnimatedTouchableProps = ComponentPropsWithoutRef<typeof Animated.View> & TouchableProps;
-export declare const AnimatedTouchable: React.ForwardRefExoticComponent<Pick<Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<import("react-native").View>> & {
-    children?: React.ReactNode;
-}, keyof import("react-native").ViewProps | "key"> & import("react-native").TouchableOpacityProps & {
-    variants?: ComponentVariants<typeof ViewStyles>['variants'];
-    component?: any;
-} & BaseViewProps & React.RefAttributes<Animated.AnimatedComponent<typeof import("react-native").View>>>;
+export declare const Touchable: React.FC<TouchableProps>;
+export declare const AnimatedTouchable: import("react-native-animatable").AnimatableComponent<TouchableProps, import("react-native").StyleProp<import("react-native").ViewStyle>>;

package/dist/components/Touchable.js

@@ -34,10 +34,10 @@ exports.AnimatedTouchable = exports.Touchable = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var common_1 = require("@codeleap/common");
-var View_1 = require("./View");
 var react_native_1 = require("react-native");
+var react_native_animatable_1 = require("react-native-animatable");
 exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
-    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, props = __rest(touchableProps, ["variants", "children", "onPress", "style"]);
+    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName"]);
     var variantStyles = (0, common_1.useComponentStyle)('View', {
         variants: variants,
     });
@@ -45,18 +45,16 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
     var press = function () {
         if (!onPress)
             throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
-        logger.log('<Touchable/> pressed', { style: style, variants: variants }, 'Component');
-        onPress(null);
+        logger.log("".concat(debugName || '<Touchable/>', "  pressed"), { style: style, variants: variants }, 'Component');
+        onPress && onPress();
     };
     var styles = [variantStyles.wrapper, style];
-    return <react_native_1.TouchableOpacity onPress={press} {...props} ref={ref}> 
-    <View_1.View style={styles}>
-      {children}
-    </View_1.View>
+    return <react_native_1.TouchableOpacity onPress={press} style={styles} {...props} ref={ref}> 
+  
+
+        {children} 
+   
   </react_native_1.TouchableOpacity>;
 });
-exports.AnimatedTouchable = (0, react_1.forwardRef)(function (viewProps, ref) {
-    // @ts-ignore
-    return <exports.Touchable component={react_native_1.Animated.View} {...viewProps}/>;
-});
+exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
 //# sourceMappingURL=Touchable.js.map

package/dist/components/Touchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAA4G;AAC5G,+BAA6B;AAC7B,6CAA6E;AAShE,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAkC,UAAC,cAAc,EAAE,GAAG;IAErF,IAAA,KAKE,cAAc,SALH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAIN,cAAc,SAJR,EACR,OAAO,GAGL,cAAc,QAHT,EACP,KAAK,GAEH,cAAc,MAFX,EACF,KAAK,UACN,cAAc,EANZ,4CAML,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;KACT,CAAC,CAAA;IACK,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,KAAK,GAAG;QACZ,IAAG,CAAC,OAAO;YAAE,MAAM,EAAC,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAC,CAAA;QAC9E,MAAM,CAAC,GAAG,CAAC,sBAAsB,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAAE,WAAW,CAAC,CAAA;QACpE,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAC1D;IAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAClB;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,WAAI,CACR;EAAA,EAAE,+BAAe,CAAC,CAAA;AACpB,CAAC,CAAC,CAAA;AAMW,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAA+C,UAAC,SAAS,EAAE,GAAG;IACvG,aAAa;IACb,OAAO,CAAC,iBAAS,CACf,SAAS,CAAC,CAAC,uBAAQ,CAAC,IAAI,CAAC,CAEzB,IAAI,SAAS,CAAC,EACd,CAAA;AAEJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAAyH;AAEzH,6CAAkE;AAElE,mEAAmE;AAWtD,QAAA,SAAS,GAA4B,IAAA,kBAAU,EAAkC,UAAC,cAAc,EAAE,GAAG;IAE9G,IAAA,KAOE,cAAc,SAPH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,KAAK,GAIH,cAAc,MAJX,EACL,SAAS,GAGP,cAAc,UAHP,EAEN,KAAK,UACN,cAAc,EARZ,yDAQL,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;KACT,CAAC,CAAA;IAEK,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,KAAK,GAAG;QACZ,IAAG,CAAC,OAAO;YAAE,MAAM,EAAC,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAC,CAAA;QAC9E,MAAM,CAAC,GAAG,CAAC,UAAG,SAAS,IAAI,cAAc,cAAW,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAAE,WAAW,CAAC,CAAA;QACvF,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAG7C,OAAO,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAGrE;;;QAAA,CAAC,QAAQ,CAEf;;EAAA,EAAE,+BAAe,CAAC,CAAA;AACpB,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,CAAC,CAAA"}

package/dist/components/View.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentVariants, ViewStyles, BaseViewProps } from '@codeleap/common';
-import { Animated, View as NativeView } from 'react-native';
+import { View as NativeView } from 'react-native';
 export declare type ViewProps = ComponentPropsWithoutRef<typeof NativeView> & ComponentVariants<typeof ViewStyles> & {
+    ref?: any;
     component?: any;
 } & BaseViewProps;
-export declare const View: React.ForwardRefExoticComponent<import("react-native").ViewProps & ComponentVariants<{
+export declare const View: React.ForwardRefExoticComponent<Pick<ViewProps, keyof import("react-native").ViewProps | keyof ComponentVariants<{
     default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
@@ -93,13 +94,11 @@ export declare const View: React.ForwardRefExoticComponent<import("react-native"
     debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-}>> & {
-    component?: any;
-} & BaseViewProps & React.RefAttributes<NativeView>>;
-export declare type AnimatedViewProps = ComponentPropsWithoutRef<typeof Animated.View> & ComponentVariants<typeof ViewStyles> & BaseViewProps;
-export declare const AnimatedView: React.ForwardRefExoticComponent<Pick<Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<NativeView>> & {
-    children?: React.ReactNode;
-}, keyof import("react-native").ViewProps | "key"> & ComponentVariants<{
+}>> | "component" | keyof BaseViewProps> & React.RefAttributes<NativeView>>;
+export declare const AnimatedView: React.ForwardRefExoticComponent<{
+    transition?: any;
+    animation?: any;
+} & import("react-native").ViewProps & ComponentVariants<{
     default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
@@ -187,4 +186,7 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<Pick<Animated
     debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
     debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
-}>> & BaseViewProps & React.RefAttributes<Animated.AnimatedComponent<typeof NativeView>>>;
+}>> & {
+    ref?: any;
+    component?: any;
+} & BaseViewProps>;

package/dist/components/View.js

@@ -32,6 +32,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnimatedView = exports.View = void 0;
 var React = __importStar(require("react"));
+var Animatable = __importStar(require("react-native-animatable"));
 var react_1 = require("react");
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
@@ -46,8 +47,5 @@ exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
     {children}
   </Component>;
 });
-exports.AnimatedView = (0, react_1.forwardRef)(function (viewProps, ref) {
-    // @ts-ignore
-    return <exports.View component={react_native_1.Animated.View} {...viewProps}/>;
-});
+exports.AnimatedView = Animatable.createAnimatableComponent(exports.View);
 //# sourceMappingURL=View.js.map

package/dist/components/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../src/components/View.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAA4D;AAC5D,2CAAkG;AAClG,6CAA4D;AAU/C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAEjE,IAAA,KAOE,SAAS,mBAPY,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAME,SAAS,SANE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAKN,SAAS,SALH,EACR,KAAK,GAIH,SAAS,MAJN,EACL,OAAO,GAGL,SAAS,QAHJ,EACP,SAAS,GAEP,SAAS,UAFF,EACN,KAAK,UACN,SAAS,EARP,+EAQL,CADS,CACI;IAEd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAC;IACH,IAAM,SAAS,GAAI,SAAS,IAAG,mBAAU,CAAA;IAEzC,OAAO,CAAC,SAAS,CAEf,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,SAAS,CAAC,CAAA;AACd,CAAC,CAAC,CAAA;AAMW,QAAA,YAAY,GAAG,IAAA,kBAAU,EAA0C,UAAC,SAAS,EAAE,GAAG;IAC7F,aAAa;IACb,OAAO,CAAC,YAAI,CACV,SAAS,CAAC,CAAC,uBAAQ,CAAC,IAAI,CAAC,CAEzB,IAAI,SAAS,CAAC,EACd,CAAA;AAEJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../src/components/View.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kEAAqD;AACrD,+BAA4D;AAC5D,2CAAkG;AAClG,6CAA6D;AAUhD,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAEjE,IAAA,KAOE,SAAS,mBAPY,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAME,SAAS,SANE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAKN,SAAS,SALH,EACR,KAAK,GAIH,SAAS,MAJN,EACL,OAAO,GAGL,SAAS,QAHJ,EACP,SAAS,GAEP,SAAS,UAFF,EACN,KAAK,UACN,SAAS,EARP,+EAQL,CADS,CACI;IAEd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAC;IACH,IAAM,SAAS,GAAI,SAAS,IAAG,mBAAU,CAAA;IAEzC,OAAO,CAAC,SAAS,CAEf,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,SAAS,CAAC,CAAA;AACd,CAAC,CAAC,CAAA;AAEW,QAAA,YAAY,GACvB,UAAU,CAAC,yBAAyB,CAAC,YAAI,CAA+F,CAAA"}

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './Checkbox';
 export * from './TextInput';
 export * from './RadioInput';
 export * from './Switch';
+export * from './ContentView';
 export * from './Select';
 export * from './FileInput';
 export * from './Slider';
@@ -14,3 +15,7 @@ export * from './Navigation';
 export * from './Scroll';
 export * from './ActivityIndicator';
 export * from './Button';
+export * from './ContentView';
+export * from './Overlay';
+export * from './Modal';
+export * from './Navigation';

package/dist/components/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./Checkbox"), exports);
 __exportStar(require("./TextInput"), exports);
 __exportStar(require("./RadioInput"), exports);
 __exportStar(require("./Switch"), exports);
+__exportStar(require("./ContentView"), exports);
 __exportStar(require("./Select"), exports);
 __exportStar(require("./FileInput"), exports);
 __exportStar(require("./Slider"), exports);
@@ -26,4 +27,8 @@ __exportStar(require("./Navigation"), exports);
 __exportStar(require("./Scroll"), exports);
 __exportStar(require("./ActivityIndicator"), exports);
 __exportStar(require("./Button"), exports);
+__exportStar(require("./ContentView"), exports);
+__exportStar(require("./Overlay"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Navigation"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,8CAA4B;AAC5B,yCAAuB;AACvB,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAwB;AACxB,sDAAmC;AACnC,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAsB;AACtB,yCAAsB;AACtB,8CAA4B;AAC5B,yCAAuB;AACvB,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA6B;AAE7B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAwB;AACxB,sDAAmC;AACnC,2CAAwB;AACxB,gDAA6B;AAC7B,4CAAyB;AACzB,0CAAuB;AAEvB,+CAA6B"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export { default as OSAlert } from './utils/OSAlert';
+export { default as posed } from 'react-native-pose';