@codeleap/web 1.2.2 → 1.4.2

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

@@ -1,47 +1,51 @@
 import { RadioInputComposition } from '@codeleap/common';
 export declare const WebRadioInputStyles: {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    square: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    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>>;
+    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>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    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>>;
+    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>>;
+    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>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAwG;AAExG,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAE7E,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,mBAAmB,yBAC3B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAClC,6BACK,KAAK,KACR,WAAW,wBACN,KAAK,CAAC,WAAW,KACpB,MAAM,EAAE,SAAS,KAEnB,MAAM,aACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAE/B,QAAQ,EAAE,UAAU,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAGjC,aAAa,EAAE;gBACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAChC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBAEV,SAAS,EAAE,sBAAsB;gBACjC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,QAAQ;aACrB,EACD,gBAAgB,EAAE;gBAChB,SAAS,EAAE;oBACT,UAAU,EAAE,SAAS;iBAEtB;aACF,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,aAAa,EAAE;YACb,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,KAAK;SAEpB;KACF,CAAC,EAR6B,CAQ7B,CAAC,IACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAIyB;AAEzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAE7E,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,mBAAmB,yBAC3B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAClC,6BACK,KAAK,KACR,WAAW,wBACN,KAAK,CAAC,WAAW,KACpB,MAAM,EAAE,SAAS,KAEnB,MAAM,aACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAE/B,QAAQ,EAAE,UAAU,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAEjC,aAAa,EAAE;gBACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAChC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBAEV,SAAS,EAAE,sBAAsB;gBACjC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,QAAQ;aACrB,EACD,gBAAgB,EAAE;gBAChB,SAAS,EAAE;oBACT,UAAU,EAAE,SAAS;iBACtB;aACF,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,aAAa,EAAE;YACb,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,KAAK;SACpB;KACF,CAAC,EAP6B,CAO7B,CAAC,IACJ"}

package/dist/components/{PageRouter → RouterPage}/Menu.js

@@ -20,17 +20,17 @@ var MenuItem_1 = require("./MenuItem");
 var common_1 = require("@codeleap/common");
 var TabsWrapper = function (_a) {
     var children = _a.children, styles = _a.styles;
-    var Theme = (0, common_1.useStyle)().Theme;
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
     var isMobile = Theme.hooks.down('small');
     var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
     if (isMobile) {
-        return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: (0, jsx_runtime_1.jsx)(CenterWrapper_1.CenterWrapper, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.mobileMenu }, { children: (0, jsx_runtime_1.jsx)(HorizontalScroll_1.HorizontalScroll, __assign({ css: styles.horizontalScroll }, { children: children }), void 0) }), void 0) }, void 0) }), void 0);
+        return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: (0, jsx_runtime_1.jsx)(CenterWrapper_1.CenterWrapper, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.mobileMenu }, { children: (0, jsx_runtime_1.jsx)(HorizontalScroll_1.HorizontalScroll, __assign({ css: styles.horizontalScroll }, { children: children }), void 0) }), void 0) }, void 0) }), void 0));
     }
     return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }), void 0);
 };
 var Menu = function (_a) {
     var items = _a.items, styles = _a.styles;
-    return (0, jsx_runtime_1.jsx)(TabsWrapper, __assign({ styles: styles }, { children: items.map(function (data) { return (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { data: data, styles: styles }, data.path); }) }), void 0);
+    return ((0, jsx_runtime_1.jsx)(TabsWrapper, __assign({ styles: styles }, { children: items.map(function (data) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { data: data, styles: styles }, data.path)); }) }), void 0));
 };
 exports.Menu = Menu;
 //# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/RouterPage/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,kDAAgD;AAChD,wDAAsD;AACtD,uCAAoD;AACpD,2CAAsE;AAGtE,IAAM,WAAW,GAAG,UAAC,EAAoB;QAAlB,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC7B,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IAEhE,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBACvB,uBAAC,6BAAa,cACZ,uBAAC,WAAI,aAAC,GAAG,EAAE,MAAM,CAAC,UAAU,gBAC1B,uBAAC,mCAAgB,aAAC,GAAG,EAAE,MAAM,CAAC,gBAAgB,gBAC3C,QAAQ,YACQ,YACd,WACO,YACX,CACR,CAAA;KACF;IAED,OAAO,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAAG,QAAQ,YAAQ,CAAA;AACrD,CAAC,CAAA;AAOM,IAAM,IAAI,GAA8B,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IAC7D,OAAO,CACL,uBAAC,WAAW,aAAC,MAAM,EAAE,MAAM,gBACxB,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAkB,MAAM,EAAE,MAAM,IAAzB,IAAI,CAAC,IAAI,CAAoB,CACzD,EAFoB,CAEpB,CAAC,YACU,CACf,CAAA;AACH,CAAC,CAAA;AARY,QAAA,IAAI,QAQhB"}

