@codeleap/web 2.4.6 → 3.0.2

package/dist/components/FileInput.js

@@ -1,69 +0,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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.FileInput = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-exports.FileInput = react_1.default.forwardRef(function (inputProps, ref) {
-    var inputRef = (0, react_1.useRef)(null);
-    var onFileSelect = inputProps.onFileSelect, props = __rest(inputProps, ["onFileSelect"]);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        openFilePicker: function () {
-            inputRef.current.click();
-        },
-    }); });
-    function handleChange(e) {
-        var _a;
-        if (!e.target.files.length)
-            return;
-        inputProps.onChange && inputProps.onChange(e);
-        var fileArray = Array.from(((_a = e.target) === null || _a === void 0 ? void 0 : _a.files) || []);
-        var files = fileArray.map(function (obj) { return ({
-            file: obj,
-            preview: URL.createObjectURL(obj),
-        }); });
-        onFileSelect && onFileSelect(files);
-    }
-    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden', width: 0, height: 0, opacity: 0, display: 'none' } }, props, { ref: inputRef, onChange: handleChange }), void 0));
-});
-//# sourceMappingURL=FileInput.js.map

package/dist/components/FileInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAIc;AAWD,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CACvC,UAAC,UAAU,EAAE,GAAG;IACd,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEvC,IAAA,YAAY,GAAe,UAAU,aAAzB,EAAK,KAAK,UAAK,UAAU,EAAvC,gBAA0B,CAAF,CAAe;IAE7C,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,cAAc,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;KACF,CAAC,EAJ6B,CAI7B,CAAC,CAAA;IAEH,SAAS,YAAY,CAAC,CAAsC;;QAC1D,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QAClC,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7C,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAW,CAAA;QAE7D,IAAM,KAAK,GAAmB,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;YACpD,IAAI,EAAE,GAAG;YACT,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;SAClC,CAAC,EAHmD,CAGnD,CAAC,CAAA;QAEH,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,OAAO,CACL,2CACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAC3E,KAAK,IACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,YACtB,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/components/HorizontalScroll.d.ts

@@ -1,3 +0,0 @@
-import { ElementType } from 'react';
-import { ViewProps } from '.';
-export declare function HorizontalScroll<T extends ElementType = 'div'>(props: ViewProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/HorizontalScroll.js

@@ -1,42 +0,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);
-};
-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.HorizontalScroll = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("./View");
-function HorizontalScroll(props) {
-    var children = props.children, style = props.style, otherProps = __rest(props, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, otherProps, { css: [styles.scroll, style] }, { children: children }), void 0));
-}
-exports.HorizontalScroll = HorizontalScroll;
-var styles = {
-    scroll: {
-        overflow: 'auto',
-        '::-webkit-scrollbar': {
-            display: 'none',
-        },
-        whiteSpace: 'nowrap',
-    },
-};
-//# sourceMappingURL=HorizontalScroll.js.map

package/dist/components/HorizontalScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalScroll.js","sourceRoot":"","sources":["../../src/components/HorizontalScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+BAA6B;AAE7B,SAAgB,gBAAgB,CAC9B,KAAmB;IAEX,IAAA,QAAQ,GAA2B,KAAK,SAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAK,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAF,CAAU;IAEhD,OAAO,CACL,uBAAC,WAAI,eAAK,UAAU,IAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,gBAC9C,QAAQ,YACJ,CACR,CAAA;AACH,CAAC;AAVD,4CAUC;AAED,IAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,qBAAqB,EAAE;YACrB,OAAO,EAAE,MAAM;SAChB;QACD,UAAU,EAAE,QAAQ;KACrB;CACF,CAAA"}

