@inntechcorp/it-design 2.2.90 → 3.1.0

package/dist/select/dropdown/styled.d.ts

@@ -0,0 +1,14 @@
+import TinyScrollbar from '../../tinyscrollbar';
+import { ComponentSizesSlug } from 'enums/enum';
+import { ITDVariant } from 'types/ITDProps';
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: ComponentSizesSlug;
+    $variant: ITDVariant;
+}>> & string;
+declare const BodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    className: string;
+    children: import("../../types/ChildrenProps").ChildrenProps;
+    style?: React.CSSProperties;
+}, never>> & string & Omit<typeof TinyScrollbar, keyof import("react").Component<any, {}, any>>;
+declare const PortalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Wrapper, BodyWrapper, PortalWrapper };

package/dist/select/option/Option.d.ts

@@ -1,17 +1,24 @@
 import { SelectValue } from 'types/SelectProps';
 import { ChildrenProps } from 'types/ChildrenProps';
+import { ITDSizeSlug, ITDVariant } from 'types/ITDProps';
 export type OptionsTypeProps = {
     customKey?: string;
+    label: ChildrenProps;
+    disabled: boolean;
+    value: SelectValue;
+    variant: ITDVariant;
+    size: ITDSizeSlug;
     icon?: ChildrenProps;
     image?: string;
-    label?: ChildrenProps;
-    value?: SelectValue;
     multi?: boolean;
     checked?: boolean;
+    isActive?: boolean;
+    index?: number;
+    onHover?: (index: number) => void;
     onChange?: (value: SelectValue, checked: boolean, label: ChildrenProps) => null;
 };
 declare const _default: import("react").MemoExoticComponent<{
-    ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
+    ({ multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/dist/select/style.settings.d.ts

@@ -1,31 +1,88 @@
-export declare const getImageSizeBySize: (size: string) => {
-    width: number;
-    height: number;
+import { ComponentSizesSlug } from "enums/enum";
+export declare const ICON_MARGIN_RIGHT = "0.4375rem";
+export declare const ICON_SIZE_DEFAULT = "1.25rem";
+export declare const getImageSizeBySize: (size: ComponentSizesSlug) => {
+    readonly width: "0.875rem";
+    readonly height: "0.875rem";
+} | {
+    readonly width: "1rem";
+    readonly height: "1rem";
+} | {
+    readonly width: "1.125rem";
+    readonly height: "1.125rem";
+} | {
+    readonly width: "1.25rem";
+    readonly height: "1.25rem";
+} | {
+    readonly width: "1.375rem";
+    readonly height: "1.375rem";
 };
-export declare const getArrowSizeBySize: (size: string) => {
-    width: number;
-    height: number;
+export declare const getArrowSizeBySize: (size: ComponentSizesSlug) => {
+    readonly width: "0.825rem";
+    readonly height: "0.825rem";
+} | {
+    readonly width: "1rem";
+    readonly height: "1rem";
+} | {
+    readonly width: "1.125rem";
+    readonly height: "1.125rem";
 };
-export declare const getOptionSizeBySize: (size: string) => {
-    padding: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-    height: number;
+export declare const getOptionSizeBySize: (size: ComponentSizesSlug) => {
+    paddingX: "0.625rem";
+    height: "1.75rem";
+} | {
+    paddingX: "0.625rem";
+    height: "2rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.125rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.25rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.5rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.75rem";
 };
-export declare const getSelectSizeBySize: (size: string) => {
-    padding: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-    height: number;
+export declare const getSelectSizeBySize: (size: ComponentSizesSlug) => {
+    paddingX: "0.625rem";
+    height: "1.75rem";
+} | {
+    paddingX: "0.625rem";
+    height: "2rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.125rem";
+} | {
+    paddingX: "0.75rem";
+    height: "2.25rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.5rem";
+} | {
+    paddingX: "0.9375rem";
+    height: "2.75rem";
 };
-export declare const getFontSizeBySize: (size: string) => {
-    fontSize: number;
-    lineHeight: number;
-    fontWeight: number;
+export declare const getFontSizeBySize: (size: ComponentSizesSlug) => {
+    fontSize: "0.725rem";
+    lineHeight: "0.725rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.75rem";
+    lineHeight: "0.75rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.825rem";
+    lineHeight: "0.825rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.875rem";
+    lineHeight: "0.875rem";
+    fontWeight: 400;
+} | {
+    fontSize: "0.875rem";
+    lineHeight: "0.875rem";
+    fontWeight: 500;
 };

package/dist/select/styled.d.ts

@@ -1,7 +1,9 @@
+import { ITDVariant } from 'types/ITDProps';
+import { ComponentSizesSlug } from 'enums/enum';
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $size: string;
+    $size: ComponentSizesSlug;
+    $variant: ITDVariant;
     $hasImage?: boolean;
     $hasIcon?: boolean;
-    $filled: boolean;
 }>> & string;
 export { Wrapper };

package/dist/select/toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import { SelectToggleProps } from '../../index';
-declare const Toggle: ({ id, errorMessage, isOpen, locked, disabled, showSearch, labelType, size, placeholder, value, label, prefix, suffix, icon, image, onFocus, onBlur, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ id, errorMessage, isOpen, locked, disabled, showSearch, size, placeholder, label, prefix, icon, image, onFocus, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

package/dist/select/toggle/label/{single/SingleLabel.d.ts → Label.d.ts}

@@ -1,8 +1,8 @@
 import { ChildrenProps } from 'types/ChildrenProps';
-export type SingleLabelRefObject = {
+export type LabelRefObject = {
     setFocus: () => void;
 };
-type SingleLabelProps = {
+type LabelProps = {
     id?: string;
     label?: string | number | ChildrenProps;
     placeholder?: string;
@@ -11,8 +11,8 @@ type SingleLabelProps = {
     showSearch: boolean;
     disabled: boolean;
     onFocus: () => void;
-    onBlur: () => void;
     onFilter: (value: string) => void;
+    onShow: (value: boolean) => void;
 };
-declare const SingleLabel: import("react").ForwardRefExoticComponent<SingleLabelProps & import("react").RefAttributes<SingleLabelRefObject>>;
-export default SingleLabel;
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<LabelRefObject>>;
+export default Label;

package/dist/select/toggle/styled.d.ts

@@ -1,7 +1,8 @@
+import { ErrorTooltip, ErrorBorder } from '../../utils/CommonStyledComponents';
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showSearch: boolean;
 }>> & string;
-declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $open: boolean;
 }>> & string;
@@ -18,7 +19,6 @@ declare const LockIconWrapper: import("styled-components/dist/types").IStyledCom
     height: any;
     width: any;
 }) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const Prefix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Suffix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, Suffix, Label, Icon, PreIcon, ErrorTooltip, ErrorBorder, Success, Warning, Failed, LockIconWrapper };
+export { Wrapper, Suffix, LabelWrapper, Icon, PreIcon, ErrorTooltip, ErrorBorder, Success, Warning, Failed, LockIconWrapper, Prefix };