package/dist/components/{PageRouter → RouterPage}/MenuItem.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { IconPlaceholder, MenuComposition, StylesOf } from '@codeleap/common';
+import { IconPlaceholder, StylesOf } from '@codeleap/common';
+import { MenuComposition } from './styles';
 export declare type MenuItemProps = {
     data: {
         icon: IconPlaceholder;

package/dist/components/{PageRouter → RouterPage}/MenuItem.js

@@ -19,24 +19,24 @@ var Link_1 = require("../Link");
 var common_1 = require("@codeleap/common");
 var utils_1 = require("../../lib/utils");
 var gatsby_plugin_intl_1 = require("gatsby-plugin-intl");
-var RouterLink = function (props) { return (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_plugin_intl_1.Link }, props), void 0); };
+var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_plugin_intl_1.Link }, props), void 0)); };
 var MenuItem = function (props) {
     var styles = props.styles;
     var _a = props.data, title = _a.title, path = _a.path, icon = _a.icon;
     var pathname = (0, utils_1.url)().pathname;
     var selected = pathname.includes(path);
-    var Theme = (0, common_1.useStyle)().Theme;
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
     var isMobile = Theme.hooks.down('small');
     if (isMobile) {
-        return (0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles['menuItem:mobile']] }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
+        return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles['menuItem:mobile']] }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
                         styles['menuItem:text:mobile'],
                         selected && styles['menuItem:text:selected'],
-                    ], msg: title }, void 0), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon }, void 0)] }), void 0);
+                    ], text: title }, void 0), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon:mobile']), selected && styles['menuItem:icon:mobile:selected']) }, void 0)] }), void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon }, void 0), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
+    return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles.menuItem] }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon']), selected && styles['menuItem:icon:selected']) }, void 0), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
                     styles['menuItem:text'],
                     selected && styles['menuItem:text:selected'],
-                ], msg: title }, void 0)] }), void 0));
+                ], text: title }, void 0)] }), void 0));
 };
 exports.MenuItem = MenuItem;
 //# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/RouterPage/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,2CAKyB;AACzB,yCAAqC;AACrC,yDAAqD;AAGrD,IAAM,UAAU,GAAkB,UAAC,KAAK,IAAK,OAAA,CAC3C,uBAAC,WAAI,aAAC,SAAS,EAAE,yBAAQ,IAAM,KAAK,UAAI,CACzC,EAF4C,CAE5C,CAAA;AAWM,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC7C,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;IAClB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAA;IAEhC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAU;IAE1B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChC,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBACpD,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,IAAI,EAAE,KAAK,WACX,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,wBAClB,MAAM,CAAC,sBAAsB,CAAC,GAC9B,QAAQ,IAAI,MAAM,CAAC,+BAA+B,CAAC,YACpD,aACO,CACd,CAAA;KACF;IAED,OAAO,CACL,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAC1C,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,wBAClB,MAAM,CAAC,eAAe,CAAC,GACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC,YAC7C,EACJ,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,IAAI,EAAE,KAAK,WACX,aACS,CACd,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,QAAQ,YA6CpB"}

package/dist/components/{PageRouter → RouterPage}/Router.js

@@ -21,7 +21,7 @@ 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, style: style }, { children: children }), void 0) }, void 0));
+    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));
 };
 exports.Router = Router;
 //# sourceMappingURL=Router.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+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;
+    }[];
+};
+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/{PageRouter → RouterPage}/index.js

@@ -42,9 +42,12 @@ 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;
+    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 = [];
@@ -65,12 +68,18 @@ var RouterPage = function (props) {
             defaultPath: defaultPath,
         };
     }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
-    var variantStyles = (0, common_1.useComponentStyle)('PageRouter', { variants: variants, responsiveVariants: responsiveVariants, styles: styles });
+    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);
     });
-    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 : '') }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (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 }), void 0) }), void 0)] }), void 0);
+    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 : '') }, void 0) }, void 0), renderContentWrapper ? ((0, jsx_runtime_1.jsx)(Content, __assign({ styles: variantStyles, menuItems: menuItems }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [currentPage.showMenu ? (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0) : 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 }), void 0) }), void 0)] }, void 0))] }), void 0));
 };
 exports.RouterPage = RouterPage;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,51 @@
+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';
+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>>;
+    fixed: (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>>;
+    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>>;
+    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>>;
+    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

@@ -0,0 +1,84 @@
+"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),
+            topMenu: {
+                width: '100%',
+                backgroundColor: Theme.colors.white,
+                height: 80,
+            },
+            horizontalScroll: {
+                display: 'flex',
+                justifyContent: 'space-between',
+            },
+        });
+    }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RouterPage/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAiB9E,IAAM,qBAAqB,GACzB,IAAA,oCAA2B,GAAyB,CAAA;AAEtD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAvC,CAAuC,CAAC,EAApE,CAAoE,CAC9G,CAAA;AAEY,QAAA,gBAAgB,yBACxB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK;;QAAK,OAAA,CAAC;YACzC,QAAQ,EAAE;gBACR,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;gBACjC,aAAa,EAAE,QAAQ;gBACvB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;gBACvC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,OAAO;gBACpB,yBAAyB;gBACzB,WAAW,EAAE,aAAa;gBAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC7B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE,CAAC;gBACT,SAAS,EAAE;oBACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;iBAC9B;aACF;YACD,iBAAiB,sBACf,OAAO,EAAE,MAAM,IACZ,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,aAAa,EAAE,gBAAgB,EAC/B,cAAc,EAAE,eAAe,GAChC;YACD,sBAAsB,EAAE;gBACtB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;gBACzB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC/B,aAAa,EAAE,WAAW;aAC3B;YACD,eAAe,EAAE;gBACf,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAC3B,aAAa,EAAE,WAAW;gBAC1B,SAAS,EAAE,QAAQ;aACpB;YACD,wBAAwB,EAAE;gBACxB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YAED,QAAQ;oBACN,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM;oBACvC,SAAS,EAAE,kCAAkC;oBAC7C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBACnC,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9B,UAAU,EAAE,CAAC;oBACb,QAAQ,EAAE,CAAC;;gBACX,GAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG;oBAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;iBACpC;gBACD,GAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAG;oBAC3B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBACnC,KAAK,EAAE,EAAE;iBACV;mBACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;gBACnC,MAAM,EAAE,EAAE;aACX;YAED,gBAAgB,EAAE;gBAChB,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;aAChC;SACF,CAAC;IApEwC,CAoExC,CAAC,IACJ"}

