@itcase/ui 1.8.108 → 1.8.109

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

@@ -1,46 +1,57 @@
-import { ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface AvatarThemeColor {
-    [key: number | string | symbol]: any;
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type AvatarAppearanceProps = {
+    badge?: string;
+    badgeAppearance?: CompositeAppearanceDefaultStyleShapeKey;
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    badgeValue?: BadgeProps['value'];
+    borderColor?: BorderColorProps;
     fill?: FillProps;
-    fillHover?: FillHoverProps;
-    icon?: ElementType;
-    iconFill?: FillProps;
-    iconFillHover?: FillHoverProps;
-    iconFillSize?: IconFillSizeProps;
-    iconItemFill?: ItemColorProps;
-    iconShape?: ShapeProps;
-    iconSize?: IconSizeProps;
+    fillHoverClass?: FillHoverProps;
+    icon?: string;
+    iconFill?: IconProps['fill'];
+    iconFillHover?: IconProps['fillHover'];
+    iconFillSize?: IconProps['fillSize'];
+    iconItemFill?: IconProps['iconFill'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
     iconSrc?: string;
+    placeholderUrl?: string;
     shape?: ShapeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
-    textWeight?: TextWeightProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type AvatarAppearanceType = {
-    [key in AppearanceKeys]?: AvatarThemeColor;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizePXProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
 };
-export interface AvatarConfig {
-    [key: number | string | symbol]: any;
-    appearance: AvatarAppearanceType | undefined;
-    setAppearance: (appearanceConfig: AvatarAppearanceType) => void;
-}
-export interface AvatarProps extends AvatarThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
+type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceSizePxKey;
+    before?: string;
+    children?: ReactNode;
     className?: string;
-    Dot?: ReactNode;
+    count?: number;
     firstName?: string;
-    key?: unknown;
-    mode?: string;
+    isSkeleton?: boolean;
+    onClick: () => void;
     secondName?: string;
-    size?: SizePXProps;
     src?: string;
-    type?: 'image' | 'text';
-    onClick?: () => void;
-}
-export {};
+    style?: CSSProperties;
+};
+type AvatarAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizePxKey | AppearanceStyleKey;
+type AvatarAppearance = {
+    [key in AvatarAppearanceKey]?: AvatarAppearanceProps;
+};
+type AvatarConfig = {
+    appearance: AvatarAppearance;
+    setAppearance: (appearanceConfig: AvatarAppearance) => void;
+};
+export type { AvatarAppearance, AvatarConfig, AvatarProps };

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

@@ -1,20 +1,3 @@
-declare const avatarAppearanceDefault: {
-    surfacePrimary: {
-        fill: string;
-        textColor: string;
-        badgeAppearance: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        textColor: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        textColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        textColor: string;
-    };
-};
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceDefault: AvatarAppearance;
 export { avatarAppearanceDefault };

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

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

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

@@ -1,84 +1,3 @@
-declare const avatarAppearanceSize: {
-    size16: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size20: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size24: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size32: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size40: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size56: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size96: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size144: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-    size240: {
-        size: string;
-        textSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-        badgeAppearanceSize: string;
-    };
-};
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceSize: AvatarAppearance;
 export { avatarAppearanceSize };

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

@@ -1,16 +1,3 @@
-declare const avatarAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceStyle: AvatarAppearance;
 export { avatarAppearanceStyle };