@itcase/ui-web 1.9.89 → 1.9.91

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

@@ -1,3 +1,140 @@
-import { TitleAppearance } from './Title.interface';
-declare const titleAppearance: TitleAppearance;
+declare const titleAppearance: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        borderHover: "warningBorderQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconBeforeFill: "warningQuaternary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderHover: "surfaceBorderQuaternary";
+        iconBeforeFill: "surfaceQuaternary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        textColor: "warningTextSecondary";
+        textColorHover: "warningTextSecondary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+        textColor: "extraTextPrimary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+    };
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        textColor: "errorTextPrimary";
+        textColorHover: "errorTextPrimary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    solid: {};
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+    };
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "errorBorderQuaternary";
+        borderHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextQuaternary";
+        iconBeforeFill: "errorQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderHover: "surfaceBorderHoverQuaternary";
+        iconBeforeFill: "surfaceQuaternary";
+    };
+    h1: {
+        size: "h1";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h2: {
+        size: "h2";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h3: {
+        size: "h3";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h4: {
+        size: "h4";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h5: {
+        size: "h5";
+        iconAfterFillSize: "20";
+        iconAfterSize: "20";
+        iconBeforeFillSize: "20";
+        iconBeforeSize: "20";
+    };
+    h6: {
+        size: "h6";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+};
 export { titleAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysTitle, BorderColorHoverProps, BorderColorProps, CompositeAppearanceTitleKeys, DirectionHVProps, FillHoverProps, FillProps, SvgFillHoverProps, SvgFillProps, TextColorProps, TextSizeProps, TextTagProps, TitleSizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysTitle, AppearanceStyleKey, AppearanceTitleSizeKey, BorderColorHoverProps, BorderColorProps, CompositeAppearanceTitleKeys, DirectionHVProps, FillHoverProps, FillProps, SvgFillHoverProps, SvgFillProps, TextColorProps, TextSizeProps, TextTagProps, TitleSizeProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -67,4 +68,6 @@ type TitleProps = StyleAttributes & TitleAppearanceProps & {
 };
 type TitleConfig = AppearanceConfig<AppearanceKeysTitle, TitleAppearanceProps>;
 type TitleAppearance = TitleConfig['appearance'];
-export type { TitleAppearance, TitleConfig, TitleProps };
+type TitleAppearanceStyle = Partial<Record<AppearanceStyleKey, Partial<Pick<TitleAppearanceProps, 'fill'>>>>;
+type TitleAppearanceSize = AppearancePartialRecord<AppearanceTitleSizeKey, TitleAppearanceProps, 'iconAfterFillSize' | 'iconAfterSize' | 'iconBeforeFillSize' | 'iconBeforeSize' | 'size'>;
+export type { TitleAppearance, TitleAppearanceSize, TitleAppearanceStyle, TitleConfig, TitleProps, };

package/dist/types/components/Title/appearance/titleAccent.d.ts

@@ -1,3 +1,11 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceAccent: TitleAppearance;
+declare const titleAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+};
 export { titleAppearanceAccent };

package/dist/types/components/Title/appearance/titleDanger.d.ts

@@ -1,3 +1,7 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceDanger: TitleAppearance;
+declare const titleAppearanceDanger: {
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+};
 export { titleAppearanceDanger };

package/dist/types/components/Title/appearance/titleDisabled.d.ts

@@ -1,3 +1,16 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceDisabled: TitleAppearance;
+declare const titleAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "errorBorderQuaternary";
+        borderHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextQuaternary";
+        iconBeforeFill: "errorQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderHover: "surfaceBorderHoverQuaternary";
+        iconBeforeFill: "surfaceQuaternary";
+    };
+};
 export { titleAppearanceDisabled };

package/dist/types/components/Title/appearance/titleError.d.ts

@@ -1,3 +1,9 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceError: TitleAppearance;
+declare const titleAppearanceError: {
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        textColor: "errorTextPrimary";
+        textColorHover: "errorTextPrimary";
+    };
+};
 export { titleAppearanceError };

package/dist/types/components/Title/appearance/titleExtra.d.ts

@@ -1,3 +1,8 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceExtra: TitleAppearance;
+declare const titleAppearanceExtra: {
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+        textColor: "extraTextPrimary";
+    };
+};
 export { titleAppearanceExtra };

package/dist/types/components/Title/appearance/titleInfo.d.ts

@@ -1,3 +1,11 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceInfo: TitleAppearance;
+declare const titleAppearanceInfo: {
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+    };
+};
 export { titleAppearanceInfo };

package/dist/types/components/Title/appearance/titleRequire.d.ts

@@ -1,3 +1,16 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceRequire: TitleAppearance;
+declare const titleAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        borderHover: "warningBorderQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconBeforeFill: "warningQuaternary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderHover: "surfaceBorderQuaternary";
+        iconBeforeFill: "surfaceQuaternary";
+    };
+};
 export { titleAppearanceRequire };

package/dist/types/components/Title/appearance/titleSize.d.ts

