@itcase/ui 1.9.24 → 1.9.25

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/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 };

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

@@ -1,20 +1,3 @@
-declare const textareaAppearanceDisabled: {
-    disabledPrimary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceDisabled: TextareaAppearance;
 export { textareaAppearanceDisabled };

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

@@ -1,20 +1,3 @@
-declare const textareaAppearanceError: {
-    errorPrimary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    errorSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceError: TextareaAppearance;
 export { textareaAppearanceError };

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

@@ -1,20 +1,3 @@
-declare const textareaAppearanceRequire: {
-    requirePrimary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    requireSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceRequire: TextareaAppearance;
 export { textareaAppearanceRequire };

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

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

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

@@ -1,31 +1,3 @@
-declare const textareaAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        textSize: string;
-    };
-    sizeXL: {
-        size: string;
-        textSize: string;
-    };
-    sizeL: {
-        size: string;
-        textSize: string;
-    };
-    sizeM: {
-        size: string;
-        textSize: string;
-    };
-    sizeS: {
-        size: string;
-        textSize: string;
-    };
-    sizeXS: {
-        size: string;
-        textSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        textSize: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceSize: TextareaAppearance;
 export { textareaAppearanceSize };

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

@@ -1,16 +1,3 @@
-declare const textareaAppearanceStyle: {
-    solid: {
-        borderColor: string;
-        borderColorHover: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceStyle: TextareaAppearance;
 export { textareaAppearanceStyle };

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

@@ -1,21 +1,3 @@
-declare const textareaAppearanceSuccess: {
-    successPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    successSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceSuccess: TextareaAppearance;
 export { textareaAppearanceSuccess };