@codeleap/mobile 1.9.31 → 2.0.0

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

@@ -0,0 +1,57 @@
+import { SelectComposition } from '../Select';
+import { TextInputComposition } from '../TextInput';
+export declare type AutoCompleteComposition = SelectComposition | `searchInput${Capitalize<TextInputComposition>}` | 'titleWrapper';
+export declare const AutoCompleteStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AutoCompleteComposition, any>>;
+    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+};

package/dist/components/AutoComplete/styles.js

@@ -0,0 +1,28 @@
+"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.AutoCompleteStyles = void 0;
+var common_1 = require("@codeleap/common");
+var Select_1 = require("../Select");
+var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
+exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
+        var defaultStyle = Select_1.SelectStyles.default(theme);
+        return __assign(__assign({}, defaultStyle), { header: __assign(__assign(__assign({}, theme.spacing.paddingHorizontal(2)), theme.presets.column), theme.presets.alignStart), box: {
+                minHeight: theme.values.height * 0.85,
+                maxHeight: theme.values.height * 0.85,
+            }, listContent: __assign({}, theme.presets.safeAreaBottom(0, true)), searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)), titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter), title: __assign(__assign({}, theme.presets.textCenter), { flex: 1 }), closeButtonWrapper: {
+                position: 'absolute',
+                right: 0,
+            } });
+    }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+E;AAC/E,oCAA2D;AAK3D,IAAM,uBAAuB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEzE,QAAA,kBAAkB,yBAC1B,qBAAY,KACf,OAAO,EAAE,uBAAuB,CAAC,UAAC,KAAK;QACrC,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhD,6BACK,YAAY,KACf,MAAM,iCACD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,UAAU,GAE7B,GAAG,EAAE;gBACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;gBACrC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;aACtC,EACD,WAAW,eACN,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,GAE1C,kBAAkB,wBACb,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAG/B,YAAY,0CACP,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,aAAa,GAEhC,KAAK,wBACA,KAAK,CAAC,OAAO,CAAC,UAAU,KAC3B,IAAI,EAAE,CAAC,KAET,kBAAkB,EAAE;gBAClB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;aACT,IACF;IACH,CAAC,CAAC,IACH"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ComponentVariants, PropsOf } from '@codeleap/common';
+import { Touchable } from '../Touchable';
+import { View } from '../View';
+import { StylesOf } from '../../types/utility';
+import { BackdropComposition, BackdropStyles } from './styles';
+export * from './styles';
+export declare type BackdropProps = PropsOf<typeof Touchable> & {
+    visible: boolean;
+    wrapperProps?: PropsOf<typeof View>;
+    variants?: ComponentVariants<typeof BackdropStyles>['variants'];
+    styles?: StylesOf<BackdropComposition>;
+};
+export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;

package/dist/components/{Backdrop.js → Backdrop/index.js}

@@ -1,14 +1,17 @@
 "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);
+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 __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 = {};
@@ -25,27 +28,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Backdrop = exports.BackdropStyles = void 0;
+exports.Backdrop = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@codeleap/common");
 var moti_1 = require("moti");
-var Touchable_1 = require("./Touchable");
-var View_1 = require("./View");
-var common_2 = require("@codeleap/common");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
 var react_native_1 = require("react-native");
-var hooks_1 = require("../utils/hooks");
-var createBackdropVariant = (0, common_2.createDefaultVariantFactory)();
-var presets = (0, common_2.includePresets)(function (style) { return createBackdropVariant(function () { return ({ wrapper: style }); }); });
-exports.BackdropStyles = __assign(__assign({}, presets), { default: createBackdropVariant(function (theme) { return ({
-        wrapper: __assign(__assign({ backgroundColor: theme.colors.black }, theme.presets.whole), theme.presets.absolute),
-        'wrapper:visible': {
-            opacity: 0.5,
-        },
-        'wrapper:hidden': {
-            opacity: 0,
-        },
-        touchable: __assign(__assign({}, theme.presets.whole), theme.presets.absolute),
-    }); }) });
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
 var Backdrop = function (backdropProps) {
     var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
@@ -54,7 +45,7 @@ var Backdrop = function (backdropProps) {
         styles: styles,
         transform: react_native_1.StyleSheet.flatten,
     });
