@codeleap/mobile 1.3.1 → 1.4.0

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

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

package/dist/components/RadioInput/styles.js

@@ -21,7 +21,7 @@ exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles
         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 __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: {
                 backgroundColor: theme.colors.primary,
                 position: 'absolute',
                 left: '50%',
@@ -30,12 +30,12 @@ exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles
                 width: markHeight,
                 transform: [{ translateX: translateX }, { translateY: translateY }],
                 borderRadius: theme.borderRadius.large,
-                opacity: 0
+                opacity: 0,
             }, 'buttonMark:checked': {
-                opacity: 1
+                opacity: 1,
             } });
     }), square: createRadioStyle(function () { return ({
-        'buttonMark': {
+        buttonMark: {
             borderRadius: 0,
         },
         button: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAkF;AAOlF,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAEnF,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,GAAC,CAAC,CAAC,CAAA;QAClC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,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,GAGjC,YAAY,EAAE;gBACZ,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,EAAC,UAAU,YAAA,EAAC,EAAC,EAAC,UAAU,YAAA,EAAC,CAAC;gBACtC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,OAAO,EAAE,CAAC;aACX,EACD,oBAAoB,EAAE;gBAClB,OAAO,EAAE,CAAC;aACb,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,YAAY,EAAE;YACZ,YAAY,EAAE,CAAC;SAChB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;SAEhB;KACF,CAAC,EAR6B,CAQ7B,CAAC,IACJ"}
+{"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"}

package/dist/components/Scroll.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
-import { ScrollView } from 'react-native';
+import { ScrollView, ViewStyle } from 'react-native';
 import { ViewProps } from './View';
 export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
     onRefresh?: () => void;
     refreshTimeout?: number;
     changeData?: any;
+    styles?: ViewStyle;
 };
-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" | "css" | "is" | "not" | "up" | "down" | "onHover" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData"> & React.RefAttributes<ScrollView>>;
+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" | "css" | "is" | "not" | "up" | "down" | "onHover" | "styles" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData"> & React.RefAttributes<ScrollView>>;

package/dist/components/Scroll.js

@@ -38,7 +38,7 @@ var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-a
 var react_native_1 = require("react-native");
 var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
 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, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData"]);
+    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, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles"]);
     var hasRefresh = !!props.onRefresh;
     var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
     var timer = React.useRef(null);
@@ -61,13 +61,16 @@ exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
             }
         }
     }, [refreshing, changeData]);
-    var Theme = (0, common_1.useStyle)().Theme;
-    var variantStyles = (0, common_1.useComponentStyle)('View', {
-        variants: variants
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+        styles: {
+            wrapper: styles,
+        },
+        rootElement: 'wrapper',
     });
-    return (<KeyboardAwareScrollView style={[Theme.presets.full, variantStyles.wrapper, style]} ref={ref} {...props} refreshControl={hasRefresh &&
-            <react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>}> 
-      {children}
-    </KeyboardAwareScrollView>);
+    return (<KeyboardAwareScrollView style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}>
+        {children}
+      </KeyboardAwareScrollView>);
 });
 //# sourceMappingURL=Scroll.js.map

