@codeleap/mobile 1.9.33 → 2.0.2

package/dist/components/Select/types.d.ts

@@ -1,40 +1,31 @@
+/// <reference types="react" />
 import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
-import { ReactElement } from 'react';
 import { StylesOf } from '../../types/utility';
-import { ButtonProps } from '../Button';
+import { DrawerProps } from '../Drawer';
+import { FlatListProps } from '../List';
 import { TextInputProps } from '../TextInput';
-import { MobileSelectComposition, MobileSelectStyles } from './styles';
-export declare type SelectRenderFNProps<T> = FormTypes.Options<T>[number] & {
-    styles: StylesOf<MobileSelectComposition>;
+import { SelectComposition, SelectStyles } from './styles';
+export declare type SelectRenderFNProps<T> = {
+    styles: StylesOf<SelectComposition>;
     onPress: () => void;
-    selected?: boolean;
-    index: number;
+    isSelected?: boolean;
+    item: FormTypes.Options<T>[number];
 };
 export declare type SelectRenderFN<T> = (props: SelectRenderFNProps<T>) => JSX.Element;
-export declare type CustomSelectProps<T> = {
+declare type SelectDrawerProps = Omit<DrawerProps, 'variants' | 'styles'>;
+export declare type CustomSelectProps<T> = SelectDrawerProps & {
     value: T;
     placeholder?: FormTypes.Label;
     label?: FormTypes.Label;
     options?: FormTypes.Options<T>;
-    onDropdownToggle?: (isOpen?: boolean) => void;
     onValueChange?: (value: T) => void;
     renderItem?: SelectRenderFN<T>;
-    styles?: StylesOf<MobileSelectComposition>;
+    styles?: StylesOf<SelectComposition>;
     style?: any;
+    hideInput?: boolean;
     arrowIconName?: IconPlaceholder;
-    scroll?: boolean;
     closeOnSelect?: boolean;
-    footer?: ReactElement;
-    header?: ReactElement;
-    showLabelOnModal?: boolean;
-    modalCloseIconName?: IconPlaceholder;
-    showClose?: boolean;
-    modalLabel?: string;
-    textInputProps?: Partial<TextInputProps>;
-    closeButtonProps?: Partial<ButtonProps>;
-    toggle: (isOpen?: boolean) => void;
-    visible: boolean;
-    renderList?: (props: CustomSelectProps<T> & {
-        isEmpty: boolean;
-    }) => JSX.Element;
-} & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;
+    inputProps?: Partial<TextInputProps>;
+    listProps?: Partial<FlatListProps>;
+} & ComponentVariants<typeof SelectStyles>;
+export {};

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
 import { SliderProps } from './types';
+export * from './styles';
 export declare const Slider: React.FC<SliderProps>;

package/dist/components/Slider/index.js

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -44,6 +47,7 @@ var react_native_1 = require("react-native");
 var View_1 = require("../View");
 var common_1 = require("@codeleap/common");
 var TextInput_1 = require("../TextInput");
+__exportStar(require("./styles"), exports);
 var Slider = function (sliderProps) {
     var _a;
     var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];

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

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

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

@@ -0,0 +1,53 @@
+export declare type SliderComposition = 'wrapper' | 'handle' | 'track' | 'label' | 'selectedTrack' | 'inputContainer' | 'tooltip' | 'tooltip:visible' | 'tooltip:hidden' | 'trackLabels' | 'mark' | 'tooltipArrow' | 'tooltipText';
+export declare const SliderStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SliderComposition, any>>;
+};

package/dist/components/Slider/styles.js

