@codeleap/mobile 2.3.7 → 2.3.10

package/dist/components/Slider/Mark.js

@@ -1,32 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderMark = void 0;
-var react_1 = __importDefault(require("react"));
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var SliderMark = function (_a) {
-    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
-    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
-    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
-    var isFirst = index === 0;
-    var isLast = index === labels.length - 1;
-    var centerAdjustWord = -(l.length * 2);
-    var markStyles = {};
-    var labelStyles = {};
-    if (!isFirst && !isLast) {
-        labelStyles.left = centerAdjustWord;
-    }
-    if (isLast) {
-        labelStyles.right = -20;
-        markStyles.right = -10;
-    }
-    return (<>
-      {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
-      {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
-    </>);
-};
-exports.SliderMark = SliderMark;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderMark = void 0;
+var react_1 = __importDefault(require("react"));
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var SliderMark = function (_a) {
+    var index = _a.index, sliderProps = _a.sliderProps, styles = _a.styles, variantStyles = _a.variantStyles;
+    var _b = sliderProps.labels, labels = _b === void 0 ? [] : _b, showMarks = sliderProps.showMarks;
+    var l = (labels === null || labels === void 0 ? void 0 : labels[index]) || '';
+    var isFirst = index === 0;
+    var isLast = index === labels.length - 1;
+    var centerAdjustWord = -(l.length * 2);
+    var markStyles = {};
+    var labelStyles = {};
+    if (!isFirst && !isLast) {
+        labelStyles.left = centerAdjustWord;
+    }
+    if (isLast) {
+        labelStyles.right = -20;
+        markStyles.right = -10;
+    }
+    return (<>
+      {showMarks ? (<View_1.View style={[markStyles, variantStyles.mark, styles.mark]}/>) : null}
+      {l ? (<Text_1.Text style={[labelStyles, variantStyles.trackLabels, styles.trackLabels]} text={l}/>) : null}
+    </>);
+};
+exports.SliderMark = SliderMark;
 //# sourceMappingURL=Mark.js.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
-    children: any;
-    visible: any;
-    styles: any;
-    variantStyles: any;
-}) => JSX.Element;
+/// <reference types="react" />
+export declare const ThumbTooltip: ({ children, visible, styles, variantStyles }: {
+    children: any;
+    visible: any;
+    styles: any;
+    variantStyles: any;
+}) => JSX.Element;

package/dist/components/Slider/Thumb.js

@@ -1,30 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbTooltip = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var Text_1 = require("../Text");
-var View_1 = require("../View");
-var ThumbTooltip = function (_a) {
-    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
-    return (<View_1.View style={[
-            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
-            visible
-                ? react_native_1.StyleSheet.flatten([
-                    variantStyles['tooltip:visible'],
-                    styles['tooltip:visible'],
-                ])
-                : react_native_1.StyleSheet.flatten([
-                    variantStyles['tooltip:hidden'],
-                    styles['tooltip:hidden'],
-                ]),
-        ]}>
-      <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
-      <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
-    </View_1.View>);
-};
-exports.ThumbTooltip = ThumbTooltip;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbTooltip = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var ThumbTooltip = function (_a) {
+    var children = _a.children, visible = _a.visible, styles = _a.styles, variantStyles = _a.variantStyles;
+    return (<View_1.View style={[
+            react_native_1.StyleSheet.flatten([variantStyles.tooltip, styles.tooltip]),
+            visible
+                ? react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:visible'],
+                    styles['tooltip:visible'],
+                ])
+                : react_native_1.StyleSheet.flatten([
+                    variantStyles['tooltip:hidden'],
+                    styles['tooltip:hidden'],
+                ]),
+        ]}>
+      <Text_1.Text style={[variantStyles.tooltipText, styles.tooltipText]} text={children}/>
+      <View_1.View style={[variantStyles.tooltipArrow, styles.tooltipArrow]}/>
+    </View_1.View>);
+};
+exports.ThumbTooltip = ThumbTooltip;
 //# sourceMappingURL=Thumb.js.map

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

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

