@codeleap/mobile 2.4.6 → 2.4.7

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 (45) hide show
  1. package/dist/components/ActionIcon/styles.d.ts +1 -1
  2. package/dist/components/ActivityIndicator/styles.d.ts +1 -1
  3. package/dist/components/AutoComplete/styles.d.ts +1 -1
  4. package/dist/components/Backdrop/styles.d.ts +1 -1
  5. package/dist/components/Button/index.d.ts +5 -5
  6. package/dist/components/Button/styles.d.ts +1 -1
  7. package/dist/components/Checkbox/index.d.ts +1 -1
  8. package/dist/components/Checkbox/styles.d.ts +1 -1
  9. package/dist/components/ContentView/styles.d.ts +1 -1
  10. package/dist/components/Drawer/styles.d.ts +1 -1
  11. package/dist/components/EmptyPlaceholder/styles.d.ts +1 -1
  12. package/dist/components/FileInput/styles.d.ts +1 -1
  13. package/dist/components/Grid/styles.d.ts +1 -1
  14. package/dist/components/Icon/styles.d.ts +1 -1
  15. package/dist/components/Image/styles.d.ts +1 -1
  16. package/dist/components/List/PaginationIndicator.d.ts +1 -1
  17. package/dist/components/List/styles.d.ts +1 -1
  18. package/dist/components/Modal/index.js +13 -8
  19. package/dist/components/Modal/index.js.map +1 -1
  20. package/dist/components/Modal/styles.d.ts +1 -1
  21. package/dist/components/Pager/styles.d.ts +1 -1
  22. package/dist/components/RadioInput/styles.d.ts +1 -1
  23. package/dist/components/Scroll/index.d.ts +1 -1
  24. package/dist/components/Scroll/styles.d.ts +1 -1
  25. package/dist/components/Sections/index.d.ts +1 -1
  26. package/dist/components/SegmentedControl/styles.d.ts +1 -1
  27. package/dist/components/Select/styles.d.ts +1 -1
  28. package/dist/components/Slider/styles.d.ts +1 -1
  29. package/dist/components/Switch/styles.d.ts +1 -1
  30. package/dist/components/Text/styles.d.ts +1 -1
  31. package/dist/components/TextInput/index.d.ts +2 -2
  32. package/dist/components/TextInput/styles.d.ts +1 -1
  33. package/dist/components/Touchable/styles.d.ts +1 -1
  34. package/dist/components/View/index.d.ts +2 -0
  35. package/dist/components/View/index.js +6 -1
  36. package/dist/components/View/index.js.map +1 -1
  37. package/dist/components/View/styles.d.ts +1 -1
  38. package/dist/components/defaultStyles.d.ts +27 -27
  39. package/dist/utils/hooks.d.ts +21 -2
  40. package/dist/utils/hooks.js +61 -2
  41. package/dist/utils/hooks.js.map +1 -1
  42. package/package.json +1 -1
  43. package/src/components/Modal/index.tsx +17 -16
  44. package/src/components/View/index.tsx +3 -1
  45. package/src/utils/hooks.ts +110 -4
package/dist/components/TextInput/index.d.ts CHANGED
@@ -45,10 +45,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
45
45
  box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
46
46
  pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
47
47
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
48
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
48
49
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
49
50
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
50
51
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
51
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
52
52
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
53
53
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
54
54
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -99,10 +99,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
99
99
  box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
100
100
  pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