package/dist/components/Scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAAgG;AAChG,mGAA0H;AAC1H,6CAAyD;AAUzD,IAAM,uBAAuB,GAAG,iEAO/B,CAAA;AAGY,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA0B,UAAC,WAAW,EAAE,GAAG;IAEvE,IAAA,KAME,WAAW,SANA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAKH,WAAW,MALR,EACL,KAIE,WAAW,eAJQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAGN,WAAW,SAHL,EACR,UAAU,GAER,WAAW,WAFH,EACP,KAAK,UACN,WAAW,EAPT,iEAOL,CADS,CACK;IACf,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,IAAG,KAAK,CAAC,OAAO,EAAC;YACf,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;IAEpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAG,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAC;YACpD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAG,KAAK,CAAC,OAAO,EAAC;gBACf,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,IAAA,KAAK,GACH,IAAA,iBAAQ,GAAE,MADP,CACO;IAEd,IAAM,aAAa,GAAI,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC/C,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,OAAO,CAEL,CAAC,uBAAuB,CACtB,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAC1D,GAAG,CAAC,CAAC,GAA4B,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU;YACR,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CACL,CAED;MAAA,CAAE,QAAQ,CACZ;IAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,mGAGgD;AAChD,6CAAqF;AAWrF,IAAM,uBAAuB,GAC3B,iEAMC,CAAA;AAEU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,UAAC,WAAW,EAAE,GAAG;IAEb,IAAA,KAOE,WAAW,SAPA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAMH,WAAW,MANR,EACL,KAKE,WAAW,eALQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAIN,WAAW,SAJL,EACR,UAAU,GAGR,WAAW,WAHH,EACV,MAAM,GAEJ,WAAW,OAFP,EACH,KAAK,UACN,WAAW,EART,2EAQL,CADS,CACK;IACf,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;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,uBAAuB,CACtB,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,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,CAED;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/components/Sections.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { KeyboardAwareSectionListProps } from 'react-native-keyboard-aware-scroll-view';
+import { SectionList } from 'react-native';
+import { ViewProps } from './View';
+export declare type SectionListProps = 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" | "css" | "is" | "not" | "up" | "down" | "onHover" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData" | "refreshing" | "progressViewOffset" | "renderItem" | "ItemSeparatorComponent" | "ListEmptyComponent" | "ListFooterComponent" | "ListFooterComponentStyle" | "ListHeaderComponent" | "ListHeaderComponentStyle" | "extraData" | "getItemLayout" | "initialNumToRender" | "initialScrollIndex" | "keyExtractor" | "legacyImplementation" | "onEndReached" | "onEndReachedThreshold" | "onViewableItemsChanged" | "viewabilityConfig" | "debug" | "disableVirtualization" | "getItem" | "getItemCount" | "inverted" | "listKey" | "maxToRenderPerBatch" | "onScrollToIndexFailed" | "renderScrollComponent" | "updateCellsBatchingPeriod" | "viewabilityConfigCallbackPairs" | "windowSize" | "CellRendererComponent" | "separators" | "SectionSeparatorComponent" | "renderSectionHeader" | "renderSectionFooter" | "sections" | "stickySectionHeadersEnabled"> & React.RefAttributes<SectionList<any, import("react-native").DefaultSectionT>>>;

package/dist/components/Sections.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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;
+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;
+    var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
+    var timer = React.useRef(null);
+    var previousData = (0, common_1.usePrevious)(changeData);
+    var onRefresh = function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        setRefreshing(true);
+        props.onRefresh();
+        timer.current = setTimeout(function () {
+            setRefreshing(false);
+        }, refreshTimeout);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshing, changeData]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+    });
+    var renderSeparator = function () {
+        return (<View_1.View variants={['separator']}></View_1.View>);
+    };
+    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}/>)}/>);
+});
+//# sourceMappingURL=Sections.js.map

package/dist/components/Sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sections.js","sourceRoot":"","sources":["../../src/components/Sections.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,mGAGgD;AAChD,6CAA0D;AAC1D,+BAAwC;AAUxC,IAAM,wBAAwB,GAC5B,kEAKC,CAAA;AAEU,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,wBAAwB,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/Select/index.d.ts

@@ -1,2 +1,5 @@
-import * as React from 'react';
-export declare const Select: React.FC;
+/// <reference types="react" />
+import { CustomSelectProps } from './types';
+export declare const Select: <T extends string | number = string>(selectProps: CustomSelectProps<T>) => JSX.Element;
+export * from './styles';
+export * from './types';

package/dist/components/Select/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -18,14 +29,116 @@ 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)
+        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.Select = void 0;
-var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Button_1 = require("../Button");
+var Scroll_1 = require("../Scroll");
+var TextInput_1 = require("../TextInput");
+var Touchable_1 = require("../Touchable");
 var View_1 = require("../View");
