@itcase/ui-web 1.9.90 → 1.9.91

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -1,3 +1,14 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceSuccess: RadioAppearance;
+declare const radioAppearanceSuccess: {
+    successPrimary: {
+        fill: "successTertiary";
+        fillCheckmark: "accentSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "accentBorderSecondary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderActiveQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+    };
+};
 export { radioAppearanceSuccess };

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

@@ -1,3 +1,124 @@
-import { ResponseAppearance } from './Response.interface';
-declare const responseAppearance: ResponseAppearance;
+declare const responseAppearance: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    warning: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        secondaryButtonAppearance: "warningPrimary sizeXXL solid";
+        svgFill: "warningPrimary";
+        svgPathFill: "warningPrimary";
+    };
+    success: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "accentPrimary";
+        svgPathFill: "accentPrimary";
+    };
+    error: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "errorPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "errorPrimary";
+        svgPathFill: "errorPrimary";
+    };
+    fail: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+    nothingFound: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+    unableLoadData: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+    refresh: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+    danger: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "dangerPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "dangerPrimary";
+        svgPathFill: "dangerPrimary";
+    };
+    empty: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+    confirm: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearance };

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

@@ -1,5 +1,6 @@
 import { ComponentType, CSSProperties, ReactNode, SVGProps } from 'react';
-import { AppearanceConfig, AppearanceKeysResponse, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, SvgFillProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysResponse, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, SvgFillProps } from '@itcase/types-ui';
+import type { AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ButtonProps } from 'src/components/Button/Button.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -67,4 +68,5 @@ type ResponseProps = ResponseAppearanceProps & StyleAttributes & {
 };
 type ResponseConfig = AppearanceConfig<AppearanceKeysResponse, ResponseAppearanceProps>;
 type ResponseAppearance = ResponseConfig['appearance'];
-export type { ResponseAppearance, ResponseConfig, ResponseProps };
+type ResponseAppearanceStyle = AppearanceRecord<AppearanceStyleKey, ResponseAppearanceProps, 'borderColor' | 'fill'>;
+export type { ResponseAppearance, ResponseAppearanceStyle, ResponseConfig, ResponseProps, };

package/dist/types/components/Response/appearance/responseConfirm.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceConfirm: ResponseAppearance;
+declare const responseAppearanceConfirm: {
+    confirm: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceConfirm };

package/dist/types/components/Response/appearance/responseDanger.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceDanger: ResponseAppearance;
+declare const responseAppearanceDanger: {
+    danger: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "dangerPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "dangerPrimary";
+        svgPathFill: "dangerPrimary";
+    };
+};
 export { responseAppearanceDanger };

package/dist/types/components/Response/appearance/responseEmpty.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceEmpty: ResponseAppearance;
+declare const responseAppearanceEmpty: {
+    empty: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceEmpty };

package/dist/types/components/Response/appearance/responseError.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceError: ResponseAppearance;
+declare const responseAppearanceError: {
+    error: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "errorPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "errorPrimary";
+        svgPathFill: "errorPrimary";
+    };
+};
 export { responseAppearanceError };

package/dist/types/components/Response/appearance/responseFail.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceFail: ResponseAppearance;
+declare const responseAppearanceFail: {
+    fail: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceFail };

package/dist/types/components/Response/appearance/responseNothingFound.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceNothingFound: ResponseAppearance;
+declare const responseAppearanceNothingFound: {
+    nothingFound: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceNothingFound };

package/dist/types/components/Response/appearance/responseRefresh.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceRefresh: ResponseAppearance;
+declare const responseAppearanceRefresh: {
+    refresh: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceRefresh };

package/dist/types/components/Response/appearance/responseStyle.d.ts

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

package/dist/types/components/Response/appearance/responseSuccess.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceSuccess: ResponseAppearance;
+declare const responseAppearanceSuccess: {
+    success: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "accentPrimary";
+        svgPathFill: "accentPrimary";
+    };
+};
 export { responseAppearanceSuccess };