@@ -0,0 +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.SliderStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSliderStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createSliderStyle(function () { return ({ wrapper: styles }); }); });
+exports.SliderStyles = __assign(__assign({}, presets), { default: createSliderStyle(function (theme) { return ({
+        wrapper: {},
+        handle: {
+            backgroundColor: theme.colors.primary,
+        },
+        selectedTrack: {
+            backgroundColor: theme.colors.primary,
+        },
+        track: {
+            backgroundColor: theme.colors.gray,
+        },
+        tooltip: {
+            padding: theme.spacing.value(0.5),
+            backgroundColor: theme.colors.primary,
+            position: 'relative',
+            borderRadius: theme.borderRadius.small,
+        },
+        'tooltip:visible': {
+            opacity: 1,
+        },
+        'tooltip:hidden': {
+            opacity: 0,
+        },
+        mark: {
+            position: 'absolute',
+            backgroundColor: theme.colors.primary,
+            borderRadius: 29,
+            height: 10,
+            width: 10,
+            top: -5,
+        },
+        trackLabels: __assign({ position: 'absolute', top: 8 }, (0, common_1.assignTextStyle)('p3')(theme).text),
+        tooltipArrow: {
+            height: 6,
+            width: 6,
+            position: 'absolute',
+            backgroundColor: theme.colors.primary,
+            transform: [{ rotate: '45deg' }],
+            bottom: -3,
+            left: '50%',
+        },
+        tooltipText: __assign({ color: theme.colors.white }, (0, common_1.assignTextStyle)('p3')(theme).text),
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAiB/F,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE1E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA9C,CAA8C,CACxF,CAAA;AAEY,QAAA,YAAY,yBACpB,OAAO,KACV,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE,EAAE;QACX,MAAM,EAAE;YACN,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACtC;QACD,aAAa,EAAE;YACb,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACtC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACnC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;YACjC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;SACvC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;SACX;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,CAAC;SACX;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,GAAG,EAAE,CAAC,CAAC;SACR;QACD,WAAW,aACT,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,CAAC,IACH,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YAChC,MAAM,EAAE,CAAC,CAAC;YACV,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,aACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;KACF,CAAC,EAjDoC,CAiDpC,CAAC,IACJ"}

package/dist/components/Slider/types.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { ComponentVariants, Form, SliderComposition, SliderStyles } from '@codeleap/common';
+import { ComponentVariants, Form } from '@codeleap/common';
+import { SliderComposition, SliderStyles } from './styles';
 import { SliderProps as RNSliderProps } from '@miblanchard/react-native-slider/lib/types';
-import { StylesOf } from '../../types/utility';
+import { StylesOf } from '../../types';
 import { ViewProps } from '../View';
 export declare type SliderProps = Partial<Omit<RNSliderProps, 'value' | 'onValueChange'>> & {
     debounce?: number;

package/dist/components/{Switch.d.ts → Switch/index.d.ts}

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { SwitchStyles, SwitchComposition, ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
+import { ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { Switch as NativeSwitch } from 'react-native';
+import { SwitchStyles, SwitchComposition } from './styles';
+export * from './styles';
 declare type NativeSwitchProps = Omit<ComponentPropsWithRef<typeof NativeSwitch>, 'thumbColor' | 'trackColor'>;
 declare type SwitchProps = NativeSwitchProps & {
     variants?: ComponentVariants<typeof SwitchStyles>['variants'];
@@ -10,4 +12,3 @@ declare type SwitchProps = NativeSwitchProps & {
     validate?: FormTypes.ValidatorFunctionWithoutForm | string;
 };
 export declare const Switch: React.FC<SwitchProps>;
-export {};

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

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -39,8 +42,9 @@ var React = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_1 = require("react");
 var react_native_1 = require("react-native");
-var TextInput_1 = require("./TextInput");
-var View_1 = require("./View");
+var TextInput_1 = require("../TextInput");
+var View_1 = require("../View");
+__exportStar(require("./styles"), exports);
 exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
     var _a = switchProps.variants, variants = _a === void 0 ? [] : _a, _b = switchProps.style, style = _b === void 0 ? {} : _b, _c = switchProps.styles, styles = _c === void 0 ? {} : _c, validate = switchProps.validate, label = switchProps.label, value = switchProps.value, props = __rest(switchProps, ["variants", "style", "styles", "validate", "label", "value"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('Switch', {
@@ -67,10 +71,10 @@ exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
     var trackColor = backgroundColor || Theme.colors.gray;
     return (<View_1.View style={getStyles('wrapper')}>
         <View_1.View style={getStyles('inputWrapper')}>
-          <react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} {...props}/>
+          <react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} ref={ref} {...props}/>
           <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
         </View_1.View>
-        <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
+        <TextInput_1.FormError text={error.message} style={getStyles('error')}/>
       </View_1.View>);
 });
-//# sourceMappingURL=Switch.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,54 @@
+export declare type SwitchParts = 'wrapper' | 'label' | 'input' | 'error' | 'inputWrapper';
+export declare type SwitchComposition = SwitchParts | `${SwitchParts}:disabled` | `${SwitchParts}:on`;
+export declare const SwitchStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SwitchComposition, any>>;
+};

package/dist/components/Switch/styles.js

@@ -0,0 +1,34 @@
+"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.SwitchStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSwitchStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createSwitchStyle(function () { return ({ wrapper: styles }); }); });
+exports.SwitchStyles = __assign(__assign({}, presets), { default: createSwitchStyle(function (theme) { return ({
+        wrapper: {},
+        inputWrapper: __assign(__assign({}, theme.presets.row), theme.presets.alignCenter),
+        label: __assign({}, theme.spacing.marginLeft(0.5)),
+        input: {
+            color: theme.colors.white,
+            backgroundColor: theme.colors.gray,
+        },
+        'input:on': {
+            color: theme.colors.primary,
+            backgroundColor: theme.colors.gray,
+        },
+        error: {
+            color: theme.colors.negative,
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Switch/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE1E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,iBAAiB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAA9C,CAA8C,CACxF,CAAA;AAEY,QAAA,YAAY,yBACpB,OAAO,KACV,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE,EAAE;QACX,YAAY,wBACP,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAC7B;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;YACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACnC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YAC3B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACnC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EApBoC,CAoBpC,CAAC,IACJ"}

package/dist/components/{Text.d.ts → Text/index.d.ts}

@@ -1,17 +1,21 @@
 import * as React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
-import { ComponentVariants, BaseViewProps, TextStyles } from '@codeleap/common';
+import { ComponentVariants, BaseViewProps } from '@codeleap/common';
 import { Animated, Text as NativeText } from 'react-native';
 import { MotiProps } from 'moti';
+import { TextStyles } from './styles';
+export * from './styles';
 export declare type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
-    text?: string;
+    text?: React.ReactNode;
     variants?: ComponentVariants<typeof TextStyles>['variants'];
     animated?: boolean;
     colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
+    debugName?: string;
 } & BaseViewProps & MotiProps;
 export declare const Text: React.ForwardRefExoticComponent<import("react-native").TextProps & {
-    text?: string;
+    text?: React.ReactNode;
     variants?: ComponentVariants<typeof TextStyles>['variants'];
     animated?: boolean;
     colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
+    debugName?: string;
 } & BaseViewProps & MotiProps<any, import("moti").StyleValueWithReplacedTransforms<any>, Partial<import("moti").StyleValueWithSequenceArraysWithoutTransform<import("moti").StyleValueWithReplacedTransforms<any>, string | number | symbol, string | number | symbol> & import("moti").StyleValueWithSequenceArraysWithTransform>> & React.RefAttributes<NativeText>>;

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

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -40,21 +43,66 @@ var react_1 = require("react");
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 var moti_1 = require("moti");
-var hooks_1 = require("../utils/hooks");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
 var MotiText = react_native_1.Animated.createAnimatedComponent(moti_1.MotiText);
 exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
     var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, children = textProps.children, style = textProps.style, colorChangeConfig = textProps.colorChangeConfig, props = __rest(textProps, ["variants", "text", "children", "style", "colorChangeConfig"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
+    var pressPolyfillEnabled = react_native_1.Platform.OS === 'android' && !!props.onPress;
+    var _b = (0, common_1.useState)(false), pressed = _b[0], setPressed = _b[1];
+    var handlePress = function (pressed) {
+        if (!pressPolyfillEnabled)
+            return;
+        return function () {
+            if (props.onPress) {
+                setPressed(pressed);
+            }
+        };
+    };
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Text', {
         variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
         rootElement: 'text',
     });
     var styles = react_native_1.StyleSheet.flatten([variantStyles.text, style]);
-    var animatedColor = (0, hooks_1.useAnimateColor)(styles.color, colorChangeConfig);
+    var animatedColor = (0, utils_1.useAnimateColor)(styles.color, colorChangeConfig);
+    if (!!text && !common_1.TypeGuards.isString(text))
+        return <>{text}</>;
     var Component = textProps.animated ? MotiText : react_native_1.Text;
     var colorStyle = { color: props.animated ? animatedColor : styles.color };
+    var getFeedbackStyle = (0, utils_1.usePressableFeedback)(styles, {
+        disabled: !pressPolyfillEnabled,
+        feedbackConfig: variantStyles.pressFeedback,
+        hightlightPropertyIn: 'color',
+        hightlightPropertyOut: 'backgroundColor',
+    }).getFeedbackStyle;
+    var feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined;
+    return <Component {...props} onPressIn={handlePress(true)} onPressOut={handlePress(false)} style={[styles, colorStyle, feedbackStyle]} 
+    // @ts-ignore
+    ref={ref}>
+    {text}
+  </Component>;
     // @ts-ignore
     return <Component {...props} style={[styles, colorStyle]} ref={ref}>
-    {text || children}
+    {text}
+    {children}
   </Component>;
 });
-//# sourceMappingURL=Text.js.map
+// const childArr = React.Children.toArray([
+//   text,
+//   children,
+// ])
+// return <View style={[styles, colorStyle]}>
+//   {
+//     childArr.map((child) => {
+//       if (TypeGuards.isString(child)) {
+//         // @ts-ignore
+//         return <Component {...props} ref={ref}>
+//           {child}
+//         </Component>
+//       }
+//       return child
+//     })
+//   }
+// </View>
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,70 @@
+import { StylesOf } from '@codeleap/common';
+import { FeedbackConfig } from '../../utils';
+export declare type TextComposition = 'text' | 'touchFeedback';
+export declare type TextStylesGen<TCSS = any> = StylesOf<'text', TCSS> & {
+    'pressFeedback'?: FeedbackConfig;
+};
+export declare const TextStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    h1: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    h2: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    h3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    h4: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    h5: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    h6: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    p1: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    p2: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    p3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    p4: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    link: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+};