@itcase/ui 1.9.37 → 1.9.39

package/dist/css/styles/bundles.css

@@ -80831,13 +80831,13 @@ div.label {
   }
 }
 :root {
-  --menu-item-size-xxl-padding: 4px 14px;
-  --menu-item-size-xl-padding: 4px 10px;
-  --menu-item-size-l-padding: 2px 8px;
-  --menu-item-size-m-padding: 0 6px;
-  --menu-item-size-s-padding: 0 6px;
-  --menu-item-size-xs-padding: 0 4px;
-  --menu-item-size-xxs-padding: 0 2px;
+  --menu-item-size-xxl-padding: 14px;
+  --menu-item-size-xl-padding: 10px;
+  --menu-item-size-l-padding: 8px;
+  --menu-item-size-m-padding: 6px;
+  --menu-item-size-s-padding: 6px;
+  --menu-item-size-xs-padding: 4px;
+  --menu-item-size-xxs-padding: 2px;
 
   --menu-item-size-xxl-gap: 1m;
   --menu-item-size-xl-gap: 1m;
@@ -98310,23 +98310,23 @@ div.label {
   --search-input-xxl-gap: 4px;
   --search-input-xxl-min-height: 62px;
 
-  --search-input-xl-padding: 12px;
+  --search-input-xl-padding: 16px 12px;
   --search-input-xl-gap: 4px;
-  --search-input-xl-min-height: 54px;
+  --search-input-xl-min-height: 56px;
 
-  --search-input-l-padding: 8px;
+  --search-input-l-padding: 12px;
   --search-input-l-gap: 4px;
-  --search-input-l-min-height: 46px;
+  --search-input-l-min-height: 48px;
 
-  --search-input-m-padding: 6px 8px;
+  --search-input-m-padding: 8px;
   --search-input-m-gap: 4px;
-  --search-input-m-min-height: 38px;
+  --search-input-m-min-height: 40px;
 
   --search-input-s-padding: 2px 8px;
   --search-input-s-gap: 4px;
-  --search-input-s-min-height: 32px;
+  --search-input-s-min-height: 28px;
 
-  --search-input-xs-padding: 0 4px;
+  --search-input-xs-padding: 2px 8px;
   --search-input-xs-gap: 4px;
   --search-input-xs-min-height: 24px;
 
@@ -98737,16 +98737,16 @@ div.label {
   &_multi {
     &^&_size {
         &_xl {
-          border: solid 2px red !important;
+          /* border: solid 2px red !important; */
         }
         &_l {
-          border: solid 2px red !important;
+          /* border: solid 2px red !important; */
         }
         &_m {
-          border: solid 2px red !important;
+          /* border: solid 2px red !important; */
         }
         &_s {
-          border: solid 2px red !important;
+          /* border: solid 2px red !important; */
         }
     }
   }
@@ -99294,12 +99294,9 @@ div.label {
 }
 .select {
   &__single-value {
-    display: flex;
     position: relative;
     overflow: hidden;
-    & .text {
-      white-space: nowrap;
-    }
+    display: flex;
   }
 }
 .select {

package/dist/snippets/Loader.snippets.json

@@ -0,0 +1,12 @@
+{
+  "Loader": {
+    "prefix": "loader",
+    "body": [
+      "<Loader",
+      "  appearance=\"${1|accent,special,extra,surface,error,warning,danger,success,info,disabled|}${2|Primary,Secondary,Tertiary|} ${3|sizeL,sizeM,sizeS|} ${4|solid,full,outlined,ghost|}\"",
+      "  width=\"fill\"",
+      "/>"
+    ],
+    "description": "ITCase-UI Loader Component"
+  }
+}

package/dist/snippets/Tab.snippets.json

@@ -0,0 +1,14 @@
+{
+  "Tab": {
+    "prefix": "tab",
+    "body": [
+      "<Tab",
+      "  appearance=\"${1|surface,error,warning,success|}${2|Primary,Secondary,Tertiary,Quaternary|} ${3|sizeXXL,sizeXL,sizeL,sizeM,sizeS,sizeXS,sizeXXS|} ${4|solid,full,outlined,ghost|}\"",
+      "  label=\"${5:Label}\"",
+      "  isActive={}",
+      "  onClick={}",
+      "/>"
+    ],
+    "description": "ITCase-UI Tab Component"
+  }
+}

package/dist/snippets/TabGroup.snippets.json

@@ -0,0 +1,12 @@
+{
+  "TabGroup": {
+    "prefix": "tabGroup",
+    "body": [
+      "<TabGroup",
+      "  tabAppearance=\"${1|surface,error,warning,success|}${2|Primary,Secondary,Tertiary,Quaternary|} ${3|sizeXXL,sizeXL,sizeL,sizeM,sizeS,sizeXS,sizeXXS|} ${4|solid,full,outlined,ghost|}\"",
+      "  tabList={}",
+      "/>"
+    ],
+    "description": "ITCase-UI TabGroup Component"
+  }
+}

package/dist/types/components/Button/Button.d.ts

@@ -78,6 +78,6 @@ declare const Button: React.ForwardRefExoticComponent<{
     rel?: import("../Link/Link.interface").LinkWrapperProps["rel"];
     style?: React.CSSProperties;
     target?: import("../Link/Link.interface").LinkWrapperProps["target"];
-    tooltipContent?: string;
+    tooltip?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export { Button, buttonConfig };

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

@@ -83,7 +83,7 @@ type ButtonProps = ButtonAppearanceProps & StyleAttributes & {
     rel?: LinkWrapperProps['rel'];
     style?: CSSProperties;
     target?: LinkWrapperProps['target'];
-    tooltipContent?: string;
+    tooltip?: string;
 };
 type ButtonAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type ButtonAppearance = {

package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         appearance: string;

package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         icon: string;

package/dist/types/components/Button/stories/ButtonLabel.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         icon: string;

package/dist/types/components/Button/stories/ButtonShape.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Button/stories/ButtonSize.stories.d.ts

@@ -78,7 +78,7 @@ declare const meta: {
         rel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
         style?: import("react").CSSProperties;
         target?: import("../../Link/Link.interface").LinkWrapperProps["target"];
-        tooltipContent?: string;
+        tooltip?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     args: {
         label: string;

package/dist/types/components/Chips/stories/ChipsGroup.stories.d.ts

@@ -1,5 +1,5 @@
 import { Chips } from '../';
-import { ChipsProps } from '../Chips.interface';
+import { ChipsGroupProps } from '../Chips.interface';
 declare const meta: {
     title: string;
     component: typeof Chips;
@@ -25,5 +25,5 @@ export declare const Demo: {
     args: {
         chipsAppearance: string;
     };
-    render: (args: ChipsProps) => import("react/jsx-runtime").JSX.Element;
+    render: (args: ChipsGroupProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -3,7 +3,7 @@ import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, Appearanc
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
-interface ChoiceAppearanceProps {
+type ChoiceAppearanceProps = {
     activeIcon?: IconProps['SvgImage'];
     activeIconItemFill?: IconProps['fill'];
     borderColor?: BorderColorProps;
@@ -46,7 +46,7 @@ interface ChoiceAppearanceProps {
     shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
     wrap?: WrapProps;
-}
+};
 type ChoiceOptionsItem = {
     activeIconItemFill?: IconProps['fill'];
     icon?: IconProps['SvgImage'];

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

@@ -18,7 +18,7 @@ type DadataProps = StyleAttributes & {
     setValue?: (suggestion?: DaDataSuggestion<DaDataParty>) => void;
     token: string;
 };
-type DadataCustomInputProps = StyleAttributes & {
+type DadataCustomInputProps = Omit<StyleAttributes, 'width'> & {
     inputValue?: string;
 };
 export type { DadataCustomInputProps, DadataProps };

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

@@ -1,5 +1,5 @@
 import type { DatePeriodItem } from '@itcase/common/types';
-import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, Option, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
+import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, Option, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ChipsProps } from '../Chips/Chips.interface';
 import { DatePickerInputProps } from '../DatePicker/DatePicker.interface';
@@ -10,6 +10,7 @@ type DatePeriodAppearanceProps = {
     chipsShape?: ChipsProps['shape'];
     datePickerAppearance?: DatePickerInputProps['appearance'];
     datePickerAppearanceSize?: AppearanceSizeKey;
+    datePickerInputAppearance?: AppearanceStateKeysDefault;
     datePickerInputAppearanceSize?: AppearanceSizeKey;
     datePickerInputFillHover?: SelectPropsCustom<Option>['fillHover'];
     datePickerInputTextSize?: SelectPropsCustom<Option>['inputTextSize'];
@@ -23,8 +24,6 @@ type DatePeriodAppearanceProps = {
 };
 type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceDefaultSizeShapeKey;
-    chipsAppearance?: ChipsProps['appearance'];
-    chipsAppearanceSize?: AppearanceSizeKey;
     chipsShape?: ChipsProps['shape'];
     className?: string;
     dataTestId?: string;
@@ -40,15 +39,13 @@ type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
     datePeriodValueStart: DatePickerInputProps['value'];
     datePickerAppearance?: CompositeAppearanceKey;
     datePickerAppearanceSize?: AppearanceSizeKey;
-    datePickerInputAppearance?: AppearanceKeysDefault;
-    datePickerInputAppearanceSize?: AppearanceSizeKey;
     isDisabled?: boolean;
     isSkeleton?: boolean;
     monthsShown?: number;
     onChangeDatePeriod?: DatePickerInputProps['onChange'];
-    onChangeDatePeriodFirstSelect?: () => void;
+    onChangeDatePeriodFirstSelect?: (targetOption: any) => void;
     onChangeDatePeriodSecondSelect?: () => void;
-    onKeyDown?: () => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLElement>) => void;
     popperPlacement?: DatePickerInputProps['popperPlacement'];
     selectAppearance?: SelectPropsCustom<Option>['appearance'];
     selectAppearanceSize?: AppearanceSizeKey;

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

@@ -96,4 +96,4 @@ type DatePickerInputIcon = {
     inputIconSrc?: IconProps['imageSrc'];
     onClick?: IconProps['onClick'];
 };
-export type { DatePickerAppearance, DatePickerConfig, DatePickerCustomInput, DatePickerInputIcon, DatePickerInputProps, };
+export type { DatePickerAppearance, DatePickerConfig, DatePickerCustomInput, DatePickerInputAppearanceProps, DatePickerInputIcon, DatePickerInputProps, };

package/dist/types/components/Icon/Icon.d.ts

@@ -5,7 +5,7 @@ declare const Icon: React.ForwardRefExoticComponent<Omit<import("../Icon/Icon.in
     id?: string;
     after?: React.ReactNode;
     align?: import("@itcase/types").AlignProps;
-    appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+    appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
     badgeClass?: string;
     badgeValue?: string;
     before?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { LinkWrapperProps } from '../Link/Link.interface';
@@ -24,7 +24,6 @@ type IconAppearanceProps = {
     fillDisabled?: FillDisabledProps;
     fillHover?: FillHoverProps;
     fillSize?: FillSizeProps;
-    iconAppearance?: CompositeAppearanceIconKeys;
     iconFill?: ItemFillProps;
     iconFillActive?: ItemFillProps;
     iconFillActiveHover?: ItemFillProps;
@@ -48,7 +47,7 @@ type IconProps = IconAppearanceProps & StyleAttributes & {
     id?: string;
     after?: ReactNode;
     align?: AlignProps;
-    appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceSizePxKey;
+    appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
     badgeClass?: string;
     badgeValue?: string;
     before?: ReactNode;

package/dist/types/components/Icon/appearance/iconExtra.d.ts

@@ -1,3 +1,3 @@
-import { IconAppearanceProps } from '../Icon.interface';
-declare const iconAppearanceExtra: IconAppearanceProps;
+import { IconAppearance } from '../Icon.interface';
+declare const iconAppearanceExtra: IconAppearance;
 export { iconAppearanceExtra };

package/dist/types/components/Icon/appearance/iconSpecial.d.ts

@@ -1,3 +1,3 @@
-import { IconAppearanceProps } from '../Icon.interface';
-declare const iconAppearanceSpecial: IconAppearanceProps;
+import { IconAppearance } from '../Icon.interface';
+declare const iconAppearanceSpecial: IconAppearance;
 export { iconAppearanceSpecial };

package/dist/types/components/Icon/stories/IconDefault.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconDemo.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconShape.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize12.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize14.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize16.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize20.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize24.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize32.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconSize40.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconStyle.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/Icon/stories/IconWithBadge.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
         id?: string;
         after?: import("react").ReactNode;
         align?: import("@itcase/types").AlignProps;
-        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceIconKeys;
         badgeClass?: string;
         badgeValue?: string;
         before?: import("react").ReactNode;

package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts

@@ -4,7 +4,7 @@ import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
-interface InputNumberAppearanceProps {
+type InputNumberAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;
     borderHover?: BorderColorHoverProps;
@@ -27,7 +27,7 @@ interface InputNumberAppearanceProps {
     size?: SizeProps;
     svgFill?: SvgFillProps;
     svgFillHover?: SvgFillHoverProps;
-}
+};
 type InputNumberProps = InputNumberAppearanceProps & StyleAttributes & {
     id?: number;
     appearance?: CompositeAppearanceKey;

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

@@ -10,7 +10,7 @@ type InputAppearanceProps = {
     fill?: FillProps;
     fillHover?: FillHoverProps;
     iconFill?: IconProps['iconFill'];
-    iconFillHover?: IconProps['fillHover'];
+    iconFillHover?: IconProps['iconFillHover'];
     iconRevealableHide?: IconProps['SvgImage'];
     iconRevealableShow?: IconProps['SvgImage'];
     iconShape?: IconProps['shape'];

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

@@ -72,6 +72,7 @@ type LinkWrapperProps = LinkAppearanceProps & StyleAttributes & {
     rel?: string;
     style?: CSSProperties;
     target?: string;
+    title?: string;
     type?: ElementType;
 };
 type AppearanceKeys = AppearanceSizeKey | AppearanceStyleKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);

package/dist/types/components/Link/appearance/linkExtra.d.ts

@@ -1,8 +1,3 @@
-declare const linkAppearanceExtra: {
-    extraPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
+import { LinkAppearance } from '../Link.interface';
+declare const linkAppearanceExtra: LinkAppearance;
 export { linkAppearanceExtra };

package/dist/types/components/Link/appearance/linkSpecial.d.ts

@@ -1,8 +1,3 @@
-declare const linkAppearanceSpecial: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
+import { LinkAppearance } from '../Link.interface';
+declare const linkAppearanceSpecial: LinkAppearance;
 export { linkAppearanceSpecial };

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

@@ -33,7 +33,7 @@ type ModalSheetBottomProps = ModalSheetBottomAppearanceProps & Partial<SheetProp
 };
 type ModalSheetBottomAppearanceKey = AppearanceSizeKey & {};
 type ModalSheetBottomAppearance = {
-    [key in ModalSheetBottomAppearanceKey]?: ModalSheetBottomProps;
+    [key in ModalSheetBottomAppearanceKey]?: ModalSheetBottomAppearanceProps;
 };
 type ModalSheetBottomConfig = {
     appearance: ModalSheetBottomAppearance;

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

@@ -45,7 +45,7 @@ type NotificationProps = NotificationAppearanceProps & StyleAttributes & {
     dataTestId?: string;
     dataTour?: string;
     isLoading?: boolean;
-    isSkeleton: boolean;
+    isSkeleton?: boolean;
     onClickButton?: ButtonProps['onClick'];
     onClickClose?: (id?: number | string) => void;
     style?: CSSProperties;

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

@@ -4,7 +4,7 @@ import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface
 import { DropdownItemProps, DropdownProps } from '../Dropdown/Dropdown.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
-export interface PaginationAppearanceProps {
+type PaginationAppearanceProps = {
     borderColor?: BorderColorProps;
     builderIcon?: IconProps['SvgImage'];
     builderIconFill?: IconProps['fill'];
@@ -75,7 +75,7 @@ export interface PaginationAppearanceProps {
     textColorActiveHover?: TextProps['textColorActiveHover'];
     textColorHover?: TextProps['textColorHover'];
     textSize?: TextProps['size'];
-}
+};
 type PaginationProps = PaginationAppearanceProps & StyleAttributes & {
     allItemsCount?: number;
     appearance?: CompositeAppearanceKey;

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

@@ -50,13 +50,12 @@ declare const Response: import("react").ForwardRefExoticComponent<Omit<{
     dataTestId?: string;
     dataTour?: string;
     desc?: string;
-    imageSrc?: string;
     isBottomButton?: boolean;
     isSkeleton?: boolean;
     onClickPrimaryButton?: import("../Button/Button.interface").ButtonProps["onClick"];
     onClickSecondaryButton?: import("../Button/Button.interface").ButtonProps["onClick"];
-    primaryButton?: boolean;
-    secondaryButton?: boolean;
+    primaryButton?: import("react").ReactNode;
+    secondaryButton?: import("react").ReactNode;
     showPrimaryButton?: boolean;
     showSecondaryButton?: boolean;
     style?: import("react").CSSProperties;