@particle-network/ui-native 0.4.2-beta.14 → 0.4.2-beta.16

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

@@ -1,17 +1,11 @@
 import React from 'react';
 import { type UXTabsProps } from '../UXTabs';
-interface UXTabSwitchProps {
-    style?: UXTabsProps['style'];
-    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,20 +3,15 @@ import "react";
 import { useI18n } from "../../hooks/useI18n.js";
 import { UXTab, UXTabs } from "../UXTabs/index.js";
 const UXTabSwitch = (props)=>{
-    const { style, 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, {
-        style: style,
-        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;
-        flexGrow: number | undefined;
+        flex: 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";
-        flexGrow: number | undefined;
+        flex: number | undefined;
         height: "100%";
         alignItems: "center";
         justifyContent: "center";

package/dist/components/UXTabs/styles.js

@@ -81,7 +81,7 @@ const useStyles = (props)=>{
     ]);
     const wrapperBackgroundColor = useMemo(()=>{
         if ('switch' === variant) return getColor('bg-200');
-        if ('solid' === variant) return getColor('bg-400');
+        if ('solid' === variant) return getColor('bg-200');
         return 'transparent';
     }, [
         variant,
@@ -153,7 +153,7 @@ const useStyles = (props)=>{
             tabsWrapper: {
                 backgroundColor: wrapperBackgroundColor,
                 gap: gapValue,
-                flexGrow: fullWidth || w ? 1 : void 0,
+                flex: fullWidth || w ? 1 : void 0,
                 justifyContent: fullWidth || w ? 'space-between' : 'flex-start',
                 borderRadius: wrapperBorderRadius,
                 height,
@@ -162,11 +162,10 @@ const useStyles = (props)=>{
             },
             tab: {
                 flexDirection: 'column',
-                flexGrow: [
-                    'text',
-                    'light',
-                    'underlined'
-                ].includes(variant) ? void 0 : 1,
+                flex: [
+                    'solid',
+                    'switch'
+                ].includes(variant) ? 1 : void 0,
                 height: '100%',
                 alignItems: 'center',
                 justifyContent: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.4.2-beta.14",
+  "version": "0.4.2-beta.16",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",