@@ -1,103 +1,103 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-var Mark_1 = require("./Mark");
-var Thumb_1 = require("./Thumb");
-var React = __importStar(require("react"));
-var react_native_slider_1 = require("@miblanchard/react-native-slider");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var View_1 = require("../View");
-var common_1 = require("@codeleap/common");
-var InputLabel_1 = require("../InputLabel");
-__exportStar(require("./styles"), exports);
-var Slider = function (sliderProps) {
-    var _a;
-    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
-    var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, _d = sliderProps.tooltipVisibilityWindow, tooltipVisibilityWindow = _d === void 0 ? 830 : _d, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "tooltipVisibilityWindow", "variants"]);
-    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
-    var debounceTimeout = (0, react_1.useRef)(null);
-    var toggleTooltipTimeout = (0, react_1.useRef)(null);
-    var valueRef = (0, react_1.useRef)(value);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Slider', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    function setValue() {
-        onValueChange(valueRef.current);
-    }
-    function onChange(val) {
-        var eventValue = val;
-        if (Array.isArray(val) && typeof value === 'number') {
-            eventValue = val[0];
-        }
-        if (eventValue === value)
-            return;
-        valueRef.current = eventValue;
-        if (debounceTimeout.current)
-            clearTimeout(debounceTimeout.current);
-        debounceTimeout.current = setTimeout(function () {
-            setValue();
-        }, changeDebounce);
-    }
-    return (<View_1.View style={[variantStyles.wrapper, style]}>
-      <InputLabel_1.InputLabel label={label} styles={(0, common_1.getNestedStylesByKey)('label', variantStyles)}/>
-      <react_native_slider_1.Slider value={value} onSlidingStart={function () {
-            if (toggleTooltipTimeout.current) {
-                clearTimeout(toggleTooltipTimeout.current);
-            }
-            setTooltipVisible(true);
-        }} onSlidingComplete={function () {
-            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
-        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
-            if (!valueOverThumb)
-                return null;
-            var thisValue = Array.isArray(value) ? value[idx] : value;
-            return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
-              {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
-            </Thumb_1.ThumbTooltip>);
-        }} renderTrackMarkComponent={function (idx) { return (<Mark_1.SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>); }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle])} trackStyle={[variantStyles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([
-            variantStyles.selectedTrack,
-        ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
-    </View_1.View>);
-};
-exports.Slider = Slider;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var Mark_1 = require("./Mark");
+var Thumb_1 = require("./Thumb");
+var React = __importStar(require("react"));
+var react_native_slider_1 = require("@miblanchard/react-native-slider");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var View_1 = require("../View");
+var common_1 = require("@codeleap/common");
+var InputLabel_1 = require("../InputLabel");
+__exportStar(require("./styles"), exports);
+var Slider = function (sliderProps) {
+    var _a;
+    var _b = React.useState(false), tooltipVisible = _b[0], setTooltipVisible = _b[1];
+    var debounce = sliderProps.debounce, onValueChange = sliderProps.onValueChange, labels = sliderProps.labels, value = sliderProps.value, label = sliderProps.label, valueOverThumb = sliderProps.valueOverThumb, formatTooltip = sliderProps.formatTooltip, _c = sliderProps.styles, styles = _c === void 0 ? {} : _c, style = sliderProps.style, _d = sliderProps.tooltipVisibilityWindow, tooltipVisibilityWindow = _d === void 0 ? 830 : _d, variants = sliderProps.variants, props = __rest(sliderProps, ["debounce", "onValueChange", "labels", "value", "label", "valueOverThumb", "formatTooltip", "styles", "style", "tooltipVisibilityWindow", "variants"]);
+    var changeDebounce = typeof debounce === 'number' ? debounce : 100;
+    var debounceTimeout = (0, react_1.useRef)(null);
+    var toggleTooltipTimeout = (0, react_1.useRef)(null);
+    var valueRef = (0, react_1.useRef)(value);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Slider', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    function setValue() {
+        onValueChange(valueRef.current);
+    }
+    function onChange(val) {
+        var eventValue = val;
+        if (Array.isArray(val) && typeof value === 'number') {
+            eventValue = val[0];
+        }
+        if (eventValue === value)
+            return;
+        valueRef.current = eventValue;
+        if (debounceTimeout.current)
+            clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(function () {
+            setValue();
+        }, changeDebounce);
+    }
+    return (<View_1.View style={[variantStyles.wrapper, style]}>
+      <InputLabel_1.InputLabel label={label} styles={(0, common_1.getNestedStylesByKey)('label', variantStyles)}/>
+      <react_native_slider_1.Slider value={value} onSlidingStart={function () {
+            if (toggleTooltipTimeout.current) {
+                clearTimeout(toggleTooltipTimeout.current);
+            }
+            setTooltipVisible(true);
+        }} onSlidingComplete={function () {
+            toggleTooltipTimeout.current = setTimeout(function () { return setTooltipVisible(false); }, tooltipVisibilityWindow);
+        }} onValueChange={onChange} renderAboveThumbComponent={function (idx) {
+            if (!valueOverThumb)
+                return null;
+            var thisValue = Array.isArray(value) ? value[idx] : value;
+            return (<Thumb_1.ThumbTooltip visible={tooltipVisible} variantStyles={variantStyles} styles={styles}>
+              {formatTooltip ? formatTooltip(thisValue) : thisValue.toString()}
+            </Thumb_1.ThumbTooltip>);
+        }} renderTrackMarkComponent={function (idx) { return (<Mark_1.SliderMark index={idx} sliderProps={sliderProps} styles={styles} variantStyles={variantStyles}/>); }} maximumValue={labels ? labels.length - 1 : 10} trackMarks={labels ? Object.keys(labels).map(function (z) { return parseInt(z); }) : []} containerStyle={[variantStyles.inputContainer]} thumbStyle={react_native_1.StyleSheet.flatten([variantStyles.handle])} trackStyle={[variantStyles.track]} minimumTrackTintColor={(_a = react_native_1.StyleSheet.flatten([
+            variantStyles.selectedTrack,
+        ])) === null || _a === void 0 ? void 0 : _a.backgroundColor} {...props}/>
+    </View_1.View>);
+};
+exports.Slider = Slider;
 //# sourceMappingURL=index.js.map

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

@@ -1,54 +1,54 @@
-import { InputLabelComposition } from '../InputLabel';
-export declare type SliderComposition = 'wrapper' | 'handle' | 'track' | `label${Capitalize<InputLabelComposition>}` | '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>>;
-    fixed: (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>>;
-    center: (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>>;
-    flex: (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>>;
-    column: (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>>;
-    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>>;
-    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>>;
-    inlineFlex: (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>>;
-    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>>;
-    listStyles: (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>>;
-    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>>;
-    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>>;
-};
+import { InputLabelComposition } from '../InputLabel';
+export declare type SliderComposition = 'wrapper' | 'handle' | 'track' | `label${Capitalize<InputLabelComposition>}` | '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>>;
+    fixed: (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>>;
+    center: (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>>;
+    flex: (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>>;
+    column: (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>>;
+    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>>;
+    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>>;
+    inlineFlex: (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>>;
+    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>>;
+    listStyles: (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>>;
+    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>>;
+    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

@@ -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.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),
-    }); }) });
+"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