@itcase/ui 1.8.94 → 1.8.95

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

@@ -1,46 +1,34 @@
 import { CSSProperties } from 'react';
-import { AppearanceKeysDefault, DirectionProps, FillHoverProps, FillProps, SizeProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface DividerThemeColor {
-    [key: number | string | symbol]: any;
-    className?: string;
+type DividerAppearanceProps = {
+    borderColor?: BorderColorProps;
     direction?: DirectionProps;
-    directionDesktop?: DirectionProps;
-    directionMobile?: DirectionProps;
-    directionTablet?: DirectionProps;
     fill?: FillProps;
-    fillActive?: FillProps;
-    fillActiveClass?: FillProps;
-    fillActiveHover?: FillHoverProps;
-    fillDesktop?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
     fillDisabled?: FillProps;
     fillHover?: FillHoverProps;
-    fillMobile?: FillProps;
-    fillTablet?: FillProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-    sizeDesktop?: SizeProps;
-    sizeMobile?: SizeProps;
-    sizeTablet?: SizeProps;
-    width?: WidthProps;
-    widthDesktop?: WidthProps;
-    widthMobile?: WidthProps;
-    widthTablet?: WidthProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type DividerAppearanceType = {
-    [key in AppearanceKeys]?: DividerThemeColor;
+    textColor?: TextColorProps;
+    textSize?: TextSizeProps;
 };
-export interface DividerConfig {
-    [key: number | string | symbol]: any;
-    appearance: DividerAppearanceType | undefined;
-    setAppearance: (newComponent: DividerAppearanceType) => void;
-}
-export interface DividerProps extends DividerThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    appearance?: AppearanceKeys;
+type DividerProps = DividerAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
     className?: string;
-    direction?: 'horizontal' | 'vertical';
-    style?: CSSProperties;
+    isActive?: boolean;
+    isDisabled?: boolean;
     isSkeleton?: boolean;
-}
-export {};
+    style?: CSSProperties;
+};
+type DividerAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type DividerAppearance = {
+    [key in DividerAppearanceKey]?: DividerAppearanceProps;
+};
+type DividerConfig = {
+    appearance: DividerAppearance;
+    setAppearance: (appearanceConfig: DividerAppearance) => void;
+};
+export type { DividerAppearance, DividerConfig, DividerProps };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearanceAccent: {
-    accentPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceAccent: DividerAppearance;
 export { dividerAppearanceAccent };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearanceError: {
-    errorPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceError: DividerAppearance;
 export { dividerAppearanceError };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearancePrimary: {
-    primaryPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearancePrimary: DividerAppearance;
 export { dividerAppearancePrimary };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearanceSecondary: {
-    secondaryPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceSecondary: DividerAppearance;
 export { dividerAppearanceSecondary };

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

@@ -1,12 +1,3 @@
-declare const dividerAppearanceSize: {
-    sizeL: {
-        size: string;
-    };
-    sizeM: {
-        size: string;
-    };
-    sizeS: {
-        size: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceSize: DividerAppearance;
 export { dividerAppearanceSize };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearanceSuccess: {
-    successPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceSuccess: DividerAppearance;
 export { dividerAppearanceSuccess };

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

@@ -1,15 +1,3 @@
-declare const dividerAppearanceSurface: {
-    surfacePrimary: {
-        fill: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceSurface: DividerAppearance;
 export { dividerAppearanceSurface };

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

@@ -1,6 +1,3 @@
-declare const dividerAppearanceWarning: {
-    warningPrimary: {
-        fill: string;
-    };
-};
+import type { DividerAppearance } from '../Divider.interface';
+declare const dividerAppearanceWarning: DividerAppearance;
 export { dividerAppearanceWarning };

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

@@ -1,2 +1,41 @@
-import { IconAppearance } from './Icon.interface';
-export declare const iconAppearance: IconAppearance;
+export declare const iconAppearance: {
+    alignment?: import("@itcase/types").AlignmentProps;
+    badgeAppearance?: import("@itcase/types").AppearanceKeysDefault;
+    badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+    badgeShape?: import("@itcase/types").ShapeProps;
+    badgeSize?: import("@itcase/types").SizeProps;
+    badgeTextColor?: import("@itcase/types").TextColorProps;
+    badgeTextSize?: import("@itcase/types").TextSizeProps;
+    borderColor?: import("@itcase/types").BorderColorProps;
+    borderColorHover?: import("@itcase/types").BorderColorHoverProps;
+    borderType?: import("@itcase/types").BorderTypeProps;
+    borderWidth?: import("@itcase/types").BorderWidthProps;
+    centering?: import("@itcase/types").CenteringProps;
+    direction?: import("@itcase/types").DirectionProps;
+    fill?: import("@itcase/types").FillProps;
+    fillActive?: import("@itcase/types").FillActiveProps;
+    fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
+    fillDisabled?: import("@itcase/types").FillDisabledProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    fillSize?: import("@itcase/types").FillSizeProps;
+    iconAppearance?: import("@itcase/types").CompositeAppearanceKey;
+    iconFill?: import("@itcase/types").FillProps;
+    iconFillActive?: import("@itcase/types").FillActiveProps;
+    iconFillActiveHover?: import("@itcase/types").FillActiveHoverProps;
+    iconFillDisabled?: import("@itcase/types").FillDisabledProps;
+    iconFillHover?: import("@itcase/types").FillHoverProps;
+    iconFillIcon?: import("@itcase/types").ItemFillProps;
+    iconFillSize?: import("@itcase/types").FillSizeProps;
+    iconShape?: import("@itcase/types").ShapeProps;
+    iconSize?: import("@itcase/types").IconSizeProps;
+    shape?: import("@itcase/types").ShapeProps;
+    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
+    size?: import("@itcase/types").SizeProps;
+    textColor?: import("@itcase/types").TextColorProps;
+    textSize?: import("@itcase/types").TextSizeProps;
+    titleTextColor?: import("@itcase/types").TextColorProps;
+    titleTextSize?: import("@itcase/types").TitleSizeProps;
+    tooltipAppearance?: import("@itcase/types").CompositeAppearanceKey;
+    tooltipTextSize?: import("@itcase/types").TitleSizeProps;
+    tooltipTitleSize?: import("@itcase/types").TextSizeProps;
+};

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

@@ -3,6 +3,7 @@ import type { IconConfig } from '../Icon/Icon.interface';
 declare const iconConfig: IconConfig;
 declare const Icon: React.ForwardRefExoticComponent<{
     imageSrc?: string;
+    placeholderUrl?: string;
     src?: string;
     svgSrc?: string;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,95 +1,81 @@
-import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AlignmentProps, AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TitleSizeProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-interface IconThemeColor {
+import { CSSProperties, ReactNode } from 'react';
+import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TitleSizeProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+type IconAppearanceProps = {
     alignment?: AlignmentProps;
-    bgFill?: FillProps;
+    badgeAppearance?: AppearanceKeysDefault;
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: ShapeProps;
+    badgeSize?: SizeProps;
+    badgeTextColor?: TextColorProps;
+    badgeTextSize?: TextSizeProps;
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
-    cursor?: string;
+    centering?: CenteringProps;
+    direction?: DirectionProps;
     fill?: FillProps;
-    fillDisabled?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillDisabledProps;
     fillHover?: FillHoverProps;
-    fillSize?: IconFillSizeProps;
-    iconAfterFill?: FillProps;
-    iconAfterFillSize?: IconFillSizeProps;
-    iconAfterShape?: ShapeProps;
-    iconBeforeFill?: FillProps;
-    iconBeforeFillSize?: IconFillSizeProps;
-    iconBeforeShape?: ShapeProps;
-    iconFill?: ItemColorProps;
-    iconFillDisabled?: ItemColorProps;
-    iconFillHover?: ItemColorProps;
-    iconFillSize?: IconFillSizeProps;
+    fillSize?: FillSizeProps;
+    iconAppearance?: CompositeAppearanceKey;
+    iconFill?: FillProps;
+    iconFillActive?: FillActiveProps;
+    iconFillActiveHover?: FillActiveHoverProps;
+    iconFillDisabled?: FillDisabledProps;
+    iconFillHover?: FillHoverProps;
+    iconFillIcon?: ItemFillProps;
+    iconFillSize?: FillSizeProps;
     iconShape?: ShapeProps;
     iconSize?: IconSizeProps;
-    label?: string;
-    labelTextColor?: TextColorProps;
-    labelTextColorHover?: TextColorHoverProps;
-    labelTextSize?: TextSizeProps;
-    loaderFill?: string;
-    loaderItemFill?: string;
     shape?: ShapeProps;
-    size?: IconSizeProps;
-}
-type IconAppearance = {
-    [key in AppearanceKeysDefault]?: IconThemeColor;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextColorProps;
+    textSize?: TextSizeProps;
+    titleTextColor?: TextColorProps;
+    titleTextSize?: TitleSizeProps;
+    tooltipAppearance?: CompositeAppearanceKey;
+    tooltipTextSize?: TitleSizeProps;
+    tooltipTitleSize?: TextSizeProps;
 };
-interface IconConfig {
-    appearance: IconAppearance | undefined;
-    setAppearance: (newComponent: IconAppearance) => void;
-}
-interface IconProps extends IconThemeColor, StyleAttributes {
-    id?: number | string;
-    [key: number | string | symbol]: any;
+type IconProps = IconAppearanceProps & StyleAttributes & {
+    id?: string;
     after?: ReactNode;
-    Badge?: ReactNode;
+    align?: AlignProps;
+    appearance?: CompositeAppearanceKey;
+    badgeClass?: string;
+    badgeValue?: string;
     before?: ReactNode;
+    children?: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
-    fillDesktop?: FillProps;
-    fillMobile?: FillProps;
-    fillSizeDesktop?: string;
-    fillSizeMobile?: string;
-    fillSizeTablet?: string;
-    fillTablet?: FillProps;
-    height?: string;
-    href?: string;
-    htmlType?: string;
     icon?: string;
-    iconAfterSrc?: string;
-    iconBeforeSrc?: string;
     iconSrc?: string;
-    imageSrc?: string;
-    link?: string;
-    LinkComponent?: ReactNode;
-    linkRel?: string;
-    linkTarget?: string;
-    loading?: boolean;
-    rel?: string;
-    shapeDesktop?: ShapeProps;
-    shapeMobile?: ShapeProps;
-    shapeTablet?: ShapeProps;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
     showTooltip?: boolean;
-    sizeDesktop?: IconSizeProps;
-    sizeMobile?: IconSizeProps;
-    sizeTablet?: IconSizeProps;
     style?: CSSProperties;
-    SvgImage?: any;
-    target?: string;
-    tooltipAppearance?: AppearanceKeysDefault;
-    tooltipContent?: ReactNode;
+    text?: string;
+    title?: string;
     tooltipText?: string;
-    tooltipTextSize?: TextSizeProps;
     tooltipTitle?: string;
-    tooltipTitleSize?: TitleSizeProps;
     type?: string;
-    width?: string;
-    isDisabled?: boolean;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
-}
-export type { IconThemeColor, IconAppearance, IconConfig, IconProps };
+};
+type IconAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type IconAppearance = {
+    [key in IconAppearanceKey]?: IconAppearanceProps;
+};
+type IconConfig = {
+    appearance: IconAppearance;
+    setAppearance: (appearanceConfig: IconAppearance) => void;
+};
+export type { IconAppearanceProps, IconAppearance, IconConfig, IconProps };

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

@@ -1,23 +1,3 @@
-declare const iconAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-    accentPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceAccent: IconAppearanceProps;
 export { iconAppearanceAccent };

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

@@ -1,14 +1,3 @@
-declare const iconAppearanceDanger: {
-    danger: {
-        fill: string;
-        fillHover: string;
-    };
-    dangerPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceDanger: IconAppearanceProps;
 export { iconAppearanceDanger };

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

@@ -1,13 +1,3 @@
-declare const iconAppearanceDisabled: {
-    danger: {
-        fill: string;
-        fillHover: string;
-    };
-    disabledPrimary: {
-        fill: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceDisabled: IconAppearanceProps;
 export { iconAppearanceDisabled };

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

@@ -1,16 +1,3 @@
-declare const iconAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-    errorPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceError: IconAppearanceProps;
 export { iconAppearanceError };

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

@@ -1,19 +1,3 @@
-declare const iconAppearanceInfo: {
-    info: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-    };
-    infoPrimary: {
-        fill: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-    infoSecondary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceInfo: IconAppearanceProps;
 export { iconAppearanceInfo };

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

@@ -1,16 +1,3 @@
-declare const iconAppearancePrimary: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-    primaryPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearancePrimary: IconAppearanceProps;
 export { iconAppearancePrimary };

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

@@ -1,14 +1,3 @@
-declare const iconAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        fillHover: string;
-    };
-    secondaryPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        badgeAppearance: string;
-        iconFill: string;
-    };
-};
+import { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceSecondary: IconAppearanceProps;
 export { iconAppearanceSecondary };

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

@@ -1,25 +1,3 @@
-declare const iconAppearanceShape: {
-    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 { IconAppearanceProps } from '../Icon.interface';
+declare const iconAppearanceShape: IconAppearanceProps;
 export { iconAppearanceShape };