@codeleap/mobile 2.0.0 → 2.0.3

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

@@ -1,6 +1,11 @@
-export declare type TextComposition = 'text';
+import { StylesOf } from '@codeleap/common';
+import { FeedbackConfig } from '../../utils';
+export declare type TextComposition = 'text' | 'touchFeedback';
+export declare type TextStylesGen<TCSS = any> = StylesOf<'text', TCSS> & {
+    'pressFeedback'?: FeedbackConfig;
+};
 export declare const TextStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
     h1: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
     h2: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
     h3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
@@ -12,54 +17,54 @@ export declare const TextStyles: {
     p3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
     p4: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
     link: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+    OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TextStylesGen<any>;
 };

package/dist/components/Text/styles.js

@@ -15,9 +15,17 @@ exports.TextStyles = void 0;
 var common_1 = require("@codeleap/common");
 var createTextStyle = (0, common_1.createDefaultVariantFactory)();
 var presets = (0, common_1.includePresets)(function (styles) { return createTextStyle(function () { return ({ text: styles }); }); });
-exports.TextStyles = __assign(__assign({}, presets), { default: createTextStyle(function (theme) { return ({
-        text: __assign({ fontFamily: theme.typography.fontFamily }, (0, common_1.assignTextStyle)('p1')(theme).text),
-    }); }), h1: (0, common_1.assignTextStyle)('h1'), h2: (0, common_1.assignTextStyle)('h2'), h3: (0, common_1.assignTextStyle)('h3'), h4: (0, common_1.assignTextStyle)('h4'), h5: (0, common_1.assignTextStyle)('h5'), h6: (0, common_1.assignTextStyle)('h6'), p1: (0, common_1.assignTextStyle)('p1'), p2: (0, common_1.assignTextStyle)('p2'), p3: (0, common_1.assignTextStyle)('p3'), p4: (0, common_1.assignTextStyle)('p4'), link: (0, common_1.assignTextStyle)('p1'), OSAlertBody: createTextStyle(function (theme) { return ({
+exports.TextStyles = __assign(__assign({}, presets), { default: createTextStyle(function (theme) {
+        var defaultStyle = (0, common_1.assignTextStyle)('p1')(theme).text;
+        return {
+            text: __assign({ fontFamily: theme.typography.fontFamily }, defaultStyle),
+            pressFeedback: {
+                type: 'highlight',
+                brightness: 0,
+                shiftOpacity: 0.3,
+            },
+        };
+    }), h1: (0, common_1.assignTextStyle)('h1'), h2: (0, common_1.assignTextStyle)('h2'), h3: (0, common_1.assignTextStyle)('h3'), h4: (0, common_1.assignTextStyle)('h4'), h5: (0, common_1.assignTextStyle)('h5'), h6: (0, common_1.assignTextStyle)('h6'), p1: (0, common_1.assignTextStyle)('p1'), p2: (0, common_1.assignTextStyle)('p2'), p3: (0, common_1.assignTextStyle)('p3'), p4: (0, common_1.assignTextStyle)('p4'), link: (0, common_1.assignTextStyle)('p1'), OSAlertBody: createTextStyle(function (theme) { return ({
         text: __assign(__assign({}, (0, common_1.assignTextStyle)('p1')(theme).text), theme.presets.textCenter),
     }); }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAG/F,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAAmB,CAAA;AAEtE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CACnF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACnC,IAAI,aACF,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,IACpC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;KACF,CAAC,EALkC,CAKlC,CAAC,EACH,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,IAAI,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EAC3B,WAAW,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EALsC,CAKtC,CAAC,IACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAqH;AASrH,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAEhD,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CACnF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAA;QACtD,OAAO;YACL,IAAI,aACF,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,IACpC,YAAY,CAChB;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,GAAG;aAClB;SACF,CAAA;IACH,CAAC,CAAC,EACF,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,IAAI,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EAC3B,WAAW,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EALsC,CAKtC,CAAC,IACJ"}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ComponentVariants, FormTypes } from '@codeleap/common';
 import { ComponentPropsWithoutRef } from 'react';
+import { TextProps } from '../Text';
 import { ViewProps } from '../View';
 import { StylesOf } from '../../types';
 import { TextInput as NativeTextInput } from 'react-native';
@@ -11,6 +12,10 @@ export * from './styles';
 import { InputIconComposition, TextInputComposition, TextInputStyles } from './styles';
 import { ActionIconProps } from '../ActionIcon';
 declare type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>;
+declare type SubtitleProps = {
+    errorProps: TextProps;
+    styles: Record<'wrapper' | 'error' | 'subtitle', any>;
+};
 export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVariants<typeof TextInputStyles> & Omit<NativeProps, 'value'> & {
     multiline?: boolean;
     onChangeText?: (text: string) => void;
@@ -27,6 +32,7 @@ export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVari
     password?: boolean;
     visibilityToggle?: boolean;
     touchableWrapper?: boolean;
+    subtitle?: string | ((props: SubtitleProps) => React.ReactElement);
     onPress?: () => void;
     masking?: FormTypes.TextField['masking'];
     innerWrapperProps?: ViewProps;
@@ -158,6 +164,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     password?: boolean;
     visibilityToggle?: boolean;
     touchableWrapper?: boolean;
+    subtitle?: string | ((props: SubtitleProps) => React.ReactElement);
     onPress?: () => void;
     masking?: FormTypes.TextField['masking'];
     innerWrapperProps?: ViewProps;
@@ -165,10 +172,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     onChangeMask?: TextInputMaskProps['onChangeText'];
     required?: boolean;
 } & React.RefAttributes<NativeTextInput>>;
-export declare const FormError: ({ message, ...props }: {
-    [x: string]: any;
-    message: any;
-}) => any;
+export declare const FormError: React.FC<TextProps>;
 declare type InputIconProps = {
     styles: StylesOf<InputIconComposition>;
     commonStyles: StylesOf<InputIconComposition>;

package/dist/components/TextInput/index.js

@@ -64,11 +64,11 @@ __exportStar(require("./styles"), exports);
 var ActionIcon_1 = require("../ActionIcon");
 exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
     var _a, _b;
-    var onChange = rawprops.onChange, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "wrapperProps", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
-    var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
-    var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
+    var onChange = rawprops.onChange, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, _d = rawprops.subtitle, subtitle = _d === void 0 ? '' : _d, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _e = rawprops.required, required = _e === void 0 ? false : _e, props = __rest(rawprops, ["onChange", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "wrapperProps", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "innerWrapperProps", "masking", "subtitle", "onChangeMask", "debugName", "required"]);
+    var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocus = _f[1];
+    var _g = (0, react_1.useState)(edited), editedState = _g[0], setEdited = _g[1];
     var input = (0, react_1.useRef)(null);
-    var _g = (0, common_1.useBooleanToggle)(false), textIsVisible = _g[0], setTextVisible = _g[1];
+    var _h = (0, common_1.useBooleanToggle)(false), textIsVisible = _h[0], setTextVisible = _h[1];
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:TextInput', {
         variants: variants,
         styles: styles,
@@ -106,7 +106,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
             var _a, _b;
             (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
         }, isTextInput: true })); });
-    var _h = (0, common_1.useValidate)(value, validate), showError = _h.showError, error = _h.error;
+    var _j = (0, common_1.useValidate)(value, validate), showError = _j.showError, error = _j.error;
     var commonIconStyles = (0, common_1.getNestedStylesByKey)('icon', variantStyles);
     var leftIconStyles = (0, common_1.getNestedStylesByKey)('leftIcon', variantStyles);
     var rightIconStyles = (0, common_1.getNestedStylesByKey)('rightIcon', variantStyles);
@@ -116,7 +116,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
             isFocused ? variantStyles[key + ':focus'] : {},
             showError ? variantStyles[key + ':error'] : {},
         ];
-        return requestedStyles;
+        return react_native_1.StyleSheet.flatten(requestedStyles);
     }
     function handlePress() {
         var _a, _b;
@@ -132,7 +132,17 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
         icon: (textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden'),
         debugName: "".concat(debugName, " toggle visibility"),
     } : {};
-    return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...wrapperProps} android_ripple={null}>
+    var subtitleStyles = {
+        error: getStyles('error'),
+        wrapper: getStyles('subtitleWrapper'),
+        subtitle: getStyles('subtitle'),
+    };
+    var errorProps = { text: error.message, style: subtitleStyles.error };
+    var subtitleContent = common_1.TypeGuards.isFunction(subtitle) ? subtitle({ styles: subtitleStyles, errorProps: errorProps }) : <View_1.View style={subtitleStyles.wrapper}>
+    <exports.FormError {...errorProps}/>
+    {common_1.TypeGuards.isString(subtitle) ? <Text_1.Text text={subtitle} style={subtitleStyles.subtitle}/> : (subtitle || null)}
+  </View_1.View>;
+    return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...wrapperProps} android_ripple={null} noFeedback>
       <Label_1.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
       <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
         <exports.InputIcon isFocused={isFocused} showError={showError} styles={leftIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " left icon")} {...leftIcon}/>
@@ -143,23 +153,33 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
         <exports.InputIcon isFocused={isFocused} showError={showError} styles={rightIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " right icon")} {...rightIcon} {...visibilityToggleProps}/>
 
       </View_1.View>
