@codeleap/mobile 1.9.33 → 2.0.2

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

@@ -1,57 +1,57 @@
-declare type RadioParts = 'button' | 'itemWrapper' | 'text' | 'buttonMark';
+declare type RadioParts = 'button' | 'itemWrapper' | 'text' | 'buttonMark' | 'buttonFeedback';
 declare type RadioGroupParts = 'label' | 'wrapper' | 'list';
-export declare type MobileRadioInputComposition = `${RadioParts}:checked` | RadioParts | RadioGroupParts;
-export declare const MobileRadioInputStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileRadioInputComposition, any>>;
-    square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileRadioInputComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+export declare type RadioInputComposition = `${RadioParts}:checked` | RadioParts | RadioGroupParts;
+export declare const RadioInputStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
 };
 export {};

package/dist/components/RadioInput/styles.js

@@ -11,17 +11,20 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileRadioInputStyles = void 0;
+exports.RadioInputStyles = void 0;
 var common_1 = require("@codeleap/common");
 var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
-var defaultStyles = common_1.RadioInputStyles.default;
-exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
-        var style = defaultStyles(theme);
+var presets = (0, common_1.includePresets)(function (style) { return createRadioStyle(function () { return ({ wrapper: style }); }); });
+exports.RadioInputStyles = __assign(__assign({}, presets), { default: createRadioStyle(function (theme) {
         var itemHeight = theme.typography.baseFontSize * 1.2;
         var markHeight = itemHeight / 2;
         var translateX = -(markHeight / 2);
         var translateY = -(markHeight / 2);
-        return __assign(__assign({}, style), { itemWrapper: __assign({}, style.itemWrapper), button: __assign(__assign(__assign({ height: itemHeight, width: itemHeight }, theme.border.primary(1)), { borderRadius: theme.borderRadius.large, position: 'relative' }), theme.spacing.marginRight(1)), buttonMark: {
+        return {
+            itemWrapper: __assign(__assign({}, theme.presets.row), theme.spacing.marginVertical(1.3)),
+            button: __assign(__assign(__assign({ height: itemHeight, width: itemHeight }, theme.border.primary(1)), { borderRadius: theme.borderRadius.large, position: 'relative' }), theme.spacing.marginRight(1)),
+            buttonFeedback: { type: 'opacity', value: 0.5 },
+            buttonMark: {
                 backgroundColor: theme.colors.primary,
                 position: 'absolute',
                 left: '50%',
@@ -31,9 +34,11 @@ exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles
                 transform: [{ translateX: translateX }, { translateY: translateY }],
                 borderRadius: theme.borderRadius.large,
                 opacity: 0,
-            }, 'buttonMark:checked': {
+            },
+            'buttonMark:checked': {
                 opacity: 1,
-            } });
+            },
+        };
     }), square: createRadioStyle(function () { return ({
         buttonMark: {
             borderRadius: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AAUzB,IAAM,gBAAgB,GACpB,IAAA,oCAA2B,GAA+B,CAAA;AAE5D,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,sBAAsB,yBAC9B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAElC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QACtD,IAAM,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,6BACK,KAAK,KACR,WAAW,eACN,KAAK,CAAC,WAAW,GAEtB,MAAM,+BACJ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAEtC,QAAQ,EAAE,UAAU,KACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAEjC,UAAU,EAAE;gBACV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACrC,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBACV,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,UAAU;gBAEjB,SAAS,EAAE,CAAC,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,UAAU,YAAA,EAAE,CAAC;gBAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,OAAO,EAAE,CAAC;aACX,EACD,oBAAoB,EAAE;gBACpB,OAAO,EAAE,CAAC;aACX,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,UAAU,EAAE;YACV,YAAY,EAAE,CAAC;SAChB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,EAP6B,CAO7B,CAAC,IACJ"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAEyB;AAUzB,IAAM,gBAAgB,GACpB,IAAA,oCAA2B,GAAyB,CAAA;AAEtD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAA,KAAK,IAAI,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CAAC,CAAA;AAExE,QAAA,gBAAgB,yBACxB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAE9B,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QACtD,IAAM,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,OAAO;YACL,WAAW,wBACN,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CACrC;YACD,MAAM,+BACJ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAEtC,QAAQ,EAAE,UAAU,KACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAChC;YACD,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE;YAC/C,UAAU,EAAE;gBACV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACrC,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBACV,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,UAAU;gBAEjB,SAAS,EAAE,CAAC,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,UAAU,YAAA,EAAE,CAAC;gBAC3C,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,OAAO,EAAE,CAAC;aACX;YACD,oBAAoB,EAAE;gBACpB,OAAO,EAAE,CAAC;aACX;SACF,CAAA;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,UAAU,EAAE;YACV,YAAY,EAAE,CAAC;SAChB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,EAP6B,CAO7B,CAAC,IACJ"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { RefreshControlProps, ScrollView } from 'react-native';
+import { ViewProps } from '../View';
+import { KeyboardAwareScrollViewTypes } from '../../modules';
+import { StylesOf } from '../../types';
+import { ScrollComposition } from './styles';
+declare type KeyboardAwareScrollViewProps = KeyboardAwareScrollViewTypes.KeyboardAwareScrollViewProps;
+export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    keyboardAware?: boolean;
+    refreshing?: boolean;
+    styles?: StylesOf<ScrollComposition>;
+    refreshControlProps?: Partial<RefreshControlProps>;
+};
+export declare const Scroll: React.ForwardRefExoticComponent<Pick<ScrollProps, "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" | "variants" | "responsiveVariants" | "component" | "animated" | "css" | "is" | "not" | "up" | "down" | "onHover" | "styles" | "refreshControl" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "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" | "keyboardAware" | "refreshing" | "refreshControlProps"> & React.RefAttributes<ScrollView>>;
+export * from './styles';

package/dist/components/{Scroll.js → Scroll/index.js}

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 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)
@@ -38,13 +41,12 @@ exports.Scroll = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var common_1 = require("@codeleap/common");
-var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
 var react_native_1 = require("react-native");
-var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
+var utils_1 = require("../../utils");
 exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
-    var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, styles = scrollProps.styles, _c = scrollProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "keyboardAware"]);
+    var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, _c = scrollProps.styles, styles = _c === void 0 ? {} : _c, _d = scrollProps.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, _e = scrollProps.keyboardAware, keyboardAware = _e === void 0 ? true : _e, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "refreshControlProps", "keyboardAware"]);
     var hasRefresh = !!props.onRefresh;
-    var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
+    var _f = (0, react_1.useState)(false), refreshingState = _f[0], setRefreshing = _f[1];
     var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
     var timer = React.useRef(null);
     var previousData = (0, common_1.usePrevious)(changeData);
@@ -67,16 +69,17 @@ exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
         }
     }, [refreshingDisplay, changeData]);
     var Theme = (0, common_1.useCodeleapContext)().Theme;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Scroll', {
         variants: variants,
