@itcase/ui-web 1.9.90 → 1.9.91

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

@@ -1,3 +1,177 @@
-import { BadgeAppearance } from './Badge.interface';
-declare const badgeAppearance: BadgeAppearance;
+declare const badgeAppearance: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        borderColor: "warningBorderPrimary";
+        textColor: "warningTextPrimary";
+        dotFill: "warningItemPrimary";
+        iconFill: "warningItemPrimary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        textColor: "surfaceTextPrimary";
+        dotFill: "surfaceItemPrimary";
+        iconFill: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "accentPrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderSecondary";
+        textColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        borderColor: "surfaceBorderTertiary";
+        textColor: "surfaceTextPrimary";
+    };
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+        iconFill: "surfaceItemPrimary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        borderColor: "successBorderPrimary";
+        textColor: "successTextPrimary";
+        dotFill: "successItemPrimary";
+        iconFill: "successItemPrimary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        borderColor: "extraBorderSecondary";
+        textColor: "extraTextPrimary";
+        dotFill: "extraItemPrimary";
+        iconFill: "extraItemPrimary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        borderColor: "specialBorderSecondary";
+        textColor: "specialTextPrimary";
+        dotFill: "specialItemPrimary";
+        iconFill: "specialItemPrimary";
+    };
+    infoPrimary: {
+        fill: "infoPrimary";
+        borderColor: "infoBorderSecondary";
+        textColor: "infoTextPrimary";
+        dotFill: "infoItemPrimary";
+        iconFill: "infoItemPrimary";
+    };
+    infoSecondary: {
+        fill: "infoSecondary";
+        borderColor: "infoBorderSecondary";
+        textColor: "infoTextSecondary";
+        dotFill: "infoItemSecondary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        textColor: "errorTextPrimary";
+        iconFill: "errorItemPrimary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        borderColor: "dangerBorderPrimary";
+        textColor: "dangerTextPrimary";
+        dotFill: "dangerItemPrimary";
+        iconFill: "dangerItemPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextPrimary";
+        dotFill: "accentItemPrimary";
+        iconFill: "accentItemPrimary";
+    };
+    accentQuaternary: {
+        fill: "accentQuaternary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextPrimary";
+        dotFill: "accentItemPrimary";
+        iconFill: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentSecondary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextQuaternary";
+        dotFill: "accentItemQuaternary";
+        iconFill: "accentItemQuaternary";
+    };
+    accentTertiary: {
+        fill: "accentTertiary";
+        borderColor: "accentBorderSecondary";
+        textColor: "accentTextSecondary";
+        dotFill: "accentItemSecondary";
+        iconFill: "accentItemSecondary";
+    };
+    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";
+    };
+    sizeXXL: {
+        size: "xxl";
+        textSize: "xl";
+        iconSize: "24";
+    };
+    sizeXL: {
+        size: "xl";
+        textSize: "l";
+        iconSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        textSize: "l";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        textSize: "m";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        textSize: "s";
+        iconSize: "24";
+    };
+    sizeXS: {
+        size: "xs";
+        textSize: "xxs";
+        iconSize: "24";
+    };
+    sizeXXS: {
+        size: "xxs";
+        textSize: "xxs";
+        iconSize: "24";
+    };
+};
 export { badgeAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -36,4 +37,7 @@ type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
 };
 type BadgeConfig = AppearanceConfig<AppearanceKeysDefault, BadgeAppearanceProps>;
 type BadgeAppearance = BadgeConfig['appearance'];
-export type { BadgeAppearance, BadgeConfig, BadgeProps };
+type BadgeAppearanceStyle = AppearanceRecord<AppearanceStyleKey, BadgeAppearanceProps, 'borderColor' | 'fill'>;
+type BadgeAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<BadgeAppearanceProps, 'shape'>>>>;
+type BadgeAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, BadgeAppearanceProps, 'iconSize' | 'size' | 'textSize'>;
+export type { BadgeAppearance, BadgeAppearanceShape, BadgeAppearanceSize, BadgeAppearanceStyle, BadgeConfig, BadgeProps, };

package/dist/types/components/Badge/appearance/badgeAccent.d.ts

