@codeleap/mobile 1.2.1 → 1.4.0

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

@@ -1,48 +1,52 @@
 declare type CheckboxParts = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper' | 'error';
 export declare type MobileCheckboxComposition = CheckboxParts | `${CheckboxParts}:checked` | `${CheckboxParts}:disabled` | `${CheckboxParts}:error`;
 export declare const MobileCheckboxStyles: {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
 };
 export {};

package/dist/components/Checkbox/styles.js

@@ -31,19 +31,19 @@ exports.MobileCheckboxStyles = __assign(__assign({}, presets), { default: create
                 left: '50%',
                 height: markHeight,
                 width: markWidth,
-                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' },]
+                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' }],
             },
-            "checkmark:checked": __assign({}, theme.border.white({
+            'checkmark:checked': __assign({}, theme.border.white({
                 width: 2,
-                directions: ['right', 'bottom']
+                directions: ['right', 'bottom'],
             })),
-            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.gray(1)),
-            "checkmarkWrapper:checked": {
-                backgroundColor: theme.colors.primary
+            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.neutral(1)),
+            'checkmarkWrapper:checked': {
+                backgroundColor: theme.colors.primary,
             },
             error: {
-                color: theme.colors.negative
-            }
+                color: theme.colors.negative,
+            },
         };
     }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA4E;AAK5E,IAAM,mBAAmB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAEpF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAAC,CAAA;AAE/E,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAC,CAAC,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,OAAO;YACL,OAAO,EAAE,EAER;YACD,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACP,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,EAAE;aAC9D;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAC,QAAQ,CAAC;aAC/B,CAAC,CACH;YACD,gBAAgB,aACZ,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B;YACD,0BAA0B,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACxC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IAEH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAe9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA6B,CAAA;AAE1D,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QACnC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,OAAO;YACL,OAAO,EAAE,EAAE;YACX,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACT,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;aACjE;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;aAChC,CAAC,CACH;YACD,gBAAgB,aACd,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;YACD,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IACH"}

package/dist/components/ContentView.js

@@ -20,14 +20,16 @@ var common_1 = require("@codeleap/common");
 var View_1 = require("./View");
 var Text_1 = require("./Text");
 var ActivityIndicator_1 = require("./ActivityIndicator");
+var react_native_1 = require("react-native");
 var WrapContent = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return <View_1.View {...props}>{children}</View_1.View>;
+    return (<View_1.View {...props}>{children}</View_1.View>);
 };
 var ContentView = function (rawProps) {
     var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "styles"]);
