@codeleap/mobile 2.3.7 → 2.3.10

package/dist/components/Button/index.js

@@ -1,119 +1,119 @@
-"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 __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.Button = exports.Badge = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_1 = require("react");
-var Text_1 = require("../Text");
-var Touchable_1 = require("../Touchable");
-var Icon_1 = require("../Icon");
-var View_1 = require("../View");
-var ActivityIndicator_1 = require("../ActivityIndicator");
-var react_native_1 = require("react-native");
-__exportStar(require("./styles"), exports);
-exports.Badge = (0, react_1.forwardRef)(function (props, ref) {
-    var _a = props.children, children = _a === void 0 ? null : _a, styles = props.styles, text = props.text, _b = props.textProps, textProps = _b === void 0 ? {} : _b, viewProps = __rest(props, ["children", "styles", "text", "textProps"]);
-    return <View_1.View style={[styles.wrapper]} {...viewProps} ref={ref}>
-    {text && <Text_1.Text text={text} style={styles.text} {...textProps}/>}
-    {(common_1.TypeGuards.isFunction(children) ? children(__assign(__assign({}, viewProps), { styles: styles, text: text })) : children)}
-  </View_1.View>;
-});
-exports.Button = (0, react_1.forwardRef)(function (buttonProps, ref) {
-    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, _b = buttonProps.styles, styles = _b === void 0 ? {} : _b, onPress = buttonProps.onPress, disabled = buttonProps.disabled, _c = buttonProps.badge, badge = _c === void 0 ? null : _c, rightIcon = buttonProps.rightIcon, style = buttonProps.style, props = __rest(buttonProps, ["variants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "badge", "rightIcon", "style"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Button', {
-        variants: variants,
-        transform: react_native_1.StyleSheet.flatten,
-        styles: styles,
-    });
-    function getStyles(key) {
-        return [
-            variantStyles[key],
-            key === 'wrapper' && style,
-            disabled && variantStyles[key + ':disabled'],
-            styles[key],
-            disabled && styles[key + ':disabled'],
-        ];
-    }
-    var iconStyle = getStyles('icon');
-    var leftIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('leftIcon')]);
-    var rightIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('rightIcon')]);
-    var hasText = !!(text || children);
-    var _styles = {
-        wrapper: getStyles('wrapper'),
-        loader: getStyles('loader'),
-        leftIcon: leftIconStyle,
-        rightIcon: rightIconStyle,
-        text: getStyles('text'),
-        icon: getStyles('icon'),
-    };
-    var childrenContent = common_1.TypeGuards.isFunction(children) ?
-        // @ts-ignore
-        children({ styles: _styles, props: buttonProps })
-        : children;
-    var _badge = null;
-    if (badge) {
-        _badge = React.isValidElement(badge) ? badge : <exports.Badge {...badge} styles={(0, common_1.deepMerge)({
-                text: variantStyles.badgeText,
-                wrapper: variantStyles.badgeWrapper,
-            }, (badge === null || badge === void 0 ? void 0 : badge.styles) || {})}/>;
-    }
-    return (<Touchable_1.Touchable style={_styles.wrapper} ref={ref} disabled={disabled} styles={{
-            feedback: variantStyles.feedback,
-        }} onPress={onPress} debugComponent={'Button'} noFeedback={!onPress} {...props}>
-      {_badge}
-      {loading && <ActivityIndicator_1.ActivityIndicator style={_styles.loader}/>}
-      {!loading && <Icon_1.Icon name={icon} style={_styles.leftIcon} renderEmptySpace={hasText && !!rightIcon}/>}
-      {text ? <Text_1.Text text={text} style={_styles.text}/> : null}
-      {childrenContent}
-      <Icon_1.Icon name={rightIcon} style={_styles.rightIcon} renderEmptySpace={(hasText && !!icon) || loading}/>
-    </Touchable_1.Touchable>);
-});
+"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 __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.Button = exports.Badge = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var Icon_1 = require("../Icon");
+var View_1 = require("../View");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var react_native_1 = require("react-native");
+__exportStar(require("./styles"), exports);
+exports.Badge = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = props.children, children = _a === void 0 ? null : _a, styles = props.styles, text = props.text, _b = props.textProps, textProps = _b === void 0 ? {} : _b, viewProps = __rest(props, ["children", "styles", "text", "textProps"]);
+    return <View_1.View style={[styles.wrapper]} {...viewProps} ref={ref}>
+    {text && <Text_1.Text text={text} style={styles.text} {...textProps}/>}
+    {(common_1.TypeGuards.isFunction(children) ? children(__assign(__assign({}, viewProps), { styles: styles, text: text })) : children)}
+  </View_1.View>;
+});
+exports.Button = (0, react_1.forwardRef)(function (buttonProps, ref) {
+    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, _b = buttonProps.styles, styles = _b === void 0 ? {} : _b, onPress = buttonProps.onPress, disabled = buttonProps.disabled, _c = buttonProps.badge, badge = _c === void 0 ? null : _c, rightIcon = buttonProps.rightIcon, style = buttonProps.style, props = __rest(buttonProps, ["variants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "badge", "rightIcon", "style"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Button', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: styles,
+    });
+    function getStyles(key) {
+        return [
+            variantStyles[key],
+            key === 'wrapper' && style,
+            disabled && variantStyles[key + ':disabled'],
+            styles[key],
+            disabled && styles[key + ':disabled'],
+        ];
+    }
+    var iconStyle = getStyles('icon');
+    var leftIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('leftIcon')]);
+    var rightIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('rightIcon')]);
+    var hasText = !!(text || children);
+    var _styles = {
+        wrapper: getStyles('wrapper'),
+        loader: getStyles('loader'),
+        leftIcon: leftIconStyle,
+        rightIcon: rightIconStyle,
+        text: getStyles('text'),
+        icon: getStyles('icon'),
+    };
+    var childrenContent = common_1.TypeGuards.isFunction(children) ?
+        // @ts-ignore
+        children({ styles: _styles, props: buttonProps })
+        : children;
+    var _badge = null;
+    if (badge) {
+        _badge = React.isValidElement(badge) ? badge : <exports.Badge {...badge} styles={(0, common_1.deepMerge)({
+                text: variantStyles.badgeText,
+                wrapper: variantStyles.badgeWrapper,
+            }, (badge === null || badge === void 0 ? void 0 : badge.styles) || {})}/>;
+    }
+    return (<Touchable_1.Touchable style={_styles.wrapper} ref={ref} disabled={disabled} styles={{
+            feedback: variantStyles.feedback,
+        }} onPress={onPress} debugComponent={'Button'} noFeedback={!onPress} {...props}>
+      {_badge}
+      {loading && <ActivityIndicator_1.ActivityIndicator style={_styles.loader}/>}
+      {!loading && <Icon_1.Icon name={icon} style={_styles.leftIcon} renderEmptySpace={hasText && !!rightIcon}/>}
+      {text ? <Text_1.Text text={text} style={_styles.text}/> : null}
+      {childrenContent}
+      <Icon_1.Icon name={rightIcon} style={_styles.rightIcon} renderEmptySpace={(hasText && !!icon) || loading}/>
+    </Touchable_1.Touchable>);
+});
 //# sourceMappingURL=index.js.map

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

