@itcase/ui 1.8.117 → 1.8.119

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

@@ -1,5 +1,74 @@
 import React from 'react';
-import type { ButtonConfig, ButtonProps } from './Button.interface';
+import type { ButtonConfig } from './Button.interface';
 declare const buttonConfig: ButtonConfig;
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Button: React.ForwardRefExoticComponent<{
+    align?: import("@itcase/types").AlignProps;
+    borderColor?: import("@itcase/types").BorderColorProps;
+    borderType?: import("@itcase/types").BorderTypeProps;
+    borderWidth?: import("@itcase/types").BorderWidthProps;
+    fill?: import("@itcase/types").FillProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    icon?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    iconAfter?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    iconAfterFill?: import("../Icon/Icon.interface").IconProps["fill"];
+    iconAfterFillIcon?: import("../Icon/Icon.interface").IconProps["iconFill"];
+    iconAfterFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
+    iconAfterShape?: import("../Icon/Icon.interface").IconProps["shape"];
+    iconAfterSize?: import("../Icon/Icon.interface").IconProps["iconSize"];
+    iconAfterSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
+    iconBefore?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    iconBeforeFill?: import("../Icon/Icon.interface").IconProps["fill"];
+    iconBeforeFillIcon?: import("../Icon/Icon.interface").IconProps["iconFill"];
+    iconBeforeFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
+    iconBeforeShape?: import("../Icon/Icon.interface").IconProps["shape"];
+    iconBeforeSize?: import("../Icon/Icon.interface").IconProps["iconSize"];
+    iconBeforeSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
+    iconFill?: import("../Icon/Icon.interface").IconProps["fill"];
+    iconFillIcon?: import("../Icon/Icon.interface").IconProps["iconFill"];
+    iconFillSize?: import("../Icon/Icon.interface").IconProps["fillSize"];
+    iconShape?: import("../Icon/Icon.interface").IconProps["shape"];
+    iconSize?: import("../Icon/Icon.interface").IconProps["iconSize"];
+    iconSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
+    labelTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    labelTextColorHover?: import("../Text/Text.interface").TextProps["textColorHover"];
+    labelTextSize?: import("../Text/Text.interface").TextProps["size"];
+    labelTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
+    labelTextWrap?: import("../Text/Text.interface").TextProps["textWrap"];
+    loaderAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
+    loaderAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
+    loaderFill?: import("../Loader/Loader.interface").LoaderProps["fill"];
+    loaderItemFill?: import("../Loader/Loader.interface").LoaderProps["itemFill"];
+    loaderShape?: import("../Loader/Loader.interface").LoaderProps["shape"];
+    loaderSize?: import("../Loader/Loader.interface").LoaderProps["size"];
+    loaderType?: import("../Loader/Loader.interface").LoaderProps["type"];
+    shape?: import("@itcase/types").ShapeProps;
+    shapeStrength?: import("@itcase/types").ShapeStrengthProps;
+    size?: import("@itcase/types").SizeProps;
+    wrap?: import("@itcase/types").WrapProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    after?: string;
+    appearance?: import("@itcase/types").CompositeAppearanceKey;
+    Badge?: React.ReactNode;
+    before?: string;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    elevation?: import("@itcase/types").ElevationProps;
+    href?: string;
+    htmlType?: string;
+    isDisabled?: boolean;
+    isLoading: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    labelTextTruncate?: boolean;
+    labelTextWidth?: import("@itcase/types").WidthProps;
+    link?: string;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    rel?: string;
+    style?: React.CSSProperties;
+    target?: string;
+    tooltipContent?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Button, buttonConfig };

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