-        styles: {
-            wrapper: styles,
-        },
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
         rootElement: 'wrapper',
     });
-    var Component = keyboardAware ? KeyboardAwareScrollView : react_native_1.ScrollView;
-    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} {...props}>
+    var Component = keyboardAware ? utils_1.KeyboardAwareScrollView : react_native_1.ScrollView;
+    var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
+    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>)} {...props}>
         {children}
       </Component>);
 });
-//# sourceMappingURL=Scroll.js.map
+__exportStar(require("./styles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,6CAA0F;AAK1F,qCAAqD;AAexC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,UAAC,WAAW,EAAE,GAAG;IAEb,IAAA,KASE,WAAW,SATA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAQH,WAAW,MARR,EACL,KAOE,WAAW,eAPQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAMN,WAAW,SANL,EACR,UAAU,GAKR,WAAW,WALH,EACV,KAIE,WAAW,OAJF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAGE,WAAW,oBAHW,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,KAEE,WAAW,cAFO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,UACN,WAAW,EAVT,mHAUL,CADS,CACK;IACf,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAAmC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAjD,eAAe,QAAA,EAAE,aAAa,QAAmB,CAAA;IACxD,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7F,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,iBAAiB,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YAC7D,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAA;IAC3B,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAkC,UAAU,EAAE;QAC1F,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,+BAAuB,CAAC,CAAC,CAAC,yBAAU,CAAA;IACtE,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAC/F,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA4B,CAAC,CAClC,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAChC,MAAM,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAC/B,IAAI,mBAAmB,CAAC,EACxB,CACH,CACF,CACD,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,2CAAwB"}

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

@@ -0,0 +1,4 @@
+export declare type ScrollComposition = 'wrapper' | 'content' | 'refreshControl';
+export declare const ScrollStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ScrollComposition, any>>;
+};

