@itcase/ui 1.8.116 → 1.8.117

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

@@ -1,5 +1,46 @@
 import React from 'react';
-import type { TooltipConfig, TooltipProps } from './Tooltip.interface';
+import type { TooltipConfig } from './Tooltip.interface';
 declare const tooltipConfig: TooltipConfig;
-declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<any>>;
+declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    align?: null;
+    alignDirection?: null;
+    alignment?: null;
+    alignPosition?: null;
+    arrowPosition?: null;
+    borderColor?: import("@itcase/types").BorderColorProps;
+    borderType?: import("@itcase/types").BorderTypeProps;
+    borderWidth?: import("@itcase/types").BorderWidthProps;
+    centering?: null;
+    elevation?: import("@itcase/types").ElevationProps;
+    fill?: import("@itcase/types").FillProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    shape?: import("@itcase/types").ShapeProps;
+    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
+    size?: import("@itcase/types").SizeProps;
+    textColor?: import("../Text/Text.interface").TextProps["textColor"];
+    textSize?: import("../Text/Text.interface").TextProps["size"];
+    textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
+    titleColor?: import("../Title/Title.interface").TitleProps["textColor"];
+    titleSize?: import("../Title/Title.interface").TitleProps["size"];
+    titleWeight?: import("../Title/Title.interface").TitleProps["textWeight"];
+    wrap?: import("@itcase/types").WrapProps;
+} & {
+    after?: string;
+    appearance?: import("@itcase/types").CompositeAppearanceStateKeys;
+    before?: string;
+    children?: React.ReactNode;
+    className?: string;
+    closeTimeoutDelay?: number;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsVisible?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    openTimeoutDelay?: number;
+    style?: React.CSSProperties;
+    text?: string;
+    title?: string;
+    tooltipContent?: string;
+} & React.RefAttributes<any>>;
 export { Tooltip, tooltipConfig };

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

@@ -1,47 +1,57 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignmentProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, TitleSizeProps } from '@itcase/types';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateKeys, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface TooltipThemeColor {
-    [key: number | string | symbol]: any;
-    align?: AlignProps;
-    alignDirection?: AlignDirectionProps;
-    alignment?: AlignmentProps;
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
+type TooltipAppearanceProps = {
+    align?: null;
+    alignDirection?: null;
+    alignment?: null;
+    alignPosition?: null;
+    arrowPosition?: null;
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
+    centering?: null;
     elevation?: ElevationProps;
     fill?: FillProps;
+    fillHover?: FillHoverProps;
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
-    titleSize?: TitleSizeProps;
-    titleTextColor?: TextColorProps;
-    titleTextWeight?: TextWeightProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type TooltipAppearanceType = {
-    [key in AppearanceKeys]?: TooltipThemeColor;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
+    titleColor?: TitleProps['textColor'];
+    titleSize?: TitleProps['size'];
+    titleWeight?: TitleProps['textWeight'];
+    wrap?: WrapProps;
 };
-export interface TooltipConfig {
-    [key: number | string | symbol]: any;
-    appearance: TooltipAppearanceType | undefined;
-    setAppearance: (newComponent: TooltipAppearanceType) => void;
-}
-export interface TooltipProps extends TooltipThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    arrowPosition?: string;
-    before?: ReactNode;
+type TooltipProps = StyleAttributes & TooltipAppearanceProps & {
+    after?: string;
+    appearance?: CompositeAppearanceStateKeys;
+    before?: string;
     children?: ReactNode;
     className?: string;
-    initialIsVisible?: any;
+    closeTimeoutDelay?: number;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsVisible?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    openTimeoutDelay?: number;
     style?: CSSProperties;
     text?: string;
     title?: string;
-    type?: string;
-    width?: string;
-    set?: string;
-}
-export {};
+    tooltipContent?: string;
+};
+type TooltipAppearanceKey = AppearanceStateKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type TooltipAppearance = {
+    [key in TooltipAppearanceKey]?: TooltipAppearanceProps;
+};
+type TooltipConfig = {
+    appearance: TooltipAppearance;
+    setAppearance: (appearanceConfig: TooltipAppearance) => void;
+};
+export type { TooltipAppearance, TooltipConfig, TooltipProps };

package/dist/types/components/Tooltip/appearance/tooltipDefault.d.ts

@@ -1,10 +1,3 @@
-declare const tooltipAppearanceDefault: {
-    defaultPrimary: {
-        fill: string;
-        fillHover: string;
-        titleTextColor: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceDefault: TooltipAppearance;
 export { tooltipAppearanceDefault };

package/dist/types/components/Tooltip/appearance/tooltipDisabled.d.ts

@@ -1,9 +1,3 @@
-declare const tooltipAppearanceDisabled: {
-    disabledPrimary: {
-        fill: string;
-        fillHover: string;
-        titleTextColor: string;
-        textColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceDisabled: TooltipAppearance;
 export { tooltipAppearanceDisabled };

package/dist/types/components/Tooltip/appearance/tooltipError.d.ts

@@ -1,10 +1,3 @@
-declare const tooltipAppearanceError: {
-    errorPrimary: {
-        fill: string;
-        fillHover: string;
-        titleTextColor: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceError: TooltipAppearance;
 export { tooltipAppearanceError };

package/dist/types/components/Tooltip/appearance/tooltipRequire.d.ts

@@ -1,10 +1,3 @@
-declare const tooltipAppearanceRequire: {
-    requirePrimary: {
-        fill: string;
-        fillHover: string;
-        titleTextColor: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceRequire: TooltipAppearance;
 export { tooltipAppearanceRequire };

package/dist/types/components/Tooltip/appearance/tooltipSize.d.ts

@@ -1,18 +1,3 @@
-declare const tooltipAppearanceSize: {
-    sizeL: {
-        size: string;
-        titleSize: string;
-        textSize: string;
-    };
-    sizeM: {
-        size: string;
-        titleSize: string;
-        textSize: string;
-    };
-    sizeS: {
-        size: string;
-        titleSize: string;
-        textSize: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceSize: TooltipAppearance;
 export { tooltipAppearanceSize };

package/dist/types/components/Tooltip/appearance/tooltipStyle.d.ts

@@ -1,14 +1,3 @@
-declare const tooltipAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceStyle: TooltipAppearance;
 export { tooltipAppearanceStyle };

package/dist/types/components/Tooltip/appearance/tooltipSuccess.d.ts

@@ -1,10 +1,3 @@
-declare const tooltipAppearanceSuccess: {
-    successPrimary: {
-        fill: string;
-        fillHover: string;
-        titleTextColor: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
+import { TooltipAppearance } from '../Tooltip.interface';
+declare const tooltipAppearanceSuccess: TooltipAppearance;
 export { tooltipAppearanceSuccess };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.116",
+  "version": "1.8.117",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -103,7 +103,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.29",
     "@itcase/icons": "^1.2.19",
-    "@itcase/storybook-config": "^1.1.112",
+    "@itcase/storybook-config": "^1.2.1",
     "@itcase/tokens-am": "^1.1.19",
     "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",
@@ -140,8 +140,8 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@itcase/config": "^1.0.56",
-    "@itcase/lint": "^1.1.39",
-    "@itcase/types": "^1.0.42",
+    "@itcase/lint": "^1.1.47",
+    "@itcase/types": "^1.0.43",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",