@codeleap/mobile 1.9.18 → 1.9.21

package/dist/components/RadioInput/styles.js

@@ -1,45 +1,45 @@
-"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.MobileRadioInputStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
-var defaultStyles = common_1.RadioInputStyles.default;
-exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
-        var style = defaultStyles(theme);
-        var itemHeight = theme.typography.baseFontSize * 1.2;
-        var markHeight = itemHeight / 2;
-        var translateX = -(markHeight / 2);
-        var translateY = -(markHeight / 2);
-        return __assign(__assign({}, style), { itemWrapper: __assign({}, style.itemWrapper), button: __assign(__assign(__assign({ height: itemHeight, width: itemHeight }, theme.border.primary(1)), { borderRadius: theme.borderRadius.large, position: 'relative' }), theme.spacing.marginRight(1)), buttonMark: {
-                backgroundColor: theme.colors.primary,
-                position: 'absolute',
-                left: '50%',
-                top: '50%',
-                height: markHeight,
-                width: markHeight,
-                transform: [{ translateX: translateX }, { translateY: translateY }],
-                borderRadius: theme.borderRadius.large,
-                opacity: 0,
-            }, 'buttonMark:checked': {
-                opacity: 1,
-            } });
-    }), square: createRadioStyle(function () { return ({
-        buttonMark: {
-            borderRadius: 0,
-        },
-        button: {
-            borderRadius: 0,
-        },
-    }); }) });
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileRadioInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
+var defaultStyles = common_1.RadioInputStyles.default;
+exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
+        var style = defaultStyles(theme);
+        var itemHeight = theme.typography.baseFontSize * 1.2;
+        var markHeight = itemHeight / 2;
+        var translateX = -(markHeight / 2);
+        var translateY = -(markHeight / 2);
+        return __assign(__assign({}, style), { itemWrapper: __assign({}, style.itemWrapper), button: __assign(__assign(__assign({ height: itemHeight, width: itemHeight }, theme.border.primary(1)), { borderRadius: theme.borderRadius.large, position: 'relative' }), theme.spacing.marginRight(1)), buttonMark: {
+                backgroundColor: theme.colors.primary,
+                position: 'absolute',
+                left: '50%',
+                top: '50%',
+                height: markHeight,
+                width: markHeight,
+                transform: [{ translateX: translateX }, { translateY: translateY }],
+                borderRadius: theme.borderRadius.large,
+                opacity: 0,
+            }, 'buttonMark:checked': {
+                opacity: 1,
+            } });
+    }), square: createRadioStyle(function () { return ({
+        buttonMark: {
+            borderRadius: 0,
+        },
+        button: {
+            borderRadius: 0,
+        },
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Scroll.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
-import { ScrollView, ViewStyle } from 'react-native';
-import { ViewProps } from './View';
-export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
-    onRefresh?: () => void;
-    refreshTimeout?: number;
-    changeData?: any;
-    keyboardAware?: boolean;
-    refreshing?: boolean;
-    styles?: ViewStyle;
-};
-export declare const Scroll: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<ScrollView>>;
+import * as React from 'react';
+import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
+import { ScrollView, ViewStyle } from 'react-native';
+import { ViewProps } from './View';
+export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    keyboardAware?: boolean;
+    refreshing?: boolean;
+    styles?: ViewStyle;
+};
+export declare const Scroll: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<ScrollView>>;

package/dist/components/Scroll.js

@@ -1,82 +1,82 @@
-"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 __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.Scroll = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var common_1 = require("@codeleap/common");
-var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
-var react_native_1 = require("react-native");
-var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
-exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
-    var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, styles = scrollProps.styles, _c = scrollProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "keyboardAware"]);
-    var hasRefresh = !!props.onRefresh;
-    var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
-    var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
-    var timer = React.useRef(null);
-    var previousData = (0, common_1.usePrevious)(changeData);
-    var onRefresh = function () {
-        if (timer.current) {
-            clearTimeout(timer.current);
-        }
-        setRefreshing(true);
-        props.onRefresh();
-        timer.current = setTimeout(function () {
-            setRefreshing(false);
-        }, refreshTimeout);
-    };
-    (0, common_1.onUpdate)(function () {
-        if (refreshingDisplay && !(0, common_1.deepEqual)(previousData, changeData)) {
-            setRefreshing(false);
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-        }
-    }, [refreshingDisplay, changeData]);
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
-        variants: variants,
-        styles: {
-            wrapper: styles,
-        },
-        rootElement: 'wrapper',
-    });
-    var Component = keyboardAware ? KeyboardAwareScrollView : react_native_1.ScrollView;
-    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} {...props}>
-        {children}
-      </Component>);
-});
+"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 __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.Scroll = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
+var react_native_1 = require("react-native");
+var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
+exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
+    var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, styles = scrollProps.styles, _c = scrollProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "keyboardAware"]);
+    var hasRefresh = !!props.onRefresh;
+    var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
+    var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
+    var timer = React.useRef(null);
+    var previousData = (0, common_1.usePrevious)(changeData);
+    var onRefresh = function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        setRefreshing(true);
+        props.onRefresh();
+        timer.current = setTimeout(function () {
+            setRefreshing(false);
+        }, refreshTimeout);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (refreshingDisplay && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshingDisplay, changeData]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+        styles: {
+            wrapper: styles,
+        },
+        rootElement: 'wrapper',
+    });
+    var Component = keyboardAware ? KeyboardAwareScrollView : react_native_1.ScrollView;
+    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} {...props}>
+        {children}
+      </Component>);
+});
 //# sourceMappingURL=Scroll.js.map

