@particle-network/ui-native 0.0.14 → 0.0.16

package/dist/components/UXButton/button.types.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { UXRadius } from '@particle-network/ui-shared';
 import type { UXPressableProps } from '../UXPressable';
-export interface UXButtonProps extends Omit<UXPressableProps, 'style'> {
+export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disabled'> {
     style?: StyleProp<ViewStyle>;
     color?: 'default' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'danger' | 'bullish' | 'bearish' | 'contrast';
     /**

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

@@ -5,7 +5,9 @@ type UseStylesProps = UXInputCommonProps & {
 export declare const useStyles: (props: UseStylesProps) => {
     container: {
         width: number | import("react-native").Animated.AnimatedNode | "auto" | `${number}%`;
-        height: number;
+        height: number | undefined;
+        paddingTop: number;
+        paddingBottom: number;
         borderRadius: number | undefined;
         borderColor: string | undefined;
         backgroundColor: string | undefined;

package/dist/components/input/styles.js

@@ -4,7 +4,7 @@ import { useColors, useComponentConfig, useMs, useRadius } from "../../hooks/ind
 import { disabledOpacity } from "../../theme/index.js";
 const useStyles = (props)=>{
     const { input: inputConfig } = useComponentConfig();
-    const { isInvalid, isDisabled, fullWidth, isFocused, color = 'primary', size = 'md', variant = 'flat', radius = inputConfig.defaultProps?.radius, width: widthProp, textAlign = 'left' } = props;
+    const { isInvalid, isDisabled, fullWidth, isFocused, color = 'primary', size = 'md', variant = 'flat', multiline, radius = multiline ? void 0 : inputConfig.defaultProps?.radius, width: widthProp, textAlign = 'left' } = props;
     const { getColor } = useColors();
     const { getRadius } = useRadius();
     const { ms } = useMs();
@@ -21,10 +21,13 @@ const useStyles = (props)=>{
         fullWidth,
         widthProp
     ]);
-    const height = useMemo(()=>ms(inputConfig.size[size]), [
+    const height = useMemo(()=>{
+        if (!multiline) return ms(inputConfig.size[size]);
+    }, [
         size,
         inputConfig.size,
-        ms
+        ms,
+        multiline
     ]);
     const fontSize = useMemo(()=>inputConfig.fontSize[size], [
         size,
@@ -61,10 +64,25 @@ const useStyles = (props)=>{
         isInvalid,
         getColor
     ]);
+    const containerPadding = useMemo(()=>{
+        if (multiline) return {
+            paddingTop: ms(12),
+            paddingBottom: ms(12)
+        };
+        return {
+            paddingTop: 0,
+            paddingBottom: 0
+        };
+    }, [
+        multiline,
+        ms
+    ]);
     const styles = useMemo(()=>StyleSheet.create({
             container: {
                 width,
                 height,
+                paddingTop: containerPadding.paddingTop,
+                paddingBottom: containerPadding.paddingBottom,
                 borderRadius,
                 borderColor,
                 backgroundColor,
@@ -95,7 +113,9 @@ const useStyles = (props)=>{
         fontSize,
         inputTextColor,
         textAlign,
-        backgroundColor
+        backgroundColor,
+        containerPadding,
+        ms
     ]);
     return styles;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "license": "MIT",
   "main": "./entry.js",
   "react-native": "./dist/index.js",