@codeleap/web 2.4.7 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/package.json +20 -19
  2. package/src/components/ActionIcon/index.tsx +59 -0
  3. package/src/components/ActionIcon/styles.ts +9 -0
  4. package/src/components/ActivityIndicator/index.tsx +78 -0
  5. package/src/components/ActivityIndicator/styles.ts +11 -0
  6. package/src/components/Button/index.tsx +125 -0
  7. package/src/components/Button/styles.ts +22 -0
  8. package/src/components/Checkbox/index.tsx +138 -0
  9. package/src/components/Checkbox/styles.ts +20 -0
  10. package/src/components/Collapse/index.tsx +87 -0
  11. package/src/components/Collapse/styles.ts +8 -0
  12. package/src/components/Drawer/index.tsx +148 -0
  13. package/src/components/Drawer/styles.ts +8 -0
  14. package/src/components/FileInput.tsx +51 -0
  15. package/src/components/Icon/index.tsx +53 -0
  16. package/src/components/Icon/styles.ts +9 -0
  17. package/src/components/InputBase/index.tsx +104 -0
  18. package/src/components/InputBase/styles.ts +167 -0
  19. package/src/components/InputBase/types.ts +28 -0
  20. package/src/components/InputBase/utils.ts +41 -0
  21. package/src/components/Link/index.tsx +69 -0
  22. package/src/components/Link/styles.ts +11 -0
  23. package/src/components/List/index.tsx +103 -0
  24. package/src/components/List/styles.ts +8 -0
  25. package/src/components/LoadingOverlay/index.tsx +34 -0
  26. package/src/components/LoadingOverlay/styles.ts +12 -0
  27. package/src/components/Modal/index.tsx +189 -0
  28. package/src/components/Modal/styles.ts +26 -0
  29. package/src/components/NumberIncrement/index.tsx +292 -0
  30. package/src/components/NumberIncrement/styles.ts +15 -0
  31. package/src/components/Overlay/index.tsx +42 -0
  32. package/src/components/Overlay/styles.ts +8 -0
  33. package/src/components/RadioInput/index.tsx +155 -0
  34. package/src/components/RadioInput/styles.ts +14 -0
  35. package/src/components/Scroll/index.tsx +29 -0
  36. package/src/components/Scroll/styles.ts +8 -0
  37. package/src/components/Select/index.tsx +438 -0
  38. package/src/components/Select/styles.ts +179 -0
  39. package/src/components/Select/types.ts +100 -0
  40. package/src/components/Slider/index.tsx +303 -0
  41. package/src/components/Slider/styles.ts +11 -0
  42. package/src/components/Switch/index.tsx +128 -0
  43. package/src/components/Switch/styles.ts +20 -0
  44. package/src/components/Text/index.tsx +62 -0
  45. package/src/components/Text/styles.ts +9 -0
  46. package/src/components/TextInput/index.tsx +253 -0
  47. package/src/components/TextInput/mask.tsx +165 -0
  48. package/src/components/TextInput/styles.ts +15 -0
  49. package/src/components/Tooltip/index.tsx +155 -0
  50. package/src/components/Tooltip/styles.ts +9 -0
  51. package/src/components/Touchable/index.tsx +72 -0
  52. package/src/components/Touchable/styles.ts +11 -0
  53. package/src/components/View/index.tsx +94 -0
  54. package/src/components/View/styles.ts +8 -0
  55. package/src/components/components.ts +29 -0
  56. package/src/components/defaultStyles.ts +51 -0
  57. package/src/index.ts +6 -0
  58. package/src/lib/OSAlert.tsx +190 -0
  59. package/src/lib/Toast.ts +23 -0
  60. package/src/lib/hooks.ts +340 -0
  61. package/src/lib/index.ts +2 -0
  62. package/src/lib/logger.ts +13 -0
  63. package/src/lib/utils/cookies.ts +13 -0
  64. package/src/lib/utils/index.ts +4 -0
  65. package/src/lib/utils/pollyfils/scroll.ts +65 -0
  66. package/src/lib/utils/stopPropagation.ts +15 -0
  67. package/src/types/index.ts +1 -0
  68. package/src/types/utility.ts +3 -0
  69. package/dist/components/ActivityIndicator/index.d.ts +0 -12
  70. package/dist/components/ActivityIndicator/index.js +0 -57
  71. package/dist/components/ActivityIndicator/index.js.map +0 -1
  72. package/dist/components/ActivityIndicator/styles.d.ts +0 -53
  73. package/dist/components/ActivityIndicator/styles.js +0 -22
  74. package/dist/components/ActivityIndicator/styles.js.map +0 -1
  75. package/dist/components/Button.d.ts +0 -18
  76. package/dist/components/Button.js +0 -67
  77. package/dist/components/Button.js.map +0 -1
  78. package/dist/components/CenterWrapper.d.ts +0 -7
  79. package/dist/components/CenterWrapper.js +0 -28
  80. package/dist/components/CenterWrapper.js.map +0 -1
  81. package/dist/components/Checkbox/index.d.ts +0 -12
  82. package/dist/components/Checkbox/index.js +0 -58
  83. package/dist/components/Checkbox/index.js.map +0 -1
  84. package/dist/components/Checkbox/styles.d.ts +0 -53
  85. package/dist/components/Checkbox/styles.js +0 -64
  86. package/dist/components/Checkbox/styles.js.map +0 -1
  87. package/dist/components/Collapse.d.ts +0 -20
  88. package/dist/components/Collapse.js +0 -68
  89. package/dist/components/Collapse.js.map +0 -1
  90. package/dist/components/ContentView.d.ts +0 -10
  91. package/dist/components/ContentView.js +0 -52
  92. package/dist/components/ContentView.js.map +0 -1
  93. package/dist/components/Drawer.d.ts +0 -23
  94. package/dist/components/Drawer.js +0 -73
  95. package/dist/components/Drawer.js.map +0 -1
  96. package/dist/components/FileInput.d.ts +0 -8
  97. package/dist/components/FileInput.js +0 -69
  98. package/dist/components/FileInput.js.map +0 -1
  99. package/dist/components/HorizontalScroll.d.ts +0 -3
  100. package/dist/components/HorizontalScroll.js +0 -42
  101. package/dist/components/HorizontalScroll.js.map +0 -1
  102. package/dist/components/Icon.d.ts +0 -8
  103. package/dist/components/Icon.js +0 -55
  104. package/dist/components/Icon.js.map +0 -1
  105. package/dist/components/Link.d.ts +0 -7
  106. package/dist/components/Link.js +0 -63
  107. package/dist/components/Link.js.map +0 -1
  108. package/dist/components/List.d.ts +0 -18
  109. package/dist/components/List.js +0 -52
  110. package/dist/components/List.js.map +0 -1
  111. package/dist/components/Modal/index.d.ts +0 -21
  112. package/dist/components/Modal/index.js +0 -116
  113. package/dist/components/Modal/index.js.map +0 -1
  114. package/dist/components/Modal/styles.d.ts +0 -56
  115. package/dist/components/Modal/styles.js +0 -36
  116. package/dist/components/Modal/styles.js.map +0 -1
  117. package/dist/components/Overlay.d.ts +0 -10
  118. package/dist/components/Overlay.js +0 -41
  119. package/dist/components/Overlay.js.map +0 -1
  120. package/dist/components/RadioInput/index.d.ts +0 -21
  121. package/dist/components/RadioInput/index.js +0 -55
  122. package/dist/components/RadioInput/index.js.map +0 -1
  123. package/dist/components/RadioInput/styles.d.ts +0 -54
  124. package/dist/components/RadioInput/styles.js +0 -44
  125. package/dist/components/RadioInput/styles.js.map +0 -1
  126. package/dist/components/RouterPage/Menu.d.ts +0 -10
  127. package/dist/components/RouterPage/Menu.js +0 -36
  128. package/dist/components/RouterPage/Menu.js.map +0 -1
  129. package/dist/components/RouterPage/MenuItem.d.ts +0 -12
  130. package/dist/components/RouterPage/MenuItem.js +0 -42
  131. package/dist/components/RouterPage/MenuItem.js.map +0 -1
  132. package/dist/components/RouterPage/Router.d.ts +0 -8
  133. package/dist/components/RouterPage/Router.js +0 -27
  134. package/dist/components/RouterPage/Router.js.map +0 -1
  135. package/dist/components/RouterPage/index.d.ts +0 -29
  136. package/dist/components/RouterPage/index.js +0 -85
  137. package/dist/components/RouterPage/index.js.map +0 -1
  138. package/dist/components/RouterPage/styles.d.ts +0 -54
  139. package/dist/components/RouterPage/styles.js +0 -87
  140. package/dist/components/RouterPage/styles.js.map +0 -1
  141. package/dist/components/Scroll.d.ts +0 -5
  142. package/dist/components/Scroll.js +0 -24
  143. package/dist/components/Scroll.js.map +0 -1
  144. package/dist/components/Select/Custom.d.ts +0 -8
  145. package/dist/components/Select/Custom.js +0 -104
  146. package/dist/components/Select/Custom.js.map +0 -1
  147. package/dist/components/Select/Multi.d.ts +0 -3
  148. package/dist/components/Select/Multi.js +0 -105
  149. package/dist/components/Select/Multi.js.map +0 -1
  150. package/dist/components/Select/Native.d.ts +0 -17
  151. package/dist/components/Select/Native.js +0 -44
  152. package/dist/components/Select/Native.js.map +0 -1
  153. package/dist/components/Select/index.d.ts +0 -12
  154. package/dist/components/Select/index.js +0 -40
  155. package/dist/components/Select/index.js.map +0 -1
  156. package/dist/components/Select/styles.d.ts +0 -5
  157. package/dist/components/Select/styles.js +0 -57
  158. package/dist/components/Select/styles.js.map +0 -1
  159. package/dist/components/Select/types.d.ts +0 -49
  160. package/dist/components/Select/types.js +0 -3
  161. package/dist/components/Select/types.js.map +0 -1
  162. package/dist/components/Slider.d.ts +0 -5
  163. package/dist/components/Slider.js +0 -39
  164. package/dist/components/Slider.js.map +0 -1
  165. package/dist/components/Text.d.ts +0 -9
  166. package/dist/components/Text.js +0 -43
  167. package/dist/components/Text.js.map +0 -1
  168. package/dist/components/TextInput.d.ts +0 -150
  169. package/dist/components/TextInput.js +0 -125
  170. package/dist/components/TextInput.js.map +0 -1
  171. package/dist/components/Tooltip.d.ts +0 -12
  172. package/dist/components/Tooltip.js +0 -122
  173. package/dist/components/Tooltip.js.map +0 -1
  174. package/dist/components/Touchable.d.ts +0 -15
  175. package/dist/components/Touchable.js +0 -52
  176. package/dist/components/Touchable.js.map +0 -1
  177. package/dist/components/View.d.ts +0 -10
  178. package/dist/components/View.js +0 -62
  179. package/dist/components/View.js.map +0 -1
  180. package/dist/components/index.d.ts +0 -24
  181. package/dist/components/index.js +0 -37
  182. package/dist/components/index.js.map +0 -1
  183. package/dist/index.d.ts +0 -6
  184. package/dist/index.js +0 -25
  185. package/dist/index.js.map +0 -1
  186. package/dist/lib/OSAlert.d.ts +0 -21
  187. package/dist/lib/OSAlert.js +0 -140
  188. package/dist/lib/OSAlert.js.map +0 -1
  189. package/dist/lib/Toast.d.ts +0 -13
  190. package/dist/lib/Toast.js +0 -32
  191. package/dist/lib/Toast.js.map +0 -1
  192. package/dist/lib/hooks.d.ts +0 -28
  193. package/dist/lib/hooks.js +0 -183
  194. package/dist/lib/hooks.js.map +0 -1
  195. package/dist/lib/logger.d.ts +0 -2
  196. package/dist/lib/logger.js +0 -16
  197. package/dist/lib/logger.js.map +0 -1
  198. package/dist/lib/utils/cookies.d.ts +0 -6
  199. package/dist/lib/utils/cookies.js +0 -15
  200. package/dist/lib/utils/cookies.js.map +0 -1
  201. package/dist/lib/utils/index.d.ts +0 -4
  202. package/dist/lib/utils/index.js +0 -23
  203. package/dist/lib/utils/index.js.map +0 -1
  204. package/dist/lib/utils/pollyfils/scroll.d.ts +0 -1
  205. package/dist/lib/utils/pollyfils/scroll.js +0 -66
  206. package/dist/lib/utils/pollyfils/scroll.js.map +0 -1
  207. package/dist/lib/utils/stopPropagation.d.ts +0 -1
  208. package/dist/lib/utils/stopPropagation.js +0 -20
  209. package/dist/lib/utils/stopPropagation.js.map +0 -1
  210. package/dist/types/utility.d.ts +0 -2
  211. package/dist/types/utility.js +0 -3
  212. package/dist/types/utility.js.map +0 -1