package/dist/components/Scroll/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createScrollStyle = (0, common_1.createDefaultVariantFactory)();
+exports.ScrollStyles = {
+    default: createScrollStyle(function (theme) {
+        return {
+            wrapper: __assign({}, theme.presets.fullHeight),
+            refreshControl: {
+                color: theme.colors.primary,
+            },
+        };
+    }),
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Scroll/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAI9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,OAAO;YACL,OAAO,eACF,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC5B;SACF,CAAA;IACH,CAAC,CAAC;CACH,CAAA"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { SectionList } from 'react-native';
+import { ViewProps } from '../View';
+import { KeyboardAwareScrollViewTypes } from '../../modules';
+export declare type SectionListProps = KeyboardAwareScrollViewTypes.KeyboardAwareSectionListProps<any> & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    separators?: boolean;
+};
+export declare const Sections: React.ForwardRefExoticComponent<Pick<SectionListProps, "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" | "animated" | "css" | "is" | "not" | "up" | "down" | "onHover" | "refreshControl" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "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" | "ItemSeparatorComponent" | "ListEmptyComponent" | "ListFooterComponent" | "ListFooterComponentStyle" | "ListHeaderComponent" | "ListHeaderComponentStyle" | "extraData" | "getItemLayout" | "initialNumToRender" | "initialScrollIndex" | "keyExtractor" | "legacyImplementation" | "onEndReached" | "onEndReachedThreshold" | "onViewableItemsChanged" | "renderItem" | "viewabilityConfig" | "debug" | "disableVirtualization" | "getItem" | "getItemCount" | "inverted" | "listKey" | "maxToRenderPerBatch" | "onScrollToIndexFailed" | "renderScrollComponent" | "updateCellsBatchingPeriod" | "viewabilityConfigCallbackPairs" | "windowSize" | "CellRendererComponent" | "SectionSeparatorComponent" | "renderSectionHeader" | "renderSectionFooter" | "sections" | "stickySectionHeadersEnabled" | "separators"> & React.RefAttributes<SectionList<any, import("react-native").DefaultSectionT>>>;

package/dist/components/{Sections.js → Sections/index.js}

@@ -38,10 +38,9 @@ exports.Sections = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var common_1 = require("@codeleap/common");
-var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
 var react_native_1 = require("react-native");