package/dist/components/Icon.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
-export declare type IconProps = {
-    name: IconPlaceholder;
-    style?: any;
-    renderEmptySpace?: boolean;
-} & ComponentVariants<typeof IconStyles>;
-export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -1,55 +0,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);
-};
-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.Icon = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var View_1 = require("./View");
-var Icon = function (_a) {
-    var _b, _c, _d;
-    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
-    var _e = (0, common_1.useCodeleapContext)(), Theme = _e.Theme, logger = _e.logger;
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
-        variants: variants,
-        styles: {
-            icon: style,
-        },
-        rootElement: 'icon',
-    });
-    if (!name) {
-        var iconStyle = variantStyles.icon;
-        return renderEmptySpace ? (0, jsx_runtime_1.jsx)(View_1.View, { css: {
-                height: (_c = iconStyle.size) !== null && _c !== void 0 ? _c : iconStyle.height,
-                width: (_d = iconStyle.size) !== null && _d !== void 0 ? _d : iconStyle.width,
-            } }, void 0) : null;
-    }
-    if (!Component) {
-        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(Component, __assign({}, otherProps, { style: variantStyles.icon }), void 0);
-};
-exports.Icon = Icon;
-//# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAMyB;AACzB,+BAA6B;AAQtB,IAAM,IAAI,GAAwB,UAAC,EAA0D;;IAAxD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAK,UAAU,cAAxD,iDAA0D,CAAF;IAC1F,IAAA,KAAoB,IAAA,2BAAkB,GAAE,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAA;IAC9C,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,IAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAA;QACpC,OAAO,gBAAgB,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,GAAG,EAAE;gBACnC,MAAM,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,MAAM;gBAC1C,KAAK,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,SAAS,CAAC,KAAK;aACzC,WAAG,CAAC,CAAC,CAAC,IAAI,CAAA;KACZ;IAED,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CACT,kDAA0C,IAAI,QAAI,EAClD,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAE,EAAC,EAClD,WAAW,CACZ,CAAA;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,uBAAC,SAAS,eAAK,UAAU,IAAE,KAAK,EAAE,aAAa,CAAC,IAAI,YAAG,CAAA;AAChE,CAAC,CAAA;AA7BY,QAAA,IAAI,QA6BhB"}

package/dist/components/Link.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from 'react';
-import { TextProps } from './Text';
-export declare type LinkProps<T extends ElementType> = TextProps<T> & {
-    openNewTab?: boolean;
-    onScroll?: (to: string) => any;
-};
-export declare const Link: <T extends ElementType<any> = "a">(linkProps: LinkProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Link.js

@@ -1,63 +0,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);
-};
-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.Link = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var scroll_1 = require("../lib/utils/pollyfils/scroll");
-var stopPropagation_1 = require("../lib/utils/stopPropagation");
-var Text_1 = require("./Text");
-var Link = function (linkProps) {
-    var _a;
-    var to = linkProps.to, openNewTab = linkProps.openNewTab, _b = linkProps.component, component = _b === void 0 ? 'a' : _b, _c = linkProps.onScroll, onScroll = _c === void 0 ? null : _c, props = __rest(linkProps, ["to", "openNewTab", "component", "onScroll"]);
-    var isExternal = ['http', 'tel', 'mailto'].some(function (start) { return to.startsWith(start); });
-    var Component = isExternal ? 'a' : component;
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    function handleClick(event) {
-        var _a;
-        logger.log('Link pressed', { to: to, text: linkProps.text }, 'Component');
-        if (to) {
-            if (to.startsWith('#')) {
-                event.preventDefault();
-                (0, stopPropagation_1.stopPropagation)(event);
-                if (onScroll) {
-                    onScroll(to);
-                    return;
-                }
-                (0, scroll_1.scrollToElem)(to);
-            }
-            if (openNewTab) {
-                event.preventDefault();
-                (_a = window === null || window === void 0 ? void 0 : window.open) === null || _a === void 0 ? void 0 : _a.call(window, to, '_blank');
-                return false;
-            }
-        }
-    }
-    var linkPropOverride = (_a = {},
-        _a[isExternal ? 'href' : 'to'] = to,
-        _a);
-    return ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ component: Component }, props, linkPropOverride, { onClick: handleClick }), void 0));
-};
-exports.Link = Link;
-//# sourceMappingURL=Link.js.map

package/dist/components/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA0E;AAG1E,wDAA4D;AAC5D,gEAA8D;AAC9D,+BAA6B;AAOtB,IAAM,IAAI,GAAG,UAA8B,SAAuB;;IAC/D,IAAA,EAAE,GAA6D,SAAS,GAAtE,EAAE,UAAU,GAAiD,SAAS,WAA1D,EAAE,KAA+C,SAAS,UAAzC,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAE,KAA8B,SAAS,SAAxB,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAK,KAAK,UAAK,SAAS,EAA1E,6CAA8D,CAAF,CAAc;IAEhF,IAAM,UAAU,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAApB,CAAoB,CAChF,CAAA;IAED,IAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;IACtC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,SAAS,WAAW,CAAC,KAAuB;;QAC1C,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,WAAW,CAAC,CAAA;QACrE,IAAI,EAAE,EAAE;YACN,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACtB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;gBACtB,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;oBACZ,OAAM;iBACP;gBACD,IAAA,qBAAY,EAAC,EAAE,CAAC,CAAA;aACjB;YACD,IAAI,UAAU,EAAE;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,+CAAZ,MAAM,EAAS,EAAE,EAAE,QAAQ,CAAC,CAAA;gBAC5B,OAAO,KAAK,CAAA;aACb;SACF;IACH,CAAC;IAED,IAAM,gBAAgB;QACpB,GAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAG,EAAE;WACjC,CAAA;IAED,OAAO,CACL,uBAAC,WAAI,aACH,SAAS,EAAE,SAAS,IAChB,KAAK,EACL,gBAAgB,IACpB,OAAO,EAAE,WAAW,YACpB,CACH,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,IAAI,QAwChB"}