package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceUnableLoadData: ResponseAppearance;
+declare const responseAppearanceUnableLoadData: {
+    unableLoadData: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceUnableLoadData };

package/dist/types/components/Response/appearance/responseWarning.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceWarning: ResponseAppearance;
+declare const responseAppearanceWarning: {
+    warning: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        secondaryButtonAppearance: "warningPrimary sizeXXL solid";
+        svgFill: "warningPrimary";
+        svgPathFill: "warningPrimary";
+    };
+};
 export { responseAppearanceWarning };

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

@@ -1,3 +1,136 @@
-import { SearchAppearance } from './Search.interface';
-declare const searchAppearance: SearchAppearance;
+declare const searchAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconClearFill: "surfaceItemPrimary";
+        inputTextColor: "surfaceTextDisabled";
+        placeholderTextColor: "surfaceTextDisabled";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderSecondary";
+        borderColorHover: "warningBorderHoverSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconBeforeFill: "warningItemSecondary";
+        iconClearFill: "warningItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        borderColor: "accentBorderQuaternary";
+        borderColorHover: "accentBorderQuaternary";
+        iconAfterFill: "successItemSecondary";
+        iconBeforeFill: "successItemSecondary";
+        iconClearFill: "successItemSecondary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconBeforeFill: "errorItemSecondary";
+        iconClearFill: "errorItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderQuaternary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverTertiary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "l";
+        placeholderTextSize: "l";
+    };
+    sizeXL: {
+        size: "xl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeL: {
+        size: "l";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeXS: {
+        size: "xs";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+};
 export { searchAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, 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 '../Text/Text.interface';
@@ -68,4 +69,7 @@ type SearchResultProps = SearchResultAppearanceProps & StyleAttributes & {
 };
 type SearchConfig = AppearanceConfig<AppearanceKeysState, SearchAppearanceProps>;
 type SearchAppearance = SearchConfig['appearance'];
-export type { SearchAppearance, SearchConfig, SearchProps, SearchResultProps };
+type SearchAppearanceStyle = AppearanceRecord<AppearanceStyleKey, SearchAppearanceProps, Extract<keyof SearchAppearanceProps, 'borderColor' | 'borderColorHover' | 'fill'>>;
+type SearchAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<SearchAppearanceProps, 'shape'>>>>;
+type SearchAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, SearchAppearanceProps, Extract<keyof SearchAppearanceProps, 'iconBefore' | 'iconClear' | 'inputTextSize' | 'placeholderTextSize' | 'size'>>;
+export type { SearchAppearance, SearchAppearanceShape, SearchAppearanceSize, SearchAppearanceStyle, SearchConfig, SearchProps, SearchResultProps, };

package/dist/types/components/Search/appearance/searchDefault.d.ts

@@ -1,3 +1,23 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceDefault: SearchAppearance;
+declare const searchAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderQuaternary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverTertiary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceDefault };

package/dist/types/components/Search/appearance/searchDefault.js

@@ -11,8 +11,8 @@ const searchAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderSecondary',
-        borderColorHover: 'surfaceBorderHoverSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverTertiary',
         iconAfterFill: 'surfaceItemQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemQuaternary',

package/dist/types/components/Search/appearance/searchDisabled.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceDisabled: SearchAppearance;
+declare const searchAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconClearFill: "surfaceItemPrimary";
+        inputTextColor: "surfaceTextDisabled";
+        placeholderTextColor: "surfaceTextDisabled";
+    };
+};
 export { searchAppearanceDisabled };

package/dist/types/components/Search/appearance/searchError.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceError: SearchAppearance;
+declare const searchAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconBeforeFill: "errorItemSecondary";
+        iconClearFill: "errorItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceError };

package/dist/types/components/Search/appearance/searchRequire.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceRequire: SearchAppearance;
+declare const searchAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderSecondary";
+        borderColorHover: "warningBorderHoverSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconBeforeFill: "warningItemSecondary";
+        iconClearFill: "warningItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceRequire };

package/dist/types/components/Search/appearance/searchShape.d.ts

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