@particle-network/ui-react 0.4.5-beta.16 → 0.4.5-beta.18

package/dist/components/UXButton/button-theme.d.ts

@@ -31,6 +31,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {
@@ -97,6 +98,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {
@@ -163,6 +165,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
         sm: string;
         md: string;
         lg: string;
+        xl: string;
         auto: string;
     };
     color: {

package/dist/components/UXButton/button-theme.js

@@ -33,10 +33,11 @@ const button_theme_button = tv({
             text: 'bg-transparent min-w-0 w-auto h-auto px-0'
         },
         size: {
-            xs: 'gap-1 rounded-[4px] !text-caption1 min-w-min font-medium [&>svg]:size-[14px]',
-            sm: 'gap-1 rounded-[6px] !text-body3 min-w-min font-medium [&>svg]:size-4',
-            md: 'gap-1 rounded-[6px] text-tiny min-w-min font-medium [&>svg]:size-[18px]',
-            lg: 'gap-1 rounded-[10px] text-medium min-w-min font-medium [&>svg]:size-6',
+            xs: 'gap-1 rounded-sm !text-caption1 min-w-min font-medium [&>svg]:size-[14px]',
+            sm: 'gap-1 rounded-md !text-body3 min-w-min font-medium [&>svg]:size-4',
+            md: 'gap-1 rounded-md text-tiny min-w-min font-medium [&>svg]:size-[18px]',
+            lg: 'gap-1 rounded-lg text-sm min-w-min font-medium [&>svg]:size-5',
+            xl: 'gap-1 rounded-[10px] text-medium min-w-min font-medium [&>svg]:size-6',
             auto: 'min-w-min rounded-[10px]'
         },
         color: {
@@ -127,6 +128,16 @@ const button_theme_button = tv({
                 'light',
                 'bordered'
             ],
+            class: 'px-lg h-9'
+        },
+        {
+            size: 'xl',
+            variant: [
+                'solid',
+                'flat',
+                'light',
+                'bordered'
+            ],
             class: 'px-lg h-11'
         },
         {
@@ -486,17 +497,22 @@ const button_theme_button = tv({
         {
             isInGroup: true,
             size: 'sm',
-            class: 'rounded-none first:rounded-s-small last:rounded-e-small'
+            class: 'rounded-none first:rounded-s-md last:rounded-e-md'
         },
         {
             isInGroup: true,
             size: 'md',
-            class: 'rounded-none first:rounded-s-small last:rounded-e-small'
+            class: 'rounded-none first:rounded-s-md last:rounded-e-md'
         },
         {
             isInGroup: true,
             size: 'lg',
-            class: 'rounded-none first:rounded-s-medium last:rounded-e-medium'
+            class: 'rounded-none first:rounded-s-lg last:rounded-e-lg'
+        },
+        {
+            isInGroup: true,
+            size: 'xl',
+            class: 'rounded-none first:rounded-s-[10px] last:rounded-e-[10px]'
         },
         {
             isInGroup: true,
@@ -618,6 +634,11 @@ const button_theme_button = tv({
         {
             isIconOnly: true,
             size: 'lg',
+            class: 'min-w-9 w-9 h-9'
+        },
+        {
+            isIconOnly: true,
+            size: 'xl',
             class: 'min-w-11 w-11 h-11'
         },
         {

package/dist/components/UXButton/use-button.js

@@ -104,7 +104,8 @@ function useButton(props) {
             xs: 14,
             sm: 16,
             md: 18,
-            lg: 24
+            lg: 20,
+            xl: 24
         };
         return buttonSpinnerSizeMap[size];
     }, [

package/dist/components/UXTabs/tabs.classes.js

@@ -252,7 +252,7 @@ const tabsClasses = {
             color: 'default',
             class: {
                 cursor: [
-                    'bg-tertiary'
+                    'bg-tertiary dark:bg-tertiary'
                 ],
                 tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
             }

package/dist/components/UXThemeSwitch/theme-switch.js

@@ -44,7 +44,7 @@ const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenCha
         backdrop: backdrop,
         footer: /*#__PURE__*/ jsx(UXButton, {
             fullWidth: true,
-            size: "lg",
+            size: "xl",
             color: "primary",
             onPress: onClose,
             children: i18n.theme.done

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import ExtendedTooltip from './tooltip.extend';
-export type UXTooltipProps = React.ComponentPropsWithRef<typeof ExtendedTooltip>;
+import type { TooltipProps } from '@heroui/tooltip';
+export type UXTooltipProps = TooltipProps;
 export declare const UXTooltip: React.FC<UXTooltipProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.16",
+  "version": "0.4.5-beta.18",
   "type": "module",
   "exports": {
     ".": {