@itcase/ui 1.8.116 → 1.8.117

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

@@ -1,60 +1,69 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignmentProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextAlignProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps, TitleSizeProps, WidthProps, WrapProps } from '@itcase/types';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface LabelThemeColor {
-    [key: number | string | symbol]: any;
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
+type LabelAppearanceProps = {
     align?: AlignProps;
-    alignDirection?: AlignDirectionProps;
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    label?: string;
-    labelTextColor?: TextColorProps;
-    labelTextColorHover?: TextColorHoverProps;
-    labelTextSize?: TextSizeProps;
-    labelTextWeight?: TextWeightProps;
-    labelTextWrap?: TextWrapProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    labelTextWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-    tooltipTextSize?: TextSizeProps;
-    tooltipTitleSize?: TitleSizeProps;
-    width?: WidthProps;
+    tooltipAlignment?: null;
+    tooltipAppearance?: null;
+    tooltipArrowPosition?: null;
+    tooltipText?: TooltipProps['size'];
+    tooltipTextSize?: TooltipProps['textSize'];
+    tooltipTextWeight?: TooltipProps['textWeight'];
+    tooltipTitle?: TooltipProps['title'];
+    tooltipTitleSize?: TooltipProps['titleSize'];
+    tooltipTitleWeight?: TooltipProps['titleWeight'];
     wrap?: WrapProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type LabelAppearanceType = {
-    [key in AppearanceKeys]?: LabelThemeColor;
 };
-export interface LabelConfig {
-    [key: number | string | symbol]: any;
-    appearance: string | LabelAppearanceType | undefined;
-    setAppearance: (newComponent: LabelAppearanceType) => void;
-}
-export interface LabelProps extends LabelThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
+type LabelProps = LabelAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceKey;
+    before?: string;
     children?: ReactNode;
     className?: string;
-    closeTooltip?: () => boolean;
-    cursor?: string;
+    dataTestId?: string;
     dataTour?: string;
-    mode?: string;
-    openTooltip?: () => boolean;
-    showTooltip?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    onClick?: () => void;
     style?: CSSProperties;
-    textAlign?: TextAlignProps;
-    tooltipAlignment?: AlignmentProps;
-    tooltipAppearance?: AppearanceKeys;
-    tooltipArrowPosition?: string;
-    tooltipContent?: ReactNode;
-    tooltipRef?: string;
-    tooltipText?: string;
-    tooltipTitle?: string;
-    type?: string;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    set?: string;
-}
-export {};
+    tooltipContent?: string;
+};
+type LabelAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type LabelAppearance = {
+    [key in LabelAppearanceKey]?: LabelAppearanceProps;
+};
+type LabelConfig = {
+    appearance: LabelAppearance;
+    setAppearance: (appearanceConfig: LabelAppearance) => void;
+};
+export type { LabelAppearance, LabelConfig, LabelProps };

package/dist/types/components/Label/appearance/labelAccent.d.ts

@@ -1,21 +1,3 @@
-declare const labelAppearanceAccent: {
-    accentMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    accentPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    accentTertiary: {
-        fill: string;
-        labelTextColor: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceAccent: LabelAppearance;
 export { labelAppearanceAccent };

package/dist/types/components/Label/appearance/labelDanger.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceDanger: {
-    dangerMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    dangerPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from '../Label.interface';
+declare const labelAppearanceDanger: LabelAppearance;
 export { labelAppearanceDanger };

package/dist/types/components/Label/appearance/labelDisabled.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceDisabled: {
-    disabledMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    disabledPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceDisabled: LabelAppearance;
 export { labelAppearanceDisabled };

package/dist/types/components/Label/appearance/labelError.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceError: {
-    errorMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    errorPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceError: LabelAppearance;
 export { labelAppearanceError };

package/dist/types/components/Label/appearance/labelGradient.d.ts

@@ -1,10 +1,3 @@
-declare const labelAppearanceGradient: {
-    gradientPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceGradient: LabelAppearance;
 export { labelAppearanceGradient };

package/dist/types/components/Label/appearance/labelInfo.d.ts

@@ -1,24 +1,3 @@
-declare const labelAppearanceInfo: {
-    infoMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    infoPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    infoSecondary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceInfo: LabelAppearance;
 export { labelAppearanceInfo };

package/dist/types/components/Label/appearance/labelPrimary.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearancePrimary: {
-    primaryMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    primaryPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearancePrimary: LabelAppearance;
 export { labelAppearancePrimary };

package/dist/types/components/Label/appearance/labelSecondary.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceSecondary: {
-    secondaryMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    secondaryPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceSecondary: LabelAppearance;
 export { labelAppearanceSecondary };

package/dist/types/components/Label/appearance/labelShape.d.ts

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

package/dist/types/components/Label/appearance/labelSize.d.ts

@@ -1,59 +1,3 @@
-declare const labelAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceSize: LabelAppearance;
 export { labelAppearanceSize };

package/dist/types/components/Label/appearance/labelStyle.d.ts

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

package/dist/types/components/Label/appearance/labelSuccess.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceSuccess: {
-    successMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    successPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceSuccess: LabelAppearance;
 export { labelAppearanceSuccess };

package/dist/types/components/Label/appearance/labelSurface.d.ts

@@ -1,29 +1,3 @@
-declare const labelAppearanceSurface: {
-    surfaceMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfacePrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        labelTextColor: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        labelTextColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        labelTextColor: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceSurface: LabelAppearance;
 export { labelAppearanceSurface };

package/dist/types/components/Label/appearance/labelWarning.d.ts

@@ -1,17 +1,3 @@
-declare const labelAppearanceWarning: {
-    warningMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    warningPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { LabelAppearance } from "../Label.interface";
+declare const labelAppearanceWarning: LabelAppearance;
 export { labelAppearanceWarning };

package/dist/types/components/Pagination/appearance/paginationSurface.d.ts

@@ -1,7 +1,9 @@
 declare const paginationAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillHover: string;
         fillActive: string;
+        fillActiveHover: string;
         fillInput: string;
         textColor: string;
         builderIconFillIcon: string;