@itcase/ui 1.2.30 → 1.2.32

package/dist/{tslib.es6-w7hdJ3oZ.js → tslib.es6-5FtW-kfi.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __rest as _, __assign as a, __spreadArray as b };
+export { __assign as _, __rest as a, __spreadArray as b };

package/dist/types/components/Avatar/Avatar.appearance.d.ts

@@ -0,0 +1,2 @@
+import { avatarAppearanceType } from '../../components/Avatar/Avatar.interface';
+export declare const avatarAppearance: avatarAppearanceType;

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
-import { IAvatarProps } from './Avatar.interface';
+import { iAvatarConfig, IAvatarProps } from './Avatar.interface';
+declare const avatarConfig: iAvatarConfig;
 declare function Avatar(props: IAvatarProps): import("react/jsx-runtime").JSX.Element;
-export { Avatar };
+export { Avatar, avatarConfig };

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -1,13 +1,10 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, sizePXPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-export interface IAvatarProps extends iStyleAttributes {
-    Dot?: ReactNode;
-    after?: ReactNode;
-    before?: ReactNode;
-    className?: string;
+import { iconFillSizePropsType, iconSizePropsType, sizePXPropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface IAvatarThemeColor {
     fill?: tFillProps;
-    firstName?: string;
+    fillHover?: tFillHoverProps;
     icon?: ElementType;
     iconFill?: tFillProps;
     iconFillHover?: tFillHoverProps;
@@ -16,14 +13,31 @@ export interface IAvatarProps extends iStyleAttributes {
     iconShape?: tShapeProps;
     iconSize?: iconSizePropsType;
     iconSrc?: string;
-    mode?: string;
-    secondName?: string;
     shape?: tShapeProps;
-    size?: sizePXPropsType;
-    src?: string;
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
     textWeight?: tTextWeightProps;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type avatarAppearanceType = {
+    [key in appearanceKeysType]?: IAvatarThemeColor;
+};
+export interface iAvatarConfig {
+    appearance: avatarAppearanceType | undefined;
+    setAppearance: (newComponent: avatarAppearanceType) => void;
+}
+export interface IAvatarProps extends IAvatarThemeColor, iStyleAttributes {
+    after?: ReactNode;
+    appearance?: appearanceKeysType;
+    before?: ReactNode;
+    className?: string;
+    Dot?: ReactNode;
+    firstName?: string;
+    mode?: string;
+    secondName?: string;
+    size?: sizePXPropsType;
+    src?: string;
     type?: 'image' | 'text';
     onClick?: () => void;
 }
+export {};

package/dist/types/components/Avatar/index.d.ts

@@ -1 +1 @@
-export { Avatar } from './Avatar';
+export { Avatar, avatarConfig } from './Avatar';

package/dist/types/components/Badge/Badge.d.ts

@@ -1,4 +1,10 @@
 import { IBadgeConfig, IBadgeProps } from './Badge.interface';
 declare const badgeConfig: IBadgeConfig;
 declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Badge {
+    var defaultProps: {
+        shape: string;
+        size: string;
+    };
+}
 export { Badge, badgeConfig };

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,8 +1,3 @@
 import { IBreadcrumbsItemProps } from './Breadcrumbs.interface';
 declare function BreadcrumbsItem(props: IBreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
-declare namespace BreadcrumbsItem {
-    var defaultProps: {
-        set: string;
-    };
-}
 export { BreadcrumbsItem };

package/dist/types/components/Button/Button.appearance.d.ts

@@ -0,0 +1,2 @@
+import { buttonAppearanceType } from './Button.interface';
+export declare const buttonAppearance: buttonAppearanceType;

package/dist/types/components/Button/Button.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
+import { borderTypePropsType, elevationPropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IButtonThemeColor {
     borderColor?: tBorderColorProps;
@@ -40,7 +40,7 @@ export interface IButtonThemeColor {
     size?: tSizeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type buttonAppearanceType = {
     [key in appearanceKeysType]?: IButtonThemeColor;
 };
@@ -49,13 +49,13 @@ export interface IButtonConfig {
     setAppearance: (newComponent: buttonAppearanceType) => void;
 }
 export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
-    Badge?: ReactNode;
+    dataTestId?: string;
     after?: ReactNode;
     appearance?: appearanceKeysType;
+    Badge?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    dataTestId?: string;
     dataTour?: string;
     href?: string;
     htmlType?: ElementType;
@@ -63,15 +63,15 @@ export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
     iconAfter?: ElementType;
     iconBefore?: ElementType;
     iconSrc?: string;
-    isDisabled?: boolean;
     label?: string;
     link?: string;
     loading?: boolean;
     rel?: string;
     style?: CSSProperties;
     target?: string;
-    set?: string;
+    isDisabled?: boolean;
     onClick?: () => void;
     onMouseDown?: () => void;
+    set?: string;
 }
 export {};

package/dist/types/components/Button/index.d.ts

@@ -1 +1,2 @@
 export { Button, buttonConfig } from './Button';
+export { buttonAppearance } from './Button.appearance';

package/dist/types/components/Card/Card.d.ts

@@ -1,13 +1,3 @@
 import { ICardProps } from './Card.interface';
 declare function Card(props: ICardProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Card {
-    var defaultProps: {
-        textSize: string;
-        titleColor: string;
-        titleTag: string;
-        titleSize: string;
-        imageShape: string;
-        textColor: string;
-    };
-}
 export { Card };

package/dist/types/components/Cell/Cell.d.ts

@@ -1,9 +1,3 @@
 import { ICellProps } from './Cell.interface';
 declare function Cell(props: ICellProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Cell {
-    var defaultProps: {
-        isDisabled: boolean;
-        textSize: string;
-    };
-}
 export { Cell };

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,4 @@
 import type { iCheckboxConfig, iCheckboxProps } from './Checkbox.interface';
 declare const checkboxConfig: iCheckboxConfig;
 declare function Checkbox(props: iCheckboxProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Checkbox {
-    var defaultProps: {
-        tag: string;
-    };
-}
 export { Checkbox, checkboxConfig };

package/dist/types/components/Chips/Chips.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tChipsAppearance } from './Chips.interface';
+export declare const chipsAppearance: tChipsAppearance;

package/dist/types/components/Chips/index.d.ts

@@ -1 +1,2 @@
 export { Chips, chipsConfig } from './Chips';
+export { chipsAppearance } from './Chips.appearance';

package/dist/types/components/Choice/Choice.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tChoiceAppearance } from './Choice.interface';
+export declare const choiceAppearance: tChoiceAppearance;

package/dist/types/components/Code/Code.appearance.d.ts

@@ -0,0 +1,2 @@
+import { codeAppearanceType } from '../../components/Code/Code.interface';
+export declare const codeAppearance: codeAppearanceType;

package/dist/types/components/Code/Code.d.ts

@@ -1,21 +1,19 @@
-import { ICodeProps } from './Code.interface';
+import { iCodeConfig, ICodeProps } from './Code.interface';
+declare const codeConfig: iCodeConfig;
 declare function Code(props: ICodeProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Code {
     var defaultProps: {
-        inputCount: number;
-        inputType: string;
-        inputSize: string;
-        inputBorderWidth: number;
-        inputPlaceholder: number;
         inputBorderColor: string;
         inputBorderColorHover: string;
         inputBorderFocusColor: string;
+        inputBorderWidth: number;
+        inputCaretColor: string;
         inputFill: string;
         inputFillHover: string;
         inputShape: string;
+        inputSize: string;
         inputTextColor: string;
         inputTextSize: string;
-        inputCaretColor: string;
     };
 }
-export { Code };
+export { Code, codeConfig };

package/dist/types/components/Code/Code.interface.d.ts

@@ -2,8 +2,26 @@ import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
-export interface ICodeProps extends iStyleAttributes {
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface ICodeThemeColor {
+    borderColor?: tBorderColorProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
+    shape?: tShapeProps;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type codeAppearanceType = {
+    [key in appearanceKeysType]?: ICodeThemeColor;
+};
+export interface iCodeConfig {
+    appearance: codeAppearanceType | undefined;
+    setAppearance: (newComponent: codeAppearanceType) => void;
+}
+export interface ICodeProps extends ICodeThemeColor, iStyleAttributes {
     after?: ReactNode;
+    appearance?: appearanceKeysType;
     before?: ReactNode;
     className?: string;
     gap?: string;
@@ -24,10 +42,11 @@ export interface ICodeProps extends iStyleAttributes {
     inputTextSize?: tTextSizeProps;
     inputTextWeight?: tTextWeightProps;
     inputType?: AllowedInputTypes | undefined;
-    otp?: string | number;
+    otp?: number | string;
     separatorComponent?: ReactNode;
     width?: tWidthProps;
     onBlur?: (arg0: FocusEvent) => void;
     onChange?: (otp: string) => void;
     onFocus?: (arg0: FocusEvent) => void;
 }
+export {};

package/dist/types/components/Code/index.d.ts

@@ -1 +1 @@
-export { Code } from './Code';
+export { Code, codeConfig } from './Code';

package/dist/types/components/ContextMenu/ContextMenu.d.ts

@@ -1,8 +1,3 @@
 import { IContextMenuProps } from './ContextMenu.interface';
 declare function ContextMenu(props: IContextMenuProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ContextMenu {
-    var defaultProps: {
-        tag: string;
-    };
-}
 export { ContextMenu };

package/dist/types/components/CookiesWarning/CookiesWarning.d.ts

@@ -1,10 +1,3 @@
 import { ICookiesWarningProps } from './CookiesWarning.interface';
 declare function CookiesWarning(props: ICookiesWarningProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace CookiesWarning {
-    var defaultProps: {
-        message: string;
-        buttonText: string;
-        isHideOnScroll: boolean;
-    };
-}
 export { CookiesWarning };

package/dist/types/components/DatePicker/DatePicker.appearance.d.ts

@@ -0,0 +1,2 @@
+import { datePickerAppearanceType } from './DatePicker.interface';
+export declare const datePickerAppearance: datePickerAppearanceType;

package/dist/types/components/Divider/Divider.appearance.d.ts

@@ -0,0 +1,2 @@
+import { dividerAppearanceType } from './Divider.interface';
+export declare const dividerAppearance: dividerAppearanceType;

package/dist/types/components/Divider/Divider.d.ts

@@ -1,8 +1,9 @@
-import { IDividerProps } from './Divider.interface';
+import { iDividerConfig, IDividerProps } from './Divider.interface';
+declare const dividerConfig: iDividerConfig;
 declare function Divider(props: IDividerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Divider {
     var defaultProps: {
         size: string;
     };
 }
-export { Divider };
+export { Divider, dividerConfig };

package/dist/types/components/Divider/Divider.interface.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IDividerThemeColor {
     className?: string;
     direction?: tDirectionProps;
@@ -25,7 +26,17 @@ export interface IDividerThemeColor {
     widthMobile?: tWidthProps;
     widthTablet?: tWidthProps;
 }
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type dividerAppearanceType = {
+    [key in appearanceKeysType]?: IDividerThemeColor;
+};
+export interface iDividerConfig {
+    appearance: dividerAppearanceType | undefined;
+    setAppearance: (newComponent: dividerAppearanceType) => void;
+}
 export interface IDividerProps extends IDividerThemeColor, iStyleAttributes {
+    appearance?: appearanceKeysType;
     className?: string;
     style?: CSSProperties;
 }
+export {};

package/dist/types/components/Divider/index.d.ts

@@ -1 +1 @@
-export { Divider } from './Divider';
+export { Divider, dividerConfig } from './Divider';

package/dist/types/components/Dot/Dot.d.ts

@@ -1,6 +1,3 @@
 import { IDotProps } from './Dot.interface';
 declare function Dot(props: IDotProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Dot {
-    var defaultProps: {};
-}
 export { Dot };

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -1,10 +1,3 @@
 import { IDropdownProps } from './Dropdown.interface';
 declare function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Dropdown {
-    var defaultProps: {
-        animationOpen: string;
-        animationClose: string;
-        set: string;
-    };
-}
 export { Dropdown };

package/dist/types/components/Dropdown/Dropdown.interface.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, typePropsType, tUnderlineProps, tWidthProps } from '../../types';
+import { alignmentPropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps, typePropsType } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IDropdownProps extends iStyleAttributes {
     after?: ReactNode;
     alignment?: alignmentPropsType;
@@ -12,62 +13,74 @@ export interface IDropdownProps extends iStyleAttributes {
     elevation?: elevationPropsType;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
-    isOpen: boolean;
-    set?: string;
     shape?: tShapeProps;
     style?: CSSProperties;
+    isOpen: boolean;
+    set?: string;
     setIsOpen: (newState: boolean) => void;
 }
-export interface IDropdownItemProps extends iStyleAttributes {
+export interface iDropdownItemThemeColor {
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
+    shape?: tShapeProps;
+    size?: tSizeProps;
+    width?: tWidthProps;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type dropdownItemAppearanceType = {
+    [key in appearanceKeysType]?: iDropdownItemThemeColor;
+};
+export interface iDropdownItemConfig {
+    appearance: dropdownItemAppearanceType | undefined;
+    setAppearance: (newComponent: dropdownItemAppearanceType) => void;
+}
+export interface IDropdownItemProps extends iDropdownItemThemeColor, iStyleAttributes {
     after?: ReactNode;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
+    appearance?: appearanceKeysType;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
     desc?: string;
-    descTextColor?: tTextColorProps;
     descTextColorHover?: tTextColorHoverProps;
     descTextGradient?: tTextGradientProps;
-    descTextSize?: tTextSizeProps;
     descTextStyle?: tTextStyleProps;
     descTextWeight?: tTextWeightProps;
     descTextWrap?: tTextWrapProps;
-    direction?: tDirectionProps;
     dividerDirection?: tDirectionProps;
     dividerFill?: tFillProps;
     dividerSize?: tSizeProps;
-    fill?: tFillProps;
     fillActive?: tFillProps;
     fillActiveHover?: tFillHoverProps;
     fillDisabled?: tFillProps;
-    fillHover?: tFillHoverProps;
     href?: string;
     justifyContent?: tJustifyContentProps;
     label?: string;
     labelTextAlign?: tTextAlignProps;
-    labelTextColor?: tTextColorProps;
     labelTextColorActive?: tTextColorActiveProps;
     labelTextColorHover?: tTextColorHoverProps;
     labelTextGradient?: tTextGradientProps;
-    labelTextSize?: tTextSizeProps;
     labelTextStyle?: tTextStyleProps;
     labelTextWeight?: tTextWeightProps;
     labelTextWrap?: tTextWrapProps;
     link?: string;
     linkFill?: tFillProps;
     rel?: string;
-    set?: string;
-    shape?: tShapeProps;
     showDivider?: boolean;
-    size?: tSizeProps;
     style?: CSSProperties;
     target?: string;
     type?: typePropsType;
     underline?: tUnderlineProps;
-    width?: tWidthProps;
     isActive?: boolean;
     isHover?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    set?: string;
 }
+export {};

package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { dropdownItemAppearanceType } from './Dropdown.interface';
+export declare const dropdownItemAppearance: dropdownItemAppearanceType;

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -1,10 +1,11 @@
-import { IDropdownItemProps } from './Dropdown.interface';
+import { iDropdownItemConfig, IDropdownItemProps } from './Dropdown.interface';
+declare const dropdownItemConfig: iDropdownItemConfig;
 declare function DropdownItem(props: IDropdownItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DropdownItem {
     var defaultProps: {
-        size: string;
-        LinkComponent: string;
         width: string;
+        LinkComponent: string;
+        size: string;
     };
 }
-export { DropdownItem };
+export { DropdownItem, dropdownItemConfig };

package/dist/types/components/Dropdown/index.d.ts

@@ -1,3 +1,3 @@
 import { Dropdown } from './Dropdown';
-import { DropdownItem } from './DropdownItem';
-export { Dropdown, DropdownItem };
+import { DropdownItem, dropdownItemConfig } from './DropdownItem';
+export { Dropdown, DropdownItem, dropdownItemConfig };

package/dist/types/components/Grid/Grid.d.ts

@@ -1,8 +1,3 @@
 import { IGridProps } from './Grid.interface';
 declare function Grid(props: IGridProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Grid {
-    var defaultProps: {
-        tag: string;
-    };
-}
 export { Grid };

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,8 +1,3 @@
 import { IGridRowProps } from './Grid.interface';
 declare function GridRow(props: IGridRowProps): import("react/jsx-runtime").JSX.Element;
-declare namespace GridRow {
-    var defaultProps: {
-        tag: string;
-    };
-}
 export { GridRow };

package/dist/types/components/Group/Group.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from './Group.interface';
+export declare const groupAppearance: tAppearance;

package/dist/types/components/Icon/Icon.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tIconAppearance } from './Icon.interface';
+export declare const iconAppearance: tIconAppearance;

package/dist/types/{appearance/Input/index.d.ts → components/Input/Input.appearance.d.ts}

@@ -1,3 +1,3 @@
-import { tInputAppearance, tInputState } from '../../components/Input/Input.interface';
+import { tInputAppearance, tInputState } from './Input.interface';
 export declare const inputAppearance: tInputAppearance;
 export declare const inputState: tInputState;

package/dist/types/{appearance/InputPassword/index.d.ts → components/InputPassword/InputPassword.appearance.d.ts}

@@ -1,3 +1,3 @@
-import { tInputAppearance, tInputState } from '../../components/InputPassword/InputPassword.interface';
+import { tInputAppearance, tInputState } from './InputPassword.interface';
 export declare const InputPasswordAppearance: tInputAppearance;
 export declare const InputPasswordState: tInputState;

package/dist/types/components/Label/Label.appearance.d.ts

@@ -0,0 +1,2 @@
+import { labelAppearanceType } from './Label.interface';
+export declare const labelAppearance: labelAppearanceType;

package/dist/types/components/Label/Label.d.ts

@@ -1,9 +1,4 @@
 import { ILabelConfig, ILabelProps } from './Label.interface';
 declare const labelConfig: ILabelConfig;
 declare function Label(props: ILabelProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Label {
-    var defaultProps: {
-        label: string;
-    };
-}
 export { Label, labelConfig };

package/dist/types/components/Label/Label.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, titleSizePropsType, tWidthProps, wrapPropsType } from '../../types';
+import { alignmentPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILabelThemeColor {
     align?: tAlignProps;
@@ -22,12 +22,12 @@ export interface ILabelThemeColor {
     width?: tWidthProps;
     wrap?: wrapPropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type labelAppearanceType = {
     [key in appearanceKeysType]?: ILabelThemeColor;
 };
 export interface ILabelConfig {
-    appearance: labelAppearanceType | undefined;
+    appearance: string | labelAppearanceType | undefined;
     setAppearance: (newComponent: labelAppearanceType) => void;
 }
 export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
@@ -36,10 +36,11 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    closeTooltip?: () => boolean;
     cursor?: string;
     dataTour?: string;
     mode?: string;
-    set?: string;
+    openTooltip?: () => boolean;
     showTooltip?: boolean;
     style?: CSSProperties;
     textAlign?: tTextAlignProps;
@@ -52,7 +53,6 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     tooltipTitle?: string;
     type?: string;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    openTooltip?: () => boolean;
-    closeTooltip?: () => boolean;
+    set?: string;
 }
 export {};

package/dist/types/components/Label/index.d.ts

@@ -1 +1,2 @@
 export { Label, labelConfig } from './Label';
+export { labelAppearance } from './Label.appearance';

package/dist/types/components/Loader/Loader.appearance.d.ts

@@ -0,0 +1,2 @@
+import { loaderAppearanceType } from './Loader.interface';
+export declare const loaderAppearance: loaderAppearanceType;

package/dist/types/components/Loader/Loader.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, tHeightProps, tItemColorProps, positionPropsType, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
+import { positionPropsType, tFillProps, tHeightProps, tItemColorProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILoaderThemeColor {
     fill?: tFillProps;
@@ -10,7 +10,7 @@ export interface ILoaderThemeColor {
     textSize?: tTextSizeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type loaderAppearanceType = {
     [key in appearanceKeysType]?: ILoaderThemeColor;
 };
@@ -23,8 +23,8 @@ export interface ILoaderProps extends ILoaderThemeColor, iStyleAttributes {
     children?: ReactNode;
     className?: string;
     position?: positionPropsType;
-    set?: string;
     style?: CSSProperties;
     text?: string;
+    set?: string;
 }
 export {};