@codeleap/mobile 2.3.6 → 2.3.8

package/dist/components/TextInput/styles.js

@@ -1,65 +1,65 @@
-"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.TextInputStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createTextInputStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createTextInputStyle(function () { return ({ wrapper: styles }); }); });
-exports.TextInputStyles = __assign(__assign({}, presets), { default: createTextInputStyle(function (theme) { return ({
-        textField: __assign(__assign(__assign(__assign({}, theme.spacing.padding(0)), theme.spacing.paddingHorizontal(1)), (0, common_1.assignTextStyle)('p1')(theme).text), { minWidth: 1, backgroundColor: 'transparent', flex: 1 }),
-        placeholder: {
-            color: theme.colors.lightGray,
-        },
-        selection: {
-            color: theme.colors.primary,
-        },
-        wrapper: {
-            display: 'flex',
-            flexDirection: 'column',
-        },
-        innerWrapper: __assign(__assign(__assign(__assign(__assign({}, theme.spacing.paddingVertical(0.5)), theme.spacing.paddingHorizontal(1)), theme.presets.row), theme.border.neutral(1)), { display: 'flex', alignItems: 'center' }),
-        labelWrapper: __assign({}, theme.spacing.marginBottom(1)),
-        labelText: __assign({}, (0, common_1.assignTextStyle)('h5')(theme).text),
-        'icon': {
-            color: theme.colors.neutral,
-        },
-        'icon:error': {
-            color: theme.colors.negative,
-        },
-        'icon:focus': {
-            color: theme.colors.primary,
-        },
-        leftIconTouchableWrapper: {
-        // ...theme.spacing.marginRight(0.5),
-        },
-        rightIconTouchableWrapper: {
-        // ...theme.spacing.marginLeft(0.5),
-        },
-        error: {
-            color: theme.colors.negative,
-        },
-        subtitleWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.marginTop(0.2)), theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter),
-        subtitle: __assign({}, theme.presets.textRight),
-        'labelText:error': {
-            color: theme.colors.negative,
-        },
-        'innerWrapper:error': __assign({}, theme.border.negative(1)),
-        'innerWrapper:focus': __assign({}, theme.border.primary(1)),
-    }); }), line: createTextInputStyle(function (theme) { return ({
-        innerWrapper: __assign({}, theme.border.neutral({ width: 1, directions: ['bottom'] })),
-    }); }), box: createTextInputStyle(function (theme) { return ({
-        innerWrapper: __assign({}, theme.border.neutral(1)),
-    }); }), pill: createTextInputStyle(function (theme) { return ({
-        innerWrapper: __assign(__assign({}, theme.border.neutral(1)), { borderRadius: 15 }),
-    }); }) });
+"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.TextInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createTextInputStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createTextInputStyle(function () { return ({ wrapper: styles }); }); });
+exports.TextInputStyles = __assign(__assign({}, presets), { default: createTextInputStyle(function (theme) { return ({
+        textField: __assign(__assign(__assign(__assign({}, theme.spacing.padding(0)), theme.spacing.paddingHorizontal(1)), (0, common_1.assignTextStyle)('p1')(theme).text), { minWidth: 1, backgroundColor: 'transparent', flex: 1 }),
+        placeholder: {
+            color: theme.colors.lightGray,
+        },
+        selection: {
+            color: theme.colors.primary,
+        },
+        wrapper: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        innerWrapper: __assign(__assign(__assign(__assign(__assign({}, theme.spacing.paddingVertical(0.5)), theme.spacing.paddingHorizontal(1)), theme.presets.row), theme.border.neutral(1)), { display: 'flex', alignItems: 'center' }),
+        labelWrapper: __assign({}, theme.spacing.marginBottom(1)),
+        labelText: __assign({}, (0, common_1.assignTextStyle)('h5')(theme).text),
+        'icon': {
+            color: theme.colors.neutral,
+        },
+        'icon:error': {
+            color: theme.colors.negative,
+        },
+        'icon:focus': {
+            color: theme.colors.primary,
+        },
+        leftIconTouchableWrapper: {
+        // ...theme.spacing.marginRight(0.5),
+        },
+        rightIconTouchableWrapper: {
+        // ...theme.spacing.marginLeft(0.5),
+        },
+        error: {
+            color: theme.colors.negative,
+        },
+        subtitleWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.marginTop(0.2)), theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter),
+        subtitle: __assign({}, theme.presets.textRight),
+        'labelText:error': {
+            color: theme.colors.negative,
+        },
+        'innerWrapper:error': __assign({}, theme.border.negative(1)),
+        'innerWrapper:focus': __assign({}, theme.border.primary(1)),
+    }); }), line: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign({}, theme.border.neutral({ width: 1, directions: ['bottom'] })),
+    }); }), box: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign({}, theme.border.neutral(1)),
+    }); }), pill: createTextInputStyle(function (theme) { return ({
+        innerWrapper: __assign(__assign({}, theme.border.neutral(1)), { borderRadius: 15 }),
+    }); }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { ComponentVariants, BaseViewProps, AnyFunction } from '@codeleap/common';
-import { Pressable, View as RNView } from 'react-native';
-import { TouchableComposition, TouchableStyles } from './styles';
-import { StylesOf } from '../../types';
-export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressable>, 'onPress'> & {
-    variants?: ComponentVariants<typeof TouchableStyles>['variants'];
-    component?: any;
-    ref?: React.Ref<RNView>;
-    debugName: string;
-    activeOpacity?: number;
-    debugComponent?: string;
-    onPress?: AnyFunction;
-    noFeedback?: boolean;
-    debounce?: number;
-    styles?: StylesOf<TouchableComposition>;
-} & BaseViewProps;
-export * from './styles';
-export declare const Touchable: React.FC<TouchableProps>;
-export declare const AnimatedTouchable: React.FC<TouchableProps>;
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentVariants, BaseViewProps, AnyFunction } from '@codeleap/common';
+import { Pressable, View as RNView } from 'react-native';
+import { TouchableComposition, TouchableStyles } from './styles';
+import { StylesOf } from '../../types';
+export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressable>, 'onPress'> & {
+    variants?: ComponentVariants<typeof TouchableStyles>['variants'];
+    component?: any;
+    ref?: React.Ref<RNView>;
+    debugName: string;
+    activeOpacity?: number;
+    debugComponent?: string;
+    onPress?: AnyFunction;
+    noFeedback?: boolean;
+    debounce?: number;
+    styles?: StylesOf<TouchableComposition>;
+} & BaseViewProps;
+export * from './styles';
+export declare const Touchable: React.FC<TouchableProps>;
+export declare const AnimatedTouchable: React.FC<TouchableProps>;