-var Select = function () {
-    return <View_1.View>
-
-    </View_1.View>;
+var Select = function (selectProps) {
+    var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, _c = selectProps.scroll, scroll = _c === void 0 ? false : _c, _d = selectProps.showClose, showClose = _d === void 0 ? true : _d, _e = selectProps.showLabelOnModal, showLabelOnModal = _e === void 0 ? true : _e, _f = selectProps.placeholder, placeholder = _f === void 0 ? 'Select' : _f, _g = selectProps.arrowIconName, arrowIconName = _g === void 0 ? 'selectArrow' : _g, footer = selectProps.footer, _h = selectProps.modalCloseIconName, modalCloseIconName = _h === void 0 ? 'close' : _h, header = selectProps.header, closeButtonProps = selectProps.closeButtonProps, modalLabel = selectProps.modalLabel, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel"]);
+    var _j = (0, common_1.useBooleanToggle)(false), isModalVisible = _j[0], setModalVisibility = _j[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MobileSelect', {
+        transform: react_native_1.StyleSheet.flatten,
+        rootElement: 'inputWrapper',
+        styles: styles,
+        variants: variants,
+    });
+    var inputStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('input', variantStyles); }, [variantStyles]);
+    var closeButtonStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('modalCloseButton', variantStyles); }, [variantStyles]);
+    var ListComponent = scroll ? Scroll_1.Scroll : View_1.View;
+    var close = function () { return setModalVisibility(); };
+    var select = function (value) {
+        onValueChange(value);
+        if (closeOnSelect) {
+            close();
+        }
+    };
+    var selectedLabel = (0, react_1.useMemo)(function () {
+        var _a;
+        var current = options.find(function (o) { return o.value === value; });
+        var display = (_a = current === null || current === void 0 ? void 0 : current.label) !== null && _a !== void 0 ? _a : placeholder;
+        return common_1.TypeGuards.isString(display) ? display : '';
+    }, [value, placeholder, options]);
+    return <> 
+    <TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
+            name: arrowIconName,
+        }} editable={false} touchableWrapper innerWrapperProps={{
+            onPress: close,
+        }} label={label} styles={inputStyles} style={style} {...props}/>
+    <View_1.AnimatedView pointerEvents={'none'} transition='opacity' style={[
+            {
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                left: 0,
+                bottom: 0,
+            },
+            variantStyles.backdrop,
+            isModalVisible ? variantStyles['backdrop:visible'] : variantStyles['backdrop:hidden'],
+        ]}/>
+    
+    <react_native_1.Modal animationType='slide' transparent={true} visible={isModalVisible} onRequestClose={function () {
+            setModalVisibility();
+        }} pointerEvents={isModalVisible ? 'auto' : 'none'}>
+      <Touchable_1.Touchable onPress={close} style={{
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            left: 0,
+            bottom: 0,
+        }}/>
+      <View_1.View style={variantStyles.modalWrapper}>
+       
+        <View_1.View style={variantStyles.modalBox}>
+          {(showClose || showLabelOnModal || header) && (<View_1.View style={variantStyles.modalHeader}>
+                {header ? header : <>
+                    {showLabelOnModal && <TextInput_1.InputLabel label={modalLabel || label} style={variantStyles.modalLabelText}/>}
+                    {showClose && <Button_1.Button icon={modalCloseIconName} onPress={close} styles={closeButtonStyles} {...closeButtonProps}/>}
+                  </>}
+              </View_1.View>)}
+          <ListComponent style={variantStyles.modalList}>
+            {options.map(function (item, idx) {
+            var isSelected = value === item.value;
+            if (renderItem) {
+                return renderItem(__assign(__assign({}, item), { selected: isSelected, onPress: close, styles: variantStyles }));
+            }
+            return <Touchable_1.Touchable key={idx} style={[
+                    variantStyles.modalItem,
+                    isSelected && variantStyles['modalItem:selected'],
+                ]} onPress={function () { return select(item.value); }}>
+                  <TextInput_1.InputLabel label={item.label} style={[variantStyles.modalItemText, isSelected && variantStyles['modalItemText:selected']]}/>
+                </Touchable_1.Touchable>;
+        })}
+          </ListComponent>
+       
+          {footer && <View_1.View style={variantStyles.modalFooter}>
+              {footer}
+            </View_1.View>} 
+        </View_1.View>
+      </View_1.View>
+    </react_native_1.Modal>
+  </>;
 };
 exports.Select = Select;
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAA8B;AAEvB,IAAM,MAAM,GAAY;IAC3B,OAAO,CAAC,WAAK,AAAD,CAEZ;;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAiI;AACjI,6CAAsC;AACtC,6CAAgD;AAChD,oCAAkC;AAClC,oCAAkC;AAElC,0CAAqD;AACrD,0CAAwC;AACxC,gCAA4C;AAIrC,IAAM,MAAM,GAAG,UAAmC,WAAgC;IAErF,IAAA,KAAK,GAoBH,WAAW,MApBR,EACL,aAAa,GAmBX,WAAW,cAnBA,EACb,KAAK,GAkBH,WAAW,MAlBR,EACL,KAiBE,WAAW,OAjBF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAgBL,WAAW,QAhBN,EACP,KAAK,GAeH,WAAW,MAfR,EACL,QAAQ,GAcN,WAAW,SAdL,EACR,UAAU,GAaR,WAAW,WAbH,EACV,KAYE,WAAW,cAZO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAWE,WAAW,OAXC,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAUE,WAAW,UAVG,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KASE,WAAW,iBATU,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,KAQE,WAAW,YARS,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,KAOE,WAAW,cAPgB,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,MAAM,GAMJ,WAAW,OANP,EACN,KAKE,WAAW,mBALe,EAA5B,kBAAkB,mBAAG,OAAO,KAAA,EAC5B,MAAM,GAIJ,WAAW,OAJP,EACN,gBAAgB,GAGd,WAAW,iBAHG,EAChB,UAAU,GAER,WAAW,WAFH,EACP,KAAK,UACN,WAAW,EArBT,mQAqBL,CADS,CACK;IAET,IAAA,KAAuC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAA7D,cAAc,QAAA,EAAE,kBAAkB,QAA2B,CAAA;IAEpE,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8C,gBAAgB,EAAE;QAC5G,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,cAAc;QAC3B,MAAM,QAAA;QACN,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,IAAA,6BAAoB,EAAC,OAAO,EAAE,aAAa,CAAC,EAA5C,CAA4C,EAClD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,cAAM,OAAA,IAAA,6BAAoB,EAAC,kBAAkB,EAAE,aAAa,CAAC,EAAvD,CAAuD,EAC7D,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IAE5C,IAAM,KAAK,GAAG,cAAM,OAAA,kBAAkB,EAAE,EAApB,CAAoB,CAAA;IACxC,IAAM,MAAM,GAAG,UAAC,KAAK;QAEnB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,aAAa,EAAC;YAChB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAU,IAAA,eAAO,EAAC;;QACnC,IAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,CAAA;QAEpD,IAAM,OAAO,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,WAAW,CAAA;QAE7C,OAAO,mBAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjC,OAAO,EACL;IAAA,CAAC,qBAAS,CAER,WAAW,CACX,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,SAAS,CAAC,CAAC;YACT,IAAI,EAAE,aAAgC;SACvC,CAAC,CACF,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,gBAAgB,CAChB,iBAAiB,CAAC,CAAC;YACjB,OAAO,EAAE,KAAK;SACf,CAAC,CACF,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,WAAW,CAAC,CACpB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,EAEZ;IAAA,CAAC,mBAAY,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/D;gBACE,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;gBACP,MAAM,EAAE,CAAC;aACV;YACD,aAAa,CAAC,QAAQ;YACtB,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC;SACtF,CAAC,EAEF;;IAAA,CAAC,oBAAK,CACJ,aAAa,CAAC,OAAO,CACrB,WAAW,CAAC,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,cAAc,CAAC,CAAC;YACd,kBAAkB,EAAE,CAAA;QACtB,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAA,CAAC,CAAC,MAAM,CAAC,CAE/C;MAAA,CAAC,qBAAS,CACR,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV,CAAC,EAEJ;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAEtC;;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAClC;UAAA,CACE,CAAC,SAAS,IAAI,gBAAgB,IAAI,MAAM,CAAC,IAAI,CAC3C,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CACrC;gBAAA,CACE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAE,EACjB;oBAAA,CAAC,gBAAgB,IAAI,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CACnG;oBAAA,CAAC,SAAS,IAAI,CAAC,eAAM,CACnB,IAAI,CAAC,CAAC,kBAAqC,CAAC,CAC5C,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAC1B,IAAI,gBAAgB,CAAC,EACrB,CACJ;kBAAA,GAAG,CAEP;cAAA,EAAE,WAAI,CAAC,CACR,CAEH;UAAA,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAC5C;YAAA,CACE,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;YACpB,IAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;YACvC,IAAI,UAAU,EAAE;gBACd,OAAO,UAAU,uBACZ,IAAI,KACP,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,aAAa,IAErB,CAAA;aACH;YAED,OAAO,CAAC,qBAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;oBACjC,aAAa,CAAC,SAAS;oBACvB,UAAU,IAAI,aAAa,CAAC,oBAAoB,CAAC;iBAClD,CAAC,CAAC,OAAO,CAAC,CAAC,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC,CACnC;kBAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa,EAAI,UAAU,IAAI,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAC/H;gBAAA,EAAE,qBAAS,CAAC,CAAA;QACd,CAAC,CAAC,CAEN;UAAA,EAAE,aAAa,CAEf;;UAAA,CACE,MAAM,IAAI,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAC/C;cAAA,CAAC,MAAM,CACT;YAAA,EAAE,WAAI,CAAC,CAEX;QAAA,EAAE,WAAI,CACR;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,oBAAK,CACT;EAAA,GAAG,CAAA;AACL,CAAC,CAAA;AApKY,QAAA,MAAM,UAoKlB;AAGD,2CAAwB;AACxB,0CAAuB"}

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