-      <exports.FormError message={error.message} style={getStyles('error')}/>
+      {subtitleContent}
     </Touchable_1.Touchable>);
 });
 var FormError = function (_a) {
-    var message = _a.message, props = __rest(_a, ["message"]);
-    if (['number', 'string', 'undefined'].includes(typeof message)) {
-        var text = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
-        return <Text_1.Text text={text} variants={['p2', 'marginTop:1']} {...props}/>;
+    var text = _a.text, props = __rest(_a, ["text"]);
+    var message = text;
+    if (common_1.TypeGuards.isNumber(message)) {
+        message = message.toString();
+    }
+    if (typeof message === 'undefined') {
+        message = '';
     }
-    return message;
+    if (common_1.TypeGuards.isString(message)) {
+        var text_1 = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
+        return <Text_1.Text text={text_1} {...props}/>;
+    }
+    return <>
+    {text}
+  </>;
 };
 exports.FormError = FormError;
 var InputIcon = function (_a) {
     var styles = _a.styles, commonStyles = _a.commonStyles, isFocused = _a.isFocused, showError = _a.showError, props = __rest(_a, ["styles", "commonStyles", "isFocused", "showError"]);
     if (!props.icon)
         return null;
-    function getStyles(key) {
+    function getStyles(k) {
+        var key = k;
         if (key === 'icon')
             key = '';
         var requestedStyles = [
@@ -176,7 +196,7 @@ var InputIcon = function (_a) {
         icon: getStyles('icon'),
         touchablePressable: getStyles('touchablePressable'),
         touchableWrapper: getStyles('touchableWrapper'),
-        touchableRipple: getStyles('touchableRipple'),
+        touchableFeedback: getStyles('touchableFeedback'),
     };
     return <ActionIcon_1.ActionIcon styles={iconStyles} {...props}/>;
 };

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

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

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

@@ -2,7 +2,7 @@ import { ActionIconParts } from '../ActionIcon';
 export declare type IconParts = Exclude<ActionIconParts, 'icon' | 'icon:disabled'>;
 declare type InputIcons = 'icon' | 'leftIcon' | 'rightIcon';
 export declare type InputIconComposition = `${InputIcons}${Capitalize<IconParts>}` | InputIcons;
-declare type TextInputParts = 'wrapper' | InputIconComposition | 'textField' | 'label' | 'innerWrapper' | 'error' | 'placeholder' | 'selection' | 'requiredAsterisk' | 'labelWrapper';
+declare type TextInputParts = 'wrapper' | InputIconComposition | 'textField' | 'label' | 'innerWrapper' | 'error' | 'subtitle' | 'subtitleWrapper' | 'placeholder' | 'selection' | 'requiredAsterisk' | 'labelWrapper';
 export declare type TextInputComposition = `${TextInputParts}:error` | `${TextInputParts}:focus` | TextInputParts;
 export declare const TextInputStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;

package/dist/components/TextInput/styles.js

@@ -38,9 +38,17 @@ exports.TextInputStyles = __assign(__assign({}, presets), { default: createTextI
         'icon:focus': {
             color: theme.colors.primary,
         },
-        leftIconTouchableWrapper: __assign({}, theme.spacing.marginRight(1)),
-        rightIconTouchableWrapper: __assign({}, theme.spacing.marginLeft(1)),
-        error: __assign({ color: theme.colors.negative }, theme.spacing.marginTop(0.5)),
+        leftIconTouchableWrapper: {
+        // ...theme.spacing.marginRight(0.5),
+        },
+        rightIconTouchableWrapper: {
+        // ...theme.spacing.marginLeft(0.5),
+        },
+        error: {
+            color: theme.colors.negative,
+        },
+        subtitleWrapper: __assign(__assign(__assign(__assign({}, theme.spacing.marginTop(0.2)), theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter),
+        subtitle: __assign({}, theme.presets.textRight),
         'label:error': {
             color: theme.colors.negative,
         },

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

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

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

@@ -11,8 +11,8 @@ export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressa
     debugName: string;
     activeOpacity?: number;
     debugComponent?: string;
-    feedbackVariant?: 'opacity' | 'none' | 'highlight';
     onPress?: AnyFunction;
+    noFeedback?: boolean;
     styles?: StylesOf<TouchableComposition>;
 } & BaseViewProps;
 export * from './styles';

package/dist/components/Touchable/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -55,28 +44,38 @@ var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 var react_native_animatable_1 = require("react-native-animatable");
 var View_1 = require("../View");
+var utils_1 = require("../../utils");
 __exportStar(require("./styles"), exports);
-var rippleStyles = {
+var defaultWrapperStyles = {
     paddingTop: 0,
     paddingLeft: 0,
     paddingRight: 0,
     paddingBottom: 0,
     overflow: 'hidden',
+    alignItems: 'stretch',
 };
 var defaultPressableStyles = {
     marginTop: 0,
     marginLeft: 0,
     marginRight: 0,
     marginBottom: 0,
-    // height: '100%',
-    minWidth: '100%',
-    // minHeight: '100%',
-    // maxHeight: '100%',
-    maxWidth: '100%',
+};
+var ripplePressableStyles = {
+// position: 'absolute',
+// top: 0,
+// left: 0,
+// right: 0,
+// bottom: 0,
+// width: '100%',
+// minWidth: '100%',
+// maxWidth: '100%',
+// height: '100%',
+// minHeight: '100%',
+// maxHeight: '100%',
+// flex: 1,
 };
 exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
-    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, _b = touchableProps.activeOpacity, activeOpacity = _b === void 0 ? 0.5 : _b, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, styles = touchableProps.styles, _c = touchableProps.feedbackVariant, feedbackVariant = _c === void 0 ? 'opacity' : _c, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "activeOpacity", "debugName", "debugComponent", "styles", "feedbackVariant"]);
-    var _feedbackVariant = onPress ? feedbackVariant : 'none';
+    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.noFeedback, noFeedback = _b === void 0 ? false : _b, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "noFeedback", "styles"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
         variants: variants,
         transform: react_native_1.StyleSheet.flatten,
@@ -92,34 +91,70 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
         onPress && onPress();
     };
     var _styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
-    var hasRipple = (!!variantStyles.ripple || !!props.android_ripple) && _feedbackVariant !== 'none';
-    function getFeedbackStyle(pressed) {
-        if (react_native_1.Platform.OS === 'android' && hasRipple)
-            return {};
-        switch (_feedbackVariant) {
-            case 'highlight':
-                return {
-                    backgroundColor: pressed ? '#e0e0e0' : 'transparent',
-                };
-                break;
-            case 'opacity':
-                return {
-                    opacity: pressed ? activeOpacity : 1,
-                };
-            case 'none':
-                return {};
-        }
-    }
-    var rippleConfig = hasRipple ? __assign(__assign({}, (variantStyles.ripple || {})), (props.android_ripple || {})) : null;
+    var disableFeedback = !onPress || noFeedback;
+    var _c = (0, utils_1.usePressableFeedback)(_styles, {
+        hightlightPropertyIn: 'backgroundColor',
+        hightlightPropertyOut: 'backgroundColor',
+        disabled: disableFeedback,
+        feedbackConfig: variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.feedback,
+    }), rippleConfig = _c.rippleConfig, getFeedbackStyle = _c.getFeedbackStyle;
     var Wrapper = View_1.View;
-    return (<Wrapper style={[_styles, rippleStyles]}>
+    var _d = React.useMemo(function () {
+        var wrapperkeys = [
+            'margin',
+            'alignSelf',
+            'border',
+            // 'flex!',
+        ];
+        var sharedKeys = [
+            'width!',
+            'height!',
+            'flex!',
+            'position!',
+            'top!',
+            'left!',
+            'right!',
+            'bottom!',
+        ];
+        var wrapperStyle = {};
+        var pressableStyle = {};
+        var match = function (k, key) {
+            if (k.endsWith('!')) {
+                return key === k.substring(0, k.length - 1);
+            }
+            else {
+                return key.startsWith(k);
+            }
+        };
+        Object.entries(_styles).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (wrapperkeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+            }
+            else if (sharedKeys.some(function (k) { return match(k, key); })) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+            }
+            else {
+                pressableStyle[key] = value;
+            }
+        });
+        wrapperStyle.overflow = 'hidden';
+        // wrapperStyle.flexDirection = 'row'
+        // wrapperStyle.alignItems = 'stretch'
+        return {
+            wrapperStyle: wrapperStyle,
+            pressableStyle: pressableStyle,
+        };
+    }, [JSON.stringify(_styles)]), wrapperStyle = _d.wrapperStyle, pressableStyle = _d.pressableStyle;
+    return (<Wrapper style={[wrapperStyle]}>
       <react_native_1.Pressable onPress={press} style={function (_a) {
             var pressed = _a.pressed;
             return ([
+                // defaultPressableStyles,
+                pressableStyle,
+                // !!rippleConfig && ripplePressableStyles,
                 getFeedbackStyle(pressed),
-                variantStyles.pressable,
-                _styles,
-                defaultPressableStyles,
             ]);
         }} android_ripple={rippleConfig} {...props} ref={ref}>
         {children}