@itcase/ui-web 1.9.89 → 1.9.91

package/dist/types/components/Text/appearance/textSize.d.ts

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

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

@@ -1,3 +1,141 @@
-import { TextareaAppearance } from './Textarea.interface';
-declare const textareaAppearance: TextareaAppearance;
+declare const textareaAppearance: {
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    sizeXL: {
+        size: "xl";
+        textSize: "s";
+    };
+    sizeL: {
+        size: "l";
+        textSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        textSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        textSize: "s";
+    };
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextQuaternary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        borderColorHover: "warningBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "warningItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillHover: "successHoverTertiary";
+        borderColor: "successBorderQuaternary";
+        borderColorHover: "successBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "successItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    successSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    errorSecondary: {
+        fill: "errorSecondary";
+        borderColor: "errorBorderTertiary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "errorTextSecondary";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultQuaternary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultTertiary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { textareaAppearance };

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

@@ -1,4 +1,5 @@
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } 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';
@@ -38,4 +39,7 @@ type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
 };
 type TextareaConfig = AppearanceConfig<AppearanceKeysState, TextareaAppearanceProps>;
 type TextareaAppearance = TextareaConfig['appearance'];
-export type { TextareaAppearance, TextareaConfig, TextareaProps };
+type TextareaAppearanceStyle = AppearanceRecord<AppearanceStyleKey, TextareaAppearanceProps, 'borderColor' | 'borderColorHover' | 'fill'>;
+type TextareaAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<TextareaAppearanceProps, 'shape'>>>>;
+type TextareaAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, TextareaAppearanceProps, 'size' | 'textSize'>;
+export type { TextareaAppearance, TextareaAppearanceShape, TextareaAppearanceSize, TextareaAppearanceStyle, TextareaConfig, TextareaProps, };

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -1,3 +1,33 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceDefault: TextareaAppearance;
+declare const textareaAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultQuaternary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultTertiary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { textareaAppearanceDefault };

package/dist/types/components/Textarea/appearance/textareaDisabled.d.ts

@@ -1,3 +1,18 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceDisabled: TextareaAppearance;
+declare const textareaAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfacePrimary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextQuaternary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+};
 export { textareaAppearanceDisabled };

package/dist/types/components/Textarea/appearance/textareaError.d.ts

@@ -1,3 +1,18 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceError: TextareaAppearance;
+declare const textareaAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    errorSecondary: {
+        fill: "errorSecondary";
+        borderColor: "errorBorderTertiary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconClearFill: "errorItemPrimary";
+        placeholderTextColor: "errorTextSecondary";
+    };
+};
 export { textareaAppearanceError };

package/dist/types/components/Textarea/appearance/textareaRequire.d.ts

@@ -1,3 +1,18 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceRequire: TextareaAppearance;
+declare const textareaAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        borderColorHover: "warningBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "warningItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+};
 export { textareaAppearanceRequire };

package/dist/types/components/Textarea/appearance/textareaShape.d.ts

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

package/dist/types/components/Textarea/appearance/textareaSize.d.ts

@@ -1,3 +1,19 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceSize: TextareaAppearance;
+declare const textareaAppearanceSize: {
+    sizeXL: {
+        size: "xl";
+        textSize: "s";
+    };
+    sizeL: {
+        size: "l";
+        textSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        textSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        textSize: "s";
+    };
+};
 export { textareaAppearanceSize };

package/dist/types/components/Textarea/appearance/textareaStyle.d.ts

@@ -1,3 +1,16 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceStyle: TextareaAppearance;
+declare const textareaAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+};
 export { textareaAppearanceStyle };

package/dist/types/components/Textarea/appearance/textareaSuccess.d.ts

