@codeleap/mobile 2.3.7 → 2.3.8

package/dist/components/SegmentedControl/index.js

@@ -1,133 +1,133 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControl = void 0;
-var react_1 = __importStar(require("react"));
-var Scroll_1 = require("../Scroll");
-var react_native_1 = require("react-native");
-var common_1 = require("@codeleap/common");
-var Touchable_1 = require("../Touchable");
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var InputLabel_1 = require("../InputLabel");
-__exportStar(require("./styles"), exports);
-var defaultAnimation = {
-    type: 'timing',
-    duration: 200,
-    easing: react_native_1.Easing.linear,
-};
-var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
-    var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, label = props.label, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, _f = props.getItemWidth, getItemWidth = _f === void 0 ? function (i) { return i.label.length * 20; } : _f, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton;
-    var _animation = __assign(__assign({}, defaultAnimation), animation);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-        variants: variants,
-    });
-    var scrollRef = (0, react_1.useRef)(null);
-    function scrollTo(idx) {
-        if (!scrollRef.current)
-            return;
-        setTimeout(function () {
-            var _a, _b;
-            (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPosition) === null || _b === void 0 ? void 0 : _b.call(_a, widthStyle.width * idx, 0, true);
-        });
-    }
-    var widthStyle = (0, react_1.useMemo)(function () {
-        var sizes = options.map(getItemWidth);
-        var maxWidth = sizes.sort(function (a, b) { return b - a; })[0];
-        return { width: maxWidth };
-    }, [options]);
-    var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
-    var translateX = widthStyle.width * currentOptionIdx;
-    var onPress = function (txt, idx) {
-        return function () {
-            onValueChange(txt);
-            scrollTo(idx);
-        };
-    };
-    var hasScrolledInitially = (0, react_1.useRef)(false);
-    (0, react_1.useImperativeHandle)(ref, function () {
-        if (!scrollRef.current)
-            return null;
-        return __assign(__assign({}, (scrollRef.current)), { scrollTo: scrollTo, scrollToCurrent: function () {
-                if (!scrollRef.current)
-                    return;
-                scrollTo(currentOptionIdx);
-            } });
-    });
-    if (!hasScrolledInitially.current && scrollRef.current) {
-        scrollTo(currentOptionIdx);
-        hasScrolledInitially.current = true;
-    }
-    var AnimatedView = RenderAnimatedView || View_1.View;
-    variantStyles = JSON.parse(JSON.stringify(variantStyles));
-    _animation = JSON.parse(JSON.stringify(_animation));
-    var labelStyles = (0, common_1.getNestedStylesByKey)('label', variantStyles);
-    return (<>
-    <InputLabel_1.InputLabel label={label} styles={labelStyles} required={false}/>
-    <Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} keyboardAware={{
-            enabled: false,
-        }} ref={scrollRef}>
-      <View_1.View style={variantStyles.wrapper}>
-        <AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
-            translateX: translateX,
-        }} transition={{
-            translateX: _animation,
-        }}/>
-        {options.map(function (o, idx) {
-            var selected = value === o.value;
-            var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button] }, props.touchableProps);
-            var textProps = __assign({ text: o.label, colorChangeConfig: _animation, style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]), animated: true }, props.textProps);
-            if (RenderButton) {
-                return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
-            }
-            return <Touchable_1.Touchable {...touchableProps} noFeedback={selected} key={touchableProps.key} styles={{
-                    feedback: variantStyles.buttonFeedback,
-                }}>
-            <Text_1.Text {...textProps}/>
-
-          </Touchable_1.Touchable>;
-        })}
-      </View_1.View>
-    </Scroll_1.Scroll>
-  </>);
-});
-exports.SegmentedControl = _SegmentedControl;
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControl = void 0;
+var react_1 = __importStar(require("react"));
+var Scroll_1 = require("../Scroll");
+var react_native_1 = require("react-native");
+var common_1 = require("@codeleap/common");
+var Touchable_1 = require("../Touchable");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var InputLabel_1 = require("../InputLabel");
+__exportStar(require("./styles"), exports);
+var defaultAnimation = {
+    type: 'timing',
+    duration: 200,
+    easing: react_native_1.Easing.linear,
+};
+var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
+    var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, label = props.label, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, _f = props.getItemWidth, getItemWidth = _f === void 0 ? function (i) { return i.label.length * 20; } : _f, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton;
+    var _animation = __assign(__assign({}, defaultAnimation), animation);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        variants: variants,
+    });
+    var scrollRef = (0, react_1.useRef)(null);
+    function scrollTo(idx) {
+        if (!scrollRef.current)
+            return;
+        setTimeout(function () {
+            var _a, _b;
+            (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPosition) === null || _b === void 0 ? void 0 : _b.call(_a, widthStyle.width * idx, 0, true);
+        });
+    }
+    var widthStyle = (0, react_1.useMemo)(function () {
+        var sizes = options.map(getItemWidth);
+        var maxWidth = sizes.sort(function (a, b) { return b - a; })[0];
+        return { width: maxWidth };
+    }, [options]);
+    var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
+    var translateX = widthStyle.width * currentOptionIdx;
+    var onPress = function (txt, idx) {
+        return function () {
+            onValueChange(txt);
+            scrollTo(idx);
+        };
+    };
+    var hasScrolledInitially = (0, react_1.useRef)(false);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        if (!scrollRef.current)
+            return null;
+        return __assign(__assign({}, (scrollRef.current)), { scrollTo: scrollTo, scrollToCurrent: function () {
+                if (!scrollRef.current)
+                    return;
+                scrollTo(currentOptionIdx);
+            } });
+    });
+    if (!hasScrolledInitially.current && scrollRef.current) {
+        scrollTo(currentOptionIdx);
+        hasScrolledInitially.current = true;
+    }
+    var AnimatedView = RenderAnimatedView || View_1.View;
+    variantStyles = JSON.parse(JSON.stringify(variantStyles));
+    _animation = JSON.parse(JSON.stringify(_animation));
+    var labelStyles = (0, common_1.getNestedStylesByKey)('label', variantStyles);
+    return (<>
+    <InputLabel_1.InputLabel label={label} styles={labelStyles} required={false}/>
+    <Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} keyboardAware={{
+            enabled: false,
+        }} ref={scrollRef}>
+      <View_1.View style={variantStyles.wrapper}>
+        <AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
+            translateX: translateX,
+        }} transition={{
+            translateX: _animation,
+        }}/>
+        {options.map(function (o, idx) {
+            var selected = value === o.value;
+            var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button] }, props.touchableProps);
+            var textProps = __assign({ text: o.label, colorChangeConfig: _animation, style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]), animated: true }, props.textProps);
+            if (RenderButton) {
+                return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
+            }
+            return <Touchable_1.Touchable {...touchableProps} noFeedback={selected} key={touchableProps.key} styles={{
+                    feedback: variantStyles.buttonFeedback,
+                }}>
+            <Text_1.Text {...textProps}/>
+
+          </Touchable_1.Touchable>;
+        })}
+      </View_1.View>
+    </Scroll_1.Scroll>
+  </>);
+});
+exports.SegmentedControl = _SegmentedControl;
 //# sourceMappingURL=index.js.map

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