-var View_1 = require("./View");
-var KeyboardAwareSectionList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareSectionList;
+var View_1 = require("../View");
+var utils_1 = require("../../utils");
 exports.Sections = (0, react_1.forwardRef)(function (flatListProps, ref) {
     var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData"]);
     var hasRefresh = !!props.onRefresh;
@@ -76,6 +75,6 @@ exports.Sections = (0, react_1.forwardRef)(function (flatListProps, ref) {
     var separatorProp = props.separators;
     var isEmpty = !props.data || !props.data.length;
     var separator = !isEmpty && separatorProp == true && renderSeparator;
-    return (<KeyboardAwareSectionList style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
+    return (<utils_1.KeyboardAwareSectionList style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
 });
-//# sourceMappingURL=Sections.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sections/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,6CAA0D;AAC1D,gCAAyC;AAEzC,qCAAsD;AAUzC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAKE,aAAa,SALF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAIH,aAAa,MAJV,EACL,KAGE,aAAa,eAHM,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,UAAU,GAER,aAAa,WAFL,EACP,KAAK,UACN,aAAa,EANX,qDAML,CADS,CACO;IACjB,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YACtD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IACpB,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,OAAO,CACL,CAAC,gCAAwB,CACvB,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA6B,CAAC,CACnC,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CACjE,CACF,EACD,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

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

@@ -24,6 +24,8 @@ export declare type SegmentedControlProps<T = string> = ScrollProps & {
         duration?: number;
         easing?: EasingFunction;
     };
+    textProps?: Partial<PropsOf<typeof Text>>;
+    touchableProps?: Partial<PropsOf<typeof Touchable>>;
     styles?: StylesOf<SegmentedControlComposition>;
     scrollProps?: any;
     RenderButton?: (props: SegmentedControlProps & {
@@ -34,7 +36,14 @@ export declare type SegmentedControlProps<T = string> = ScrollProps & {
             value: any;
         };
     }) => ReactElement;
-    RenderAnimatedView?: (props: SegmentedControlProps) => ReactElement;
+    RenderAnimatedView?: (props: Partial<SegmentedControlProps>) => ReactElement;
+    getItemWidth?: (item: {
+        label: string;
+        value: T;
+    }, idx: number, arr: {
+        label: string;
+        value: T;
+    }[]) => number;
 };
 declare type SegControlComponent = <T = string>(props: SegmentedControlProps<T> & {
     ref?: React.Ref<SegmentedControlRef>;

package/dist/components/SegmentedControl/index.js

@@ -36,6 +36,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+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.SegmentedControl = void 0;
 var react_1 = __importStar(require("react"));
@@ -47,12 +58,12 @@ var Text_1 = require("../Text");
 var View_1 = require("../View");
 __exportStar(require("./styles"), exports);
 var defaultAnimation = {
+    type: 'timing',
     duration: 200,
-    // easing: Easing.linear,
+    easing: react_native_1.Easing.linear,
 };
 var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
-    var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton;
-    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, _f = props.getItemWidth, getItemWidth = _f === void 0 ? function (i) { return i.label.length * 20; } : _f, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton, viewProps = __rest(props, ["options", "onValueChange", "debugName", "value", "styles", "animation", "variants", "scrollProps", "getItemWidth", "RenderAnimatedView", "RenderButton"]);
     var _animation = __assign(__assign({}, defaultAnimation), animation);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
         styles: styles,
@@ -69,15 +80,9 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
         });
     }
     var widthStyle = (0, react_1.useMemo)(function () {
-        var maxWordLength = Object.assign([], options)
-            .sort(function (a, b) {
-            return a.label.length - b.label.length;
-        })[0].label.length;
-        var fitMaxWidth = Theme.values.width - Theme.spacing.value(4);
-        var fitItemWidth = maxWordLength * options.length * 6;
-        if (fitItemWidth * options.length < fitMaxWidth)
-            fitItemWidth = fitMaxWidth / options.length;
-        return { width: fitItemWidth };
+        var sizes = options.map(getItemWidth);
+        var maxWidth = sizes.sort(function (a, b) { return b - a; })[0];
+        return { width: maxWidth };
     }, [options]);
     var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
     var translateX = widthStyle.width * currentOptionIdx;
@@ -103,29 +108,24 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
     }
     var AnimatedView = RenderAnimatedView || View_1.View;
     variantStyles = JSON.parse(JSON.stringify(variantStyles));
+    _animation = JSON.parse(JSON.stringify(_animation));
     return (<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} ref={scrollRef}>
       <View_1.View style={variantStyles.wrapper}>
-        <AnimatedView {...props} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
+        <AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
             translateX: translateX,
-        }} transition={_animation}/>
+        }} transition={{
+            translateX: _animation,
+        }}/>
         {options.map(function (o, idx) {
             var selected = value === o.value;
-            var touchableProps = {
-                key: idx,
-                debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label),
-                onPress: onPress(o.value, idx),
-                style: [widthStyle, variantStyles.button],
-            };
-            var textProps = {
-                text: o.label,
-                colorChangeConfig: _animation,
-                style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]),
-                animated: true,
-            };
+            var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button] }, props.touchableProps);
+            var textProps = __assign({ text: o.label, colorChangeConfig: _animation, style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]), animated: true }, props.textProps);
             if (RenderButton) {
                 return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
             }
-            return <Touchable_1.Touchable {...touchableProps} key={touchableProps.key}>
+            return <Touchable_1.Touchable {...touchableProps} noFeedback={selected} key={touchableProps.key} styles={{
+                    feedback: variantStyles.buttonFeedback,
+                }}>
             <Text_1.Text {...textProps}/>
 
           </Touchable_1.Touchable>;

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

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