@@ -1,3 +1,19 @@
-import { TextareaAppearance } from '../Textarea.interface';
-declare const textareaAppearanceSuccess: TextareaAppearance;
+declare const textareaAppearanceSuccess: {
+    successPrimary: {
+        fill: "successTertiary";
+        fillHover: "successHoverTertiary";
+        borderColor: "successBorderQuaternary";
+        borderColorHover: "successBorderHoverQuaternary";
+        textColor: "surfaceTextPrimary";
+        iconClearFill: "successItemPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    successSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconClearFill: "surfaceItemPrimary";
+        placeholderTextColor: "surfaceTextSecondary";
+    };
+};
 export { textareaAppearanceSuccess };

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

@@ -1,3 +1,112 @@
-import { TileAppearance } from './Tile.interface';
-declare const tileAppearance: TileAppearance;
+declare const tileAppearance: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "h4";
+        descTextSize: "l";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "32";
+        iconSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "h4";
+        descTextSize: "l";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "h4";
+        descTextSize: "m";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "h4";
+        descTextSize: "s";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeXS: {
+        size: "xs";
+        titleTextSize: "h6";
+        descTextSize: "xs";
+        badgeAppearanceSize: "sizeXXS";
+        iconFillSize: "12";
+        iconSize: "12";
+    };
+    sizeXXS: {
+        size: "xxs";
+        titleTextSize: "h6";
+        descTextSize: "xs";
+        badgeAppearanceSize: "sizeXXS";
+        iconFillSize: "12";
+        iconSize: "12";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+};
 export { tileAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWrapProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -69,4 +70,7 @@ type TileProps = StyleAttributes & TileAppearanceProps & {
 };
 type TileConfig = AppearanceConfig<AppearanceKeysDefault, TileAppearanceProps>;
 type TileAppearance = TileConfig['appearance'];
-export type { TileAppearance, TileAppearanceProps, TileConfig, TileProps };
+type TileAppearanceStyle = AppearanceRecord<AppearanceStyleKey, TileAppearanceProps, 'borderColor' | 'fill'>;
+type TileAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<TileAppearanceProps, 'shape'>>>>;
+type TileAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, TileAppearanceProps, 'badgeAppearanceSize' | 'descTextSize' | 'iconFillSize' | 'iconSize' | 'size' | 'titleTextSize'>;
+export type { TileAppearance, TileAppearanceProps, TileAppearanceShape, TileAppearanceSize, TileAppearanceStyle, TileConfig, TileProps, };

package/dist/types/components/Tile/appearance/tileShape.d.ts

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

package/dist/types/components/Tile/appearance/tileSize.d.ts

@@ -1,3 +1,51 @@
-import type { TileAppearance } from '../Tile.interface';
-declare const tileAppearanceSize: TileAppearance;
+declare const tileAppearanceSize: {
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "h4";
+        descTextSize: "l";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "32";
+        iconSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "h4";
+        descTextSize: "l";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "h4";
+        descTextSize: "m";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "h4";
+        descTextSize: "s";
+        badgeAppearanceSize: "sizeM";
+        iconFillSize: "24";
+        iconSize: "24";
+    };
+    sizeXS: {
+        size: "xs";
+        titleTextSize: "h6";
+        descTextSize: "xs";
+        badgeAppearanceSize: "sizeXXS";
+        iconFillSize: "12";
+        iconSize: "12";
+    };
+    sizeXXS: {
+        size: "xxs";
+        titleTextSize: "h6";
+        descTextSize: "xs";
+        badgeAppearanceSize: "sizeXXS";
+        iconFillSize: "12";
+        iconSize: "12";
+    };
+};
 export { tileAppearanceSize };

package/dist/types/components/Tile/appearance/tileStyle.d.ts

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

package/dist/types/components/Tile/appearance/tileSurface.d.ts

@@ -1,3 +1,35 @@
-import type { TileAppearance } from '../Tile.interface';
-declare const tileAppearanceSurface: TileAppearance;
+declare const tileAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        titleTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "accentPrimary";
+        iconAppearance: "accentPrimary";
+    };
+};
 export { tileAppearanceSurface };