@wavv/ui 1.9.1 → 1.9.2

package/build/esm/types/components/Tabs.d.ts

@@ -1,8 +1,17 @@
 import { ReactNode } from 'react';
 import { Margin } from './types';
-type TabItem = {
+import { IconNames } from './Icon/icons';
+export type TabItem = {
+    /** The id of the tab */
     id: string | number;
+    /** The text to be displayed in the tab */
     label: ReactNode;
+    /** Controls whether the tab is visible */
+    visible?: boolean;
+    /** Adds an icon for the specific icon name to the tab */
+    icon?: IconNames;
+    /** Positions the icon to the left or right of the tab text */
+    iconPosition?: 'left' | 'right';
 };
 type Props<ItemType> = {
     /** The tab items to be rendered */
@@ -10,7 +19,7 @@ type Props<ItemType> = {
     /** The id of the active tab */
     activeItem: string | number;
     /** Controls whether the tabs fill the space of the container */
-    itemWidth?: 'auto' | 'fill';
+    itemWidth?: 'fit' | 'fill';
     /** The gap between each tab item */
     itemGap?: string | number;
     /** The function called with the tab item after the tab is changed */

package/build/esm/types/index.d.ts

@@ -43,6 +43,7 @@ export { default as Tabs } from './components/Tabs';
 export { default as theme } from './theme';
 export type { ITheme, ThemeProp } from './theme/ThemeTypes';
 export type { IconNames } from './components/Icon/icons';
+export type { TabItem } from './components/Tabs';
 export type { DropdownOption } from './components/Dropdown';
 export type { Item as TransferItem, Action as TransferAction, Next as TransferNext } from './components/TransferList';
 export type { AudioRef, DraftEditorRef, InputRef, MultiSelectRef, Margin, Padding, Position, MinWidth, MaxWidth, MinHeight, MaxHeight, MinWidthHeight, MaxWidthHeight, Width, Height, WidthHeight, MarginPadding, FlexPosition, As, } from './components/types';

package/build/index.d.ts

@@ -2531,8 +2531,16 @@ type ToggleProps = {
 declare const Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: ToggleProps) => react_jsx_runtime.JSX.Element;
 
 type TabItem = {
+    /** The id of the tab */
     id: string | number;
+    /** The text to be displayed in the tab */
     label: ReactNode;
+    /** Controls whether the tab is visible */
+    visible?: boolean;
+    /** Adds an icon for the specific icon name to the tab */
+    icon?: IconNames;
+    /** Positions the icon to the left or right of the tab text */
+    iconPosition?: 'left' | 'right';
 };
 type Props$1<ItemType> = {
     /** The tab items to be rendered */
@@ -2540,7 +2548,7 @@ type Props$1<ItemType> = {
     /** The id of the active tab */
     activeItem: string | number;
     /** Controls whether the tabs fill the space of the container */
-    itemWidth?: 'auto' | 'fill';
+    itemWidth?: 'fit' | 'fill';
     /** The gap between each tab item */
     itemGap?: string | number;
     /** The function called with the tab item after the tab is changed */
@@ -2646,4 +2654,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position)
     left: string | number | undefined;
 };
 
-export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, MinHeight, MinWidth, MinWidthHeight, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, Tabs, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, MinHeight, MinWidth, MinWidthHeight, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, TabItem, Table, Tabs, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.9.1",
+	"version": "1.9.2",
 	"files": [
 		"build/**/*"
 	],