-    var variantStyle = (0, common_1.useComponentStyle)('ContentView', {
+    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
         variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
         styles: styles,
     });
     if (loading) {

package/dist/components/ContentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA2G;AAC3G,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AAQvD,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CAAA;CAAA,CAAA;AAE3E,IAAM,WAAW,GAA+B,UAAC,QAAQ;IAE5D,IAAA,QAAQ,GAMN,QAAQ,SANF,EACR,cAAc,GAKZ,QAAQ,eALI,EACd,OAAO,GAIL,QAAQ,QAJH,EACP,QAAQ,GAGN,QAAQ,SAHF,EACR,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EAPN,+DAOL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,aAAa,EAAE;QACpD,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAC,OAAO,EAAE,YAAY,CAAC,MAAM,EAAC,CAAC,EAC5D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAKyB;AACzB,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AACvD,6CAAyC;AAWzC,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAC9C,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CACnC,CAAA;CAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,QAAQ;IACtD,IAAA,QAAQ,GACd,QAAQ,SADM,EAAE,cAAc,GAC9B,QAAQ,eADsB,EAAE,OAAO,GACvC,QAAQ,QAD+B,EAAE,QAAQ,GACjD,QAAQ,SADyC,EAAE,MAAM,GACzD,QAAQ,OADiD,EAAK,KAAK,UACnE,QAAQ,EADJ,+DAAiE,CAAF,CAC3D;IAEV,IAAM,YAAY,GAAG,IAAA,iCAAwB,EAAC,aAAa,EAAE;QAC3D,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,EAC9D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,WAAW,eA+BvB"}

package/dist/components/FileInput.d.ts

@@ -1,2 +1,26 @@
-import * as React from 'react';
-export declare const FileInput: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+import React from 'react';
+import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+import { ButtonProps } from './Button';
+import OSAlert from '../utils/OSAlert';
+import { Options } from 'react-native-image-crop-picker';
+import { DocumentPickerOptions } from '../modules/types/documentPicker';
+export declare type FileInputRef = {
+    openFilePicker: () => void;
+};
+export declare type FileInputProps = {
+    label?: string;
+    iconName?: IconPlaceholder;
+    styles?: StylesOf<FileInputComposition>;
+    mode: 'hidden' | 'button';
+    variants?: ComponentVariants<typeof FileInputStyles>['variants'];
+    onFileSelect(files: MobileInputFile[]): void;
+    options?: DocumentPickerOptions<any>;
+    buttonProps?: ButtonProps;
+    ref?: FileInputRef;
+    placeholder?: string;
+    type?: 'image' | 'anyFile';
+    alertProps?: Parameters<typeof OSAlert.ask>[0];
+    pickerOptions?: Partial<Options>;
+};
+export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "placeholder" | "type" | "options" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions"> & React.RefAttributes<FileInputRef>>;

package/dist/components/FileInput.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -18,11 +29,147 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = void 0;
-var React = __importStar(require("react"));
-var react_native_1 = require("react-native");
-exports.FileInput = React.forwardRef(function () {
-    return <react_native_1.Text>Not implemented</react_native_1.Text>;
+var react_1 = __importStar(require("react"));
+var documentPicker_1 = require("../modules/documentPicker");
+var common_1 = require("@codeleap/common");
+var Button_1 = require("./Button");
+var View_1 = require("./View");
+var TextInput_1 = require("./TextInput");
+var OSAlert_1 = __importDefault(require("../utils/OSAlert"));
+var pickerDefaults = {
+    width: 300,
+    height: 400,
+    cropping: true,
+};
+function parsePickerData(data) {
+    var filePathData = (0, common_1.parseFilePathData)(data.path);
+    var d = {
+        name: filePathData.name,
+        size: data.size,
+        type: data.mime,
+        uri: data.path,
+        fileCopyUri: data.path,
+    };
+    return {
+        file: d,
+        preview: data.path,
+    };
+}
+exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
+    var _a = fileInputProps.mode, mode = _a === void 0 ? 'hidden' : _a, onFileSelect = fileInputProps.onFileSelect, iconName = fileInputProps.iconName, styles = fileInputProps.styles, label = fileInputProps.label, variants = fileInputProps.variants, options = fileInputProps.options, _b = fileInputProps.type, type = _b === void 0 ? 'image' : _b, alertProps = fileInputProps.alertProps, _c = fileInputProps.placeholder, placeholder = _c === void 0 ? 'Select a file' : _c, pickerOptions = fileInputProps.pickerOptions, buttonProps = fileInputProps.buttonProps;
+    var _d = react_1.default.useState(null), file = _d[0], setFile = _d[1];
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    function openFileSystem() {
+        return __awaiter(this, void 0, void 0, function () {
+            var files, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, documentPicker_1.DocumentPicker.pick(options)];
+                    case 1:
+                        files = _a.sent();
+                        if (!Array.isArray(files)) {
+                            files = [files];
+                        }
+                        setFile(files);
+                        onFileSelect(files.map(function (file) { return ({ preview: file.uri, file: file }); }));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        if (documentPicker_1.DocumentPicker.isCancel(err_1)) {
+                            logger.log('User cancelled the picker.', null, 'Component');
+                        }
+                        else {
+                            throw err_1;
+                        }
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
+    var handlePickerResolution = function (data) {
+        onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
+            parsePickerData(data),
+        ]);
+    };
+    var openFilePicker = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            if (type === 'image') {
+                OSAlert_1.default.ask(__assign(__assign({ title: 'Change Image', body: 'Do you want to take a new picture or select an existing one?' }, alertProps), { options: [
+                        __assign({ text: 'Cancel', onPress: function () { } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[0]),
+                        __assign({ text: ((_b = (_a = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || 'Camera', onPress: function () {
+                                documentPicker_1.ImageCropPicker.openCamera(mergedOptions).then(handlePickerResolution);
+                            } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[1]),
+                        __assign({ text: 'Library', onPress: function () {
+                                documentPicker_1.ImageCropPicker.openPicker(mergedOptions).then(handlePickerResolution);
+                            } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[2]),
+                    ] }));
+            }
+            else {
+                openFileSystem();
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('FileInput', {
+        styles: styles,
+        variants: variants,
+    });
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        openFilePicker: openFilePicker,
+    }); });
+    var filenames = file ? file.map(function (f) { return f.name; }) : '';
+    if (mode === 'button') {
+        return (<View_1.View style={variantStyles.wrapper}>
+        <TextInput_1.InputLabel label={label} style={variantStyles.label}/>
+        <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames || placeholder} icon={iconName || 'fileInputButton'} variants={filenames ? '' : 'icon'} {...buttonProps}/>
+      </View_1.View>);
+    }
+    return null;
 });
 //# sourceMappingURL=FileInput.js.map

package/dist/components/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6CAAmC;AAEtB,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC;IACtC,OAAO,CAAC,mBAAK,AAAD,CAAE,eAAe,EAAE,mBAAI,CAAC,CAAA;AACxC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Icon.d.ts

@@ -2,12 +2,10 @@ import * as React from 'react';
 import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
 export declare type IconProps = {
     name: IconPlaceholder;
-    style?: {
-        color: string;
-        size?: string | number;
-        width?: string | number;
-        height?: string | number;
-    };
+    style?: any;
+    color?: string;
     variants?: ComponentVariants<typeof IconStyles>['variants'];
+    renderEmptySpace?: boolean;
+    size?: number;
 };
 export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -18,30 +18,44 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
+var View_1 = require("./View");
 var Icon = function (_a) {
     var _b;
-    var name = _a.name, style = _a.style, variants = _a.variants;
-    var Theme = (0, common_1.useStyle)().Theme;
-    if (!name)
-        return null;
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var logger = (0, common_1.useStyle)().logger;
-    var variantStyles = (0, common_1.useComponentStyle)('Icon', {
+    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
+    var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
         variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
         styles: {
-            icon: react_native_1.StyleSheet.flatten([style]),
-        }
+            icon: style,
+        },
+        rootElement: 'icon',
     });
+    if (!name) {
+        return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
+    }
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
     if (!Component) {
-        logger.warn('Icon', "No icon found in theme for name \"".concat(name, "\""), 'Component');
+        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
         return null;
     }
-    return <Component style={variantStyles.icon}/>;
+    return <Component {...otherProps} style={variantStyles.icon}/>;
 };
 exports.Icon = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA8G;AAC9G,6CAAyC;AAalC,IAAM,IAAI,GAAuB,UAAC,EAAuB;;QAAtB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtD,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,IAAI,EAAE,yBAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;SAClC;KACF,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;AAChD,CAAC,CAAA;AAnBY,QAAA,IAAI,QAmBhB"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AACzB,6CAAyC;AACzC,+BAA6B;AAWtB,IAAM,IAAI,GAAwB,UAAC,EAA0D;;IAAxD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAK,UAAU,cAAxD,iDAA0D,CAAF;IAC1F,IAAA,KAAoB,IAAA,2BAAkB,GAAE,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAA;IAE9C,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE;YACN,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;KACpE;IAED,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CACT,kDAA0C,IAAI,QAAI,EAClD,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAE,EAAC,EAClD,WAAW,CACZ,CAAA;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAG,CAAA;AACjE,CAAC,CAAA;AA3BY,QAAA,IAAI,QA2BhB"}

package/dist/components/Image.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { ComponentVariants, ImageStyles } from "@codeleap/common";
-import { ComponentPropsWithoutRef } from "react";
-import { Image as NativeImage } from 'react-native';
+import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
+import { ComponentPropsWithoutRef } from 'react';
+import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { FastImage } from '../modules/fastImage';
 declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
-export declare type ImageProps = Omit<NativeImageProps, 'source'> & {
+export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
     variants?: ComponentVariants<typeof ImageStyles>['variants'];
     fast?: boolean;
-    source: NativeImageProps['source'] & {
+    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+    source: (NativeImageProps['source'] & {
         priority?: keyof typeof FastImage.priority;
-    };
+    }) | MobileInputFile | string;
     resizeMode?: keyof typeof FastImage.resizeMode;
 };
 export declare const Image: React.FC<ImageProps>;

package/dist/components/Image.js

@@ -36,13 +36,13 @@ var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 var fastImage_1 = require("../modules/fastImage");
 var Image = function (props) {
-    var variants = props.variants, style = props.style, fast = props.fast, resizeMode = props.resizeMode, resizeMethod = props.resizeMethod, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode", "resizeMethod"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Image', { variants: variants });
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
     var styles = [variantStyles.wrapper, style];
     if (fast) {
-        return <fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>;
+        return (<fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
     }
-    return <react_native_1.Image style={styles} {...imageProps}/>;
+    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
 };
 exports.Image = Image;
 //# sourceMappingURL=Image.js.map

package/dist/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAoF;AAEpF,6CAAmD;AACnD,kDAA8C;AAYvC,IAAM,KAAK,GAAwB,UAAC,KAAK;IAExC,IAAA,QAAQ,GAMR,KAAK,SANG,EACR,KAAK,GAKL,KAAK,MALA,EACL,IAAI,GAIJ,KAAK,KAJD,EACJ,UAAU,GAGV,KAAK,WAHK,EACV,YAAY,GAEZ,KAAK,aAFO,EACT,UAAU,UACb,KAAK,EAPH,2DAOL,CADgB,CACR;IAET,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAA;IAE5D,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAG7C,IAAG,IAAI,EAAC;QACJ,OAAO,CAAC,qBAAS,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,UAAU,CAAC,CAAE,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC3D,IAAI,UAAU,CAAC,EACjB,CAAA;KACL;IACD,OAAO,CAAC,oBAAW,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,IAAI,UAAU,CAAC,EACjB,CAAA;AACN,CAAC,CAAA;AA1BY,QAAA,KAAK,SA0BjB"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAKyB;AAEzB,6CAMqB;AACrB,kDAAgD;AAgBzC,IAAM,KAAK,GAAyB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAgE,KAAK,SAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAuD,KAAK,KAAjD,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAA0C,KAAK,WAAzB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAK,UAAU,UAAK,KAAK,EAA/E,2CAAuE,CAAF,CAAU;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAErE,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,UAAU,CAAC,CAAC,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC1D,IAAI,UAAU,CAAC,EACf,CACH,CAAA;KACF;IACD,OAAO,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,IAAK,UAAkB,CAAC,EAAG,CAAA;AACxF,CAAC,CAAA;AAjBY,QAAA,KAAK,SAiBjB"}

package/dist/components/List.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { KeyboardAwareFlatListProps } from 'react-native-keyboard-aware-scroll-view';
+import { FlatList } from 'react-native';
+import { ViewProps } from './View';
+export declare type FlatListProps = KeyboardAwareFlatListProps<any> & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    separators?: boolean;
+};
+export declare const List: React.ForwardRefExoticComponent<Pick<FlatListProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "data" | "variants" | "responsiveVariants" | "component" | "css" | "is" | "not" | "up" | "down" | "onHover" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData" | "refreshing" | "progressViewOffset" | "renderItem" | "ItemSeparatorComponent" | "ListEmptyComponent" | "ListFooterComponent" | "ListFooterComponentStyle" | "ListHeaderComponent" | "ListHeaderComponentStyle" | "columnWrapperStyle" | "extraData" | "getItemLayout" | "initialNumToRender" | "initialScrollIndex" | "keyExtractor" | "legacyImplementation" | "numColumns" | "onEndReached" | "onEndReachedThreshold" | "onViewableItemsChanged" | "viewabilityConfig" | "debug" | "disableVirtualization" | "getItem" | "getItemCount" | "inverted" | "listKey" | "maxToRenderPerBatch" | "onScrollToIndexFailed" | "renderScrollComponent" | "updateCellsBatchingPeriod" | "viewabilityConfigCallbackPairs" | "windowSize" | "CellRendererComponent" | "separators"> & React.RefAttributes<FlatList<any>>>;