@@ -1,65 +1,65 @@
-import { StylesOf } from '@codeleap/common';
-import { ActivityIndicatorComposition } from '../ActivityIndicator';
-import { TouchableStylesGen } from '../Touchable';
-export declare type ButtonStates = 'disabled';
-export declare type ButtonParts = 'text' | 'inner' | 'wrapper' | 'icon' | 'leftIcon' | 'rightIcon' | 'loader' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'badgeText' | 'badgeWrapper';
-export declare type ButtonComposition = `${ButtonParts}:${ButtonStates}` | ButtonParts;
-export declare type ButtonStylesGen<TCSS = any> = StylesOf<ButtonComposition, TCSS> & {
-    feedback?: TouchableStylesGen['feedback'];
-};
-export declare const ButtonStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-};
+import { StylesOf } from '@codeleap/common';
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+import { TouchableStylesGen } from '../Touchable';
+export declare type ButtonStates = 'disabled';
+export declare type ButtonParts = 'text' | 'inner' | 'wrapper' | 'icon' | 'leftIcon' | 'rightIcon' | 'loader' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'badgeText' | 'badgeWrapper';
+export declare type ButtonComposition = `${ButtonParts}:${ButtonStates}` | ButtonParts;
+export declare type ButtonStylesGen<TCSS = any> = StylesOf<ButtonComposition, TCSS> & {
+    feedback?: TouchableStylesGen['feedback'];
+};
+export declare const ButtonStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+};

package/dist/components/Button/styles.js

