@itcase/ui-web 1.9.89 → 1.9.91

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

@@ -1,3 +1,310 @@
-import { SelectAppearance } from './Select.interface';
-declare const selectAppearance: SelectAppearance;
+declare const selectAppearance: {
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    rounded: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedXL: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedL: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedM: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedS: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillHover: "errorTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    sizeXL: {
+        size: "xl";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "s";
+        noOptionsTextSize: "s";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeL: {
+        size: "l";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "s";
+        noOptionsTextSize: "m";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeM: {
+        size: "m";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        inputTextSize: "m";
+        loadingMessageTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xs";
+        noOptionsTextSize: "m";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "s";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xs";
+        noOptionsTextSize: "s";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeXS: {
+        size: "xs";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "xs";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xxs";
+        noOptionsTextSize: "xs";
+        optionTextSize: "xs";
+        placeholderTextSize: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "xs";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xxs";
+        noOptionsTextSize: "xs";
+        optionTextSize: "xs";
+        placeholderTextSize: "xs";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillHover: "successTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    disabledPrimary: {
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        headingFill: "surfaceSecondary";
+        headingTextColor: "surfaceTextPrimary";
+        inputBorderColor: "surfaceBorderTertiary";
+        inputBorderColorHover: "surfaceBorderQuaternary";
+        inputCaretColor: string;
+        inputFill: "surfaceDisabled";
+        inputShape: "rounded";
+        inputTextColor: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "surfaceHoverPrimary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillHover: string;
+        optionShape: "rounded";
+        optionTextColor: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillHover: "warningTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { selectAppearance };

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

@@ -2,7 +2,8 @@ import type { ReactNode } from 'react';
 import { ActionMeta, GroupBase, OnChangeValue, PropsValue, SingleValue } from 'react-select';
 import { Props } from 'react-select/base';
 import { Option as SelectOption } from '@itcase/types-core';
-import { AppearanceConfig, AppearanceKeysState, AppearanceSizeKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
 import { DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
@@ -128,4 +129,7 @@ type SelectPropsCustom<Option> = SelectAppearanceProps<Option> & {
 };
 type SelectConfig = AppearanceConfig<AppearanceKeysState, SelectAppearanceProps<SelectOption>>;
 type SelectAppearance = SelectConfig['appearance'];
-export type { SelectAppearance, SelectAppearanceProps, SelectConfig, SelectProps, SelectPropsCustom, };
+type SelectAppearanceStyle = AppearanceRecord<AppearanceStyleKey, SelectAppearanceProps<SelectOption>, 'borderColor' | 'borderColorHover' | 'fill' | 'fillHover'>;
+type SelectAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, SelectAppearanceProps<SelectOption>, 'multipleItemShapeRadius' | 'shape'>;
+type SelectAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, SelectAppearanceProps<SelectOption>, 'badgeAppearanceSize' | 'badgeSize' | 'badgeTextSize' | 'clearIcon' | 'dividerSize' | 'dropdownIcon' | 'groupTextSize' | 'headingTextWeight' | 'inputTextSize' | 'loadingMessageTextSize' | 'menuItemSize' | 'multipleItemIcon' | 'multipleItemTextSize' | 'noOptionsTextSize' | 'optionSelectedIcon' | 'optionTextSize' | 'placeholderTextSize' | 'size'>;
+export type { SelectAppearance, SelectAppearanceProps, SelectAppearanceShape, SelectAppearanceSize, SelectAppearanceStyle, SelectConfig, SelectProps, SelectPropsCustom, };

package/dist/types/components/Select/appearance/selectDefault.d.ts

@@ -1,3 +1,37 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceDefault: SelectAppearance;
+declare const selectAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { selectAppearanceDefault };

package/dist/types/components/Select/appearance/selectDisabled.d.ts

@@ -1,3 +1,28 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceDisabled: SelectAppearance;
+declare const selectAppearanceDisabled: {
+    disabledPrimary: {
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        headingFill: "surfaceSecondary";
+        headingTextColor: "surfaceTextPrimary";
+        inputBorderColor: "surfaceBorderTertiary";
+        inputBorderColorHover: "surfaceBorderQuaternary";
+        inputCaretColor: string;
+        inputFill: "surfaceDisabled";
+        inputShape: "rounded";
+        inputTextColor: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "surfaceHoverPrimary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillHover: string;
+        optionShape: "rounded";
+        optionTextColor: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { selectAppearanceDisabled };

package/dist/types/components/Select/appearance/selectError.d.ts

@@ -1,3 +1,37 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceError: SelectAppearance;
+declare const selectAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillHover: "errorTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { selectAppearanceError };

package/dist/types/components/Select/appearance/selectRequire.d.ts

@@ -1,3 +1,37 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceRequire: SelectAppearance;
+declare const selectAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillHover: "warningTertiary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+        elevation: number;
+        badgeAppearance: "accentPrimary solid circular";
+        clearIconFill: "surfaceItemQuaternary";
+        dropdownIconFill: "surfaceItemQuaternary";
+        groupFill: string;
+        groupTextColor: "surfaceTextPrimary";
+        groupTextWeight: "600";
+        inputCaretColor: string;
+        inputTextColor: string;
+        loaderAppearance: "accentPrimary sizeS ghost";
+        loadingMessageTextColor: "surfaceTextPrimary";
+        menuFill: string;
+        multipleItemFill: "accentPrimary";
+        multipleItemFillHover: "accentSecondary";
+        multipleItemIconFill: "accentItemPrimary";
+        multipleItemTextColor: "accentTextPrimary";
+        noOptionsTextColor: string;
+        optionBorder: string;
+        optionFill: string;
+        optionFillActive: string;
+        optionFillActiveHover: string;
+        optionFillDisabled: string;
+        optionFillHover: string;
+        optionSelectedIconFillIcon: "successItemPrimary";
+        optionTextColor: string;
+        optionTextColorActive: string;
+        optionTextColorDisabled: string;
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { selectAppearanceRequire };

package/dist/types/components/Select/appearance/selectShape.d.ts

@@ -1,3 +1,23 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceShape: SelectAppearance;
+declare const selectAppearanceShape: {
+    rounded: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedXL: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedL: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedM: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+    roundedS: {
+        multipleItemShapeRadius: string;
+        shape: "rounded";
+    };
+};
 export { selectAppearanceShape };

package/dist/types/components/Select/appearance/selectSize.d.ts

@@ -1,3 +1,115 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceSize: SelectAppearance;
+declare const selectAppearanceSize: {
+    sizeXL: {
+        size: "xl";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "s";
+        noOptionsTextSize: "s";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeL: {
+        size: "l";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "s";
+        noOptionsTextSize: "m";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeM: {
+        size: "m";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        inputTextSize: "m";
+        loadingMessageTextSize: "m";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xs";
+        noOptionsTextSize: "m";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "s";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xs";
+        noOptionsTextSize: "s";
+        optionSelectedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        optionTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeXS: {
+        size: "xs";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "xs";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xxs";
+        noOptionsTextSize: "xs";
+        optionTextSize: "xs";
+        placeholderTextSize: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+        badgeAppearanceSize: "sizeM";
+        badgeSize: "m";
+        badgeTextSize: "m";
+        clearIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        dividerSize: "xxs";
+        dropdownIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        groupTextSize: "m";
+        headingTextWeight: "600";
+        inputTextSize: "xs";
+        menuItemSize: string;
+        multipleItemIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        multipleItemTextSize: "xxs";
+        noOptionsTextSize: "xs";
+        optionTextSize: "xs";
+        placeholderTextSize: "xs";
+    };
+};
 export { selectAppearanceSize };

package/dist/types/components/Select/appearance/selectStyle.d.ts

@@ -1,3 +1,17 @@
-import { SelectAppearance } from '../Select.interface';
-declare const selectAppearanceStyle: SelectAppearance;
+declare const selectAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+};
 export { selectAppearanceStyle };