@@ -0,0 +1,9 @@
+import { ButtonParts, TextInputComposition } from '@codeleap/common';
+declare type ModalParts = 'Box' | 'Wrapper' | 'Header' | 'Footer' | 'List' | 'Item' | 'ItemText' | 'Item:selected' | 'ItemText:selected' | 'LabelText' | `CloseButton${Capitalize<ButtonParts>}`;
+declare type InputParts = `input${Capitalize<TextInputComposition>}`;
+export declare type MobileSelectParts = InputParts | `backdrop` | `backdrop:visible` | `backdrop:hidden` | `modal${ModalParts}`;
+export declare type MobileSelectComposition = MobileSelectParts;
+export declare const MobileSelectStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileSelectParts, any>>;
+};
+export {};

package/dist/components/Select/styles.js

@@ -0,0 +1,57 @@
+"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.MobileSelectStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
+exports.MobileSelectStyles = {
+    default: createSelectStyle(function (theme) { return ({
+        modalBox: {
+            // ...MobileModalStyles.default(theme).box,
+            backgroundColor: theme.colors.background,
+            borderTopLeftRadius: 20,
+            borderTopRightRadius: 20,
+            zIndex: 1,
+            elevation: 5,
+        },
+        modalWrapper: {
+            // ...MobileModalStyles.default(theme).wrapper,
+            flex: 1,
+            alignItems: 'stretch',
+            justifyContent: 'flex-end',
+        },
+        modalItem: __assign(__assign(__assign({}, theme.spacing.paddingVertical(1)), theme.spacing.paddingHorizontal(2)), { color: theme.colors.text }),
+        'modalItemText:selected': {
+            color: theme.colors.primary,
+        },
+        modalList: __assign({}, theme.spacing.marginVertical(0.6)),
+        backdrop: {
+            // ...MobileModalStyles.default(theme).overlay,
+            zIndex: 10,
+            flex: 1,
+            backgroundColor: theme.colors.black,
+        },
+        'backdrop:hidden': {
+            opacity: 0,
+        },
+        'backdrop:visible': {
+            opacity: 0.4,
+        },
+        modalHeader: __assign(__assign(__assign(__assign({}, theme.spacing.padding(2)), { flexDirection: 'row' }), theme.presets.alignCenter), theme.presets.justifySpaceBetween),
+        modalLabelText: __assign({}, (0, common_1.assignTextStyle)('p2')(theme).text),
+        modalCloseButtonWrapper: {
+            backgroundColor: 'transparent',
+        },
+    }); }),
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAkH;AAyBlH,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEnE,QAAA,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,QAAQ,EAAE;YACR,2CAA2C;YAC3C,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,mBAAmB,EAAE,EAAE;YACvB,oBAAoB,EAAE,EAAE;YACxB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,CAAC;SACb;QACD,YAAY,EAAE;YACZ,+CAA+C;YAC/C,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,SAAS;YACrB,cAAc,EAAE,UAAU;SAC3B;QACD,SAAS,iCACJ,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,KACrC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,GACzB;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B;QACD,SAAS,eACJ,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CACrC;QACD,QAAQ,EAAE;YACR,+CAA+C;YAC/C,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,CAAC;YAEP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SACpC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;SACX;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,GAAG;SACb;QACD,WAAW,0CACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,aAAa,EAAE,KAAK,KACjB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,mBAAmB,CACrC;QACD,cAAc,eACT,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CACrC;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EAnDoC,CAmDpC,CAAC;CACJ,CAAA"}