@@ -1,3 +1,31 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceAccent: BadgeAppearance;
+declare const badgeAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextPrimary";
+        dotFill: "accentItemPrimary";
+        iconFill: "accentItemPrimary";
+    };
+    accentQuaternary: {
+        fill: "accentQuaternary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextPrimary";
+        dotFill: "accentItemPrimary";
+        iconFill: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentSecondary";
+        borderColor: "accentBorderQuaternary";
+        textColor: "accentTextQuaternary";
+        dotFill: "accentItemQuaternary";
+        iconFill: "accentItemQuaternary";
+    };
+    accentTertiary: {
+        fill: "accentTertiary";
+        borderColor: "accentBorderSecondary";
+        textColor: "accentTextSecondary";
+        dotFill: "accentItemSecondary";
+        iconFill: "accentItemSecondary";
+    };
+};
 export { badgeAppearanceAccent };

package/dist/types/components/Badge/appearance/badgeDanger.d.ts

@@ -1,3 +1,10 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceDanger: BadgeAppearance;
+declare const badgeAppearanceDanger: {
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        borderColor: "dangerBorderPrimary";
+        textColor: "dangerTextPrimary";
+        dotFill: "dangerItemPrimary";
+        iconFill: "dangerItemPrimary";
+    };
+};
 export { badgeAppearanceDanger };

package/dist/types/components/Badge/appearance/badgeDisabled.d.ts

@@ -1,3 +1,9 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceDisabled: BadgeAppearance;
+declare const badgeAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+        iconFill: "surfaceItemPrimary";
+    };
+};
 export { badgeAppearanceDisabled };

package/dist/types/components/Badge/appearance/badgeError.d.ts

@@ -1,3 +1,9 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceError: BadgeAppearance;
+declare const badgeAppearanceError: {
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        textColor: "errorTextPrimary";
+        iconFill: "errorItemPrimary";
+    };
+};
 export { badgeAppearanceError };

package/dist/types/components/Badge/appearance/badgeExtra.d.ts

@@ -1,3 +1,10 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceExtra: BadgeAppearance;
+declare const badgeAppearanceExtra: {
+    extraPrimary: {
+        fill: "extraPrimary";
+        borderColor: "extraBorderSecondary";
+        textColor: "extraTextPrimary";
+        dotFill: "extraItemPrimary";
+        iconFill: "extraItemPrimary";
+    };
+};
 export { badgeAppearanceExtra };

package/dist/types/components/Badge/appearance/badgeInfo.d.ts

@@ -1,3 +1,16 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceInfo: BadgeAppearance;
+declare const badgeAppearanceInfo: {
+    infoPrimary: {
+        fill: "infoPrimary";
+        borderColor: "infoBorderSecondary";
+        textColor: "infoTextPrimary";
+        dotFill: "infoItemPrimary";
+        iconFill: "infoItemPrimary";
+    };
+    infoSecondary: {
+        fill: "infoSecondary";
+        borderColor: "infoBorderSecondary";
+        textColor: "infoTextSecondary";
+        dotFill: "infoItemSecondary";
+    };
+};
 export { badgeAppearanceInfo };

package/dist/types/components/Badge/appearance/badgeShape.d.ts

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

package/dist/types/components/Badge/appearance/badgeSize.d.ts

@@ -1,3 +1,38 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceSize: BadgeAppearance;
+declare const badgeAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        textSize: "xl";
+        iconSize: "24";
+    };
+    sizeXL: {
+        size: "xl";
+        textSize: "l";
+        iconSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        textSize: "l";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        textSize: "m";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        textSize: "s";
+        iconSize: "24";
+    };
+    sizeXS: {
+        size: "xs";
+        textSize: "xxs";
+        iconSize: "24";
+    };
+    sizeXXS: {
+        size: "xxs";
+        textSize: "xxs";
+        iconSize: "24";
+    };
+};
 export { badgeAppearanceSize };

package/dist/types/components/Badge/appearance/badgeSpecial.d.ts

@@ -1,3 +1,10 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceSpecial: BadgeAppearance;
+declare const badgeAppearanceSpecial: {
+    specialPrimary: {
+        fill: "specialPrimary";
+        borderColor: "specialBorderSecondary";
+        textColor: "specialTextPrimary";
+        dotFill: "specialItemPrimary";
+        iconFill: "specialItemPrimary";
+    };
+};
 export { badgeAppearanceSpecial };

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

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

