@itcase/ui-web 1.9.90 → 1.9.91

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

@@ -1,3 +1,163 @@
-import { PaginationAppearance } from './Pagination.interface';
-declare const paginationAppearance: PaginationAppearance;
+declare const paginationAppearance: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedXL: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedL: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedM: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedS: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        textSize: "l";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "l";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "m";
+        pageCountDropdownItemSize: "l";
+        pageCountDropdownItemWidth: "64px";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputIconFillSize: "24";
+        pageCountInputTextSize: "l";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        textSize: "m";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "m";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "m";
+        pageCountDropdownItemSize: "l";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputIconFillSize: "14";
+        pageCountInputTextSize: "m";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        textSize: "s";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "s";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "s";
+        pageCountDropdownItemSize: "s";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputTextSize: "s";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        textSize: "xs";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "xs";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "xs";
+        pageCountDropdownItemSize: "xs";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputTextSize: "xs";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentActiveQuaternary";
+        fillInput: "surfacePrimary";
+        borderColor: "accentBorderPrimary";
+        textColor: "accentTextPrimary";
+        builderIconFillIcon: "accentItemPrimary";
+        nextIconFillIcon: "accentItemPrimary";
+        pageCountDescTextColor: "surfaceTextPrimary";
+        pageCountDropdownAlignment: "topCenter";
+        pageCountDropdownElevation: "8";
+        pageCountDropdownFill: "surfacePrimary";
+        pageCountDropdownItemDividerFill: "surfaceSecondary";
+        pageCountDropdownItemFill: "surfacePrimary";
+        pageCountDropdownItemFillActive: "accentPrimary";
+        pageCountDropdownItemFillActiveHover: "accentActiveHoverPrimary";
+        pageCountDropdownItemFillHover: "surfaceHoverSecondary";
+        pageCountDropdownItemLabelAlign: "center";
+        pageCountDropdownItemLabelColor: "surfaceTextPrimary";
+        pageCountDropdownItemLabelColorActive: "accentTextPrimary";
+        pageCountDropdownItemLabelColorActiveHover: "accentTextPrimary";
+        pageCountDropdownItemLabelColorHover: "surfaceTextPrimary";
+        pageCountInputIconColor: "surfaceItemPrimary";
+        pageCountInputTextColor: "surfaceTextPrimary";
+        previousIconFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        borderColor: "accentBorderPrimary";
+        loaderFill: "accentPrimary";
+        loaderItemFill: "accentItemPrimary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentPrimary";
+        fillHover: "surfaceHoverTertiary";
+        fillInput: "surfacePrimary";
+        fillInputHover: "surfaceHoverTertiary";
+        textColor: "surfaceTextPrimary";
+        textColorActive: "accentTextPrimary";
+        textColorActiveHover: "accentTextPrimary";
+        textColorHover: "surfaceTextPrimary";
+        builderIconFillIcon: "surfaceItemPrimary";
+        nextIconFillIcon: "surfaceItemPrimary";
+        pageCountDescTextColor: "surfaceTextPrimary";
+        pageCountDropdownAlignment: "topCenter";
+        pageCountDropdownElevation: "8";
+        pageCountDropdownFill: "surfacePrimary";
+        pageCountDropdownFillHover: "surfaceHoverTertiary";
+        pageCountDropdownItemDividerFill: "surfaceSecondary";
+        pageCountDropdownItemFill: "surfacePrimary";
+        pageCountDropdownItemFillActive: "accentPrimary";
+        pageCountDropdownItemFillActiveHover: "accentPrimary";
+        pageCountDropdownItemFillHover: "surfaceHoverSecondary";
+        pageCountDropdownItemLabelAlign: "center";
+        pageCountDropdownItemLabelColor: "surfaceTextPrimary";
+        pageCountDropdownItemLabelColorActive: "accentTextPrimary";
+        pageCountDropdownItemLabelColorActiveHover: "accentTextPrimary";
+        pageCountDropdownItemLabelColorHover: "surfaceTextPrimary";
+        pageCountInputIconColor: "surfaceItemPrimary";
+        pageCountInputTextColor: "surfaceTextPrimary";
+        previousIconFillIcon: "surfaceItemPrimary";
+    };
+};
 export { paginationAppearance };

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

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { DropdownItemProps, DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
@@ -103,4 +104,7 @@ type PaginationProps = PaginationAppearanceProps & StyleAttributes & {
 };
 type PaginationConfig = AppearanceConfig<AppearanceKeysDefault, PaginationAppearanceProps>;
 type PaginationAppearance = PaginationConfig['appearance'];
-export type { PaginationAppearance, PaginationConfig, PaginationProps };
+type PaginationAppearanceStyle = AppearanceRecord<AppearanceStyleKey, PaginationAppearanceProps, 'borderColor' | 'fill'>;
+type PaginationAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, PaginationAppearanceProps, 'fillInputShape' | 'pageCountDropdownShape' | 'shape'>;
+type PaginationAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, PaginationAppearanceProps, 'builderIcon' | 'labelTextSize' | 'nextIcon' | 'pageCountDescTextSize' | 'pageCountDropdownItemDividerSize' | 'pageCountDropdownItemLabelSize' | 'pageCountDropdownItemSize' | 'pageCountDropdownItemWidth' | 'pageCountInputIcon' | 'pageCountInputIconFillSize' | 'pageCountInputTextSize' | 'previousIcon' | 'size' | 'textSize'>;
+export type { PaginationAppearance, PaginationAppearanceShape, PaginationAppearanceSize, PaginationAppearanceStyle, PaginationConfig, PaginationProps, };

package/dist/types/components/Pagination/appearance/paginationAccent.d.ts

@@ -1,3 +1,38 @@
-import { PaginationAppearance } from '../Pagination.interface';
-declare const paginationAppearanceAccent: PaginationAppearance;
+declare const paginationAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentActiveQuaternary";
+        fillInput: "surfacePrimary";
+        borderColor: "accentBorderPrimary";
+        textColor: "accentTextPrimary";
+        builderIconFillIcon: "accentItemPrimary";
+        nextIconFillIcon: "accentItemPrimary";
+        pageCountDescTextColor: "surfaceTextPrimary";
+        pageCountDropdownAlignment: "topCenter";
+        pageCountDropdownElevation: "8";
+        pageCountDropdownFill: "surfacePrimary";
+        pageCountDropdownItemDividerFill: "surfaceSecondary";
+        pageCountDropdownItemFill: "surfacePrimary";
+        pageCountDropdownItemFillActive: "accentPrimary";
+        pageCountDropdownItemFillActiveHover: "accentActiveHoverPrimary";
+        pageCountDropdownItemFillHover: "surfaceHoverSecondary";
+        pageCountDropdownItemLabelAlign: "center";
+        pageCountDropdownItemLabelColor: "surfaceTextPrimary";
+        pageCountDropdownItemLabelColorActive: "accentTextPrimary";
+        pageCountDropdownItemLabelColorActiveHover: "accentTextPrimary";
+        pageCountDropdownItemLabelColorHover: "surfaceTextPrimary";
+        pageCountInputIconColor: "surfaceItemPrimary";
+        pageCountInputTextColor: "surfaceTextPrimary";
+        previousIconFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        borderColor: "accentBorderPrimary";
+        loaderFill: "accentPrimary";
+        loaderItemFill: "accentItemPrimary";
+    };
+};
 export { paginationAppearanceAccent };

