@codeleap/web 2.0.1 → 2.3.12

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

@@ -1,29 +1,29 @@
-import React from 'react';
-import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
-import { StylesOf } from '../../types/utility';
-import { RouterPageComposition, RouterPageStyles } from './styles';
-export * from './styles';
-export declare type RouteProps = {
-    title?: string;
-    path?: string;
-    menuIcon?: IconPlaceholder;
-};
-declare type ContentProps = {
-    styles: StylesOf<RouterPageComposition>;
-    menuItems: {
-        icon: string;
-        title: string;
-        path: string;
-    }[];
-    showMenu?: boolean;
-};
-export * from './Router';
-export * from './Menu';
-export * from './MenuItem';
-declare type RouterPageProps = {
-    basePath: string;
-    styles?: StylesOf<RouterPageComposition>;
-    title?: string;
-    renderContentWrapper?: React.FC<ContentProps>;
-} & ComponentVariants<typeof RouterPageStyles>;
-export declare const RouterPage: React.FC<RouterPageProps>;
+import React from 'react';
+import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+import { RouterPageComposition, RouterPageStyles } from './styles';
+export * from './styles';
+export declare type RouteProps = {
+    title?: string;
+    path?: string;
+    menuIcon?: IconPlaceholder;
+};
+declare type ContentProps = {
+    styles: StylesOf<RouterPageComposition>;
+    menuItems: {
+        icon: string;
+        title: string;
+        path: string;
+    }[];
+    showMenu?: boolean;
+};
+export * from './Router';
+export * from './Menu';
+export * from './MenuItem';
+declare type RouterPageProps = {
+    basePath: string;
+    styles?: StylesOf<RouterPageComposition>;
+    title?: string;
+    renderContentWrapper?: React.FC<ContentProps>;
+} & ComponentVariants<typeof RouterPageStyles>;
+export declare const RouterPage: React.FC<RouterPageProps>;

package/dist/components/RouterPage/index.js

@@ -1,89 +1,89 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouterPage = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("../View");
-var react_1 = __importStar(require("react"));
-var Menu_1 = require("./Menu");
-var Router_1 = require("./Router");
-var common_1 = require("@codeleap/common");
-var react_helmet_1 = require("react-helmet");
-var utils_1 = require("../../lib/utils");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./Router"), exports);
-__exportStar(require("./Menu"), exports);
-__exportStar(require("./MenuItem"), exports);
-var RouterPage = function (props) {
-    var children = props.children, basePath = props.basePath, variants = props.variants, pageGroupTitle = props.title, responsiveVariants = props.responsiveVariants, styles = props.styles, renderContentWrapper = props.renderContentWrapper;
-    var pathName = (0, utils_1.url)().pathname;
-    var _a = (0, react_1.useMemo)(function () {
-        var items = [];
-        var defaultPath = '';
-        react_1.default.Children.forEach(children, function (c) {
-            if (react_1.default.isValidElement(c) && c.props) {
-                var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
-                if ([title, path, menuIcon].some(function (i) { return !i; })) {
-                    return;
-                }
-                if (c.props.default)
-                    defaultPath = path;
-                items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
-            }
-        });
-        return {
-            menuItems: items,
-            defaultPath: defaultPath,
-        };
-    }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:RouterPage', {
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-        styles: styles,
-    });
-    var currentPage = menuItems.find(function (_a) {
-        var path = _a.path;
-        return pathName.includes(path);
-    });
-    var Content = renderContentWrapper;
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') +
-                        (currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }) }), renderContentWrapper ? ((0, jsx_runtime_1.jsx)(Content, __assign({ styles: variantStyles, menuItems: menuItems, showMenu: currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children })) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu) ? (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children })) }))] }))] })));
-};
-exports.RouterPage = RouterPage;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterPage = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var View_1 = require("../View");
+var react_1 = __importStar(require("react"));
+var Menu_1 = require("./Menu");
+var Router_1 = require("./Router");
+var common_1 = require("@codeleap/common");
+var react_helmet_1 = require("react-helmet");
+var utils_1 = require("../../lib/utils");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./Router"), exports);
+__exportStar(require("./Menu"), exports);
+__exportStar(require("./MenuItem"), exports);
+var RouterPage = function (props) {
+    var children = props.children, basePath = props.basePath, variants = props.variants, pageGroupTitle = props.title, responsiveVariants = props.responsiveVariants, styles = props.styles, renderContentWrapper = props.renderContentWrapper;
+    var pathName = (0, utils_1.url)().pathname;
+    var _a = (0, react_1.useMemo)(function () {
+        var items = [];
+        var defaultPath = '';
+        react_1.default.Children.forEach(children, function (c) {
+            if (react_1.default.isValidElement(c) && c.props) {
+                var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
+                if ([title, path, menuIcon].some(function (i) { return !i; })) {
+                    return;
+                }
+                if (c.props.default)
+                    defaultPath = path;
+                items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
+            }
+        });
+        return {
+            menuItems: items,
+            defaultPath: defaultPath,
+        };
+    }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:RouterPage', {
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+        styles: styles,
+    });
+    var currentPage = menuItems.find(function (_a) {
+        var path = _a.path;
+        return pathName.includes(path);
+    });
+    var Content = renderContentWrapper;
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') +
+                        (currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }) }), renderContentWrapper ? ((0, jsx_runtime_1.jsx)(Content, __assign({ styles: variantStyles, menuItems: menuItems, showMenu: currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children })) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu) ? (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children })) }))] }))] })));
+};
+exports.RouterPage = RouterPage;
 //# sourceMappingURL=index.js.map

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

@@ -1,54 +1,54 @@
-export declare type MenuComposition = 'wrapper' | 'menuItem' | 'menuItem:mobile' | 'menuItem:icon' | 'menuItem:icon:selected' | 'menuItem:text' | 'menuItem:text:mobile' | 'menuItem:icon:mobile' | 'menuItem:icon:mobile:selected' | 'menuItem:text:selected' | 'sideMenu' | 'topMenu' | 'horizontalScroll' | 'router';
-export declare type RouterPageComposition = 'content' | 'router' | MenuComposition;
-export declare const RouterPageStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
-};
+export declare type MenuComposition = 'wrapper' | 'menuItem' | 'menuItem:mobile' | 'menuItem:icon' | 'menuItem:icon:selected' | 'menuItem:text' | 'menuItem:text:mobile' | 'menuItem:icon:mobile' | 'menuItem:icon:mobile:selected' | 'menuItem:text:selected' | 'sideMenu' | 'topMenu' | 'horizontalScroll' | 'router';
+export declare type RouterPageComposition = 'content' | 'router' | MenuComposition;
+export declare const RouterPageStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
+};

package/dist/components/RouterPage/styles.js

@@ -1,87 +1,87 @@
-"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.RouterPageStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createRouterPageStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createRouterPageStyle(function () { return ({ topMenu: styles, sideMenu: styles }); }); });
-exports.RouterPageStyles = __assign(__assign({}, presets), { default: createRouterPageStyle(function (Theme) {
-        var _a;
-        return ({
-            menuItem: {
-                alignItems: 'center',
-                padding: Theme.spacing.value(2.5),
-                flexDirection: 'column',
-                borderRadius: Theme.borderRadius.medium,
-                borderWidth: 1,
-                borderStyle: 'solid',
-                // ...Theme.debug('red'),
-                borderColor: 'transparent',
-                width: Theme.spacing.value(5),
-                height: Theme.spacing.value(5),
-                margin: 2,
-                '&:hover': {
-                    background: Theme.colors.gray,
-                },
-            },
-            'menuItem:mobile': __assign(__assign({ display: 'flex' }, Theme.presets.center), { flexDirection: 'column-reverse', justifyContent: 'space-between' }),
-            'menuItem:mobile:text': {
-                color: Theme.colors.black,
-                padding: Theme.spacing.value(1),
-                textTransform: 'uppercase',
-            },
-            'menuItem:text': {
-                fontWeight: '500',
-                color: Theme.colors.primary,
-                textTransform: 'uppercase',
-                textAlign: 'center',
-            },
-            'menuItem:text:selected': {
-                fontWeight: 'bold',
-                color: Theme.colors.gray,
-            },
-            sideMenu: (_a = {
-                    borderRadius: Theme.borderRadius.medium,
-                    boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.16)',
-                    marginRight: Theme.spacing.value(6),
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    height: '100%',
-                    width: Theme.spacing.value(11),
-                    flexShrink: 0,
-                    flexGrow: 0
-                },
-                _a[Theme.media.down('xlarge')] = {
-                    marginRight: Theme.spacing.value(4),
-                },
-                _a[Theme.media.down('large')] = {
-                    marginRight: Theme.spacing.value(3),
-                    width: 90,
-                },
-                _a),
-            router: {
-                width: '100%',
-            },
-            topMenu: {
-                width: '100%',
-                backgroundColor: Theme.colors.white,
-                height: 80,
-            },
-            horizontalScroll: {
-                display: 'flex',
-                justifyContent: 'space-between',
-            },
-        });
-    }) });
+"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.RouterPageStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createRouterPageStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createRouterPageStyle(function () { return ({ topMenu: styles, sideMenu: styles }); }); });
+exports.RouterPageStyles = __assign(__assign({}, presets), { default: createRouterPageStyle(function (Theme) {
+        var _a;
+        return ({
+            menuItem: {
+                alignItems: 'center',
+                padding: Theme.spacing.value(2.5),
+                flexDirection: 'column',
+                borderRadius: Theme.borderRadius.medium,
+                borderWidth: 1,
+                borderStyle: 'solid',
+                // ...Theme.debug('red'),
+                borderColor: 'transparent',
+                width: Theme.spacing.value(5),
+                height: Theme.spacing.value(5),
+                margin: 2,
+                '&:hover': {
+                    background: Theme.colors.gray,
+                },
+            },
+            'menuItem:mobile': __assign(__assign({ display: 'flex' }, Theme.presets.center), { flexDirection: 'column-reverse', justifyContent: 'space-between' }),
+            'menuItem:mobile:text': {
+                color: Theme.colors.black,
+                padding: Theme.spacing.value(1),
+                textTransform: 'uppercase',
+            },
+            'menuItem:text': {
+                fontWeight: '500',
+                color: Theme.colors.primary,
+                textTransform: 'uppercase',
+                textAlign: 'center',
+            },
+            'menuItem:text:selected': {
+                fontWeight: 'bold',
+                color: Theme.colors.gray,
+            },
+            sideMenu: (_a = {
+                    borderRadius: Theme.borderRadius.medium,
+                    boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.16)',
+                    marginRight: Theme.spacing.value(6),
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    height: '100%',
+                    width: Theme.spacing.value(11),
+                    flexShrink: 0,
+                    flexGrow: 0
+                },
+                _a[Theme.media.down('xlarge')] = {
+                    marginRight: Theme.spacing.value(4),
+                },
+                _a[Theme.media.down('large')] = {
+                    marginRight: Theme.spacing.value(3),
+                    width: 90,
+                },
+                _a),
+            router: {
+                width: '100%',
+            },
+            topMenu: {
+                width: '100%',
+                backgroundColor: Theme.colors.white,
+                height: 80,
+            },
+            horizontalScroll: {
+                display: 'flex',
+                justifyContent: 'space-between',
+            },
+        });
+    }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Scroll.d.ts

@@ -1,5 +1,5 @@
-/** @jsx jsx */
-import { ElementType, ReactElement, Ref } from 'react';
-import { ViewProps } from './View';
-export declare const ScrollCP: <T extends ElementType<any> = "div">(props: ViewProps<T>, ref: Ref<any>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Scroll: <T extends ElementType<any> = "div">(props: ViewProps<T>) => ReactElement;
+/** @jsx jsx */
+import { ElementType, ReactElement, Ref } from 'react';
+import { ViewProps } from './View';
+export declare const ScrollCP: <T extends ElementType<any> = "div">(props: ViewProps<T>, ref: Ref<any>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Scroll: <T extends ElementType<any> = "div">(props: ViewProps<T>) => ReactElement;

package/dist/components/Scroll.js

@@ -1,24 +1,24 @@
-"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.Scroll = exports.ScrollCP = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsx jsx */
-var react_1 = require("react");
-var View_1 = require("./View");
-var ScrollCP = function (props, ref) {
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { ref: ref, scroll: true })));
-};
-exports.ScrollCP = ScrollCP;
-exports.Scroll = (0, react_1.forwardRef)(exports.ScrollCP);
+"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.Scroll = exports.ScrollCP = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsx jsx */
+var react_1 = require("react");
+var View_1 = require("./View");
+var ScrollCP = function (props, ref) {
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { ref: ref, scroll: true })));
+};
+exports.ScrollCP = ScrollCP;
+exports.Scroll = (0, react_1.forwardRef)(exports.ScrollCP);
 //# sourceMappingURL=Scroll.js.map

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { CustomSelectProps } from './types';
-import { SelectRenderFNProps } from '.';
-export declare const SelectItem: React.FC<SelectRenderFNProps<any> & {
-    iconName?: string;
-}>;
-export declare const InputWrapper: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
-export declare const CustomSelect: React.FC<CustomSelectProps<any>>;
+/// <reference types="react" />
+import { CustomSelectProps } from './types';
+import { SelectRenderFNProps } from '.';
+export declare const SelectItem: React.FC<SelectRenderFNProps<any> & {
+    iconName?: string;
+}>;
+export declare const InputWrapper: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
+export declare const CustomSelect: React.FC<CustomSelectProps<any>>;