-    var animationStates = (0, hooks_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
+    var animationStates = (0, utils_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
     var animation = (0, moti_1.useDynamicAnimation)(function () {
         return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
     });
@@ -62,9 +53,11 @@ var Backdrop = function (backdropProps) {
         animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
     }, [visible, animationStates]);
     return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
-    <Touchable_1.Touchable feedbackVariant='none' style={variantStyles.touchable} {...props}/>
+    {(props === null || props === void 0 ? void 0 : props.onPress) ?
+            <Touchable_1.Touchable feedbackVariant='none' style={variantStyles.touchable} {...props} android_ripple={null}/>
+            : null}
     {children}
   </View_1.View>;
 };
 exports.Backdrop = Backdrop;
-//# sourceMappingURL=Backdrop.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Backdrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAiG;AACjG,6BAA0C;AAC1C,0CAAwC;AACxC,gCAA8B;AAG9B,6CAAyC;AACzC,qCAAsD;AAGtD,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA2B;IAC1C,IAAA,KAA+E,aAAa,SAA/E,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAAgE,aAAa,OAAlE,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,OAAO,GAA4C,aAAa,QAAzD,EAAE,QAAQ,GAAkC,aAAa,SAA/C,EAAE,KAAgC,aAAa,aAA5B,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,UAAK,aAAa,EAA9F,6DAA8E,CAAF,CAAkB;IAEpG,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAsC,YAAY,EAAE;QAChG,QAAQ,UAAA;QACR,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,gCAAwB,EAAC,aAAa,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtG,IAAM,SAAS,GAAG,IAAA,0BAAmB,EAAC;QACpC,OAAO,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAQ,EAAC;QACP,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACvG,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9B,OAAO,CAAC,WAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,CAChI;IAAA,CACE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAC,CAAC;YACd,CAAC,qBAAS,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE;YACpG,CAAC,CAAC,IAAI,CAEV;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AA5BY,QAAA,QAAQ,YA4BpB"}

package/dist/components/{Backdrop.d.ts → Backdrop/styles.d.ts}

@@ -1,23 +1,14 @@
-/// <reference types="react" />
-import { ComponentVariants, PropsOf } from '@codeleap/common';
-import { Touchable } from './Touchable';
-import { View } from './View';
-import { StylesOf } from '../types/utility';
-declare type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:visible' | 'wrapper:hidden';
+export declare type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:visible' | 'wrapper:hidden';
 export declare const BackdropStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
@@ -28,7 +19,10 @@ export declare const BackdropStyles: {
     fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
@@ -51,16 +45,9 @@ export declare const BackdropStyles: {
     scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
     debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
 };
-export declare type BackdropProps = PropsOf<typeof Touchable> & {
-    visible: boolean;
-    wrapperProps?: PropsOf<typeof View>;
-    variants?: ComponentVariants<typeof BackdropStyles>['variants'];
-    styles?: StylesOf<BackdropComposition>;
-};
-export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;
-export {};

package/dist/components/Backdrop/styles.js

@@ -0,0 +1,28 @@
+"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.BackdropStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createBackdropVariant = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createBackdropVariant(function () { return ({ wrapper: style }); }); });
+exports.BackdropStyles = __assign(__assign({}, presets), { default: createBackdropVariant(function (theme) { return ({
+        wrapper: __assign(__assign({ backgroundColor: theme.colors.black }, theme.presets.whole), theme.presets.absolute),
+        'wrapper:visible': {
+            opacity: 0.5,
+        },
+        'wrapper:hidden': {
+            opacity: 0,
+        },
+        touchable: __assign(__assign({}, theme.presets.whole), theme.presets.absolute),
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Backdrop/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,qBAAqB,GAAG,IAAA,oCAA2B,GAAuB,CAAA;AAEhF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAAjD,CAAiD,CAAC,CAAA;AAE/E,QAAA,cAAc,yBACtB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,OAAO,sBACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;SACb;QACD,gBAAgB,EAAE;YAEhB,OAAO,EAAE,CAAC;SACX;QACD,SAAS,wBACJ,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;KACF,CAAC,EAjBwC,CAiBxC,CAAC,IACJ"}