package/dist/components/List.d.ts

@@ -1,18 +0,0 @@
-import { VariableSizeList as VirtualList } from 'react-window';
-import { ComponentProps, CSSProperties, ReactElement } from 'react';
-import { ComponentVariants, ViewComposition, ViewStyles } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-import { CSSObject } from '@emotion/react';
-export declare type ListRender<T> = (itemProps: {
-    item: T;
-    index: number;
-    style: CSSProperties;
-}) => ReactElement;
-export declare type ListProps<T> = {
-    styles?: StylesOf<ViewComposition>;
-    css?: CSSObject;
-    data: T[];
-    getSize: (i: T, idx: number) => number;
-    renderItem: ListRender<T>;
-} & Omit<ComponentProps<typeof VirtualList>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' | 'width' | 'height' | 'children'> & ComponentVariants<typeof ViewStyles>;
-export declare const List: <T extends unknown>(listProps: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/List.js

@@ -1,52 +0,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);
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.List = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_window_1 = require("react-window");
-var react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
-var common_1 = require("@codeleap/common");
-var List = function (listProps) {
-    var variants = listProps.variants, responsiveVariants = listProps.responsiveVariants, styles = listProps.styles, data = listProps.data, getSize = listProps.getSize, Item = listProps.renderItem, viewProps = __rest(listProps, ["variants", "responsiveVariants", "styles", "data", "getSize", "renderItem"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-        styles: styles,
-    });
-    return ((0, jsx_runtime_1.jsx)(react_virtualized_auto_sizer_1.default, { children: function (_a) {
-            var height = _a.height, width = _a.width;
-            return ((0, jsx_runtime_1.jsx)(react_window_1.VariableSizeList, __assign({ height: height, width: width, itemCount: data.length, itemData: data, itemSize: function (idx) { return getSize(data[idx], idx); }, css: variantStyles.wrapper }, viewProps, { children: function (_a) {
-                    var style = _a.style, index = _a.index;
-                    return ((0, jsx_runtime_1.jsx)(Item, { item: data[index], style: style, index: index }, void 0));
-                } }), void 0));
-        } }, void 0));
-    // return <View {...viewProps}>
-    //   {data.map((item, idx) => <Component item={item} idx={idx} key={idx}/>)}
-    // </View>
-};
-exports.List = List;
-//# sourceMappingURL=List.js.map

package/dist/components/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAE9D,8FAAoD;AACpD,2CAKyB;AA4BlB,IAAM,IAAI,GAAG,UAClB,SAAuB;IAGrB,IAAA,QAAQ,GAON,SAAS,SAPH,EACR,kBAAkB,GAMhB,SAAS,mBANO,EAClB,MAAM,GAKJ,SAAS,OALL,EACN,IAAI,GAIF,SAAS,KAJP,EACJ,OAAO,GAGL,SAAS,QAHJ,EACK,IAAI,GAEd,SAAS,WAFK,EACb,SAAS,UACV,SAAS,EARP,6EAQL,CADa,CACD;IAEb,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,sCAAS,cACP,UAAC,EAAiB;gBAAf,MAAM,YAAA,EAAE,KAAK,WAAA;YAAO,OAAA,CACtB,uBAAC,+BAAW,aACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAvB,CAAuB,EAC1C,GAAG,EAAE,aAAa,CAAC,OAAO,IACtB,SAAS,cAEZ,UAAC,EAAgB;wBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CACrB,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,WAAI,CACxD;gBAFsB,CAEtB,YACW,CACf;QAduB,CAcvB,WACS,CACb,CAAA;IAED,+BAA+B;IAC/B,4EAA4E;IAC5E,UAAU;AACZ,CAAC,CAAA;AA1CY,QAAA,IAAI,QA0ChB"}

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

