@particle-network/ui-native 0.4.2-beta.6 → 0.4.2-beta.7

package/dist/components/UXButton/button.js

@@ -7,7 +7,7 @@ import { UXPressable } from "../UXPressable/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
 import { useStyles } from "./button.styles.js";
 const UXButton = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { style, size, radius, color, variant, onPress, isDisabled, isLoading, startContent, endContent, fullWidth, width, gap, w, h, ph, isIconOnly, children, ...restProps } = props;
+    const { style, size, radius, color, variant, onPress, isDisabled, isLoading, isSelected, startContent, endContent, fullWidth, width, gap, w, h, ph, isIconOnly, children, ...restProps } = props;
     const handlePress = (e)=>{
         Keyboard.dismiss();
         triggerHapticFeedback();
@@ -20,6 +20,7 @@ const UXButton = /*#__PURE__*/ forwardRef((props, ref)=>{
         variant,
         isDisabled,
         isLoading,
+        isSelected,
         fullWidth,
         isIconOnly,
         width,

package/dist/components/UXButton/button.styles.js

@@ -4,7 +4,7 @@ import { useColors, useComponentConfig, useMs, useRadius, useSpacing } from "../
 import { disabledOpacity } from "../../theme/index.js";
 const useStyles = (props)=>{
     const { button: buttonConfig } = useComponentConfig();
-    const { size = 'md', radius = buttonConfig.defaultProps?.radius, color = 'default', variant = 'solid', isDisabled, isLoading, width, gap, w, h, ph, fullWidth, isIconOnly } = props;
+    const { size = 'md', radius = buttonConfig.defaultProps?.radius, color = 'default', variant = 'solid', isDisabled, isLoading, isSelected, width, gap, w, h, ph, fullWidth, isIconOnly } = props;
     const { getColor } = useColors();
     const { getRadius } = useRadius();
     const { getSpacing } = useSpacing();
@@ -102,6 +102,9 @@ const useStyles = (props)=>{
     ]);
     const textColor = useMemo(()=>{
         const customColorConfig = buttonConfig?.color?.[color];
+        if (isSelected) {
+            if ('secondary' === color) return 'foreground';
+        }
         if ('solid' === variant) {
             if (customColorConfig) return customColorConfig.text;
             if ('contrast' === color) return 'bg-default';
@@ -111,7 +114,8 @@ const useStyles = (props)=>{
     }, [
         color,
         variant,
-        buttonConfig?.color
+        buttonConfig?.color,
+        isSelected
     ]);
     const textActualColor = useMemo(()=>getColor(textColor), [
         textColor,
@@ -119,6 +123,9 @@ const useStyles = (props)=>{
     ]);
     const backgroundColor = useMemo(()=>{
         const customColorConfig = buttonConfig?.color?.[color];
+        if (isSelected) {
+            if ('secondary' === color && 'solid' === variant) return getColor('tertiary');
+        }
         if ('solid' === variant) {
             if (customColorConfig) return getColor(customColorConfig.background);
             if ('contrast' === color) return getColor('foreground');
@@ -142,7 +149,8 @@ const useStyles = (props)=>{
         color,
         getColor,
         variant,
-        buttonConfig?.color
+        buttonConfig?.color,
+        isSelected
     ]);
     const borderColor = useMemo(()=>{
         if ('bordered' === variant) {

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

@@ -27,6 +27,7 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
     variant?: 'solid' | 'bordered' | 'flat' | 'text' | 'light';
     radius?: UXRadius;
     isDisabled?: boolean;
+    isSelected?: boolean;
     isLoading?: boolean;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.4.2-beta.6",
+  "version": "0.4.2-beta.7",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -44,8 +44,8 @@
     "react-native-paper": "^5.14.5",
     "react-native-size-matters": "^0.4.2",
     "react-native-toast-message": "^2.3.3",
-    "@particle-network/icons": "0.4.2-beta.5",
-    "@particle-network/ui-shared": "0.3.2-beta.2"
+    "@particle-network/ui-shared": "0.3.2-beta.2",
+    "@particle-network/icons": "0.4.2-beta.5"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -88,8 +88,8 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/eslint-config": "0.3.0",
     "@particle-network/icons": "0.4.2-beta.5",
+    "@particle-network/eslint-config": "0.3.0",
     "@particle-network/lintstaged-config": "0.1.0"
   },
   "overrides": {