package/dist/components/Sections.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { KeyboardAwareSectionListProps } from 'react-native-keyboard-aware-scroll-view';
-import { SectionList } from 'react-native';
-import { ViewProps } from './View';
-export declare type SectionListProps = KeyboardAwareSectionListProps<any> & ViewProps & {
-    onRefresh?: () => void;
-    refreshTimeout?: number;
-    changeData?: any;
-    separators?: boolean;
-};
-export declare const Sections: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<SectionList<any, import("react-native").DefaultSectionT>>>;
+import * as React from 'react';
+import { KeyboardAwareSectionListProps } from 'react-native-keyboard-aware-scroll-view';
+import { SectionList } from 'react-native';
+import { ViewProps } from './View';
+export declare type SectionListProps = KeyboardAwareSectionListProps<any> & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    separators?: boolean;
+};
+export declare const Sections: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<SectionList<any, import("react-native").DefaultSectionT>>>;

package/dist/components/Sections.js

@@ -1,81 +1,81 @@
-"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 __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.Sections = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var common_1 = require("@codeleap/common");
-var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
-var react_native_1 = require("react-native");
-var View_1 = require("./View");
-var KeyboardAwareSectionList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareSectionList;
-exports.Sections = (0, react_1.forwardRef)(function (flatListProps, ref) {
-    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData"]);
-    var hasRefresh = !!props.onRefresh;
-    var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
-    var timer = React.useRef(null);
-    var previousData = (0, common_1.usePrevious)(changeData);
-    var onRefresh = function () {
-        if (timer.current) {
-            clearTimeout(timer.current);
-        }
-        setRefreshing(true);
-        props.onRefresh();
-        timer.current = setTimeout(function () {
-            setRefreshing(false);
-        }, refreshTimeout);
-    };
-    (0, common_1.onUpdate)(function () {
-        if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
-            setRefreshing(false);
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-        }
-    }, [refreshing, changeData]);
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
-        variants: variants,
-    });
-    var renderSeparator = function () {
-        return (<View_1.View variants={['separator']}></View_1.View>);
-    };
-    var separatorProp = props.separators;
-    var isEmpty = !props.data || !props.data.length;
-    var separator = !isEmpty && separatorProp == true && renderSeparator;
-    return (<KeyboardAwareSectionList style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
-});
+"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 __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.Sections = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
+var react_native_1 = require("react-native");
+var View_1 = require("./View");
+var KeyboardAwareSectionList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareSectionList;
+exports.Sections = (0, react_1.forwardRef)(function (flatListProps, ref) {
+    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData"]);
+    var hasRefresh = !!props.onRefresh;
+    var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
+    var timer = React.useRef(null);
+    var previousData = (0, common_1.usePrevious)(changeData);
+    var onRefresh = function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        setRefreshing(true);
+        props.onRefresh();
+        timer.current = setTimeout(function () {
+            setRefreshing(false);
+        }, refreshTimeout);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshing, changeData]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+    });
+    var renderSeparator = function () {
+        return (<View_1.View variants={['separator']}></View_1.View>);
+    };
+    var separatorProp = props.separators;
+    var isEmpty = !props.data || !props.data.length;
+    var separator = !isEmpty && separatorProp == true && renderSeparator;
+    return (<KeyboardAwareSectionList style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
+});
 //# sourceMappingURL=Sections.js.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { CustomSelectProps } from './types';
-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 Select: <T extends string | number = string>(selectProps: CustomSelectProps<T>) => JSX.Element;
+export * from './styles';
+export * from './types';