@@ -1,61 +1,61 @@
-"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.ButtonStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createButtonStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createButtonStyle(function () { return ({ wrapper: styles }); }); });
-exports.ButtonStyles = __assign(__assign({}, presets), { default: createButtonStyle(function (theme) { return ({
-        wrapper: __assign(__assign(__assign({ flexDirection: 'row', backgroundColor: theme.colors.primary }, theme.presets.justifyCenter), theme.presets.alignCenter), theme.spacing.paddingHorizontal(2.5)),
-        text: {
-            textAlign: 'center',
-            // ...theme.spacing.marginHorizontal(2.5),
-        },
-        loader: {
-            height: 20,
-            width: 20,
-        },
-        loaderFrontCircle: {
-            borderTopColor: theme.colors.white,
-        },
-        'wrapper:disabled': {
-            backgroundColor: theme.colors.disabled,
-            opacity: 0.9,
-            cursor: 'auto',
-        },
-        badgeWrapper: __assign({ backgroundColor: theme.colors.negative, position: 'absolute' }, theme.spacing.padding(2.5)),
-        badgeText: {
-            color: theme.colors.white,
-        },
-        leftIcon: __assign(__assign({}, theme.sized(4)), theme.spacing.marginRight('auto')),
-        rightIcon: __assign(__assign({}, theme.spacing.marginLeft('auto')), theme.sized(4)),
-    }); }), negative: createButtonStyle(function (theme) { return ({
-        wrapper: {
-            backgroundColor: theme.colors.negative,
-        },
-    }); }), circle: createButtonStyle(function (theme) { return ({
-        wrapper: __assign({ borderRadius: 100 }, theme.spacing.padding(1)),
-    }); }), pill: createButtonStyle(function (theme) { return ({
-        wrapper: __assign(__assign({ borderRadius: theme.borderRadius.medium }, theme.spacing.paddingHorizontal(1)), theme.spacing.paddingVertical(0.5)),
-    }); }), icon: createButtonStyle(function (theme) { return ({
-        wrapper: __assign(__assign({ backgroundColor: 'transparent', aspectRatio: 1, display: 'flex' }, theme.presets.center), theme.spacing.padding(0)),
-        text: {
-            flex: 1,
-            textAlign: 'center',
-        },
-        loader: __assign({}, theme.spacing.margin(0)),
-        icon: __assign(__assign(__assign({}, theme.spacing.margin(0)), theme.presets.center), { height: null, width: null, color: theme.colors.icon }),
-        leftIcon: __assign({}, theme.spacing.marginRight(0)),
-        rightIcon: __assign({}, theme.spacing.marginRight(0)),
-    }); }) });
+"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.ButtonStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createButtonStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createButtonStyle(function () { return ({ wrapper: styles }); }); });
+exports.ButtonStyles = __assign(__assign({}, presets), { default: createButtonStyle(function (theme) { return ({
+        wrapper: __assign(__assign(__assign({ flexDirection: 'row', backgroundColor: theme.colors.primary }, theme.presets.justifyCenter), theme.presets.alignCenter), theme.spacing.paddingHorizontal(2.5)),
+        text: {
+            textAlign: 'center',
+            // ...theme.spacing.marginHorizontal(2.5),
+        },
+        loader: {
+            height: 20,
+            width: 20,
+        },
+        loaderFrontCircle: {
+            borderTopColor: theme.colors.white,
+        },
+        'wrapper:disabled': {
+            backgroundColor: theme.colors.disabled,
+            opacity: 0.9,
+            cursor: 'auto',
+        },
+        badgeWrapper: __assign({ backgroundColor: theme.colors.negative, position: 'absolute' }, theme.spacing.padding(2.5)),
+        badgeText: {
+            color: theme.colors.white,
+        },
+        leftIcon: __assign(__assign({}, theme.sized(4)), theme.spacing.marginRight('auto')),
+        rightIcon: __assign(__assign({}, theme.spacing.marginLeft('auto')), theme.sized(4)),
+    }); }), negative: createButtonStyle(function (theme) { return ({
+        wrapper: {
+            backgroundColor: theme.colors.negative,
+        },
+    }); }), circle: createButtonStyle(function (theme) { return ({
+        wrapper: __assign({ borderRadius: 100 }, theme.spacing.padding(1)),
+    }); }), pill: createButtonStyle(function (theme) { return ({
+        wrapper: __assign(__assign({ borderRadius: theme.borderRadius.medium }, theme.spacing.paddingHorizontal(1)), theme.spacing.paddingVertical(0.5)),
+    }); }), icon: createButtonStyle(function (theme) { return ({
+        wrapper: __assign(__assign({ backgroundColor: 'transparent', aspectRatio: 1, display: 'flex' }, theme.presets.center), theme.spacing.padding(0)),
+        text: {
+            flex: 1,
+            textAlign: 'center',
+        },
+        loader: __assign({}, theme.spacing.margin(0)),
+        icon: __assign(__assign(__assign({}, theme.spacing.margin(0)), theme.presets.center), { height: null, width: null, color: theme.colors.icon }),
+        leftIcon: __assign({}, theme.spacing.marginRight(0)),
+        rightIcon: __assign({}, theme.spacing.marginRight(0)),
+    }); }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ComponentVariants, PropsOf } from '@codeleap/common';
-import { CalendarProps as RNCalendarProps } from 'react-native-calendars';
-import { View } from '../View';
-import { CalendarStyles } from './style';
-import { TCalendarStyles } from './types';
-export declare type CalendarProps = PropsOf<typeof View> & {
-    styles?: TCalendarStyles;
-    onValueChange?: (date: Date | string) => any;
-    value?: Date | string;
-    calendarProps?: RNCalendarProps;
-} & ComponentVariants<typeof CalendarStyles>;
-export * from './style';
-export * from './types';
-export declare const Calendar: (props: CalendarProps) => JSX.Element;
+/// <reference types="react" />
+import { ComponentVariants, PropsOf } from '@codeleap/common';
+import { CalendarProps as RNCalendarProps } from 'react-native-calendars';
+import { View } from '../View';
+import { CalendarStyles } from './style';
+import { TCalendarStyles } from './types';
+export declare type CalendarProps = PropsOf<typeof View> & {
+    styles?: TCalendarStyles;
+    onValueChange?: (date: Date | string) => any;
+    value?: Date | string;
+    calendarProps?: RNCalendarProps;
+} & ComponentVariants<typeof CalendarStyles>;
+export * from './style';
+export * from './types';
+export declare const Calendar: (props: CalendarProps) => JSX.Element;