@inntechcorp/it-design 2.0.16 → 2.0.18

package/dist/index.d.mts

@@ -65,12 +65,12 @@ export type { ITDContextType, ITDProviderProps } from './context/ITDContext';
 export type { AccordionProps } from './types/AccordionProps';
 export type { AccordionSubMenuProps } from './types/AccordionSubMenuProps';
 export type { AccordionItemProps } from './types/AccordionItemProps';
-export type { InputProps } from './types/InputProps';
-export type { SelectProps, SelectOptionProps } from './types/SelectProps';
+export type { InputProps, InputVariant } from './types/InputProps';
+export type { SelectProps, SelectOptionProps, SelectVariant } from './types/SelectProps';
 export type { CheckboxProps, CheckboxGroupProps, GroupCheckboxOptionType, CheckboxEvent } from './types/CheckboxProps';
 export type { ITDImperativeFuncProps } from './types/ITDImperativeFuncProps';
 export type { SingleQueryProps } from './types/SingleQueryProps';
-export type { ButtonProps, ButtonType, ButtonVariant, ButtonState, ButtonSize, ButtonContentPosition } from './types/ButtonProps';
+export type { ButtonProps, ButtonType, ButtonVariant, ButtonState, ButtonContentPosition } from './types/ButtonProps';
 export type { FormProps, FormRuleProps, FormValueProps, FormItemProps, FormSubComponentProps, FieldUpdateProps } from './types/FormProps';
 export type { NotificationsProps } from './types/NotificationsProps';
 export type { AlertProps, AlertType, AlertSize } from './types/AlertProps';
@@ -78,7 +78,8 @@ export type { SwitchProps } from './types/SwitchProps';
 export type { ModalProps, ModalContentProps, ModalRefProps } from './types/ModalProps';
 export type { UploadProps, UploadProgressProps, UploadResultMessageProps } from './types/UploadProps';
 export type { TabsItemProps, TabsProps } from './types/TabsProps';
-export type { TableColumnType, TableProps, TableSize } from './types/TableProps';
+export type { TableColumnType, TableProps } from './types/TableProps';
 export type { CardProps } from './types/CardProps';
 export type { StatusProps, StatusVariant } from './types/StatusProps';
+export type { ITDSize, ITDSizeSlug } from './types/ITDProps';
 export { ModalState, FileExtensions, FileTypes } from './enums/enum';

package/dist/index.d.ts

@@ -674,8 +674,8 @@ type InputProps = {
     defaultValue?: string;
     type?: string;
     className?: string;
-    size?: string;
-    variant?: string;
+    size?: ITDSize;
+    variant?: InputVariant;
     prefix?: ChildrenProps;
     suffix?: ChildrenProps;
     addonBefore?: ChildrenProps;
@@ -698,6 +698,7 @@ type InputProps = {
     onKeyDown?: ((event: KeyboardEvent) => void) | null;
     children?: ChildrenProps;
 };
+type InputVariant = "default" | "filled" | "dashed";
 
 type SelectProps = {
     id?: string;
@@ -707,8 +708,8 @@ type SelectProps = {
     position?: string;
     direction?: string;
     mode?: string;
-    size?: string;
-    variant?: string;
+    size?: ITDSize;
+    variant?: SelectVariant;
     className?: string;
     placeholder?: string;
     icon?: string;
@@ -720,6 +721,7 @@ type SelectProps = {
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
 };
+type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
 type SelectOptionProps = {
     value: string;
     text: string;
@@ -792,7 +794,7 @@ type ButtonProps = {
     type?: ButtonType;
     variant?: ButtonVariant;
     state?: ButtonState;
-    size?: ButtonSize;
+    size?: ITDSize;
     icon?: string | ChildrenProps | SVGElement;
     href?: string;
     target?: string;
@@ -803,7 +805,6 @@ type ButtonProps = {
 type ButtonType = "button" | "submit" | "reset";
 type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
 type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
-type ButtonSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 type ButtonContentPosition = "left" | "right";
 
 type FormProps = {
@@ -1136,13 +1137,12 @@ type TableColumnType<T> = {
 type TableProps<T> = {
     columns: TableColumnType<T>[];
     data: T[];
-    size?: TableSize;
+    size?: ITDSize;
     headless?: boolean;
     bordered?: boolean;
     dashed?: boolean;
     noGaps?: boolean;
 };
-type TableSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 
 type CardProps = {
     title?: ChildrenProps;
@@ -1162,12 +1162,16 @@ type CardProps = {
 };
 
 type StatusProps = {
-    variant: StatusVariant;
+    variant?: StatusVariant;
+    size?: ITDSize;
     children?: ChildrenProps;
     className?: string;
 };
 type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black";
 
+type ITDSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+type ITDSizeSlug = "xs" | "sm" | "md" | "df" | "lg" | "xlg";
+
 declare enum ModalState {
     NOT_SHOW = "modal-not-show",
     ENTERED = "modal-entered",
@@ -1196,4 +1200,4 @@ declare enum FileExtensions {
     OTF = ".otf"
 }
 
-export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Button, type ButtonContentPosition, type ButtonProps, type ButtonSize, type ButtonState, type ButtonType, type ButtonVariant, Calendar, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, type FormValueProps, FormatBytes, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, H1, H2, H3, H4, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, Notification, type NotificationContextType, type NotificationsProps, Picture, Radio, RemoveUnits, Result, Select, type SelectOptionProps, type SelectProps, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, type TableSize, Tabs, type TabsItemProps, type TabsProps, TinyScrollbar, Tooltip, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };
+export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Button, type ButtonContentPosition, type ButtonProps, type ButtonState, type ButtonType, type ButtonVariant, Calendar, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, type FormValueProps, FormatBytes, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, H1, H2, H3, H4, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, type ITDSize, type ITDSizeSlug, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, type InputVariant, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, Notification, type NotificationContextType, type NotificationsProps, Picture, Radio, RemoveUnits, Result, Select, type SelectOptionProps, type SelectProps, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, Tabs, type TabsItemProps, type TabsProps, TinyScrollbar, Tooltip, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };