@codeleap/web 1.4.2 → 1.4.5

package/dist/components/ActivityIndicator/index.js

@@ -45,15 +45,13 @@ __exportStar(require("./styles"), exports);
 var spin = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from {\n        transform: rotate(0deg);\n    }\n    to{ \n        transform: rotate(360deg);\n    }\n"], ["\n    from {\n        transform: rotate(0deg);\n    }\n    to{ \n        transform: rotate(360deg);\n    }\n"])));
 var ActivityIndicator = function (indicatorProps) {
     var _a = indicatorProps.animating, animating = _a === void 0 ? true : _a, _b = indicatorProps.hidesWhenStopped, hidesWhenStopped = _b === void 0 ? true : _b, variants = indicatorProps.variants, responsiveVariants = indicatorProps.responsiveVariants, styles = indicatorProps.styles, viewProps = __rest(indicatorProps, ["animating", "hidesWhenStopped", "variants", "responsiveVariants", "styles"]);
+    console.log("ACTIVITY", styles);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('ActivityIndicator', {
         styles: styles,
         responsiveVariants: responsiveVariants,
         variants: variants,
     });
-    if (!animating && hidesWhenStopped) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, viewProps, { css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign({}, variantStyles.circle), variantStyles.backCircle) }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, variantStyles.circle), variantStyles.frontCircle), { animation: "".concat(spin, " 1s infinite"), animationPlayState: animating ? 'running' : 'paused' }) }, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({}, viewProps, { css: [variantStyles.wrapper, (!animating && hidesWhenStopped) && { visibility: 'hidden' }] }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign({}, variantStyles.circle), variantStyles.backCircle) }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, variantStyles.circle), variantStyles.frontCircle), { animation: "".concat(spin, " 1s infinite"), animationPlayState: animating ? 'running' : 'paused' }) }, void 0)] }), void 0));
 };
 exports.ActivityIndicator = ActivityIndicator;
 var templateObject_1;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,wCAAqD;AACrD,2CAKyB;AAGzB,2CAAwB;AAExB,IAAM,IAAI,OAAG,iBAAS,kLAAA,8GAOrB,IAAA,CAAA;AASM,IAAM,iBAAiB,GAAqC,UACjE,cAAc;IAGZ,IAAA,KAOE,cAAc,UAPA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAME,cAAc,iBANO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EAEvB,QAAQ,GAIN,cAAc,SAJR,EACR,kBAAkB,GAGhB,cAAc,mBAHE,EAClB,MAAM,GAEJ,cAAc,OAFV,EACH,SAAS,UACV,cAAc,EARZ,6EAQL,CADa,CACI;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,mBAAmB,EAAE;QAClE,MAAM,QAAA;QACN,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAI,CAAC,SAAS,IAAI,gBAAgB,EAAE;QAClC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,wBAAC,WAAI,eAAK,SAAS,IAAE,GAAG,EAAE,aAAa,CAAC,OAAO,iBAC7C,uBAAC,WAAI,IAAC,GAAG,wBAAO,aAAa,CAAC,MAAM,GAAK,aAAa,CAAC,UAAU,YAAM,EACvE,uBAAC,WAAI,IACH,GAAG,iCACE,aAAa,CAAC,MAAM,GACpB,aAAa,CAAC,WAAW,KAC5B,SAAS,EAAE,UAAG,IAAI,iBAAc,EAChC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,cAEtD,aACG,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,iBAAiB,qBAoC7B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,wCAAqD;AACrD,2CAKyB;AAGzB,2CAAwB;AAExB,IAAM,IAAI,OAAG,iBAAS,kLAAA,8GAOrB,IAAA,CAAA;AASM,IAAM,iBAAiB,GAAqC,UACjE,cAAc;IAGZ,IAAA,KAOE,cAAc,UAPA,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAME,cAAc,iBANO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EAEvB,QAAQ,GAIN,cAAc,SAJR,EACR,kBAAkB,GAGhB,cAAc,mBAHE,EAClB,MAAM,GAEJ,cAAc,OAFV,EACH,SAAS,UACV,cAAc,EARZ,6EAQL,CADa,CACI;IAClB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IAC/B,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,mBAAmB,EAAE;QAClE,MAAM,QAAA;QACN,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,WAAI,eAAK,SAAS,IAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,IAAI,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,iBAC7G,uBAAC,WAAI,IAAC,GAAG,wBAAO,aAAa,CAAC,MAAM,GAAK,aAAa,CAAC,UAAU,YAAM,EACvE,uBAAC,WAAI,IACH,GAAG,iCACE,aAAa,CAAC,MAAM,GACpB,aAAa,CAAC,WAAW,KAC5B,SAAS,EAAE,UAAG,IAAI,iBAAc,EAChC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,cAEtD,aACG,CACR,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,iBAAiB,qBAgC7B"}

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