101
101
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
102
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
102
103
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
103
104
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
104
105
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
105
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
106
106
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
107
107
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
108
108
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
package/dist/components/TextInput/styles.d.ts CHANGED
@@ -11,10 +11,10 @@ export declare const TextInputStyles: {
11
11
  box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
12
12
  pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
13
13
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
14
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
14
15
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
15
16
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
16
17
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
17
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
18
18
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
19
19
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
20
20
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
package/dist/components/Touchable/styles.d.ts CHANGED
@@ -7,10 +7,10 @@ export declare type TouchableStylesGen<TCSS = any> = StylesOf<Exclude<TouchableC
7
7
  export declare const TouchableStyles: {
8
8
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
9
9
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
10
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
10
11
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
11
12
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
12
13
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
13
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
14
14
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
15
15
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
16
16
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
package/dist/components/View/index.d.ts CHANGED
@@ -5,6 +5,7 @@ import { View as NativeView } from 'react-native';
5
5
  import { MotiProps } from 'moti';
6
6
  import { GetKeyboardAwarePropsOptions } from '../../utils';
7
7
  import { TransitionConfig } from '../../types';
8
+ import Animated from 'react-native-reanimated';
8
9
  export * from './styles';
9
10
  declare type MotiViewProps = Omit<Partial<MotiProps>, 'transition' | 'children'>;
10
11
  declare type NativeViewProps = Omit<ComponentPropsWithoutRef<typeof NativeView>, 'children'>;
@@ -16,6 +17,7 @@ export declare type ViewProps = React.PropsWithChildren<{
16
17
  transition?: Partial<TransitionConfig>;
17
18
  } & NativeViewProps & ComponentVariants<typeof ViewStyles> & BaseViewProps & MotiViewProps>;
18
19
  export declare const View: React.FC<ViewProps>;
20
+ export declare const AnimatedView: React.FunctionComponent<Animated.AnimateProps<ViewProps>>;
19
21
  declare type GapProps = ViewProps & {
20
22
  value: number;
21
23
  defaultProps?: any;
package/dist/components/View/index.js CHANGED
@@ -43,14 +43,18 @@ var __rest = (this && this.__rest) || function (s, e) {
43
43
  }
44
44
  return t;
45
45
  };
46
+ var __importDefault = (this && this.__importDefault) || function (mod) {
47
+ return (mod && mod.__esModule) ? mod : { "default": mod };
48
+ };
46
49
  Object.defineProperty(exports, "__esModule", { value: true });
47
- exports.Gap = exports.View = void 0;
50
+ exports.Gap = exports.AnimatedView = exports.View = void 0;
48
51
  var React = __importStar(require("react"));
49
52
  var react_1 = require("react");
50
53
  var common_1 = require("@codeleap/common");
51
54
  var react_native_1 = require("react-native");
52
55
  var moti_1 = require("moti");
53
56
  var utils_1 = require("../../utils");
57
+ var react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
54
58
  __exportStar(require("./styles"), exports);
55
59
  exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
56
60
  var _a = viewProps.responsiveVariants, responsiveVariants = _a === void 0 ? {} : _a, _b = viewProps.variants, variants = _b === void 0 ? [] : _b, children = viewProps.children, style = viewProps.style, keyboardAware = viewProps.keyboardAware, component = viewProps.component, _c = viewProps.animated, animated = _c === void 0 ? false : _c, props = __rest(viewProps, ["responsiveVariants", "variants", "children", "style", "keyboardAware", "component", "animated"]);
@@ -65,6 +69,7 @@ exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
65
69
  {children}
66
70
  </Component>);
67
71
  });
72
+ exports.AnimatedView = react_native_reanimated_1.default.createAnimatedComponent(exports.View);
68
73
  var Gap = function (_a) {
69
74
  var _b;
70
75
  var children = _a.children, value = _a.value, _c = _a.defaultProps, defaultProps = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "value", "defaultProps"]);