package/dist/components/Scroll.d.ts

@@ -0,0 +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;

package/dist/components/Scroll.js

@@ -0,0 +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 }), void 0));
+};
+exports.ScrollCP = ScrollCP;
+exports.Scroll = (0, react_1.forwardRef)(exports.ScrollCP);
+//# sourceMappingURL=Scroll.js.map

package/dist/components/Scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,eAAe;AACf,+BAKc;AACd,+BAAwC;AAGjC,IAAM,QAAQ,GAAG,UACtB,KAAmB,EACnB,GAAa;IAGb,OAAO,CACL,uBAAC,WAAI,eACC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,MAAM,kBACN,CAEH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAEY,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,gBAAQ,CAExB,CAAA"}

package/dist/components/Select/Custom.js

@@ -36,18 +36,11 @@ var hooks_1 = require("../../lib/hooks");
 var uuid_1 = require("uuid");
 var SelectItem = function (_a) {
     var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, inList = _a.inList;
-    return (0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [
-            styles.itemWrapper,
-        ] : [
-            styles.buttonWrapper,
-        ] }, { children: [typeof label === 'string' ?
-                (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText }, void 0)
-                : label, !inList &&
-                (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: iconName, style: styles.buttonIcon }, void 0)] }), void 0);
+    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText }, void 0)) : (label), !inList && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: iconName, style: styles.buttonIcon }, void 0))] }), void 0));
 };
 var InputWrapper = function (props) {
     var styles = props.styles, label = props.label, children = props.children, currentContent = props.currentContent, open = props.open, id = props.id, error = props.error, wrapperProps = __rest(props, ["styles", "label", "children", "currentContent", "open", "id", "error"]);
-    return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper, id: id }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error }, void 0)] }), void 0);
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.wrapper }, wrapperProps, { children: [(0, jsx_runtime_1.jsx)(TextInput_1.InputLabel, { label: label, style: styles.label }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: styles.inputWrapper, id: id }, { children: [currentContent, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.list }, { children: children }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(TextInput_1.FormError, { message: error.message, style: styles.error }, void 0)] }), void 0));
 };
 var CustomSelect = function (selectProps) {
     var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName"]);
@@ -65,15 +58,17 @@ var CustomSelect = function (selectProps) {
             setOpen(false);
         }
     }, { customId: inputId, deps: [] });
-    var variantStyles = (0, common_1.useComponentStyle)('Select', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
         styles: styles,
         variants: variants,
         responsiveVariants: responsiveVariants,
     });
     var CurrentContent = renderCurrentlySelected || SelectItem;
     var Item = renderItem || SelectItem;
-    var isValueEmpty = (value === null || typeof value === 'undefined');
-    var currentOption = isValueEmpty ? { label: placeholder, value: value } : { label: optionLabelMap[value], value: value };
+    var isValueEmpty = value === null || typeof value === 'undefined';
+    var currentOption = isValueEmpty
+        ? { label: placeholder, value: value }
+        : { label: optionLabelMap[value], value: value };
     (0, common_1.onUpdate)(function () {
         onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
     }, [isOpen]);
@@ -82,7 +77,7 @@ var CustomSelect = function (selectProps) {
         if (append === void 0) { append = {}; }
         return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
     }
-    return (0, jsx_runtime_1.jsx)(InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
+    return ((0, jsx_runtime_1.jsx)(InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
                 buttonIcon: getStyles('buttonIcon'),
                 buttonText: getStyles('buttonText'),
                 buttonWrapper: getStyles('buttonWrapper'),
@@ -98,7 +93,7 @@ var CustomSelect = function (selectProps) {
             }, selected: item.value === value, key: item.value, styles: {
                 itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemText:selected'], {}))),
                 itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(item.value === value, variantStyles['itemWrapper:selected'], {}))),
-            } }))); }) }), void 0);
+            } }))); }) }), void 0));
 };
 exports.CustomSelect = CustomSelect;
 //# sourceMappingURL=Custom.js.map

package/dist/components/Select/Custom.js.map

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