@@ -5,6 +5,7 @@ export declare const WebActivityIndicatorStyles: {
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
@@ -26,8 +27,10 @@ export declare const WebActivityIndicatorStyles: {
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
     justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;

package/dist/components/Button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonStyles, ComponentVariants, ButtonComposition } from '@codeleap/common';
+import { ButtonStyles, ComponentVariants, ButtonComposition, AnyFunction } from '@codeleap/common';
 import React, { ComponentPropsWithRef } from 'react';
 import { StylesOf } from '../types/utility';
 import { IconPlaceholder } from '@codeleap/common';
@@ -7,9 +7,11 @@ export declare type ButtonProps = NativeButtonProps & ComponentVariants<typeof B
     text?: string;
     rightIcon?: IconPlaceholder;
     icon?: IconPlaceholder;
-    onPress?: NativeButtonProps['onClick'];
+    onPress?: AnyFunction;
     styles?: StylesOf<ButtonComposition>;
     loading?: boolean;
+    debugName?: string;
+    debounce?: number;
 };
 export declare const Button: React.FC<ButtonProps>;
 export {};

package/dist/components/Button.js

@@ -21,32 +21,47 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var common_1 = require("@codeleap/common");
+var react_1 = __importDefault(require("react"));
 var Text_1 = require("./Text");
 var Touchable_1 = require("./Touchable");
 var Icon_1 = require("./Icon");
 var ActivityIndicator_1 = require("./ActivityIndicator");
 var Button = function (buttonProps) {
-    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, styles = buttonProps.styles, onPress = buttonProps.onPress, disabled = buttonProps.disabled, rightIcon = buttonProps.rightIcon, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "rightIcon"]);
+    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, styles = buttonProps.styles, onPress = buttonProps.onPress, disabled = buttonProps.disabled, rightIcon = buttonProps.rightIcon, _c = buttonProps.debounce, debounce = _c === void 0 ? 600 : _c, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "rightIcon", "debounce"]);
+    var _d = react_1.default.useState(false), pressed = _d[0], setPressed = _d[1];
     var variantStyles = (0, common_1.useDefaultComponentStyle)('Button', {
         responsiveVariants: responsiveVariants,
         variants: variants,
         styles: styles,
     });
     function handlePress(e) {
-        props.onClick && props.onClick(e);
-        onPress && onPress(e);
+        var _a;
+        if (!pressed) {
+            (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            setPressed(true);
+            setTimeout(function () { return setPressed(false); }, debounce);
+            onPress && onPress();
+        }
     }
     function getStyles(key) {
         return __assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(disabled, variantStyles[key + ':disabled'], {}));
     }
     var iconStyle = getStyles('icon');
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ css: getStyles('wrapper'), component: 'button', onClick: handlePress }, props, { children: [loading && (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { css: getStyles('loader') }, void 0), !loading && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, iconStyle), getStyles('leftIcon')) }, void 0)), children || ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, styles: {
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ css: getStyles('wrapper'), component: 'button', debugComponent: 'Button', onPress: handlePress }, props, { children: [loading && (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { styles: {
+                    'wrapper': getStyles('loaderWrapper'),
+                    'backCircle': getStyles('loaderBackCircle'),
+                    'frontCircle': getStyles('loaderFrontCircle'),
+                    'circle': getStyles('loaderCircle'),
+                }, css: getStyles('loader') }, void 0), !loading && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, iconStyle), getStyles('leftIcon')), renderEmptySpace: !!text }, void 0)), children || ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, styles: {
                     text: getStyles('text'),
-                } }, void 0)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightIcon, style: __assign(__assign({}, iconStyle), getStyles('rightIcon')) }, void 0)] }), void 0));
+                } }, void 0)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightIcon, style: __assign(__assign({}, iconStyle), getStyles('rightIcon')), renderEmptySpace: !!text }, void 0)] }), void 0));
 };
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAOyB;AAGzB,+BAA6B;AAC7B,yCAAuC;AACvC,+BAA6B;AAC7B,yDAAuD;AAehD,IAAM,MAAM,GAA0B,UAAC,WAAW;IAErD,IAAA,KAWE,WAAW,SAXA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAUE,WAAW,mBAVU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,QAAQ,GASN,WAAW,SATL,EACR,IAAI,GAQF,WAAW,KART,EACJ,IAAI,GAOF,WAAW,KAPT,EACJ,OAAO,GAML,WAAW,QANN,EACP,MAAM,GAKJ,WAAW,OALP,EACN,OAAO,GAIL,WAAW,QAJN,EACP,QAAQ,GAGN,WAAW,SAHL,EACR,SAAS,GAEP,WAAW,UAFJ,EACN,KAAK,UACN,WAAW,EAZT,uHAYL,CADS,CACK;IAEf,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,SAAS,WAAW,CAAC,CAAwC;QAC3D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACjC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC;IAED,SAAS,SAAS,CAAC,GAAe;QAChC,6BACK,aAAa,CAAC,GAAG,CAAC,GAClB,IAAA,uBAAc,EAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,CAAC,EAClE;IACH,CAAC;IACD,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAGnC,OAAO,CACL,wBAAC,qBAAS,aACR,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,EACzB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,WAAW,IAChB,KAAK,eAER,OAAO,IAAI,uBAAC,qCAAiB,IAAC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,WAAI,EAC1D,CAAC,OAAO,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,UAAU,CAAC,YAC/C,CACH,EACA,QAAQ,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;iBACxB,WACD,CACH,EACD,uBAAC,WAAI,IACH,IAAI,EAAE,SAAS,EACf,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,WAAW,CAAC,YAChD,aACQ,CACb,CAAA;AACH,CAAC,CAAA;AA/DY,QAAA,MAAM,UA+DlB"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,7 @@ export declare const WebCheckboxStyles: {
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
@@ -26,8 +27,10 @@ export declare const WebCheckboxStyles: {
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;
     justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebCheckboxComposition, any>>;

package/dist/components/Drawer.js

@@ -51,6 +51,14 @@ var Drawer = function (_a) {
     var _b, _c;
     var rawProps = __rest(_a, []);
     var open = rawProps.open, toggle = rawProps.toggle, children = rawProps.children, size = rawProps.size, title = rawProps.title, footer = rawProps.footer, _d = rawProps.darkenBackground, darkenBackground = _d === void 0 ? true : _d, showCloseButton = rawProps.showCloseButton, _e = rawProps.position, position = _e === void 0 ? 'bottom' : _e, _f = rawProps.variants, variants = _f === void 0 ? [] : _f, _g = rawProps.responsiveVariants, responsiveVariants = _g === void 0 ? {} : _g, styles = rawProps.styles, _h = rawProps.animationDuration, animationDuration = _h === void 0 ? '0.3s' : _h;
+    (0, common_1.onUpdate)(function () {
+        if (open) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'auto';
+        }
+    }, [open]);
     var _j = resolveHiddenDrawerPosition(position), hiddenStyle = _j[0], axis = _j[1], positioning = _j[2];
     var sizeProperty = axis === 'X' ? 'width' : 'height';
     var fullProperty = sizeProperty === 'height' ? 'width' : 'height';

package/dist/components/Drawer.js.map

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

package/dist/components/FileInput.js

@@ -64,6 +64,6 @@ exports.FileInput = react_1.default.forwardRef(function (inputProps, ref) {
         }); });
         onFileSelect && onFileSelect(files);
     }