@@ -1,60 +1,60 @@
-import { StylesOf } from '@codeleap/common';
-import { InputLabelComposition } from '../InputLabel';
-import { TouchableStylesGen } from '../Touchable';
-export declare type SegmentedControlStates = 'selected';
-export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}` | `label${Capitalize<InputLabelComposition>}`;
-export declare type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
-    buttonFeedback?: TouchableStylesGen['feedback'];
-};
-export declare const SegmentedControlStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
-};
+import { StylesOf } from '@codeleap/common';
+import { InputLabelComposition } from '../InputLabel';
+import { TouchableStylesGen } from '../Touchable';
+export declare type SegmentedControlStates = 'selected';
+export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}` | `label${Capitalize<InputLabelComposition>}`;
+export declare type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
+    buttonFeedback?: TouchableStylesGen['feedback'];
+};
+export declare const SegmentedControlStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+};

package/dist/components/SegmentedControl/styles.js

@@ -1,43 +1,43 @@
-"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.SegmentedControlStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ scrollContent: style }); }); });
-exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
-        return {
-            buttonFeedback: {
-                type: 'opacity',
-                value: 0.5,
-            },
-            text: {
-                color: theme.colors.text,
-            },
-            'text:selected': {
-                color: theme.colors.white,
-            },
-            scroll: {
-                height: theme.values.buttons.default.height,
-                // borderRadius: Theme.borderRadius.large,
-            },
-            scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.spacing.paddingHorizontal(2)), theme.presets.alignStretch),
-            button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.large }), theme.spacing.padding(1)), { minHeight: '100%' }),
-            selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { 
-                // maxHeight: 50,
-                // minHeight: 50,
-                top: 0, bottom: 0, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
-            wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
-        };
-    }) });
+"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.SegmentedControlStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ scrollContent: style }); }); });
+exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
+        return {
+            buttonFeedback: {
+                type: 'opacity',
+                value: 0.5,
+            },
+            text: {
+                color: theme.colors.text,
+            },
+            'text:selected': {
+                color: theme.colors.white,
+            },
+            scroll: {
+                height: theme.values.buttons.default.height,
+                // borderRadius: Theme.borderRadius.large,
+            },
+            scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.spacing.paddingHorizontal(2)), theme.presets.alignStretch),
+            button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.large }), theme.spacing.padding(1)), { minHeight: '100%' }),
+            selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { 
+                // maxHeight: 50,
+                // minHeight: 50,
+                top: 0, bottom: 0, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
+            wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
+        };
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { CustomSelectProps } from './types';
-export declare const SelectItem: ({ item, icon, isSelected, styles, onPress }: {
-    item: any;
-    icon?: any;
-    isSelected: any;
-    styles: any;
-    onPress: any;
-}) => JSX.Element;
-export * from './styles';
-export declare const Select: <T extends string | number = string>(selectProps: CustomSelectProps<T>) => JSX.Element;
-export * from './styles';
-export * from './types';
+/// <reference types="react" />
+import { CustomSelectProps } from './types';
+export declare const SelectItem: ({ item, icon, isSelected, styles, onPress }: {
+    item: any;
+    icon?: any;
+    isSelected: any;
+    styles: any;
+    onPress: any;
+}) => JSX.Element;
+export * from './styles';
+export declare const Select: <T extends string | number = string>(selectProps: CustomSelectProps<T>) => JSX.Element;
+export * from './styles';
+export * from './types';