@particle-network/ui-native 0.0.30 → 0.0.32

package/dist/components/UXModal/index.js

@@ -3,7 +3,6 @@ import react, { forwardRef, useCallback, useEffect, useMemo, useRef, useState }
 import { Animated, Dimensions, PanResponder, Platform, ScrollView, StyleSheet } from "react-native";
 import { Modal, Portal } from "react-native-paper";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { setColorWithOpacity } from "@particle-network/ui-shared";
 import { useColors, useComponentConfig, useKeyboard, useMs } from "../../hooks/index.js";
 import { Box } from "../layout/Box/index.js";
 import { Circle } from "../layout/Circle.js";
@@ -219,7 +218,7 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
             ],
             theme: {
                 colors: {
-                    backdrop: setColorWithOpacity(getColor('bg-200') ?? '#000000', 0.7)
+                    backdrop: getColor(modalConfig.backdrop, 0.7)
                 }
             },
             visible: isOpen,

package/dist/components/input/input.js

@@ -141,7 +141,6 @@ const UXInput = /*#__PURE__*/ forwardRef((props, ref)=>{
                         ...restProps
                     }),
                     isClearable && !!internalValue && !isDisabled && !isReadOnly && /*#__PURE__*/ jsx(UXPressable, {
-                        p: 4,
                         onPress: handleClear,
                         children: /*#__PURE__*/ jsx(CloseIcon, {
                             style: styles.clearButton

package/dist/components/input/number-input.js

@@ -235,7 +235,6 @@ const UXNumberInput = /*#__PURE__*/ forwardRef((props, ref)=>{
                         ...restProps
                     }),
                     isClearable && !isNaN(internalValue) && !isDisabled && !isReadOnly && /*#__PURE__*/ jsx(UXPressable, {
-                        p: 4,
                         onPress: handleClear,
                         children: /*#__PURE__*/ jsx(CloseIcon, {
                             style: styles.clearButton,

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

@@ -15,6 +15,7 @@ export declare const useStyles: (props: UseStylesProps) => {
         opacity: number;
     };
     input: {
+        height: "100%";
         flex: number;
         paddingTop: number;
         paddingBottom: number;

package/dist/components/input/styles.js

@@ -90,6 +90,7 @@ const useStyles = (props)=>{
                 opacity: isDisabled ? disabledOpacity : 1
             },
             input: {
+                height: '100%',
                 flex: 1,
                 paddingTop: 0,
                 paddingBottom: 0,

package/dist/config/config.default.js

@@ -36,7 +36,8 @@ const defaultComponentConfig = {
         }
     },
     modal: {
-        radius: 24
+        radius: 24,
+        backdrop: 'bg-default'
     },
     tabs: {
         defaultProps: {},

package/dist/config/config.ux.js

@@ -40,7 +40,8 @@ const uxComponentConfig = {
         }
     },
     modal: {
-        radius: 34
+        radius: 34,
+        backdrop: 'bg-200'
     },
     tabs: {
         defaultProps: {

package/dist/icons/CloseIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { IconProps } from './types';
-declare const DotIcon: React.FC<IconProps>;
-export default DotIcon;
+declare const CloseIcon: React.FC<IconProps>;
+export default CloseIcon;

package/dist/icons/CloseIcon.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import react_native_svg, { Path } from "react-native-svg";
 import { useColors } from "../hooks/index.js";
-const DotIcon = ({ size = 16, color = 'default', ...props })=>{
+const CloseIcon_CloseIcon = ({ size = 16, color = 'default', ...props })=>{
     const { getColor } = useColors();
     const colorValue = getColor(color);
     return /*#__PURE__*/ jsx(react_native_svg, {
@@ -17,5 +17,5 @@ const DotIcon = ({ size = 16, color = 'default', ...props })=>{
         })
     });
 };
-const CloseIcon = DotIcon;
+const CloseIcon = CloseIcon_CloseIcon;
 export { CloseIcon as default };

package/dist/types/theme.d.ts

@@ -1,4 +1,4 @@
-import type { DynamicColors, RadiusScale, SpacingScale, ThemeColors, UXRadius } from '@particle-network/ui-shared';
+import type { DynamicColors, RadiusScale, SpacingScale, ThemeColors, UXColor, UXRadius } from '@particle-network/ui-shared';
 export type ThemeMode = 'light' | 'dark';
 export interface CommonComponentConfig {
     defaultProps?: {
@@ -24,6 +24,7 @@ export interface ComponentConfig {
     input: Omit<CommonComponentConfig, 'color'>;
     modal: {
         radius: number;
+        backdrop: UXColor;
     };
     tabs: Pick<CommonComponentConfig, 'defaultProps' | 'fontSize'>;
     chip: Pick<CommonComponentConfig, 'defaultProps'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "MIT",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
@@ -45,7 +45,7 @@
     "react-native-size-matters": "^0.4.2",
     "react-native-toast-message": "^2.3.3",
     "@particle-network/ui-shared": "0.0.7",
-    "@particle-network/icons": "0.0.16"
+    "@particle-network/icons": "0.0.17"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",