package/dist/components/Touchable/index.js

@@ -1,158 +1,158 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimatedTouchable = exports.Touchable = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var react_native_animatable_1 = require("react-native-animatable");
-var View_1 = require("../View");
-var utils_1 = require("../../utils");
-__exportStar(require("./styles"), exports);
-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, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.debounce, debounce = _b === void 0 ? 1000 : _b, _c = touchableProps.noFeedback, noFeedback = _c === void 0 ? false : _c, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "debounce", "noFeedback", "styles"]);
-    var pressed = React.useRef(false);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
-        variants: variants,
-        transform: react_native_1.StyleSheet.flatten,
-        rootElement: 'wrapper',
-        styles: styles,
-    });
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    var press = function () {
-        if (!onPress) {
-            logger.warn('No onPress passed to touchable', {
-                touchableProps: touchableProps,
-            }, 'User Interaction');
-            return;
-        }
-        var _onPress = function () {
-            logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName || variants, 'User interaction');
-            onPress && onPress();
-        };
-        if (common_1.TypeGuards.isNumber(debounce)) {
-            if (pressed.current) {
-                return;
-            }
-            pressed.current = true;
-            _onPress();
-            setTimeout(function () {
-                pressed.current = false;
-            }, debounce);
-        }
-        else {
-            _onPress();
-        }
-    };
-    var _styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
-    var disableFeedback = !onPress || noFeedback;
-    var _d = (0, utils_1.usePressableFeedback)(_styles, {
-        hightlightPropertyIn: 'backgroundColor',
-        hightlightPropertyOut: 'backgroundColor',
-        disabled: disableFeedback,
-        feedbackConfig: variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.feedback,
-    }), rippleConfig = _d.rippleConfig, getFeedbackStyle = _d.getFeedbackStyle;
-    var Wrapper = View_1.View;
-    var _e = React.useMemo(function () {
-        var wrapperkeys = [
-            'margin',
-            'alignSelf',
-            'border',
-            'top!',
-            'left!',
-            'right!',
-            'bottom!',
-            'position!',
-            // 'flex!',
-        ];
-        var sharedKeys = [
-            'width!',
-            'height!',
-            'flex!',
-            'backgroundColor!',
-        ];
-        var wrapperStyle = {};
-        var pressableStyle = {};
-        var match = function (k, key) {
-            if (k.endsWith('!')) {
-                return key === k.substring(0, k.length - 1);
-            }
-            else {
-                return key.startsWith(k);
-            }
-        };
-        Object.entries(_styles).forEach(function (_a) {
-            var key = _a[0], value = _a[1];
-            if (wrapperkeys.some(function (k) { return match(k, key); })) {
-                wrapperStyle[key] = value;
-            }
-            else if (sharedKeys.some(function (k) { return match(k, key); })) {
-                wrapperStyle[key] = value;
-                pressableStyle[key] = value;
-            }
-            else {
-                pressableStyle[key] = value;
-            }
-        });
-        wrapperStyle.overflow = 'hidden';
-        // wrapperStyle.flexDirection = 'row'
-        // wrapperStyle.alignItems = 'stretch'
-        return {
-            wrapperStyle: wrapperStyle,
-            pressableStyle: pressableStyle,
-        };
-    }, [JSON.stringify(_styles)]), wrapperStyle = _e.wrapperStyle, pressableStyle = _e.pressableStyle;
-    return (<Wrapper style={[wrapperStyle]}>
-      <react_native_1.Pressable onPress={press} style={function (_a) {
-            var pressed = _a.pressed;
-            return ([
-                // defaultPressableStyles,
-                pressableStyle,
-                // !!rippleConfig && ripplePressableStyles,
-                getFeedbackStyle(pressed),
-                variantStyles.pressable,
-            ]);
-        }} android_ripple={rippleConfig} {...props} ref={ref}>
-        {children}
-      </react_native_1.Pressable>
-    </Wrapper>);
-});
-exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedTouchable = exports.Touchable = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var react_native_animatable_1 = require("react-native-animatable");
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+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, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.debounce, debounce = _b === void 0 ? 1000 : _b, _c = touchableProps.noFeedback, noFeedback = _c === void 0 ? false : _c, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "debounce", "noFeedback", "styles"]);
+    var pressed = React.useRef(false);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'wrapper',
+        styles: styles,
+    });
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    var press = function () {
+        if (!onPress) {
+            logger.warn('No onPress passed to touchable', {
+                touchableProps: touchableProps,
+            }, 'User Interaction');
+            return;
+        }
+        var _onPress = function () {
+            logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName || variants, 'User interaction');
+            onPress && onPress();
+        };
+        if (common_1.TypeGuards.isNumber(debounce)) {
+            if (pressed.current) {
+                return;
+            }
+            pressed.current = true;
+            _onPress();
+            setTimeout(function () {
+                pressed.current = false;
+            }, debounce);
+        }
+        else {
+            _onPress();
+        }
+    };
+    var _styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
+    var disableFeedback = !onPress || noFeedback;
+    var _d = (0, utils_1.usePressableFeedback)(_styles, {
+        hightlightPropertyIn: 'backgroundColor',
+        hightlightPropertyOut: 'backgroundColor',
+        disabled: disableFeedback,
+        feedbackConfig: variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.feedback,
+    }), rippleConfig = _d.rippleConfig, getFeedbackStyle = _d.getFeedbackStyle;
+    var Wrapper = View_1.View;
+    var _e = React.useMemo(function () {
+        var wrapperkeys = [
+            'margin',
+            'alignSelf',
+            'border',
+            'top!',
+            'left!',
+            'right!',
+            'bottom!',
+            'position!',
+            // 'flex!',
+        ];
+        var sharedKeys = [
+            'width!',
+            'height!',
+            'flex!',
+            'backgroundColor!',
+        ];
+        var wrapperStyle = {};
+        var pressableStyle = {};
+        var match = function (k, key) {
+            if (k.endsWith('!')) {
+                return key === k.substring(0, k.length - 1);
+            }
+            else {
+                return key.startsWith(k);
+            }
+        };
+        Object.entries(_styles).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (wrapperkeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+            }
+            else if (sharedKeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+            }
+            else {
+                pressableStyle[key] = value;
+            }
+        });
+        wrapperStyle.overflow = 'hidden';
+        // wrapperStyle.flexDirection = 'row'
+        // wrapperStyle.alignItems = 'stretch'
+        return {
+            wrapperStyle: wrapperStyle,
+            pressableStyle: pressableStyle,
+        };
+    }, [JSON.stringify(_styles)]), wrapperStyle = _e.wrapperStyle, pressableStyle = _e.pressableStyle;
+    return (<Wrapper style={[wrapperStyle]}>
+      <react_native_1.Pressable onPress={press} style={function (_a) {
+            var pressed = _a.pressed;
+            return ([
+                // defaultPressableStyles,
+                pressableStyle,
+                // !!rippleConfig && ripplePressableStyles,
+                getFeedbackStyle(pressed),
+                variantStyles.pressable,
+            ]);
+        }} android_ripple={rippleConfig} {...props} ref={ref}>
+        {children}
+      </react_native_1.Pressable>
+    </Wrapper>);
+});
+exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
 //# sourceMappingURL=index.js.map

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

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