package/dist/types/components/Badge/appearance/badgeSuccess.d.ts

@@ -1,3 +1,10 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceSuccess: BadgeAppearance;
+declare const badgeAppearanceSuccess: {
+    successPrimary: {
+        fill: "successPrimary";
+        borderColor: "successBorderPrimary";
+        textColor: "successTextPrimary";
+        dotFill: "successItemPrimary";
+        iconFill: "successItemPrimary";
+    };
+};
 export { badgeAppearanceSuccess };

package/dist/types/components/Badge/appearance/badgeSurface.d.ts

@@ -1,3 +1,25 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceSurface: BadgeAppearance;
+declare const badgeAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        textColor: "surfaceTextPrimary";
+        dotFill: "surfaceItemPrimary";
+        iconFill: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "accentPrimary";
+        borderColor: "surfaceBorderPrimary";
+        textColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderSecondary";
+        textColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        borderColor: "surfaceBorderTertiary";
+        textColor: "surfaceTextPrimary";
+    };
+};
 export { badgeAppearanceSurface };

package/dist/types/components/Badge/appearance/badgeWarning.d.ts

@@ -1,3 +1,10 @@
-import { BadgeAppearance } from '../Badge.interface';
-declare const badgeAppearanceWarning: BadgeAppearance;
+declare const badgeAppearanceWarning: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        borderColor: "warningBorderPrimary";
+        textColor: "warningTextPrimary";
+        dotFill: "warningItemPrimary";
+        iconFill: "warningItemPrimary";
+    };
+};
 export { badgeAppearanceWarning };

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

@@ -1,3 +1,79 @@
-import { BreadcrumbsAppearance } from './Breadcrumbs.interface';
-declare const breadcrumbsAppearance: BreadcrumbsAppearance;
+declare const breadcrumbsAppearance: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderSecondary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+        iconFillIcon: "accentItemPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "xxl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "xl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "m";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "s";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { breadcrumbsAppearance };

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -71,4 +72,6 @@ type BreadcrumbsProps = BreadcrumbsAppearanceProps & StyleAttributes & {
 };
 type BreadcrumbsConfig = AppearanceConfig<AppearanceKeysDefault, BreadcrumbsAppearanceProps>;
 type BreadcrumbsAppearance = BreadcrumbsConfig['appearance'];
-export type { BreadcrumbsAppearance, BreadcrumbsConfig, BreadcrumbsItemProps, BreadcrumbsProps, };
+type BreadcrumbsAppearanceStyle = AppearanceRecord<AppearanceStyleKey, BreadcrumbsAppearanceProps, 'borderColor' | 'fill'>;
+type BreadcrumbsAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, BreadcrumbsAppearanceProps, 'icon' | 'labelTextSize' | 'size'>;
+export type { BreadcrumbsAppearance, BreadcrumbsAppearanceSize, BreadcrumbsAppearanceStyle, BreadcrumbsConfig, BreadcrumbsItemProps, BreadcrumbsProps, };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsAccent.d.ts

@@ -1,3 +1,9 @@
-import { BreadcrumbsAppearance } from '../Breadcrumbs.interface';
-declare const breadcrumbsAppearanceAccent: BreadcrumbsAppearance;
+declare const breadcrumbsAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+        iconFillIcon: "accentItemPrimary";
+    };
+};
 export { breadcrumbsAppearanceAccent };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts

@@ -1,3 +1,38 @@
-import { BreadcrumbsAppearance } from '../Breadcrumbs.interface';
-declare const breadcrumbsAppearanceSize: BreadcrumbsAppearance;
+declare const breadcrumbsAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "xxl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "xl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "m";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "s";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { breadcrumbsAppearanceSize };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsStyle.d.ts

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

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts

@@ -1,3 +1,27 @@
-import { BreadcrumbsAppearance } from '../Breadcrumbs.interface';
-declare const breadcrumbsAppearanceSurface: BreadcrumbsAppearance;
+declare const breadcrumbsAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderSecondary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+};
 export { breadcrumbsAppearanceSurface };