-    return ((0, jsx_runtime_1.jsx)("input", __assign({ type: 'file', css: { visibility: 'hidden' } }, props, { ref: inputRef, onChange: handleChange }), void 0));
+    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 +1 @@
-{"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,IACzB,KAAK,IACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,YACtB,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
+{"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/FlatList.d.ts

@@ -0,0 +1,18 @@
+import { VariableSizeList as List } 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 FlatListRender<T> = (itemProps: {
+    item: T;
+    index: number;
+    style: CSSProperties;
+}) => ReactElement;
+export declare type FlatListProps<T> = {
+    styles?: StylesOf<ViewComposition>;
+    css?: CSSObject;
+    data: T[];
+    getSize: (i: T, idx: number) => number;
+    renderItem: FlatListRender<T>;
+} & Omit<ComponentProps<typeof List>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' | 'width' | 'height' | 'children'> & ComponentVariants<typeof ViewStyles>;
+export declare const FlatList: <T extends unknown>(flatListProps: FlatListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/FlatList.js

@@ -0,0 +1,52 @@
+"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.FlatList = 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 FlatList = function (flatListProps) {
+    var variants = flatListProps.variants, responsiveVariants = flatListProps.responsiveVariants, styles = flatListProps.styles, data = flatListProps.data, getSize = flatListProps.getSize, Item = flatListProps.renderItem, viewProps = __rest(flatListProps, ["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.FlatList = FlatList;
+//# sourceMappingURL=FlatList.js.map

package/dist/components/FlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatList.js","sourceRoot":"","sources":["../../src/components/FlatList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,8FAAoD;AACpD,2CAKyB;AA4BlB,IAAM,QAAQ,GAAG,UACtB,aAA+B;IAG7B,IAAA,QAAQ,GAON,aAAa,SAPP,EACR,kBAAkB,GAMhB,aAAa,mBANG,EAClB,MAAM,GAKJ,aAAa,OALT,EACN,IAAI,GAIF,aAAa,KAJX,EACJ,OAAO,GAGL,aAAa,QAHR,EACK,IAAI,GAEd,aAAa,WAFC,EACb,SAAS,UACV,aAAa,EARX,6EAQL,CADa,CACG;IAEjB,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,+BAAI,aACH,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,YACI,CACR;QAduB,CAcvB,WACS,CACb,CAAA;IAED,+BAA+B;IAC/B,4EAA4E;IAC5E,UAAU;AACZ,CAAC,CAAA;AA1CY,QAAA,QAAQ,YA0CpB"}

package/dist/components/Icon.d.ts

@@ -3,9 +3,6 @@ import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common
 export declare type IconProps = {
     name: IconPlaceholder;
     style?: any;
-    color?: string;
-    variants?: ComponentVariants<typeof IconStyles>['variants'];
     renderEmptySpace?: boolean;
-    size?: number;
-};
+} & ComponentVariants<typeof IconStyles>;
 export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -27,9 +27,10 @@ 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;
+    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 _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
+    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: {
@@ -38,9 +39,12 @@ var Icon = function (_a) {
         rootElement: 'icon',
     });
     if (!name) {
-        return renderEmptySpace ? (0, jsx_runtime_1.jsx)(View_1.View, { style: variantStyles.icon }, void 0) : null;
+        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;
     }
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
     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;

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAMyB;AACzB,+BAA6B;AAWtB,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;IAE9C,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,OAAO,gBAAgB,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,CAAC,IAAI,WAAG,CAAC,CAAC,CAAC,IAAI,CAAA;KACpE;IAED,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,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,YAAI,CAAA;AACjE,CAAC,CAAA;AA1BY,QAAA,IAAI,QA0BhB"}
+{"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.js

@@ -35,6 +35,7 @@ var Link = function (linkProps) {
     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('#')) {
@@ -43,7 +44,7 @@ var Link = function (linkProps) {
                 (0, scroll_1.scrollToElem)(to);
             }
             if (openNewTab) {
-                window.open(to, '_blank');
+                (_a = window === null || window === void 0 ? void 0 : window.open) === null || _a === void 0 ? void 0 : _a.call(window, to, '_blank');
             }
         }
     }

package/dist/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA0E;AAG1E,wDAA4D;AAC5D,gEAA8D;AAC9D,+BAA6B;AAMtB,IAAM,IAAI,GAAG,UAA8B,SAAuB;;IAC9D,IAAA,EAAE,GAA4C,SAAS,GAArD,EAAE,UAAU,GAAgC,SAAS,WAAzC,EAAE,KAA8B,SAAS,UAAxB,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAK,KAAK,UAAK,SAAS,EAA1D,iCAA8C,CAAF,CAAc;IAEhE,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;gBAEtB,IAAA,qBAAY,EAAC,EAAE,CAAC,CAAA;aACjB;YACD,IAAI,UAAU,EAAE;gBACd,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;aAC1B;SACF;IACH,CAAC;IAGD,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;AApCY,QAAA,IAAI,QAoChB"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA0E;AAG1E,wDAA4D;AAC5D,gEAA8D;AAC9D,+BAA6B;AAMtB,IAAM,IAAI,GAAG,UAA8B,SAAuB;;IAC9D,IAAA,EAAE,GAA4C,SAAS,GAArD,EAAE,UAAU,GAAgC,SAAS,WAAzC,EAAE,KAA8B,SAAS,UAAxB,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAK,KAAK,UAAK,SAAS,EAA1D,iCAA8C,CAAF,CAAc;IAEhE,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;gBAEtB,IAAA,qBAAY,EAAC,EAAE,CAAC,CAAA;aACjB;YACD,IAAI,UAAU,EAAE;gBACd,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,+CAAZ,MAAM,EAAS,EAAE,EAAE,QAAQ,CAAC,CAAA;aAC7B;SACF;IACH,CAAC;IAGD,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;AApCY,QAAA,IAAI,QAoChB"}

package/dist/components/List.d.ts

@@ -15,4 +15,4 @@ export declare type ListProps<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;
+export declare const List: <T extends unknown>(listProps: ListProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/List.js

@@ -30,8 +30,8 @@ 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 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,

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

@@ -1,7 +1,7 @@
-/** @jsx jsx */
-import { AnyFunction, ComponentVariants, ModalComposition, ModalStyles } from '@codeleap/common';
+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;
@@ -13,6 +13,7 @@ export declare type ModalProps = {
     closable?: boolean;
     scroll?: boolean;
     footer?: ReactNode;
+    debugName?: string;
 } & ComponentVariants<typeof ModalStyles>;
 export declare const ModalContent: React.FC<ModalProps & {
     id: string;

package/dist/components/Modal/index.js

@@ -37,7 +37,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = exports.ModalContent = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsx jsx */
 var common_1 = require("@codeleap/common");
 var react_1 = require("react");
 var react_dom_1 = __importDefault(require("react-dom"));
@@ -56,11 +55,19 @@ function focusModal(event, id) {
 }
 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)('Modal', {
+    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();
@@ -72,7 +79,7 @@ var ModalContent = function (modalProps) {
             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, onClick: 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 }, void 0) : title, showClose && closable && ((0, jsx_runtime_1.jsx)(Button_1.Button, { rightIcon: 'close', variants: ['icon'], onPress: toggle }, 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));
+    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, onClick: 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) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
+{"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,13 +1,14 @@
 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>>;
-    fullscreen: (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>>;
@@ -29,8 +30,10 @@ export declare const WebModalStyles: {
     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>>;

package/dist/components/Modal/styles.js

@@ -28,6 +28,9 @@ exports.WebModalStyles = __assign(__assign({}, common_1.ModalStyles), { default:
                     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") }) });
+                } }), 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 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAIyB;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,OAEnD;IACH,CAAC,CAAC,IACH"}
+{"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/RadioInput/styles.d.ts

@@ -6,6 +6,7 @@ export declare const WebRadioInputStyles: {
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
@@ -27,8 +28,10 @@ export declare const WebRadioInputStyles: {
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
     justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;

package/dist/components/RouterPage/Router.js

@@ -20,8 +20,8 @@ var react_1 = __importDefault(require("react"));
 var router_1 = require("@reach/router");
 var Router = function (props) {
     var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
-    var base = "/:language".concat(basePath);
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base }, { children: children }), void 0) }, void 0));
+    var base = "".concat(basePath);
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base, style: style }, { children: children }), void 0) }, void 0));
 };
 exports.Router = Router;
 //# sourceMappingURL=Router.js.map

package/dist/components/RouterPage/Router.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/RouterPage/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,wCAAqD;AAQ9C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IACxD,IAAM,IAAI,GAAG,oBAAa,QAAQ,CAAE,CAAA;IAEpC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,gBAAG,QAAQ,YAAe,WACtC,CAClB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,MAAM,UASlB"}
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/RouterPage/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,wCAAqD;AAQ9C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IACxD,IAAM,IAAI,GAAG,UAAG,QAAQ,CAAE,CAAA;IAE1B,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAe,WACpD,CAClB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,MAAM,UASlB"}