@@ -1,3 +1,45 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceSize: TitleAppearance;
+declare const titleAppearanceSize: {
+    h1: {
+        size: "h1";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h2: {
+        size: "h2";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h3: {
+        size: "h3";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h4: {
+        size: "h4";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    h5: {
+        size: "h5";
+        iconAfterFillSize: "20";
+        iconAfterSize: "20";
+        iconBeforeFillSize: "20";
+        iconBeforeSize: "20";
+    };
+    h6: {
+        size: "h6";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+};
 export { titleAppearanceSize };

package/dist/types/components/Title/appearance/titleSpecial.d.ts

@@ -1,3 +1,7 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceSpecial: TitleAppearance;
+declare const titleAppearanceSpecial: {
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+    };
+};
 export { titleAppearanceSpecial };

package/dist/types/components/Title/appearance/titleStyle.d.ts

@@ -1,3 +1,11 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceStyle: TitleAppearance;
+declare const titleAppearanceStyle: {
+    solid: {};
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+    };
+};
 export { titleAppearanceStyle };

package/dist/types/components/Title/appearance/titleSuccess.d.ts

@@ -1,3 +1,7 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceSuccess: TitleAppearance;
+declare const titleAppearanceSuccess: {
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+    };
+};
 export { titleAppearanceSuccess };

package/dist/types/components/Title/appearance/titleSurface.d.ts

@@ -1,3 +1,19 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceSurface: TitleAppearance;
+declare const titleAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+    };
+};
 export { titleAppearanceSurface };

package/dist/types/components/Title/appearance/titleWarning.d.ts

@@ -1,3 +1,9 @@
-import { TitleAppearance } from '../Title.interface';
-declare const titleAppearanceWarning: TitleAppearance;
+declare const titleAppearanceWarning: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        textColor: "warningTextSecondary";
+        textColorHover: "warningTextSecondary";
+    };
+};
 export { titleAppearanceWarning };

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

@@ -1,3 +1,81 @@
-import { TooltipAppearance } from './Tooltip.interface';
-declare const tooltipAppearance: TooltipAppearance;
+declare const tooltipAppearance: {
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+        titleColor: "successTextPrimary";
+        borderColor: "successBorderPrimary";
+        textColor: "successTextPrimary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        titleColor: "errorTextPrimary";
+        borderColor: "errorBorderPrimary";
+        textColor: "errorTextPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    requirePrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        titleColor: "warningTextPrimary";
+        borderColor: "warningBorderPrimary";
+        textColor: "warningTextPrimary";
+    };
+    disabledPrimary: {
+        fill: "disabledPrimary";
+        fillHover: "disabledHoverPrimary";
+        titleColor: "surfaceTextPrimary";
+        textColor: "surfaceTextPrimary";
+    };
+    sizeL: {
+        size: "l";
+        titleSize: "h5";
+        textSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        titleSize: "h5";
+        textSize: "s";
+    };
+    sizeS: {
+        size: "s";
+        titleSize: "h5";
+        textSize: "s";
+    };
+    defaultPrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+        titleColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+    };
+};
 export { tooltipAppearance };

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import type { TooltipProps as RCComponentTooltipTriggerProps } from '@rc-component/tooltip/lib/Tooltip';
 import type { Placement as RCComponentTooltipWrapperPlacement } from '@rc-component/trigger/es/interface';
-import { AlignProps, AppearanceConfig, AppearanceKeysState, ArrowPosition, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, ArrowPosition, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import type { AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
 import { TitleProps } from 'src/components/Title/Title.interface';
@@ -57,4 +58,7 @@ type TooltipWrapperProps = RCComponentTooltipProps & RCComponentTooltipPropsTrig
 };
 type TooltipConfig = AppearanceConfig<AppearanceKeysState, TooltipAppearanceProps>;
 type TooltipAppearance = TooltipConfig['appearance'];
-export type { RCComponentTooltipWrapperPlacement, TooltipAppearance, TooltipConfig, TooltipProps, TooltipWrapperProps, };
+type TooltipAppearanceStyle = AppearanceRecord<AppearanceStyleKey, TooltipAppearanceProps, 'borderColor' | 'fill'>;
+type TooltipAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<TooltipAppearanceProps, 'shape'>>>>;
+type TooltipAppearanceSize = Partial<Record<AppearanceSizeKey, Partial<Pick<TooltipAppearanceProps, 'size' | 'textSize' | 'titleSize'>>>>;
+export type { RCComponentTooltipWrapperPlacement, TooltipAppearance, TooltipAppearanceShape, TooltipAppearanceSize, TooltipAppearanceStyle, TooltipConfig, TooltipProps, TooltipWrapperProps, };

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

@@ -1,3 +1,10 @@
-import { TooltipAppearance } from '../Tooltip.interface';
-declare const tooltipAppearanceDefault: TooltipAppearance;
+declare const tooltipAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+        titleColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+    };
+};
 export { tooltipAppearanceDefault };

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

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

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

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

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

@@ -1,3 +1,10 @@
-import { TooltipAppearance } from '../Tooltip.interface';
-declare const tooltipAppearanceRequire: TooltipAppearance;
+declare const tooltipAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        titleColor: "warningTextPrimary";
+        borderColor: "warningBorderPrimary";
+        textColor: "warningTextPrimary";
+    };
+};
 export { tooltipAppearanceRequire };

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

@@ -1,3 +1,21 @@
-import { TooltipAppearance } from '../Tooltip.interface';
-declare const tooltipAppearanceShape: TooltipAppearance;
+declare const tooltipAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+};
 export { tooltipAppearanceShape };

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

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

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

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

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

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