@itcase/ui 1.8.108 → 1.8.109

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

@@ -1,17 +1,19 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, IconSizeProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, IconFillItemProps, IconFillProps, IconSizeProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps, TextColorProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type BadgeAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
-    dotFill?: FillProps;
+    dotFill?: SvgFillItemProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    iconFill?: FillProps;
+    iconFill?: IconFillItemProps | IconFillProps;
     iconShape?: ShapeProps;
     iconSize?: IconSizeProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     textColor?: TextColorProps;
     textSize?: TextSizeProps;
@@ -24,11 +26,9 @@ type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
     icon?: string;
     iconSrc?: string;
     isSkeleton?: boolean;
-    shape?: ShapeProps;
-    shapeStrength?: ShapeStrengthProps;
     style?: CSSProperties;
     text?: string;
-    type?: 'circular' | 'dot' | 'simple';
+    type?: 'counter' | 'dot' | 'dot-icon-counter' | 'fill' | 'icon' | 'icon-counter';
     value?: string;
 };
 type BadgeAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;

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

@@ -1,38 +1,3 @@
-declare const badgeAppearanceAccent: {
-    accent: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    accentPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    accentQuaternary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    accentSecondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    accentTertiary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceAccent: BadgeAppearance;
 export { badgeAppearanceAccent };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearanceDanger: {
-    danger: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    dangerPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceDanger: BadgeAppearance;
 export { badgeAppearanceDanger };

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

@@ -1,15 +1,3 @@
-declare const badgeAppearanceDisabled: {
-    disabled: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        iconFill: string;
-    };
-    disabledPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceDisabled: BadgeAppearance;
 export { badgeAppearanceDisabled };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconFill: string;
-    };
-    errorPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceError: BadgeAppearance;
 export { badgeAppearanceError };

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

@@ -1,16 +1,3 @@
-declare const badgeAppearanceInfo: {
-    infoPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    infoSecondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceInfo: BadgeAppearance;
 export { badgeAppearanceInfo };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearancePrimary: {
-    primary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    primaryPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearancePrimary: BadgeAppearance;
 export { badgeAppearancePrimary };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    secondaryPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSecondary: BadgeAppearance;
 export { badgeAppearanceSecondary };

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

@@ -1,25 +1,3 @@
-declare const badgeAppearanceShape: {
-    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 { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceShape: BadgeAppearance;
 export { badgeAppearanceShape };

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

@@ -1,32 +1,3 @@
-declare const badgeAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        textSize: string;
-        iconSize: number;
-    };
-    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 { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSize: BadgeAppearance;
 export { badgeAppearanceSize };

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

@@ -1,14 +1,3 @@
-declare const badgeAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceStyle: BadgeAppearance;
 export { badgeAppearanceStyle };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearanceSuccess: {
-    success: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    successPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceSuccess: BadgeAppearance;
 export { badgeAppearanceSuccess };

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

@@ -1,25 +1,3 @@
-declare const badgeAppearanceSurface: {
-    surfacePrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceSurface: BadgeAppearance;
 export { badgeAppearanceSurface };

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

@@ -1,17 +1,3 @@
-declare const badgeAppearanceWarning: {
-    warning: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-    warningPrimary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-        dotFill: string;
-        iconFill: string;
-    };
-};
+import { BadgeAppearance } from "../Badge.interface";
+declare const badgeAppearanceWarning: BadgeAppearance;
 export { badgeAppearanceWarning };

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

@@ -1,10 +1,34 @@
 import React from 'react';
 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>>;
+declare const Icon: React.ForwardRefExoticComponent<Omit<import("../Icon/Icon.interface").IconAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: string;
+    after?: React.ReactNode;
+    align?: import("@itcase/types").AlignProps;
+    appearance?: import("@itcase/types").CompositeAppearanceKey;
+    badgeClass?: string;
+    badgeValue?: string;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    icon?: string;
+    iconSrc?: string;
+    imageSrc: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    showTooltip?: boolean;
+    style?: React.CSSProperties;
+    SvgImage?: string;
+    text?: string;
+    title?: string;
+    tooltipText?: string;
+    tooltipTitle?: string;
+    type?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

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

@@ -56,6 +56,7 @@ type IconProps = IconAppearanceProps & StyleAttributes & {
     dataTour?: string;
     icon?: string;
     iconSrc?: string;
+    imageSrc: string;
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
@@ -64,6 +65,7 @@ type IconProps = IconAppearanceProps & StyleAttributes & {
     onMouseLeave?: () => void;
     showTooltip?: boolean;
     style?: CSSProperties;
+    SvgImage?: string;
     text?: string;
     title?: string;
     tooltipText?: string;

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

@@ -86,9 +86,12 @@ export declare const radioAppearance: {
     defaultPrimary: {
         fill: string;
         fillCheckmark: string;
+        fillDisabled: string;
+        fillRadioClass: string;
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
+        borderColorCheckmark: string;
         borderColorRadio: string;
         borderColorRadioActive: string;
     };

package/dist/types/components/Radio/appearance/radioDefault.d.ts

@@ -2,9 +2,12 @@ declare const radioAppearanceDefault: {
     defaultPrimary: {
         fill: string;
         fillCheckmark: string;
+        fillDisabled: string;
+        fillRadioClass: string;
         labelTextColor: string;
         descTextColor: string;
         borderColor: string;
+        borderColorCheckmark: string;
         borderColorRadio: string;
         borderColorRadioActive: string;
     };

package/dist/types/components/Tab/appearance/tabSurface.d.ts

@@ -4,6 +4,7 @@ declare const tabAppearanceSurface: {
         fillActive: string;
         fillActiveHover: string;
         fillDisabled: string;
+        fillDivider: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;