@@ -1,41 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.Overlay = void 0;
26
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
27
- var common_1 = require("@codeleap/common");
28
- var Touchable_1 = require("./Touchable");
29
- var View_1 = require("./View");
30
- var Overlay = function (overlayProps) {
31
- var visible = overlayProps.visible, responsiveVariants = overlayProps.responsiveVariants, variants = overlayProps.variants, styles = overlayProps.styles, props = __rest(overlayProps, ["visible", "responsiveVariants", "variants", "styles"]);
32
- var variantStyles = (0, common_1.useDefaultComponentStyle)('Overlay', {
33
- variants: variants,
34
- responsiveVariants: responsiveVariants,
35
- styles: styles,
36
- });
37
- var Component = props.onClick || props.onPress ? Touchable_1.Touchable : View_1.View;
38
- return ((0, jsx_runtime_1.jsx)(Component, __assign({ css: __assign(__assign(__assign({}, variantStyles.wrapper), { transition: 'opacity 0.2s ease' }), (visible ? variantStyles['wrapper:visible'] : {})) }, props), void 0));
39
- };
40
- exports.Overlay = Overlay;
41
- //# sourceMappingURL=Overlay.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAOyB;AACzB,yCAAuD;AACvD,+BAAwC;AASjC,IAAM,OAAO,GAA2B,UAAC,YAAY;IAClD,IAAA,OAAO,GACb,YAAY,QADC,EAAE,kBAAkB,GACjC,YAAY,mBADqB,EAAE,QAAQ,GAC3C,YAAY,SAD+B,EAAE,MAAM,GACnD,YAAY,OADuC,EAAK,KAAK,UAC7D,YAAY,EADR,uDAA2D,CAAF,CACjD;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,WAAI,CAAA;IAEnE,OAAO,CACL,uBAAC,SAAS,aACR,GAAG,iCACE,aAAa,CAAC,OAAO,KACxB,UAAU,EAAE,mBAAmB,KAC5B,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAElD,KAAK,UACT,CACH,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,OAAO,WAsBnB"}
@@ -1,21 +0,0 @@
1
- import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
- import { ComponentVariants, RadioInputComposition, RadioInputStyles, StylesOf } from '@codeleap/common';
3
- export { WebRadioInputStyles } from './styles';
4
- declare type RadioItem<T extends unknown = any> = {
5
- value: T;
6
- label: ReactNode;
7
- };
8
- export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<'input'>, 'style'> & {
9
- item: RadioItem;
10
- select: () => void;
11
- style: StylesOf<RadioInputComposition>;
12
- };
13
- export declare type RadioGroupProps<T> = {
14
- options: RadioItem<T>[];
15
- value: T;
16
- onValueChange(value: T): void;
17
- label: ReactNode;
18
- styles?: StylesOf<RadioInputComposition>;
19
- } & ComponentVariants<typeof RadioInputStyles>;
20
- export declare const RadioButton: React.FC<RadioButtonProps>;
21
- export declare const RadioGroup: <T extends unknown>(radioGroupProps: RadioGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,55 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.RadioGroup = exports.RadioButton = exports.WebRadioInputStyles = void 0;
26
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
27
- var react_1 = require("react");
28
- var uuid_1 = require("uuid");
29
- var Text_1 = require("../Text");
30
- var Touchable_1 = require("../Touchable");
31
- var common_1 = require("@codeleap/common");
32
- var View_1 = require("../View");
33
- var styles_1 = require("./styles");
34
- Object.defineProperty(exports, "WebRadioInputStyles", { enumerable: true, get: function () { return styles_1.WebRadioInputStyles; } });
35
- var getRadioStyle = function (props) { return (0, common_1.useDefaultComponentStyle)('RadioInput', props); };
36
- var RadioButton = function (_a) {
37
- var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
38
- var styleByState = checked
39
- ? style['button:checked']
40
- : style['button:unchecked'];
41
- return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: select, css: style.itemWrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, style.button), styleByState), { '&:after': __assign(__assign({}, style['button:mark']), styleByState === null || styleByState === void 0 ? void 0 : styleByState['&:after']) }) }, void 0), typeof item.label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: item.label, css: style.itemText }, void 0)) : (item.label)] }), void 0));
42
- };
43
- exports.RadioButton = RadioButton;
44
- var RadioGroup = function (radioGroupProps) {
45
- var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
46
- var radioName = (0, react_1.useRef)((0, uuid_1.v4)()).current;
47
- var radioStyle = getRadioStyle({
48
- responsiveVariants: responsiveVariants,
49
- variants: variants,
50
- styles: styles,
51
- });
52
- return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: radioStyle.wrapper }, { children: [typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label }, void 0) : label, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: radioStyle.listWrapper }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)(exports.RadioButton, { item: item, style: radioStyle, name: radioName, checked: value === item.value, select: function () { return onValueChange(item.value); } }, idx)); }) }), void 0)] }), void 0));
53
- };
54
- exports.RadioGroup = RadioGroup;
55
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmE;AACnE,6BAAyB;AAEzB,gCAA8B;AAC9B,0CAAwC;AACxC,2CAMyB;AACzB,gCAA8B;AAC9B,mCAA8C;AAArC,6GAAA,mBAAmB,OAAA;AAO5B,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,iCAAwB,EAAC,YAAY,EAAE,KAAK,CAAC,EAA7C,CAA6C,CAAA;AAmBvE,IAAM,WAAW,GAA+B,UAAC,EAMvD;IALC,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,cAL8C,sCAMvD,CADS;IAER,IAAM,YAAY,GAAG,OAAO;QAC1B,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAA;IAC7B,OAAO,CACL,wBAAC,qBAAS,aAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,iBAChD,uBAAC,WAAI,IACH,GAAG,iCACE,KAAK,CAAC,MAAM,GACZ,YAAY,KACf,SAAS,wBACJ,KAAK,CAAC,aAAa,CAAC,GACpB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,eAGhC,EACD,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,WAAI,CAChD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,aACS,CACb,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB;AAEM,IAAM,UAAU,GAAG,UACxB,eAAmC;IAGjC,IAAA,OAAO,GAOL,eAAe,QAPV,EACP,KAAK,GAMH,eAAe,MANZ,EACL,aAAa,GAKX,eAAe,cALJ,EACb,KAAK,GAIH,eAAe,MAJZ,EACL,kBAAkB,GAGhB,eAAe,mBAHC,EAClB,QAAQ,GAEN,eAAe,SAFT,EACR,MAAM,GACJ,eAAe,OADX,CACW;IACnB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAEtC,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,OAAO,iBAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,WAAI,CAAC,CAAC,CAAC,KAAK,EAC1D,uBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,WAAW,gBAC9B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC3B,uBAAC,mBAAW,IACV,IAAI,EAAE,IAAI,EAEV,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,IAJlC,GAAG,CAKR,CACH,EAT4B,CAS5B,CAAC,YACG,aACF,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,UAAU,cAoCtB"}
@@ -1,54 +0,0 @@
1
- import { RadioInputComposition } from '@codeleap/common';
2
- export declare const WebRadioInputStyles: {
3
- default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
4
- square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
5
- fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
6
- block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
7
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
8
- absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
9
- relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
10
- sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
11
- row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
12
- center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
13
- column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
14
- wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
15
- inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
16
- inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
17
- hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
18
- full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
19
- noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
20
- fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
21
- fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
22
- fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
23
- fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
24
- fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
25
- whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
26
- centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
27
- listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
28
- alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
29
- alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
30
- alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
31
- alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
32
- alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
33
- alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
34
- alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
35
- alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
36
- justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
37
- justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
38
- justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
39
- justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
40
- justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
41
- textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
42
- textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
43
- textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
44
- blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
45
- elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
46
- neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
47
- scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
48
- scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
49
- scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
50
- debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
51
- debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
52
- debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
53
- debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
54
- };
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.WebRadioInputStyles = void 0;
15
- var common_1 = require("@codeleap/common");
16
- var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
17
- var defaultStyles = common_1.RadioInputStyles.default;
18
- exports.WebRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
19
- var style = defaultStyles(theme);
20
- return __assign(__assign({}, style), { itemWrapper: __assign(__assign({}, style.itemWrapper), { cursor: 'pointer' }), button: __assign({ height: '1em', width: '1em', borderRadius: theme.borderRadius.large, border: theme.border.primary(1), position: 'relative' }, theme.spacing.marginRight(1)), 'button:mark': {
21
- background: theme.colors.primary,
22
- content: '""',
23
- position: 'absolute',
24
- left: '50%',
25
- top: '50%',
26
- transform: 'translate(-50%,-50%)',
27
- borderRadius: theme.borderRadius.large,
28
- height: '50%',
29
- width: '50%',
30
- visibility: 'hidden',
31
- }, 'button:checked': {
32
- '&:after': {
33
- visibility: 'visible',
34
- },
35
- } });
36
- }), square: createRadioStyle(function () { return ({
37
- 'button:mark': {
38
- borderRadius: '1px',
39
- },
40
- button: {
41
- borderRadius: '1px',
42
- },
43
- }); }) });
44
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { MenuItemProps } from './MenuItem';
3
- import { MenuComposition } from '@codeleap/common';
4
- import { StylesOf } from '../../types/utility';
5
- declare type RouterMenuProps = {
6
- items: MenuItemProps['data'][];
7
- styles?: StylesOf<MenuComposition>;
8
- };
9
- export declare const Menu: React.FC<RouterMenuProps>;
10
- export {};
@@ -1,36 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.Menu = void 0;
15
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
16
- var View_1 = require("../View");
17
- var CenterWrapper_1 = require("../CenterWrapper");
18
- var HorizontalScroll_1 = require("../HorizontalScroll");
19
- var MenuItem_1 = require("./MenuItem");
20
- var common_1 = require("@codeleap/common");
21
- var TabsWrapper = function (_a) {
22
- var children = _a.children, styles = _a.styles;
23
- var Theme = (0, common_1.useCodeleapContext)().Theme;
24
- var isMobile = Theme.hooks.down('small');
25
- var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
26
- if (isMobile) {
27
- 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));
28
- }
29
- return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }), void 0);
30
- };
31
- var Menu = function (_a) {
32
- var items = _a.items, styles = _a.styles;
33
- 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));
34
- };
35
- exports.Menu = Menu;
36
- //# sourceMappingURL=Menu.js.map
@@ -1 +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"}
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { IconPlaceholder, StylesOf } from '@codeleap/common';
3
- import { MenuComposition } from './styles';
4
- export declare type MenuItemProps = {
5
- data: {
6
- icon: IconPlaceholder;
7
- title: string;
8
- path: string;
9
- };
10
- styles: StylesOf<MenuComposition>;
11
- };
12
- export declare const MenuItem: React.FC<MenuItemProps>;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.MenuItem = void 0;
15
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
16
- var Text_1 = require("../Text");
17
- var Icon_1 = require("../Icon");
18
- var Link_1 = require("../Link");
19
- var common_1 = require("@codeleap/common");
20
- var utils_1 = require("../../lib/utils");
21
- var gatsby_1 = require("gatsby");
22
- var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_1.Link }, props), void 0)); };
23
- var MenuItem = function (props) {
24
- var styles = props.styles;
25
- var _a = props.data, title = _a.title, path = _a.path, icon = _a.icon;
26
- var pathname = (0, utils_1.url)().pathname;
27
- var selected = pathname.includes(path);
28
- var Theme = (0, common_1.useCodeleapContext)().Theme;
29
- var isMobile = Theme.hooks.down('small');
30
- if (isMobile) {
31
- 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: [
32
- styles['menuItem:text:mobile'],
33
- selected && styles['menuItem:text:selected'],
34
- ], 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));
35
- }
36
- 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: [
37
- styles['menuItem:text'],
38
- selected && styles['menuItem:text:selected'],
39
- ], text: title }, void 0)] }), void 0));
40
- };
41
- exports.MenuItem = MenuItem;
42
- //# sourceMappingURL=MenuItem.js.map
@@ -1 +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,iCAAyC;AAGzC,IAAM,UAAU,GAAkB,UAAC,KAAK,IAAK,OAAA,CAC3C,uBAAC,WAAI,aAAC,SAAS,EAAE,aAAQ,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"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- declare type RouterProps = {
3
- basePath: string;
4
- style?: any;
5
- defaultPath?: string;
6
- };
7
- export declare const Router: React.FC<RouterProps>;
8
- export {};
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Router = void 0;
18
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
19
- var react_1 = __importDefault(require("react"));
20
- var router_1 = require("@reach/router");
21
- var Router = function (props) {
22
- var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
23
- var base = "".concat(basePath);
24
- 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));
25
- };
26
- exports.Router = Router;
27
- //# sourceMappingURL=Router.js.map
@@ -1 +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,UAAG,QAAQ,CAAE,CAAA;IAE1B,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAe,WACpD,CAClB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,MAAM,UASlB"}
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
3
- import { StylesOf } from '../../types/utility';
4
- import { RouterPageComposition, RouterPageStyles } from './styles';
5
- export * from './styles';
6
- export declare type RouteProps = {
7
- title?: string;
8
- path?: string;
9
- menuIcon?: IconPlaceholder;
10
- };
11
- declare type ContentProps = {
12
- styles: StylesOf<RouterPageComposition>;
13
- menuItems: {
14
- icon: string;
15
- title: string;
16
- path: string;
17
- }[];
18
- showMenu?: boolean;
19
- };
20
- export * from './Router';
21
- export * from './Menu';
22
- export * from './MenuItem';
23
- declare type RouterPageProps = {
24
- basePath: string;
25
- styles?: StylesOf<RouterPageComposition>;
26
- title?: string;
27
- renderContentWrapper?: React.FC<ContentProps>;
28
- } & ComponentVariants<typeof RouterPageStyles>;
29
- export declare const RouterPage: React.FC<RouterPageProps>;
@@ -1,85 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
33
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
34
- };
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.RouterPage = void 0;
37
- var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
38
- var View_1 = require("../View");
39
- var react_1 = __importStar(require("react"));
40
- var Menu_1 = require("./Menu");
41
- var Router_1 = require("./Router");
42
- var common_1 = require("@codeleap/common");
43
- var react_helmet_1 = require("react-helmet");
44
- var utils_1 = require("../../lib/utils");
45
- __exportStar(require("./styles"), exports);
46
- __exportStar(require("./Router"), exports);
47
- __exportStar(require("./Menu"), exports);
48
- __exportStar(require("./MenuItem"), exports);
49
- var RouterPage = function (props) {
50
- var children = props.children, basePath = props.basePath, variants = props.variants, pageGroupTitle = props.title, responsiveVariants = props.responsiveVariants, styles = props.styles, renderContentWrapper = props.renderContentWrapper;
51
- var pathName = (0, utils_1.url)().pathname;
52
- var _a = (0, react_1.useMemo)(function () {
53
- var items = [];
54
- var defaultPath = '';
55
- react_1.default.Children.forEach(children, function (c) {
56
- if (react_1.default.isValidElement(c) && c.props) {
57
- var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
58
- if ([title, path, menuIcon].some(function (i) { return !i; })) {
59
- return;
60
- }
61
- if (c.props.default)
62
- defaultPath = path;
63
- items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
64
- }
65
- });
66
- return {
67
- menuItems: items,
68
- defaultPath: defaultPath,
69
- };
70
- }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
71
- var variantStyles = (0, common_1.useDefaultComponentStyle)('u:RouterPage', {
72
- variants: variants,
73
- responsiveVariants: responsiveVariants,
74
- styles: styles,
75
- });
76
- var currentPage = menuItems.find(function (_a) {
77
- var path = _a.path;
78
- return pathName.includes(path);
79
- });
80
- var Content = renderContentWrapper;
81
- 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, " | ") : '') +
82
- (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, 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 }), void 0) }), void 0)) : ((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 }, 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));
83
- };
84
- exports.RouterPage = RouterPage;
85
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RouterPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAKyB;AAEzB,6CAAqC;AACrC,yCAAqC;AAGrC,2CAAwB;AAgBxB,2CAAwB;AACxB,yCAAsB;AACtB,6CAA0B;AASnB,IAAM,UAAU,GAA8B,UAAC,KAAK;IAEvD,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,QAAQ,GAMN,KAAK,SANC,EACR,QAAQ,GAKN,KAAK,SALC,EACD,cAAc,GAInB,KAAK,MAJc,EACrB,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,MAAM,GAEJ,KAAK,OAFD,EACN,oBAAoB,GAClB,KAAK,qBADa,CACb;IACT,IAAM,QAAQ,GAAG,IAAA,WAAG,GAAE,CAAC,QAAQ,CAAA;IAEzB,IAAA,KAA6B,IAAA,eAAO,EAAC;QACzC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;gBAChC,IAAA,KAA4B,CAAC,CAAC,KAAK,EAAjC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAY,CAAA;gBACzC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAE;oBAC3C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAzBN,SAAS,eAAA,EAAE,WAAW,iBAyBhB,CAAA;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,cAAc,EAAE;QAC7D,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAvB,CAAuB,CAAC,CAAA;IAEzE,IAAM,OAAO,GAAG,oBAAoB,CAAA;IACpC,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,iBAC9B,uBAAC,qBAAM,cACL,4CACG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAG,cAAc,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC7C,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WACnC,WACD,EACR,oBAAoB,CAAC,CAAC,CAAC,CACtB,uBAAC,OAAO,aAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,gBACnF,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,gBAE1B,QAAQ,YACF,YACD,CACX,CAAC,CAAC,CAAC,CACF,6DACG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,WAAI,CAAC,CAAC,CAAC,IAAI,EACjF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,gBAE1B,QAAQ,YACF,YACJ,YACN,CACJ,aACI,CACR,CAAA;AACH,CAAC,CAAA;AAlFY,QAAA,UAAU,cAkFtB"}
@@ -1,54 +0,0 @@
1
- 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';
2
- export declare type RouterPageComposition = 'content' | 'router' | MenuComposition;
3
- export declare const RouterPageStyles: {
4
- default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
5
- fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
6
- block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
7
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
8
- absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
9
- relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
10
- sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
11
- row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
12
- center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
13
- column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
14
- wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
15
- inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
16
- inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
17
- hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
18
- full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
19
- noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
20
- fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
21
- fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
22
- fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
23
- fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
24
- fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
25
- whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
26
- centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
27
- listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
28
- alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
29
- alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
30
- alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
31
- alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
32
- alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
33
- alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
34
- alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
35
- alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
36
- justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
37
- justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
38
- justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
39
- justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
40
- justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
41
- textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
42
- textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
43
- textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
44
- blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
45
- elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
46
- neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
47
- scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
48
- scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
49
- scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
50
- debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
51
- debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
52
- debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
53
- debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
54
- };