@@ -1,21 +0,0 @@
-import { AnyFunction, ComponentVariants, ModalComposition } from '@codeleap/common';
-import { ReactNode } from 'react';
-import { StylesOf } from '../../types/utility';
-import { WebModalStyles as ModalStyles } from './styles';
-export * from './styles';
-export declare type ModalProps = {
-    visible: boolean;
-    title?: React.ReactNode;
-    toggle: AnyFunction;
-    styles?: StylesOf<ModalComposition>;
-    accessible?: boolean;
-    showClose?: boolean;
-    closable?: boolean;
-    scroll?: boolean;
-    footer?: ReactNode;
-    debugName?: string;
-} & ComponentVariants<typeof ModalStyles>;
-export declare const ModalContent: React.FC<ModalProps & {
-    id: string;
-}>;
-export declare const Modal: React.FC<ModalProps>;

package/dist/components/Modal/index.js

@@ -1,116 +0,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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = exports.ModalContent = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var react_1 = require("react");
-var react_dom_1 = __importDefault(require("react-dom"));
-var uuid_1 = require("uuid");
-var Button_1 = require("../Button");
-var View_1 = require("../View");
-var Text_1 = require("../Text");
-var Overlay_1 = require("../Overlay");
-__exportStar(require("./styles"), exports);
-function focusModal(event, id) {
-    event.preventDefault();
-    var modal = document.getElementById(id);
-    if (modal) {
-        modal.focus();
-    }
-}
-var ModalContent = function (modalProps) {
-    var children = modalProps.children, _a = modalProps.closable, closable = _a === void 0 ? true : _a, visible = modalProps.visible, _b = modalProps.title, title = _b === void 0 ? '' : _b, toggle = modalProps.toggle, id = modalProps.id, responsiveVariants = modalProps.responsiveVariants, variants = modalProps.variants, styles = modalProps.styles, _c = modalProps.showClose, showClose = _c === void 0 ? true : _c, footer = modalProps.footer, props = __rest(modalProps, ["children", "closable", "visible", "title", "toggle", "id", "responsiveVariants", "variants", "styles", "showClose", "footer"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Modal', {
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    (0, common_1.onUpdate)(function () {
-        if (visible) {
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            document.body.style.overflow = 'auto';
-        }
-    }, [visible]);
-    function closeOnEscPress(e) {
-        if (e.key === 'Escape') {
-            toggle();
-        }
-    }
-    (0, react_1.useLayoutEffect)(function () {
-        var modal = document.getElementById(id);
-        if (modal) {
-            modal.focus();
-        }
-    }, [id]);
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ "aria-hidden": !visible, css: variantStyles.wrapper, className: visible ? 'visible' : '' }, { children: [(0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: visible, onPress: closable ? toggle : function () { }, css: variantStyles.overlay }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'section', css: __assign({}, variantStyles.box), className: 'content', onKeyDown: closeOnEscPress, tabIndex: 0, id: id, "aria-modal": true, role: 'dialog', "aria-describedby": "".concat(id, "-title"), "aria-label": 'Close the modal by presing Escape key' }, props, { children: [(title || showClose) && ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', className: 'modal-header header', id: "".concat(id, "-title"), css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title, css: variantStyles.title }, void 0) : title, showClose && closable && ((0, jsx_runtime_1.jsx)(Button_1.Button, { rightIcon: 'close', variants: ['icon'], onPress: toggle, css: variantStyles.closeButton }, void 0))] }), void 0)), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children }), void 0), footer && ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer }), void 0))] }), void 0)] }), void 0));
-};
-exports.ModalContent = ModalContent;
-var Modal = function (_a) {
-    var accessible = _a.accessible, props = __rest(_a, ["accessible"]);
-    var modalId = (0, react_1.useRef)((0, uuid_1.v4)());
-    (0, react_1.useEffect)(function () {
-        if (accessible) {
-            var currentId_1 = modalId.current;
-            var appRoot_1 = document.body;
-            appRoot_1.addEventListener('focusin', function (e) { return focusModal(e, currentId_1); });
-            return function () { return appRoot_1.removeEventListener('focusin', function (e) { return focusModal(e, currentId_1); }); };
-        }
-    }, []);
-    (0, react_1.useEffect)(function () {
-        if (accessible) {
-            var appRoot = document.body;
-            appRoot.setAttribute('aria-hidden', "".concat(props.visible));
-            appRoot.setAttribute('tabindex', "".concat(-1));
-        }
-    }, [props.visible]);
-    if (accessible) {
-        if (props.visible) {
-            document.body.style.overflow = 'hidden';
-            return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(exports.ModalContent, __assign({}, props, { id: modalId.current }), void 0), document.body);
-        }
-        else {
-            document.body.style.overflow = 'visible';
-            return null;
-        }
-    }
-    return (0, jsx_runtime_1.jsx)(exports.ModalContent, __assign({}, props, { id: modalId.current }), void 0);
-};
-exports.Modal = Modal;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,56 +0,0 @@
-import { ModalComposition } from '@codeleap/common';
-export declare const WebModalStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    OSAlert: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    roundish: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    dynamicHandler: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-};

package/dist/components/Modal/styles.js

@@ -1,36 +0,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.WebModalStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createModalStyle = (0, common_1.createDefaultVariantFactory)();
-var transitionDuration = '0.3s';
-exports.WebModalStyles = __assign(__assign({}, common_1.ModalStyles), { default: createModalStyle(function (theme) {
-        var defaultStyles = common_1.ModalStyles.default(theme);
-        return __assign(__assign({}, defaultStyles), { wrapper: __assign(__assign({}, defaultStyles.wrapper), { transition: "visibility 0.01s ease", transitionDelay: transitionDuration, '& .content': {
-                    transform: 'scale(0)',
-                    transition: "transform ".concat(transitionDuration, " ease"),
-                }, '&.visible': {
-                    visibility: 'visible',
-                    transitionDelay: '0s',
-                }, '&.visible .content': {
-                    visibility: 'visible',
-                    transform: 'scale(1)',
-                }, '&.visible .overlay': {
-                    opacity: 0.5,
-                } }), box: __assign(__assign({}, defaultStyles.box), { width: '45vw' }), overlay: __assign(__assign({}, defaultStyles.overlay), { transition: "opacity ".concat(transitionDuration, " ease") }), title: __assign(__assign({}, (0, common_1.assignTextStyle)('h3')(theme).text), theme.spacing.marginBottom(1)) });
-    }), OSAlert: createModalStyle(function (theme) {
-        var defaults = common_1.ModalStyles.default(theme);
-        return __assign(__assign({}, defaults), { body: __assign(__assign(__assign(__assign(__assign({}, defaults.body), theme.presets.column), theme.presets.alignCenter), theme.presets.justifyCenter), theme.spacing.padding(2)), footer: __assign(__assign(__assign(__assign(__assign({}, defaults.footer), theme.presets.row), theme.presets.justifyEnd), theme.spacing.padding(1)), theme.spacing.gap(2)) });
-    }) });
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAKyB;AAEzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,kBAAkB,GAAG,MAAM,CAAA;AAEpB,QAAA,cAAc,yBACtB,oBAAW,KACd,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,aAAa,GAAG,oBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhD,6BACK,aAAa,KAChB,OAAO,wBACF,aAAa,CAAC,OAAO,KACxB,UAAU,EAAE,uBAAuB,EACnC,eAAe,EAAE,kBAAkB,EACnC,YAAY,EAAE;oBACZ,SAAS,EAAE,UAAU;oBACrB,UAAU,EAAE,oBAAa,kBAAkB,UAAO;iBACnD,EACD,WAAW,EAAE;oBACX,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,IAAI;iBACtB,EACD,oBAAoB,EAAE;oBACpB,UAAU,EAAE,SAAS;oBACrB,SAAS,EAAE,UAAU;iBACtB,EACD,oBAAoB,EAAE;oBACpB,OAAO,EAAE,GAAG;iBACb,KAEH,GAAG,wBACE,aAAa,CAAC,GAAG,KACpB,KAAK,EAAE,MAAM,KAEf,OAAO,wBACF,aAAa,CAAC,OAAO,KAExB,UAAU,EAAE,kBAAW,kBAAkB,UAAO,KAGlD,KAAK,wBACA,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAGnC;IACH,CAAC,CAAC,EACF,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,QAAQ,GAAG,oBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAC3C,6BACK,QAAQ,KACX,IAAI,mDACC,QAAQ,CAAC,IAAI,GACb,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,aAAa,GAC3B,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAE7B,MAAM,mDACD,QAAQ,CAAC,MAAM,GACf,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,UAAU,GACxB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GACxB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAE1B;IACH,CAAC,CAAC,IACH"}

package/dist/components/Overlay.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ComponentVariants, OverlayComposition, OverlayStyles, SmartOmit, StylesOf } from '@codeleap/common';
-import { TouchableProps } from './Touchable';
-import { ViewProps } from './View';
-export declare type OverlayProps = {
-    visible?: boolean;
-    styles?: StylesOf<OverlayComposition>;
-    onPress?: TouchableProps<'div'>['onClick'];
-} & ComponentVariants<typeof OverlayStyles> & Partial<SmartOmit<ViewProps<'div'>, 'variants' | 'responsiveVariants'>>;
-export declare const Overlay: React.FC<OverlayProps>;