package/dist/types/components/Pagination/appearance/paginationShape.d.ts

@@ -1,3 +1,26 @@
-import { PaginationAppearance } from '../Pagination.interface';
-declare const paginationAppearanceShape: PaginationAppearance;
+declare const paginationAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedXL: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedL: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedM: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+    roundedS: {
+        fillInputShape: "rounded";
+        pageCountDropdownShape: "rounded";
+    };
+};
 export { paginationAppearanceShape };

package/dist/types/components/Pagination/appearance/paginationSize.d.ts

@@ -1,3 +1,62 @@
-import { PaginationAppearance } from '../Pagination.interface';
-declare const paginationAppearanceSize: PaginationAppearance;
+declare const paginationAppearanceSize: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        textSize: "l";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "l";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "m";
+        pageCountDropdownItemSize: "l";
+        pageCountDropdownItemWidth: "64px";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputIconFillSize: "24";
+        pageCountInputTextSize: "l";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        textSize: "m";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "m";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "m";
+        pageCountDropdownItemSize: "l";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputIconFillSize: "14";
+        pageCountInputTextSize: "m";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        textSize: "s";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "s";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "s";
+        pageCountDropdownItemSize: "s";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputTextSize: "s";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        textSize: "xs";
+        builderIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        nextIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountDescTextSize: "xs";
+        pageCountDropdownItemDividerSize: "xxs";
+        pageCountDropdownItemLabelSize: "xs";
+        pageCountDropdownItemSize: "xs";
+        pageCountInputIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        pageCountInputTextSize: "xs";
+        previousIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { paginationAppearanceSize };

package/dist/types/components/Pagination/appearance/paginationStyle.d.ts

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

package/dist/types/components/Pagination/appearance/paginationSurface.d.ts

