@itcase/ui 1.9.24 → 1.9.26

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

@@ -1,17 +1,3 @@
-declare const chipsAppearanceSuccess: {
-    successMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    successPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceSuccess: ChipsAppearance;
 export { chipsAppearanceSuccess };

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

@@ -1,46 +1,3 @@
-declare const chipsAppearanceSurface: {
-    surfaceMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfacePrimary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        activeIconItemFill: string;
-        badgeAppearance: string;
-        iconAfterFillActiveIcon: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillActiveIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillActiveIcon: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillActiveIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceSurface: ChipsAppearance;
 export { chipsAppearanceSurface };

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

@@ -1,17 +1,3 @@
-declare const chipsAppearanceWarning: {
-    warningMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    warningPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceWarning: ChipsAppearance;
 export { chipsAppearanceWarning };

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

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

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

@@ -1,56 +1,55 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
-import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface CodeThemeColor {
-    [key: number | string | symbol]: any;
+import { LabelProps } from '../Label/Label.interface';
+type CodeAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    labelTextColor?: TextColorProps;
-    labelTextSize?: TextSizeProps;
-    shape?: ShapeProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type CodeAppearanceType = {
-    [key in AppearanceKeys]?: CodeThemeColor;
-};
-export interface CodeConfig {
-    [key: number | string | symbol]: any;
-    appearance: CodeAppearanceType | undefined;
-    setAppearance: (newComponent: CodeAppearanceType) => void;
-}
-export interface CodeProps extends CodeThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
-    className?: string;
-    gap?: string;
-    initialValue?: string;
-    inputAutoFocus?: boolean;
     inputBorderColor?: BorderColorProps;
     inputBorderColorHover?: BorderColorHoverProps;
     inputBorderFocusColor?: BorderColorProps;
     inputBorderWidth?: BorderWidthProps;
     inputCaretColor?: ItemColorProps;
-    inputCount?: number;
     inputFill?: FillProps;
     inputFillHover?: FillHoverProps;
-    inputPlaceholder?: string;
     inputPlaceholderTextColor?: TextColorProps;
     inputShape?: ShapeProps;
     inputSize?: SizeProps;
     inputTextColor?: TextColorProps;
     inputTextSize?: TextSizeProps;
     inputTextWeight?: TextWeightProps;
-    inputType?: AllowedInputTypes | undefined;
-    otp?: number | string;
-    separatorComponent?: ReactNode;
+    labelTextColor?: LabelProps['labelTextColor'];
+    labelTextSize?: LabelProps['labelTextSize'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
     width?: WidthProps;
-    isSkeleton: boolean;
+};
+type CodeProps = CodeAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    appearance?: AppearanceKeys;
+    before?: ReactNode;
+    className?: string;
+    initialValue?: string;
+    inputAutoFocus?: boolean;
+    inputCount?: number;
+    inputPlaceholder?: string;
+    inputType?: AllowedInputTypes;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
     onBlur?: (arg0: FocusEvent) => void;
     onChange?: (otp: string) => void;
     onFocus?: (arg0: FocusEvent) => void;
-}
-export {};
+    separatorComponent?: ReactNode;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type CodeAppearance = {
+    [key in AppearanceKeys]?: CodeAppearanceProps;
+};
+type CodeConfig = {
+    appearance: CodeAppearance;
+    setAppearance: (appearanceConfig: CodeAppearance) => void;
+};
+export type { CodeAppearance, CodeConfig, CodeProps };

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

@@ -1,11 +1,3 @@
-declare const codeAppearanceDefault: {
-    defaultPrimary: {
-        inputBorderColor: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceDefault: CodeAppearance;
 export { codeAppearanceDefault };

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

@@ -1,12 +1,3 @@
-declare const codeAppearanceDisabled: {
-    disabledPrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceDisabled: CodeAppearance;
 export { codeAppearanceDisabled };

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

@@ -1,12 +1,3 @@
-declare const codeAppearanceError: {
-    errorPrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceError: CodeAppearance;
 export { codeAppearanceError };

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

@@ -1,12 +1,3 @@
-declare const codeAppearanceRequire: {
-    requirePrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceRequire: CodeAppearance;
 export { codeAppearanceRequire };

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

@@ -1,25 +1,3 @@
-declare const codeAppearanceShape: {
-    circular: {
-        shape: string;
-    };
-    rounded: {
-        shape: string;
-    };
-    roundedS: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedM: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedXL: {
-        shape: string;
-        shapeStrength: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceShape: CodeAppearance;
 export { codeAppearanceShape };

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

@@ -1,13 +1,3 @@
-declare const codeAppearanceSize: {
-    sizeL: {
-        size: string;
-        inputSize: string;
-        inputTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        inputSize: string;
-        inputTextSize: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceSize: CodeAppearance;
 export { codeAppearanceSize };

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

@@ -1,16 +1,3 @@
-declare const codeAppearanceStyle: {
-    full: {
-        inputBorderColor: string;
-    };
-    ghost: {
-        inputBorderColor: string;
-        inputFill: string;
-    };
-    outlined: {
-        inputFill: string;
-    };
-    solid: {
-        inputBorderColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceStyle: CodeAppearance;
 export { codeAppearanceStyle };

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

@@ -1,12 +1,3 @@
-declare const codeAppearanceSuccess: {
-    successPrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceSuccess: CodeAppearance;
 export { codeAppearanceSuccess };

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

@@ -21,6 +21,7 @@ type DividerProps = DividerAppearanceProps & StyleAttributes & {
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
+    print?: boolean;
     style?: CSSProperties;
 };
 type DividerAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { BorderColorProps, BorderTypeProps, FillProps, ShapeProps, SizeProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface DotThemeColor {
+type DotAppearance = {
     borderColor?: BorderColorProps;
     borderColorDesktop?: BorderColorProps;
     borderColorMobile?: BorderColorProps;
@@ -19,10 +19,10 @@ export interface DotThemeColor {
     shapeMobile?: ShapeProps;
     shapeTablet?: ShapeProps;
     size?: SizeProps;
-}
-export interface DotProps extends DotThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
+};
+type DotProps = DotAppearance & StyleAttributes & {
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
-}
+};
+export type { DotAppearance, DotProps };

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

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

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

@@ -1,5 +1,56 @@
 import React from 'react';
-import type { GroupConfig, GroupProps } from './Group.interface';
+import type { GroupConfig } from './Group.interface';
 declare const groupConfig: GroupConfig;
-declare const Group: React.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React.RefAttributes<unknown>>;
+declare const Group: React.ForwardRefExoticComponent<{
+    align?: import("@itcase/types").AlignProps;
+    alignDirection?: AlignDirectionProps;
+    border?: import("@itcase/types").BorderColorProps;
+    borderColor?: import("@itcase/types").BorderColorProps;
+    borderColorActive?: import("@itcase/types").BorderColorProps;
+    borderColorActiveHover?: import("@itcase/types").BorderColorProps;
+    borderColorHover?: import("@itcase/types").BorderColorProps;
+    borderType?: import("@itcase/types").BorderTypeProps;
+    borderWidth?: import("@itcase/types").BorderWidthProps;
+    columns?: number;
+    direction?: import("@itcase/types").DirectionProps;
+    elevation?: import("@itcase/types").ElevationProps;
+    fill?: import("@itcase/types").FillProps;
+    fillActive?: import("@itcase/types").FillProps;
+    fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
+    fillDisabled?: import("@itcase/types").FillProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    flexGrow?: FlexGrowProps;
+    height?: import("@itcase/types").HeightProps;
+    hoverFilter?: string;
+    iconFillHover?: import("../Icon/Icon.interface").IconProps["fillHover"];
+    justifyContent?: import("@itcase/types").JustifyContentProps;
+    labelTextColor?: import("../Label/Label.interface").LabelProps["labelTextColor"];
+    shape?: import("@itcase/types").ShapeProps;
+    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
+    stacking?: import("@itcase/types").StackingProps;
+    textColor?: import("../Text/Text.interface").TextProps["textColor"];
+    textColorActive?: import("../Text/Text.interface").TextProps["textColorActive"];
+    textColorHover?: import("../Text/Text.interface").TextProps["textColorHover"];
+    width?: import("@itcase/types").WidthProps;
+    wrap?: import("@itcase/types").WrapProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: number | string;
+    appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: boolean;
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    name?: string;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    print?: boolean;
+    scroll?: boolean | import("@itcase/types").DirectionProps;
+    set?: string;
+    style?: React.CSSProperties;
+    tag?: React.ElementType;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Group, groupConfig };

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

@@ -1,56 +1,68 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, ItemColorProps, JustifyContentProps, ShapeProps, StackingProps, TextColorProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillHoverProps, FillProps, FlexGrowProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface ThemeColor {
-    [key: number | string | symbol]: any;
-    border?: string;
-    borderColor?: string;
-    borderWidth?: string;
-    direction?: DirectionProps;
-    fill?: string;
-    fillHover?: string;
-    labelTextColor?: TextColorProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type Appearance = {
-    [key in AppearanceKeys]: ThemeColor;
-};
-export interface GroupConfig {
-    [key: number | string | symbol]: any;
-    appearance: Appearance | undefined;
-    setAppearance: (newComponent: Appearance) => void;
-}
-export interface GroupProps extends StyleAttributes {
-    id?: number | string;
-    [key: number | string | symbol]: any;
+import { IconProps } from '../Icon/Icon.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
+type GroupAppearanceProps = {
     align?: AlignProps;
     alignDirection?: AlignDirectionProps;
-    appearance?: AppearanceKeys;
+    border?: BorderColorProps;
     borderColor?: BorderColorProps;
+    borderColorActive?: BorderColorProps;
+    borderColorActiveHover?: BorderColorProps;
+    borderColorHover?: BorderColorProps;
     borderType?: BorderTypeProps;
-    children?: ReactNode;
-    className?: string;
+    borderWidth?: BorderWidthProps;
     columns?: number;
-    dataTour?: string;
     direction?: DirectionProps;
     elevation?: ElevationProps;
     fill?: FillProps;
+    fillActive?: FillProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillProps;
     fillHover?: FillHoverProps;
     flexGrow?: FlexGrowProps;
     height?: HeightProps;
-    horizontalScroll?: boolean;
-    htmlFor?: string;
-    iconFillHover?: ItemColorProps;
+    hoverFilter?: string;
+    iconFillHover?: IconProps['fillHover'];
     justifyContent?: JustifyContentProps;
-    name?: string;
+    labelTextColor?: LabelProps['labelTextColor'];
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     stacking?: StackingProps;
-    style?: CSSProperties;
-    tag?: ElementType;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorHover?: TextProps['textColorHover'];
     width?: WidthProps;
     wrap?: WrapProps;
-    isTextHover?: boolean;
+};
+type GroupProps = GroupAppearanceProps & StyleAttributes & {
+    id?: number | string;
+    appearance?: CompositeAppearanceDefaultKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: boolean;
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    name?: string;
     onClick?: () => void;
+    onMouseDown?: () => void;
+    print?: boolean;
+    scroll?: boolean | DirectionProps;
     set?: string;
-}
-export {};
+    style?: CSSProperties;
+    tag?: ElementType;
+};
+type AppearanceKeys = AppearanceKeysDefault & {};
+type GroupAppearance = {
+    [key in AppearanceKeys]: GroupAppearanceProps;
+};
+type GroupConfig = {
+    appearance: GroupAppearance;
+    setAppearance: (appearanceConfig: GroupAppearance) => void;
+};
+export type { GroupAppearance, GroupConfig, GroupProps };

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

@@ -1,2 +1,2 @@
-import { TextareaAppearanceType } from './Textarea.interface';
-export declare const textareaAppearance: TextareaAppearanceType;
+import { TextareaAppearance } from './Textarea.interface';
+export declare const textareaAppearance: TextareaAppearance;

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

@@ -1,38 +1,41 @@
-import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, AppearanceTitleSizeKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface TextareaThemeColor {
-    [key: number | string | symbol]: any;
+import { TextProps } from '../Text/Text.interface';
+type TextareaAppearanceProps = {
     borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
     borderHover?: BorderColorHoverProps;
+    borderWidth?: BorderWidthProps;
     caret?: ItemColorProps;
     fill?: FillProps;
+    fillHover?: FillHoverProps;
     placeholderTextColor?: TextColorProps;
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
-    textWeight?: TextWeightProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
     width?: WidthProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type TextareaAppearanceType = {
-    [key in AppearanceKeys]?: TextareaThemeColor;
 };
-export interface TextareaConfig {
-    [key: number | string | symbol]: any;
-    appearance: TextareaAppearanceType | undefined;
-    setAppearance: (newComponent: TextareaAppearanceType) => void;
-}
-export interface TextareaProps extends TextareaThemeColor, StyleAttributes {
+type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
     id?: string;
-    [key: number | string | symbol]: any;
     appearance?: AppearanceKeys;
     className?: string;
-    disabled?: boolean;
-    placeholder?: string;
-    value?: string;
+    isDisabled?: boolean;
     onBlur?: () => void;
     onChange?: () => void;
+    onFocus?: () => void;
     onKeyDown?: () => void;
-}
-export {};
+    placeholder?: string;
+    value?: string;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceStyleKey | AppearanceTitleSizeKey;
+type TextareaAppearance = {
+    [key in AppearanceKeys]?: TextareaAppearanceProps;
+};
+type TextareaConfig = {
+    appearance: TextareaAppearance;
+    setAppearance: (appearanceConfig: TextareaAppearance) => void;
+};
+export type { TextareaAppearance, TextareaConfig, TextareaProps };

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -1,37 +1,3 @@
-declare const textareaAppearanceDefault: {
-    defaultPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    defaultSecondary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    defaultTertiary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    defaultQuaternary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceDefault: TextareaAppearance;
 export { textareaAppearanceDefault };