package/dist/components/View/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/View/styles.d.ts CHANGED
@@ -3,10 +3,10 @@ export declare const ViewStyles: {
3
3
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
4
4
  separator: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
5
5
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
6
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
6
7
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
7
8
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
8
9
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
9
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
10
10
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
11
11
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
12
12
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
package/dist/components/defaultStyles.d.ts CHANGED
@@ -3,10 +3,10 @@ export declare const defaultStyles: {
3
3
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
4
4
  separator: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
5
5
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
6
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
6
7
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
7
8
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
8
9
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
9
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
10
10
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
11
11
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
12
12
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
@@ -63,10 +63,10 @@ export declare const defaultStyles: {
63
63
  medium: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
64
64
  large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
65
65
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
66
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
66
67
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
67
68
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
68
69
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
69
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
70
70
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
71
71
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
72
72
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
@@ -115,10 +115,10 @@ export declare const defaultStyles: {
115
115
  Touchable: {
116
116
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
117
117
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
118
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
118
119
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
119
120
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
120
121
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
121
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
122
122
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
123
123
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
124
124
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
@@ -179,10 +179,10 @@ export declare const defaultStyles: {
179
179
  link: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
180
180
  OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
181
181
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
182
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
182
183
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
183
184
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
184
185
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
185
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
186
186
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
187
187
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
188
188
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
@@ -232,10 +232,10 @@ export declare const defaultStyles: {
232
232
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
233
233
  round: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
234
234
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
235
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
235
236
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
236
237
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
237
238
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
238
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
239
239
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
240
240
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
241
241
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
@@ -284,10 +284,10 @@ export declare const defaultStyles: {
284
284
  Checkbox: {
285
285
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
286
286
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
287
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
287
288
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
288
289
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
289
290
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
290
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
291
291
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
292
292
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
293
293
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Checkbox").CheckboxComposition, any>>;
@@ -339,10 +339,10 @@ export declare const defaultStyles: {
339
339
  box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
340
340
  pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
341
341
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
342
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
342
343
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
343
344
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
344
345
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
345
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
346
346
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
347
347
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
348
348
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./TextInput").TextInputComposition, any>>;
@@ -392,10 +392,10 @@ export declare const defaultStyles: {
392
392
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
393
393
  square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
394
394
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
395
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
395
396
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
396
397
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
397
398
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
398
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
399
399
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
400
400
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
401
401
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./RadioInput").RadioInputComposition, any>>;
@@ -444,10 +444,10 @@ export declare const defaultStyles: {
444
444
  Switch: {
445
445
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
446
446
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
447
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
447
448
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
448
449
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
449
450
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
450
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
451
451
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
452
452
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
453
453
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Switch").SwitchComposition, any>>;
@@ -498,10 +498,10 @@ export declare const defaultStyles: {
498
498
  popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
499
499
  fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
500
500
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
501
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
501
502
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
502
503
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
503
504
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
504
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
505
505
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
506
506
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
507
507
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
@@ -550,10 +550,10 @@ export declare const defaultStyles: {
550
550
  FileInput: {
551
551
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
552
552
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
553
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
553
554
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
554
555
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
555
556
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
556
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
557
557
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
558
558
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
559
559
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./FileInput").FileInputComposition, any>>;
@@ -602,10 +602,10 @@ export declare const defaultStyles: {
602
602
  List: {
603
603
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
604
604
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
605
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
605
606
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
606
607
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
607
608
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
608
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
609
609
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
610
610
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
611
611
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
@@ -654,10 +654,10 @@ export declare const defaultStyles: {
654
654
  Slider: {
655
655
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
656
656
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
657
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
657
658
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
658
659
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
659
660
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
660
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
661
661
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
662
662
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
663
663
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
@@ -706,10 +706,10 @@ export declare const defaultStyles: {
706
706
  SegmentedControl: {
707
707
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
708
708
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
709
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
709
710
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
710
711
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
711
712
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
712
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
713
713
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
714
714
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
715
715
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
@@ -758,10 +758,10 @@ export declare const defaultStyles: {
758
758
  ActivityIndicator: {
759
759
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
760
760
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
761
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
761
762
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
762
763
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
763
764
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
764
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
765
765
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
766
766
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
767
767
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
@@ -814,10 +814,10 @@ export declare const defaultStyles: {
814
814
  pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
815
815
  icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
816
816
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
817
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
817
818
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
818
819
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
819
820
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
820
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
821
821
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
822
822
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
823
823
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
@@ -866,10 +866,10 @@ export declare const defaultStyles: {
866
866
  ContentView: {
867
867
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
868
868
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
869
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
869
870
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
870
871
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
871
872
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
872
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
873
873
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
874
874
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
875
875
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
@@ -920,10 +920,10 @@ export declare const defaultStyles: {
920
920
  popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
921
921
  fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
922
922
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
923
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
923
924
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
924
925
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
925
926
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
926
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
927
927
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
928
928
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
929
929
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
@@ -974,10 +974,10 @@ export declare const defaultStyles: {
974
974
  compact: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
975
975
  absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
976
976
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
977
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
977
978
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
978
979
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
979
980
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
980
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
981
981
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
982
982
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
983
983
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./EmptyPlaceholder").EmptyPlaceholderComposition, any>>;
@@ -1025,10 +1025,10 @@ export declare const defaultStyles: {
1025
1025
  Backdrop: {
1026
1026
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1027
1027
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1028
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1028
1029
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1029
1030
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1030
1031
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1031
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1032
1032
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1033
1033
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
1034
1034
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Backdrop").BackdropComposition, any>>;
@@ -1082,10 +1082,10 @@ export declare const defaultStyles: {
1082
1082
  horizontal: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1083
1083
  vertical: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1084
1084
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1085
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1085
1086
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1086
1087
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1087
1088
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1088
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1089
1089
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1090
1090
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
1091
1091
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Pager").PagerComposition, any>>;
@@ -1136,10 +1136,10 @@ export declare const defaultStyles: {
1136
1136
  popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1137
1137
  fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1138
1138
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1139
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1139
1140
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1140
1141
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1141
1142
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1142
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1143
1143
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1144
1144
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1145
1145
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
@@ -1190,10 +1190,10 @@ export declare const defaultStyles: {
1190
1190
  popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1191
1191
  fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1192
1192
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1193
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1193
1194
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1194
1195
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1195
1196
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1196
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1197
1197
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1198
1198
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
1199
1199
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Modal").ModalComposition, any>>;
@@ -1245,10 +1245,10 @@ export declare const defaultStyles: {
1245
1245
  Scroll: {
1246
1246
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1247
1247
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1248
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1248
1249
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1249
1250
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1250
1251
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1251
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1252
1252
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1253
1253
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
1254
1254
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;
@@ -1297,10 +1297,10 @@ export declare const defaultStyles: {
1297
1297
  PaginationIndicator: {
1298
1298
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1299
1299
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1300
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1300
1301
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1301
1302
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1302
1303
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1303
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1304
1304
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1305
1305
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
1306
1306
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
@@ -1358,10 +1358,10 @@ export declare const defaultStyles: {
1358
1358
  white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1359
1359
  neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1360
1360
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1361
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1361
1362
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1362
1363
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1363
1364
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1364
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1365
1365
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1366
1366
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
1367
1367
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
@@ -1410,10 +1410,10 @@ export declare const defaultStyles: {
1410
1410
  Grid: {
1411
1411
  default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1412
1412
  fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1413
+ flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1413
1414
  blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1414
1415
  center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1415
1416
  hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1416
- flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1417
1417
  row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1418
1418
  column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
1419
1419
  wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").ListComposition, any>>;
package/dist/utils/hooks.d.ts CHANGED
@@ -1,9 +1,28 @@
1
- import { Animated, AppStateStatus, PressableAndroidRippleConfig } from 'react-native';
1
+ import { Animated, AppStateStatus, PressableAndroidRippleConfig, ViewStyle, ImageStyle, TextStyle } from 'react-native';
2
+ import { AnimatedStyleProp, EasingFn } from 'react-native-reanimated';
2
3
  export declare function useAnimateColor(value: string, opts?: Partial<Animated.TimingAnimationConfig>): Animated.AnimatedInterpolation;
3
4
  export declare function useAppState(filter?: AppStateStatus[]): {
4
5
  appState: AppStateStatus;
5
6
  };
6
- export declare function useStaticAnimationStyles<T extends Record<string | number | symbol, any>, K extends keyof T>(obj: T, keys: K[]): { [P in K]: T[K]; };
7
+ declare type SelectProperties<T extends Record<string | number | symbol, any>, K extends keyof T> = {
8
+ [P in K]: T[K];
9
+ };
10
+ export declare function useStaticAnimationStyles<T extends Record<string | number | symbol, any>, K extends keyof T>(obj: T, keys: K[]): SelectProperties<T, K>;
11
+ declare type AnimatableProperties = 'scale' | 'scaleX' | 'scaleY' | 'translateX' | 'translateY' | 'opacity';
12
+ declare type VariantTransitionConfig = {
13
+ type: 'timing';
14
+ duration?: number;
15
+ easing?: EasingFn;
16
+ };
17
+ declare type TransitionConfig = Partial<Record<AnimatableProperties, VariantTransitionConfig>> | VariantTransitionConfig;
18
+ declare type UseAnimatedVariantStylesConfig<T extends Record<string | number | symbol, any>, K extends keyof T> = {
19
+ variantStyles: T;
20
+ animatedProperties: K[];
21
+ updater: (states: SelectProperties<T, K>) => AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>;
22
+ transition: TransitionConfig;
23
+ dependencies?: any[];
24
+ };
25
+ export declare function useAnimatedVariantStyles<T extends Record<string | number | symbol, any>, K extends keyof T>(config: UseAnimatedVariantStylesConfig<T, K>): {};
7
26
  export declare type FeedbackConfig = {
8
27
  type: 'opacity';
9
28
  value?: number;