@@ -1,79 +1,86 @@
-import type { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps, WidthProps } from '@itcase/types';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-interface ButtonThemeColor {
-    [key: number | string | symbol]: any;
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LoaderProps } from '../Loader/Loader.interface';
+import { TextProps } from '../Text/Text.interface';
+type ButtonAppearanceProps = {
+    align?: AlignProps;
     borderColor?: BorderColorProps;
     borderType?: BorderTypeProps;
     borderWidth?: BorderWidthProps;
-    elevation?: ElevationProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    fillIcon?: FillProps;
-    fillIconAfter?: FillProps;
-    fillIconBefore?: FillProps;
-    iconAfterFill?: ItemColorProps;
-    iconAfterFillSize?: IconFillSizeProps;
-    iconAfterShape?: ShapeProps;
-    iconAfterSize?: IconSizeProps;
-    iconAfterSrc?: string;
-    iconBeforeFill?: ItemColorProps;
-    iconBeforeFillSize?: IconFillSizeProps;
-    iconBeforeShape?: ShapeProps;
-    iconBeforeSize?: IconSizeProps;
-    iconBeforeSrc?: string;
-    iconFill?: ItemColorProps;
-    iconFillSize?: IconFillSizeProps;
-    iconShape?: ShapeProps;
-    iconSize?: IconSizeProps;
-    label?: string;
-    labelTextColor?: TextColorProps;
-    labelTextColorHover?: TextColorHoverProps;
-    labelTextSize?: TextSizeProps;
-    labelTextSizeMobile?: TextSizeProps;
-    labelTextWeight?: TextWeightProps;
-    labelTextWrap?: TextWrapProps;
-    loaderFill?: FillProps;
-    loaderItemFill?: ItemColorProps;
-    loaderSet?: string;
+    icon?: IconProps['SvgImage'];
+    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'];
+    iconFill?: IconProps['fill'];
+    iconFillIcon?: IconProps['iconFill'];
+    iconFillSize?: IconProps['fillSize'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    iconSrc?: IconProps['imageSrc'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    labelTextWrap?: TextProps['textWrap'];
+    loaderAppearance?: CompositeAppearanceDefaultStyleShapeKey;
+    loaderAppearanceSize?: AppearanceSizeKey;
+    loaderFill?: LoaderProps['fill'];
+    loaderItemFill?: LoaderProps['itemFill'];
+    loaderShape?: LoaderProps['shape'];
+    loaderSize?: LoaderProps['size'];
+    loaderType?: LoaderProps['type'];
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-    width?: WidthProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-type ButtonAppearance = {
-    [key in AppearanceKeys]?: ButtonThemeColor;
+    wrap?: WrapProps;
 };
-interface ButtonConfig {
-    [key: number | string | symbol]: any;
-    appearance: ButtonAppearance | undefined;
-    setAppearance: (newComponent: ButtonAppearance) => void;
-}
-interface ButtonProps extends ButtonThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
+type ButtonProps = ButtonAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceKey;
     Badge?: ReactNode;
-    before?: ReactNode;
+    before?: string;
     children?: ReactNode;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
+    elevation?: ElevationProps;
     href?: string;
-    htmlType?: ElementType;
-    icon?: ElementType;
-    iconAfter?: ElementType;
-    iconBefore?: ElementType;
-    iconSrc?: string;
+    htmlType?: string;
+    isDisabled?: boolean;
+    isLoading: boolean;
+    isSkeleton?: boolean;
     label?: string;
+    labelTextTruncate?: boolean;
+    labelTextWidth?: WidthProps;
     link?: string;
-    loading?: boolean;
+    onClick?: () => void;
+    onMouseDown?: () => void;
     rel?: string;
     style?: CSSProperties;
     target?: string;
-    isDisabled?: boolean;
-    onClick?: () => void;
-    onMouseDown?: () => void;
-    set?: string;
-}
-export type { ButtonThemeColor, ButtonAppearance, ButtonConfig, ButtonProps };
+    tooltipContent?: string;
+};
+type ButtonAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type ButtonAppearance = {
+    [key in ButtonAppearanceKey]?: ButtonAppearanceProps;
+};
+type ButtonConfig = {
+    appearance: ButtonAppearance;
+    setAppearance: (appearanceConfig: ButtonAppearance) => void;
+};
+export type { ButtonAppearance, ButtonConfig, ButtonProps };

package/dist/types/components/Button/appearance/buttonAccent.d.ts

@@ -1,36 +1,3 @@
-declare const buttonAppearanceAccent: {
-    accentMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    accentPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceAccent: ButtonAppearance;
 export { buttonAppearanceAccent };

package/dist/types/components/Button/appearance/buttonDanger.d.ts

@@ -1,24 +1,3 @@
-declare const buttonAppearanceDanger: {
-    dangerMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    dangerPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceDanger: ButtonAppearance;
 export { buttonAppearanceDanger };

package/dist/types/components/Button/appearance/buttonError.d.ts

@@ -1,34 +1,3 @@
-declare const buttonAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    errorMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    errorPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceError: ButtonAppearance;
 export { buttonAppearanceError };

package/dist/types/components/Button/appearance/buttonInfo.d.ts

@@ -1,47 +1,3 @@
-declare const buttonAppearanceInfo: {
-    info: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    infoMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    infoPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    infoSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceInfo: ButtonAppearance;
 export { buttonAppearanceInfo };

package/dist/types/components/Button/appearance/buttonPrimary.d.ts

@@ -1,31 +1,3 @@
-declare const buttonAppearancePrimary: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    primaryMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    primaryPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearancePrimary: ButtonAppearance;
 export { buttonAppearancePrimary };

package/dist/types/components/Button/appearance/buttonSecondary.d.ts

@@ -1,31 +1,3 @@
-declare const buttonAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    secondaryMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    secondaryPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceSecondary: ButtonAppearance;
 export { buttonAppearanceSecondary };

package/dist/types/components/Button/appearance/buttonShape.d.ts

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

package/dist/types/components/Button/appearance/buttonSize.d.ts

@@ -1,66 +1,3 @@
-declare const buttonAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: number;
-        iconAfterSize: number;
-        iconBeforeFillSize: number;
-        iconBeforeSize: number;
-        loaderSize: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceSize: ButtonAppearance;
 export { buttonAppearanceSize };

package/dist/types/components/Button/appearance/buttonStyle.d.ts

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

package/dist/types/components/Button/appearance/buttonSuccess.d.ts

@@ -1,34 +1,3 @@
-declare const buttonAppearanceSuccess: {
-    success: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    successMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    successPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceSuccess: ButtonAppearance;
 export { buttonAppearanceSuccess };

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -1,52 +1,3 @@
-declare const buttonAppearanceSurface: {
-    surfaceMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    surfacePrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        iconFillIcon: string;
-        loaderAppearance: string;
-    };
-};
+import { ButtonAppearance } from '../Button.interface';
+declare const buttonAppearanceSurface: ButtonAppearance;
 export { buttonAppearanceSurface };