@codeleap/mobile 1.9.23 → 1.9.26

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

@@ -0,0 +1,87 @@
+export declare type NewPagerComposition = 'page' | 'page:transition' | 'page:previous' | 'page:next' | 'page:current' | 'wrapper';
+export declare const defaultPagerTransition: {
+    type: string;
+    duration: number;
+    easing: import("react-native").EasingFunction;
+};
+export declare function pagerAnimation(height: any, width: any, translate?: string, transition?: {
+    type: string;
+    duration: number;
+    easing: import("react-native").EasingFunction;
+}): {
+    wrapper: {
+        height: any;
+        width: any;
+        overflow: string;
+    };
+    'page:transition': {
+        [x: string]: {
+            type: string;
+            duration: number;
+            easing: import("react-native").EasingFunction;
+        };
+    };
+    'page:next': {
+        [x: string]: any;
+    };
+    'page:current': {
+        [x: string]: number;
+    };
+    'page:previous': {
+        [x: string]: number;
+    };
+};
+export declare const NewMobilePagerStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    horizontal: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    vertical: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NewPagerComposition, any>>;
+};

package/dist/components/NewPager/styles.js

@@ -0,0 +1,70 @@
+"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.NewMobilePagerStyles = exports.pagerAnimation = exports.defaultPagerTransition = void 0;
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var createPagerStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createPagerStyle(function () { return ({ wrapper: style }); }); });
+exports.defaultPagerTransition = {
+    type: 'timing',
+    duration: 300,
+    easing: react_native_1.Easing.linear,
+};
+function pagerAnimation(height, width, translate, transition) {
+    var _a, _b, _c, _d;
+    if (translate === void 0) { translate = 'X'; }
+    if (transition === void 0) { transition = exports.defaultPagerTransition; }
+    var translateProp = "translate".concat(translate);
+    var translateVal = translate === 'X' ? width : height;
+    return {
+        wrapper: {
+            height: height,
+            width: width,
+            overflow: 'hidden',
+        },
+        'page:transition': (_a = {},
+            _a[translateProp] = transition,
+            _a),
+        'page:next': (_b = {},
+            _b[translateProp] = translateVal,
+            _b),
+        'page:current': (_c = {},
+            _c[translateProp] = 0,
+            _c),
+        'page:previous': (_d = {},
+            _d[translateProp] = -translateVal,
+            _d),
+    };
+}
+exports.pagerAnimation = pagerAnimation;
+exports.NewMobilePagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (theme) { return ({
+        page: {
+            width: '100%',
+            height: '100%',
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+            top: 0,
+        },
+    }); }), horizontal: createPagerStyle(function (Theme) {
+        var width = Theme.values.width;
+        var height = Theme.values.height * 0.8;
+        return pagerAnimation(height, width, 'X');
+    }), vertical: createPagerStyle(function (Theme) {
+        var height = Theme.values.height * 0.8;
+        var width = Theme.values.width;
+        return pagerAnimation(height, width, 'Y');
+    }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/NewPager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AACzB,6CAAqC;AAUrC,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAuB,CAAA;AAE3E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AACY,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAED,SAAgB,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,SAAe,EAAE,UAAmC;;IAApD,0BAAA,EAAA,eAAe;IAAE,2BAAA,EAAA,aAAa,8BAAsB;IAChG,IAAM,aAAa,GAAG,mBAAY,SAAS,CAAE,CAAA;IAE7C,IAAM,YAAY,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,QAAA;YACN,KAAK,OAAA;YACL,QAAQ,EAAE,QAAQ;SACnB;QACD,iBAAiB;YACf,GAAC,aAAa,IAAG,UAAU;eAC5B;QACD,WAAW;YACT,GAAC,aAAa,IAAG,YAAY;eAE9B;QACD,cAAc;YACZ,GAAC,aAAa,IAAG,CAAC;eACnB;QACD,eAAe;YACb,GAAC,aAAa,IAAG,CAAC,YAAY;eAC/B;KACF,CAAA;AACH,CAAC;AAzBD,wCAyBC;AAEY,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACpC,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,CAAC;SACP;KACF,CAAC,EAVmC,CAUnC,CAAC,EACH,UAAU,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAEjC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QACxC,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC/B,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QACxC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,IACH"}

package/dist/components/Overlay.d.ts

@@ -1,16 +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 './Touchable';
-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>;
+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 './Touchable';
+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

@@ -1,70 +1,70 @@
-"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 __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 Touchable_1 = require("./Touchable");
-var Overlay = function (overlayProps) {
-    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, _a = overlayProps.styles, styles = _a === void 0 ? {} : _a, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('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 (<Touchable_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} debugName={'Close icon'}/>)}
-          </View_1.View>)}
-      </View_1.View>
-    </Touchable_1.AnimatedTouchable>);
-};
-exports.Overlay = Overlay;
+"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 __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 Touchable_1 = require("./Touchable");
+var Overlay = function (overlayProps) {
+    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, _a = overlayProps.styles, styles = _a === void 0 ? {} : _a, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('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 (<Touchable_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} debugName={'Close icon'}/>)}
+          </View_1.View>)}
+      </View_1.View>
+    </Touchable_1.AnimatedTouchable>);
+};
+exports.Overlay = Overlay;
 //# sourceMappingURL=Overlay.js.map

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

@@ -1,20 +1,20 @@
-import { ComponentVariants } from '@codeleap/common';
-import React, { ReactNode } from 'react';
-import { StylesOf } from '../../types/utility';
-import { MobilePagerStyles, PagerComposition } from './styles';
-export * from './styles';
-export declare type PagerProps = {
-    variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
-    styles?: StylesOf<PagerComposition>;
-    page?: number;
-    loop?: boolean;
-    debug?: boolean;
-    children?: ReactNode;
-    onPageChange?: (page: number) => void;
-};
-export declare type PagerRef = {
-    forward(by?: number): void;
-    back(by?: number): void;
-    to(index?: number): void;
-};
-export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;
+import { ComponentVariants } from '@codeleap/common';
+import React, { ReactNode } from 'react';
+import { StylesOf } from '../../types/utility';
+import { MobilePagerStyles, PagerComposition } from './styles';
+export * from './styles';
+export declare type PagerProps = {
+    variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
+    styles?: StylesOf<PagerComposition>;
+    page?: number;
+    loop?: boolean;
+    debug?: boolean;
+    children?: ReactNode;
+    onPageChange?: (page: number) => void;
+};
+export declare type PagerRef = {
+    forward(by?: number): void;
+    back(by?: number): void;
+    to(index?: number): void;
+};
+export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;