@particle-network/ui-native 0.4.2-beta.13 → 0.4.2-beta.15

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

@@ -1,16 +1,11 @@
 import React from 'react';
 import { type UXTabsProps } from '../UXTabs';
-interface UXTabSwitchProps {
-    tabStyle?: UXTabsProps['tabStyle'];
-    containerStyle?: UXTabsProps['containerStyle'];
-    size?: UXTabsProps['size'];
-    color?: UXTabsProps['color'];
+interface UXTabSwitchProps extends Omit<UXTabsProps, 'variant' | 'selectedKey' | 'onSelectionChange'> {
     onTitle?: string;
     onIcon?: React.ReactNode;
     offTitle?: string;
     offIcon?: React.ReactNode;
     isSelected?: boolean;
-    isDisabled?: boolean;
     onValueChange?: (isSelected: boolean) => void;
 }
 export declare const UXTabSwitch: React.FC<UXTabSwitchProps>;

package/dist/components/UXTabSwitch/index.js

@@ -3,19 +3,15 @@ import "react";
 import { useI18n } from "../../hooks/useI18n.js";
 import { UXTab, UXTabs } from "../UXTabs/index.js";
 const UXTabSwitch = (props)=>{
-    const { tabStyle, containerStyle, size, color, onTitle, onIcon, offTitle, offIcon, isSelected = false, isDisabled = false, onValueChange } = props;
+    const { onTitle, onIcon, offTitle, offIcon, isSelected = false, onValueChange, ...restProps } = props;
     const i18n = useI18n();
     return /*#__PURE__*/ jsxs(UXTabs, {
-        tabStyle: tabStyle,
-        containerStyle: containerStyle,
-        size: size,
         variant: "switch",
-        color: color,
-        isDisabled: isDisabled,
         selectedKey: isSelected.toString(),
         onSelectionChange: (key)=>{
             onValueChange?.('true' === key);
         },
+        ...restProps,
         children: [
             /*#__PURE__*/ jsx(UXTab, {
                 title: offTitle || i18n.switch.off,

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

@@ -5,7 +5,7 @@ export declare const useStyles: (props: Partial<UXTabsProps> & {
     tabsWrapper: {
         backgroundColor: string | undefined;
         gap: import("@particle-network/ui-shared").SpacingType;
-        flex: number | undefined;
+        flexGrow: number | undefined;
         justifyContent: "flex-start" | "space-between";
         borderRadius: number | undefined;
         height: number;
@@ -14,7 +14,7 @@ export declare const useStyles: (props: Partial<UXTabsProps> & {
     };
     tab: {
         flexDirection: "column";
-        flex: number | undefined;
+        flexGrow: number | undefined;
         height: "100%";
         alignItems: "center";
         justifyContent: "center";

package/dist/components/UXTabs/styles.js

@@ -153,7 +153,7 @@ const useStyles = (props)=>{
             tabsWrapper: {
                 backgroundColor: wrapperBackgroundColor,
                 gap: gapValue,
-                flex: fullWidth || w ? 1 : void 0,
+                flexGrow: fullWidth || w ? 1 : void 0,
                 justifyContent: fullWidth || w ? 'space-between' : 'flex-start',
                 borderRadius: wrapperBorderRadius,
                 height,
@@ -162,7 +162,7 @@ const useStyles = (props)=>{
             },
             tab: {
                 flexDirection: 'column',
-                flex: [
+                flexGrow: [
                     'text',
                     'light',
                     'underlined'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.4.2-beta.13",
+  "version": "0.4.2-beta.15",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -45,8 +45,8 @@
     "react-native-size-matters": "^0.4.2",
     "react-native-toast-message": "^2.3.3",
     "react-native-worklets": "0.5.1",
-    "@particle-network/icons": "0.4.2-beta.7",
-    "@particle-network/ui-shared": "0.3.2-beta.3"
+    "@particle-network/ui-shared": "0.3.2-beta.3",
+    "@particle-network/icons": "0.4.2-beta.7"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",