bianic-ui 0.5.16 → 0.5.18

package/dist/esm/types/components/Forms/Radio/configs.d.ts

@@ -1,9 +1,9 @@
 declare const sizeConfig: {
-    medium: {
+    md: {
         checkSize: string;
         labelSize: string;
     };
-    small: {
+    sm: {
         checkSize: string;
         labelSize: string;
     };

package/dist/esm/types/components/Forms/Radio/index.d.ts

@@ -1,21 +1,21 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-export interface RadioProps extends ComponentPropsWithoutRef<'input'> {
+export interface RadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     label?: string;
-    inputSize?: 'medium' | 'small';
+    size?: 'md' | 'sm';
     id?: string;
     onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
     isDisabled?: boolean;
-    isChecked?: boolean;
+    checked?: boolean;
 }
-declare function Radio({ label, inputSize, id, onClick, isDisabled, isChecked, }: RadioProps): React.JSX.Element;
+declare function Radio({ label, size, id, onClick, isDisabled, checked, }: RadioProps): React.JSX.Element;
 declare namespace Radio {
     var defaultProps: {
         label: string;
-        inputSize: string;
+        size: string;
         id: string;
         onClick: () => void;
         isDisabled: boolean;
-        isChecked: boolean;
+        checked: boolean;
     };
 }
 export default Radio;

package/dist/esm/types/components/Forms/SegmentButton/SegmentButtonItem.d.ts

@@ -1,9 +1,9 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 export interface SegmentButtonItemProps extends ComponentPropsWithoutRef<'button'> {
-    active: boolean;
-    size: 'large' | 'medium' | 'small' | 'tiny';
+    selected: boolean;
+    size: 'lg' | 'md' | 'sm' | 'tn';
     children: React.ReactNode;
     disabled: boolean;
     onClick: () => void;
 }
-export default function SegmentButtonItem({ active, size, children, disabled, onClick, }: SegmentButtonItemProps): React.JSX.Element;
+export default function SegmentButtonItem({ selected, size, children, disabled, onClick, }: SegmentButtonItemProps): React.JSX.Element;

package/dist/esm/types/components/Forms/SegmentButton/SegmentButtonSimulation.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface SegmentButtonSimulationProps {
-    size: 'large' | 'medium' | 'small' | 'tiny';
+    size: 'lg' | 'md' | 'sm' | 'tn';
 }
 export default function SegmentButtonSimulation({ size, }: SegmentButtonSimulationProps): React.JSX.Element;
 export {};

package/dist/esm/types/components/Forms/SegmentButton/config.d.ts

@@ -1,17 +1,17 @@
-declare const isActiveConfig: {
-    active: string;
-    nonactive: string;
+declare const isSelectedConfig: {
+    selected: string;
+    notSelected: string;
 };
 declare const roundedConfig: {
-    large: string;
-    medium: string;
-    small: string;
-    tiny: string;
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
 };
 declare const sizeConfig: {
-    large: string;
-    medium: string;
-    small: string;
-    tiny: string;
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
 };
-export { isActiveConfig, roundedConfig, sizeConfig };
+export { isSelectedConfig, roundedConfig, sizeConfig };

package/dist/esm/types/components/Forms/SelectInput/SelectedInput.d.ts

@@ -1,9 +1,9 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-interface SelectInputProps extends ComponentPropsWithoutRef<'input'> {
+interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     descText?: string;
     isDisabled?: boolean;
     id?: string;
-    inputSize?: 'medium' | 'small';
+    size?: 'md' | 'sm';
     label?: string;
     options: any;
     isRequired?: boolean;
@@ -13,13 +13,13 @@ interface SelectInputProps extends ComponentPropsWithoutRef<'input'> {
     };
     setSelected?: any;
 }
-declare function SelectInput({ descText, isDisabled, inputSize, id, label, options, isRequired, selected, setSelected, }: SelectInputProps): React.JSX.Element;
+declare function SelectInput({ descText, isDisabled, size, id, label, options, isRequired, selected, setSelected, }: SelectInputProps): React.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
         descText: string;
         isDisabled: boolean;
         id: string;
-        inputSize: string;
+        size: string;
         label: string;
         isRequired: boolean;
         selected: {};

package/dist/esm/types/components/Forms/SelectInput/Simulation.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface SelectInputSimulationProps {
-    size: 'medium' | 'small';
+    size: 'md' | 'sm';
 }
 declare function SelectInputSimulation({ size, }: SelectInputSimulationProps): React.JSX.Element;
 export default SelectInputSimulation;

package/dist/esm/types/components/Forms/SelectInput/configs.d.ts

@@ -1,9 +1,9 @@
 declare const sizeConfig: {
-    medium: {
+    md: {
         searchSize: string;
         iconSize: string;
     };
-    small: {
+    sm: {
         searchSize: string;
         iconSize: string;
     };

package/dist/esm/types/components/Forms/TextArea/configs.d.ts

@@ -1,8 +1,8 @@
 declare const sizeConfig: {
-    medium: {
+    md: {
         inputClass: string;
     };
-    small: {
+    sm: {
         inputClass: string;
     };
 };

package/dist/esm/types/components/Forms/TextArea/index.d.ts

@@ -3,19 +3,19 @@ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     descText?: string;
     disabled?: boolean;
     id?: string;
-    inputSize?: 'medium' | 'small';
+    size?: 'md' | 'sm';
     label?: string;
     placeholder?: string;
     required?: boolean;
     rows?: number;
 }
-declare function TextArea({ descText, disabled, id, inputSize, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
+declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;
         descText: string;
         id: string;
-        inputSize: string;
+        size: string;
         label: string;
         placeholder: string;
         required: boolean;

package/dist/esm/types/components/Forms/TextInput/Simulation.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface TextInputSimulationProps {
-    size?: 'medium' | 'small';
+    size?: 'md' | 'sm';
 }
 declare function TextInputSimulation({ size }: TextInputSimulationProps): React.JSX.Element;
 declare namespace TextInputSimulation {

package/dist/esm/types/components/Forms/TextInput/TextInput.d.ts

@@ -1,10 +1,10 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef } from 'react';
-interface TextInputProps extends ComponentPropsWithoutRef<'input'> {
+interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     descText?: string;
     isDisabled?: boolean;
     icon?: React.ReactNode;
     id?: string;
-    inputSize?: 'medium' | 'small';
+    size?: 'md' | 'sm';
     isValid?: boolean | null;
     label?: string;
     placeholder?: string;
@@ -13,14 +13,14 @@ interface TextInputProps extends ComponentPropsWithoutRef<'input'> {
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
-declare function TextInput({ descText, isDisabled, icon, id, inputSize, isValid, label, placeholder, readOnly, required, variant, value, onChange, }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, isDisabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;
         isDisabled: boolean;
         icon: null;
         id: string;
-        inputSize: string;
+        size: string;
         isValid: null;
         label: string;
         placeholder: string;

package/dist/esm/types/components/Forms/TextInput/configs.d.ts

@@ -1,10 +1,10 @@
 export declare const sizeConfig: {
-    medium: {
+    md: {
         fieldSize: string;
         iconPosition: string;
         iconSize: number;
     };
-    small: {
+    sm: {
         fieldSize: string;
         iconPosition: string;
         iconSize: number;

package/dist/esm/types/components/Forms/Toggle/configs.d.ts

@@ -1,10 +1,10 @@
 declare const sizeConfig: {
-    medium: {
+    md: {
         containerSize: string;
         checkSize: string;
         labelClass: string;
     };
-    small: {
+    sm: {
         containerSize: string;
         checkSize: string;
         labelClass: string;

package/dist/esm/types/components/Forms/Toggle/index.d.ts

@@ -1,19 +1,19 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-interface CheckboxProps extends ComponentPropsWithoutRef<'input'> {
+interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     label?: string;
-    inputSize?: 'medium' | 'small';
-    isChecked?: boolean;
+    size?: 'md' | 'sm';
+    checked?: boolean;
     id?: string;
     onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
     disabled?: boolean;
 }
-declare function Toggle({ label, inputSize, onClick, isChecked, id, disabled, }: CheckboxProps): React.JSX.Element;
+declare function Toggle({ label, size, onClick, checked, id, disabled, }: CheckboxProps): React.JSX.Element;
 declare namespace Toggle {
     var defaultProps: {
         label: string;
-        inputSize: string;
+        size: string;
         onClick: () => void;
-        isChecked: boolean;
+        checked: boolean;
         id: string;
         disabled: boolean;
     };

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import '../../tailwind.css';
 export interface ModalProps extends ComponentPropsWithoutRef<'div'> {
-    size: 'small' | 'medium' | 'large' | 'extra large';
+    size: 'sm' | 'md' | 'lg' | 'xl';
     title?: string;
     isShow: boolean;
     setIsShow: (arg0: boolean) => void;

package/dist/esm/types/components/Modal/ModalContent.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 interface ModalContentProps extends ComponentPropsWithoutRef<'div'> {
-    variant?: 'small' | 'medium';
+    variant?: 'sm' | 'md';
 }
 declare function ModalContent({ children, variant }: ModalContentProps): React.JSX.Element;
 declare namespace ModalContent {

package/dist/esm/types/components/PaginationBar/PaginationBar.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 export interface PagingProps extends ComponentPropsWithoutRef<'div'> {
-    size: 'small' | 'medium';
+    size: 'sm' | 'md';
     position: 'start' | 'center' | 'end';
     currentPage: number;
     totalPages: number;

package/dist/esm/types/components/PaginationBar/config.d.ts

@@ -1,6 +1,6 @@
 export declare const sizeConfig: {
-    medium: string;
-    small: string;
+    md: string;
+    sm: string;
 };
 export declare const positionConfig: {
     start: string;

package/dist/esm/types/components/Popover/index.d.ts

@@ -5,10 +5,10 @@ interface PopoverProps {
     delay?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left';
     title?: string;
-    isActive: boolean;
+    open: boolean;
     setIsActive: (arg0: boolean) => void;
 }
-declare function Popover({ children, content, delay, direction, title, isActive, setIsActive, }: PopoverProps): React.JSX.Element;
+declare function Popover({ children, content, delay, direction, title, open, setIsActive, }: PopoverProps): React.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
         delay: number;

package/dist/esm/types/components/Slider/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './style.css';
 export interface SliderProps {
     disabled: boolean;
 }

package/dist/esm/types/components/Tab/ConfigTab.d.ts

@@ -7,11 +7,11 @@ declare const configTab: {
         horizontal: string;
         vertical: string;
     };
-    small: {
+    sm: {
         text: string;
         icon: string;
     };
-    medium: {
+    md: {
         text: string;
         icon: string;
     };

package/dist/esm/types/components/Tab/DividerConfig.d.ts

@@ -1,22 +1,22 @@
 declare const DividerConfig: {
     true: {
         horizontal: {
-            small: string;
-            medium: string;
+            sm: string;
+            md: string;
         };
         vertical: {
-            small: string;
-            medium: string;
+            sm: string;
+            md: string;
         };
     };
     false: {
         horizontal: {
-            small: string;
-            medium: string;
+            sm: string;
+            md: string;
         };
         vertical: {
-            small: string;
-            medium: string;
+            sm: string;
+            md: string;
         };
     };
 };

package/dist/esm/types/components/Tab/Tab.d.ts

@@ -6,7 +6,7 @@ export interface TabProps extends ComponentPropsWithoutRef<'button'> {
     card?: boolean;
     mode?: 'horizontal' | 'vertical';
     fit?: 'fit-content' | 'maximize';
-    size?: 'medium' | 'small';
+    size?: 'md' | 'sm';
 }
 declare function Tab({ children, active, icon, disabled, mode, fit, size, card, ...rest }: TabProps): React.JSX.Element;
 declare namespace Tab {

package/dist/esm/types/components/Tab/TabHead.d.ts

@@ -3,7 +3,7 @@ export interface TabHeadProps extends ComponentPropsWithoutRef<'div'> {
     children?: React.ReactNode;
     mode?: 'horizontal' | 'vertical';
     fit?: 'fit-content' | 'maximize';
-    size?: 'medium' | 'small';
+    size?: 'md' | 'sm';
     card?: boolean;
 }
 declare function TabHead({ children, mode, fit, size, card, }: TabHeadProps): React.JSX.Element;

package/dist/esm/types/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import './index.css';
 interface TableProps extends ComponentPropsWithoutRef<'table'> {
-    tableSize?: 'medium' | 'small' | 'tiny';
+    tableSize?: 'md' | 'sm' | 'tn';
     className?: string;
     children: React.ReactNode;
 }

package/dist/esm/types/components/Table/TableCol.d.ts

@@ -3,7 +3,7 @@ interface TableColProps extends ComponentPropsWithoutRef<'td'> {
     variant?: 'head' | 'body';
     alignment?: 'middle' | 'right' | 'left';
     lined?: boolean;
-    size?: 'medium' | 'small' | 'tiny';
+    size?: 'md' | 'sm' | 'tn';
 }
 declare function TableCol({ variant, lined, alignment, className, children, size, }: TableColProps): React.JSX.Element;
 declare namespace TableCol {

package/dist/esm/types/components/Table/TableDemo.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface TableDemoProps {
-    tableSize?: 'medium' | 'small' | 'tiny';
+    tableSize?: 'md' | 'sm' | 'tn';
 }
 declare function TableDemo({ tableSize }: TableDemoProps): React.JSX.Element;
 declare namespace TableDemo {

package/dist/esm/types/components/Table/configs.d.ts

@@ -4,13 +4,13 @@ declare const colAlign: {
     left: string;
 };
 declare const colSize: {
-    medium: string;
-    small: string;
-    tiny: string;
+    md: string;
+    sm: string;
+    tn: string;
 };
 declare const tableClass: {
-    medium: string;
-    small: string;
-    tiny: string;
+    md: string;
+    sm: string;
+    tn: string;
 };
 export { colAlign, colSize, tableClass };

package/dist/esm/types/components/TagLabel/CloseIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface CloseIconProps {
-    size?: 'medium' | 'small' | 'tiny';
+    size?: 'md' | 'sm' | 'tn';
 }
 declare function CloseIcon({ size }: CloseIconProps): React.JSX.Element;
 declare namespace CloseIcon {