@@ -1,3 +1,35 @@
-import { PaginationAppearance } from '../Pagination.interface';
-declare const paginationAppearanceSurface: PaginationAppearance;
+declare const paginationAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentPrimary";
+        fillHover: "surfaceHoverTertiary";
+        fillInput: "surfacePrimary";
+        fillInputHover: "surfaceHoverTertiary";
+        textColor: "surfaceTextPrimary";
+        textColorActive: "accentTextPrimary";
+        textColorActiveHover: "accentTextPrimary";
+        textColorHover: "surfaceTextPrimary";
+        builderIconFillIcon: "surfaceItemPrimary";
+        nextIconFillIcon: "surfaceItemPrimary";
+        pageCountDescTextColor: "surfaceTextPrimary";
+        pageCountDropdownAlignment: "topCenter";
+        pageCountDropdownElevation: "8";
+        pageCountDropdownFill: "surfacePrimary";
+        pageCountDropdownFillHover: "surfaceHoverTertiary";
+        pageCountDropdownItemDividerFill: "surfaceSecondary";
+        pageCountDropdownItemFill: "surfacePrimary";
+        pageCountDropdownItemFillActive: "accentPrimary";
+        pageCountDropdownItemFillActiveHover: "accentPrimary";
+        pageCountDropdownItemFillHover: "surfaceHoverSecondary";
+        pageCountDropdownItemLabelAlign: "center";
+        pageCountDropdownItemLabelColor: "surfaceTextPrimary";
+        pageCountDropdownItemLabelColorActive: "accentTextPrimary";
+        pageCountDropdownItemLabelColorActiveHover: "accentTextPrimary";
+        pageCountDropdownItemLabelColorHover: "surfaceTextPrimary";
+        pageCountInputIconColor: "surfaceItemPrimary";
+        pageCountInputTextColor: "surfaceTextPrimary";
+        previousIconFillIcon: "surfaceItemPrimary";
+    };
+};
 export { paginationAppearanceSurface };

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

@@ -1,3 +1,115 @@
-import { RadioAppearance } from './Radio.interface';
-declare const radioAppearance: RadioAppearance;
+declare const radioAppearance: {
+    solid: {
+        fill: "none";
+        fillHover: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+        borderRadioColor: "none";
+        borderRadioColorActive: "none";
+        borderRadioColorActiveHover: "none";
+        borderRadioColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        fillHover: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillCheckmark: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderActiveQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillCheckmark: "warningPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "warningBorderSecondary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderQuaternary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillCheckmark: "accentSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "accentBorderSecondary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderActiveQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillCheckmark: "errorPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "errorBorderQuaternary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderActiveQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckmark: "surfaceQuaternary";
+        fillRadio: "surfaceSecondary";
+        fillRadioHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderQuaternary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
+        shape: "circular";
+    };
+};
 export { radioAppearance };

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

@@ -1,5 +1,6 @@
 import { ElementType } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps } from '@itcase/types-ui';
+import type { AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
 type RadioAppearanceProps = {
@@ -43,4 +44,7 @@ type RadioProps = RadioAppearanceProps & StyleAttributes & {
 };
 type RadioConfig = AppearanceConfig<AppearanceKeysState, RadioAppearanceProps>;
 type RadioAppearance = RadioConfig['appearance'];
-export type { RadioAppearance, RadioConfig, RadioProps };
+type RadioAppearanceStyle = AppearanceRecord<AppearanceStyleKey, RadioAppearanceProps, Extract<keyof RadioAppearanceProps, 'borderColor' | 'borderColorHover' | 'borderRadioColor' | 'borderRadioColorActive' | 'borderRadioColorActiveHover' | 'borderRadioColorHover' | 'fill' | 'fillHover'>>;
+type RadioAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<RadioAppearanceProps, 'shape'>>>>;
+type RadioAppearanceSize = Partial<Record<AppearanceSizeKey, Partial<Pick<RadioAppearanceProps, 'descTextSize' | 'labelTextSize' | 'size'>>>>;
+export type { RadioAppearance, RadioAppearanceShape, RadioAppearanceSize, RadioAppearanceStyle, RadioConfig, RadioProps, };

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

@@ -1,3 +1,17 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceDefault: RadioAppearance;
+declare const radioAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckmark: "surfaceQuaternary";
+        fillRadio: "surfaceSecondary";
+        fillRadioHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderQuaternary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
+        shape: "circular";
+    };
+};
 export { radioAppearanceDefault };

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

@@ -1,3 +1,14 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceDisabled: RadioAppearance;
+declare const radioAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillCheckmark: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderActiveQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderHoverQuaternary";
+        borderRadioColorHover: "surfaceBorderHoverQuaternary";
+    };
+};
 export { radioAppearanceDisabled };

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

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

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

@@ -1,3 +1,14 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceRequire: RadioAppearance;
+declare const radioAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillCheckmark: "warningPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColor: "warningBorderSecondary";
+        borderRadioColor: "surfaceBorderQuaternary";
+        borderRadioColorActive: "surfaceBorderQuaternary";
+        borderRadioColorActiveHover: "surfaceBorderQuaternary";
+        borderRadioColorHover: "surfaceBorderQuaternary";
+    };
+};
 export { radioAppearanceRequire };

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

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

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

@@ -1,3 +1,18 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceSize: RadioAppearance;
+declare const radioAppearanceSize: {
+    sizeM: {
+        size: "m";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+};
 export { radioAppearanceSize };

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

@@ -1,3 +1,24 @@
-import { RadioAppearance } from '../Radio.interface';
-declare const radioAppearanceStyle: RadioAppearance;
+declare const radioAppearanceStyle: {
+    solid: {
+        fill: "none";
+        fillHover: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+        borderRadioColor: "none";
+        borderRadioColorActive: "none";
+        borderRadioColorActiveHover: "none";
+        borderRadioColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        fillHover: "none";
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+};
 export { radioAppearanceStyle };