@codeleap/mobile 1.9.33 → 2.0.2

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

@@ -1,54 +1,59 @@
+import { StylesOf } from '@codeleap/common';
+import { TouchableStylesGen } from '../Touchable';
 export declare type SegmentedControlStates = 'selected';
-export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | `button:${SegmentedControlStates}`;
+export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}`;
+export declare type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
+    buttonFeedback?: TouchableStylesGen['feedback'];
+};
 export declare const SegmentedControlStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
 };

package/dist/components/SegmentedControl/styles.js

@@ -17,6 +17,10 @@ var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
 var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ scrollContent: style }); }); });
 exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
         return {
+            buttonFeedback: {
+                type: 'opacity',
+                value: 0.5,
+            },
             text: {
                 color: theme.colors.text,
             },
@@ -27,9 +31,12 @@ exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: crea
                 height: theme.values.buttons.default.height,
                 // borderRadius: Theme.borderRadius.large,
             },
-            scrollContent: __assign({}, theme.spacing.paddingHorizontal(2)),
-            button: __assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), { color: 'red' }), theme.spacing.padding(2)), theme.presets.justifyCenter),
-            selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { maxHeight: 50, minHeight: 50, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
+            scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.spacing.paddingHorizontal(2)), theme.presets.alignStretch),
+            button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.large }), theme.spacing.padding(1)), { minHeight: '100%' }),
+            selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { 
+                // maxHeight: 50,
+                // minHeight: 50,
+                top: 0, bottom: 0, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
             wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
         };
     }) });

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAc9E,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA7D,CAA6D,CAAC,CAAA;AAE3F,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK;QAEzC,OAAO;YAEL,IAAI,EAAE;gBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;gBAC3C,0CAA0C;aAC3C;YACD,aAAa,eAER,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACtC;YACD,MAAM,wCACJ,eAAe,EAAE,aAAa,IAC3B,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,KAAK,EAAE,KAAK,KACT,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GACxB,KAAK,CAAC,OAAO,CAAC,aAAa,CAC/B;YACD,cAAc,sBACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,IACP,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,SAAS,EAAE,EAAE,EACb,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GACtC;YACD,OAAO,sBACL,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,IAC9C,KAAK,CAAC,OAAO,CAAC,GAAG,KACpB,QAAQ,EAAE,UAAU,GACrB;SAEF,CAAA;IAEH,CAAC,CAAC,IACH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAwF;AAuBxF,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAG5D,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA7D,CAA6D,CAAC,CAAA;AAE3F,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK;QAEzC,OAAO;YACL,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,GAAG;aACX;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;gBAC3C,0CAA0C;aAC3C;YACD,aAAa,iCAER,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,YAAY,CAC9B;YACD,MAAM,iDACJ,eAAe,EAAE,aAAa,IAC3B,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,aAAa,KAE9B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,KACnC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,SAAS,EAAE,MAAM,GAElB;YACD,cAAc,sBACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,IACP,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,iBAAiB;gBACjB,iBAAiB;gBACjB,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GACtC;YACD,OAAO,sBACL,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,IAC9C,KAAK,CAAC,OAAO,CAAC,GAAG,KACpB,QAAQ,EAAE,UAAU,GACrB;SAEF,CAAA;IAEH,CAAC,CAAC,IACH"}

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

@@ -1,5 +1,13 @@
 /// <reference types="react" />
 import { CustomSelectProps } from './types';
+export declare const SelectItem: ({ item, icon, isSelected, styles, onPress }: {
+    item: any;
+    icon?: any;
+    isSelected: any;
+    styles: any;
+    onPress: any;
+}) => JSX.Element;
+export * from './styles';
 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,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,34 +37,45 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
+exports.Select = exports.SelectItem = void 0;
 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 List_1 = require("../List");
+var Text_1 = require("../Text");
 var TextInput_1 = require("../TextInput");
 var Touchable_1 = require("../Touchable");
-var View_1 = require("../View");
+var utils_1 = require("../../utils");
+var Icon_1 = require("../Icon");
+var SelectItem = function (_a) {
+    var item = _a.item, _b = _a.icon, icon = _b === void 0 ? null : _b, isSelected = _a.isSelected, styles = _a.styles, onPress = _a.onPress;
+    return <Touchable_1.Touchable style={[
+            styles.itemWrapper,
+            isSelected && styles['itemWrapper:selected'],
+        ]} onPress={onPress} debugName={"Select ".concat(item.value)}>
+    <Text_1.Text text={item.label} style={[
+            styles.itemText,
+            isSelected && styles['itemText:selected'],
+        ]}/>
+    {icon ? <Icon_1.Icon name={icon} style={[styles === null || styles === void 0 ? void 0 : styles.itemIcon, isSelected && (styles === null || styles === void 0 ? void 0 : styles['itemIcon:selected'])]}/> : null}
+  </Touchable_1.Touchable>;
+};
+exports.SelectItem = SelectItem;
+__exportStar(require("./styles"), exports);
 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, _j = selectProps.textInputProps, textInputProps = _j === void 0 ? {} : _j, _k = selectProps.visible, visible = _k === void 0 ? null : _k, _l = selectProps.toggle, toggle = _l === void 0 ? null : _l, renderList = selectProps.renderList, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel", "textInputProps", "visible", "toggle", "renderList"]);
-    var _m = (0, common_1.useBooleanToggle)(false), _isModalVisible = _m[0], _setModalVisibility = _m[1];
-    var isModalVisible = visible !== null && visible !== void 0 ? visible : _isModalVisible;
-    var setModalVisibility = toggle !== null && toggle !== void 0 ? toggle : _setModalVisibility;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MobileSelect', {
+    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, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.inputProps, inputProps = _e === void 0 ? {} : _e, _f = selectProps.hideInput, hideInput = _f === void 0 ? false : _f, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "listProps", "placeholder", "arrowIconName", "inputProps", "hideInput"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Select', {
         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 close = function () { var _a; return (_a = drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.toggle) === null || _a === void 0 ? void 0 : _a.call(drawerProps); };
     var select = function (value) {
         onValueChange(value);
         if (closeOnSelect) {
-            close();
+            close === null || close === void 0 ? void 0 : close();
         }
     };
     var selectedLabel = (0, react_1.useMemo)(function () {
@@ -84,65 +84,22 @@ var Select = function (selectProps) {
         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]);
+    var Item = renderItem || exports.SelectItem;
+    var renderListItem = function (_a) {
+        var item = _a.item;
+        return <Item isSelected={value === item.value} item={item} onPress={function () { return select(item.value); }} styles={variantStyles}/>;
+    };
     return <>
-    <TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
-            name: arrowIconName,
-        }} editable={false} touchableWrapper wrapperProps={{
-            debugName: 'Select',
-            onPress: close,
-        }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
-    <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,
-        }} debugName={"Close modal"}/>
-      <View_1.View style={variantStyles.modalWrapper}>
+    {!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
+                icon: arrowIconName,
+            }} editable={false} touchableWrapper onPress={close} wrapperProps={{
+                debugName: 'Select',
+            }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
 
-        <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} debugName={'Close modal'} {...closeButtonProps}/>}
-                  </>}
-              </View_1.View>)}
-          <ListComponent style={variantStyles.modalList}>
-            {renderList ? renderList(__assign(__assign({}, selectProps), { isEmpty: !options.length })) : options.map(function (item, idx) {
-            var isSelected = value === item.value;
-            if (renderItem) {
-                return renderItem(__assign(__assign({}, item), { index: idx, 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); }} debugName={"Select ".concat(item.value)}>
-                  <TextInput_1.InputLabel label={item.label} style={[variantStyles.modalItemText, isSelected && variantStyles['modalItemText:selected']]}/>
-                </Touchable_1.Touchable>;
-        })}
-          </ListComponent>
+    <utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
+      <List_1.List data={options} style={variantStyles.list} contentContainerStyle={variantStyles.listContent} keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} {...listProps}/>
+    </utils_1.ModalManager.Drawer>
 
-          {footer && <View_1.View style={variantStyles.modalFooter}>
-              {footer}
-            </View_1.View>}
-        </View_1.View>
-      </View_1.View>
-    </react_native_1.Modal>
   </>;
 };
 exports.Select = Select;

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

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

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

@@ -1,9 +1,59 @@
-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>>;
+import { TextInputComposition } from '@codeleap/common';
+import { DrawerComposition } from '../Drawer';
+declare type ItemStates = '' | ':selected';
+export declare type SelectComposition = DrawerComposition | `input${TextInputComposition}` | 'list' | 'listContent' | `itemWrapper${ItemStates}` | `itemText${ItemStates}` | 'scroll' | 'scrollContent' | `itemIcon${ItemStates}`;
+export declare const SelectStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SelectComposition, any>>;
+    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
 };
 export {};

package/dist/components/Select/styles.js

@@ -11,47 +11,23 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileSelectStyles = void 0;
+exports.SelectStyles = void 0;
 var common_1 = require("@codeleap/common");
+var Drawer_1 = require("../Drawer");
 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',
-        },
-    }); }),
-};
+exports.SelectStyles = __assign(__assign({}, Drawer_1.DrawerStyles), { default: createSelectStyle(function (theme) {
+        var defaultStyle = Drawer_1.DrawerStyles.default(theme);
+        return __assign(__assign({}, defaultStyle), { box: __assign({}, theme.spacing.paddingHorizontal(0)), itemWrapper: __assign(__assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), theme.spacing.padding(1.4)), { height: 50 }), 'itemWrapper:selected': {
+                backgroundColor: theme.colors.primary,
+            }, 'itemText:selected': {
+                color: theme.colors.white,
+            }, 'itemIcon:selected': __assign({ color: theme.colors.white }, theme.sized(3)), itemIcon: {
+                width: 0,
+                height: 0,
+            }, list: {
+                height: 'auto',
+            }, listContent: {
+                paddingBottom: theme.values.bottomNavHeight + theme.spacing.value(1),
+            } });
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;AAa3D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,qBAAY,KACf,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAChD,6BACK,YAAY,KACf,GAAG,eACE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAGvC,WAAW,mDACN,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,EAAE,KAEZ,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC,EACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAE1B,EACD,mBAAmB,aACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAEnB,QAAQ,EAAE;gBACR,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,EACD,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM;aAEf,EACD,WAAW,EAAE;gBACX,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE,IAEF;IACH,CAAC,CAAC,IACH"}