@itcase/ui 1.9.51 → 1.9.52

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

@@ -1,25 +1,19 @@
-import type { AppearanceSizePxKey, BorderColorProps, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizePXProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import type { AppearanceSizePxKey, DirectionProps, SizePXProps } from '@itcase/types-ui';
 import { AvatarProps } from 'src/components/Avatar/Avatar.interface';
-import { IconProps } from 'src/components/Icon/Icon.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type AvatarStackAppearanceProps = {
-    borderColor?: BorderColorProps;
-    fill?: FillProps;
-    fillHover?: FillHoverProps;
-    fillIcon?: IconProps['fill'];
-    shape?: ShapeProps;
     size: SizePXProps;
-    width?: WidthProps;
+};
+type AvatarsItem = {
+    id: string;
+    firstName: string;
+    lastName: string;
+    src: string;
 };
 type AvatarStackProps = AvatarStackAppearanceProps & StyleAttributes & {
     appearance?: AppearanceKeys;
     avatarAppearance?: AvatarProps['appearance'];
-    avatarsList: {
-        id: string;
-        firstName: string;
-        lastName: string;
-        src: string;
-    }[];
+    avatarsList: AvatarsItem[];
     className?: string;
     direction?: DirectionProps;
     isSkeleton?: boolean;

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type BreadcrumbsItemAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
@@ -54,15 +54,16 @@ type BreadcrumbsAppearanceProps = {
     widthMobile?: WidthProps;
     widthTablet?: WidthProps;
 };
+type BreadcrumbsItem = {
+    id?: BreadcrumbsItemProps['id'];
+    href?: BreadcrumbsItemProps['href'];
+    icon?: BreadcrumbsItemProps['icon'];
+    key?: string;
+    text?: BreadcrumbsItemProps['text'];
+};
 type BreadcrumbsProps = BreadcrumbsAppearanceProps & StyleAttributes & {
     appearance?: BreadcrumbsItemProps['appearance'];
-    breadcrumbsList?: {
-        id?: BreadcrumbsItemProps['id'];
-        href?: BreadcrumbsItemProps['href'];
-        icon?: BreadcrumbsItemProps['icon'];
-        key?: string;
-        text?: BreadcrumbsItemProps['text'];
-    }[];
+    breadcrumbsList?: BreadcrumbsItem[];
     children?: ReactNode;
     className?: string;
     isSkeleton?: boolean;

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

@@ -1,7 +1,7 @@
 import type { ElementType, ReactNode } from 'react';
-import { AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { TextProps } from 'src/components/Text/Text.interface';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type CheckboxAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorCheckbox?: BorderColorProps;
@@ -59,7 +59,7 @@ type CheckboxConfig = {
     appearance: CheckboxAppearance;
     setAppearance: (appearanceConfig: CheckboxAppearance) => void;
 };
-type AppearanceKeys = AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type AppearanceKeys = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
 type CheckboxAppearance = {
     [key in AppearanceKeys]?: CheckboxAppearanceProps;
 };

package/dist/types/components/Checkbox/appearance/checkboxShape.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxAppearance } from '../Checkbox.interface';
+declare const checkboxAppearanceShape: CheckboxAppearance;
+export { checkboxAppearanceShape };

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

@@ -1,13 +1,19 @@
 import { ElementType } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps, SvgFillProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
 type CheckmarkAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorActive?: BorderColorActiveProps;
     borderColorActiveHover?: BorderColorActiveProps;
     borderColorHover?: BorderColorHoverProps;
     borderWidth?: BorderWidthProps;
-    checkmarkFill?: SvgFillProps;
+    checkmarkFill?: IconProps['fill'];
+    checkmarkIcon?: IconProps['SvgImage'];
+    checkmarkIconFill?: IconProps['iconFill'];
+    checkmarkIconShape?: IconProps['shape'];
+    checkmarkIconSize?: IconProps['iconSize'];
+    checkmarkIconSrc?: IconProps['imageSrc'];
     fill?: FillProps;
     fillActive?: FillActiveProps;
     fillActiveHover?: FillActiveHoverProps;

package/dist/types/components/Checkmark/appearance/checkmarkError.d.ts

@@ -0,0 +1,3 @@
+import { CheckmarkAppearance } from '../Checkmark.interface';
+declare const checkmarkAppearanceError: CheckmarkAppearance;
+export { checkmarkAppearanceError };

package/dist/types/components/Checkmark/stories/CheckmarkError.stories.d.ts

@@ -0,0 +1,23 @@
+import { Checkmark } from '..';
+import { CheckmarkProps } from '../Checkmark.interface';
+declare const meta: {
+    title: string;
+    component: typeof Checkmark;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    args: {
+        appearance: string;
+    };
+    render: (args: CheckmarkProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Checked: {
+    args: {
+        appearance: string;
+        isChecked: boolean;
+    };
+    render: (args: CheckmarkProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type ChipsAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;
@@ -72,7 +72,6 @@ type ChipsProps = ChipsAppearanceProps & StyleAttributes & {
     type?: string;
 };
 type ChipsGroupListItem = {
-    id?: string;
     iconAfter?: ChipsProps['iconAfter'];
     iconAfterActive?: ChipsProps['iconAfterActive'];
     iconBefore?: ChipsProps['iconBefore'];
@@ -80,6 +79,7 @@ type ChipsGroupListItem = {
     isActive?: ChipsProps['isActive'];
     isDisabled?: ChipsProps['isDisabled'];
     label?: ChipsProps['label'];
+    value?: string;
 };
 type ChipsGroupAppearanceProps = {
     align?: AlignProps;

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

@@ -1,11 +1,11 @@
 import type { DatePeriodItem } from '@itcase/common/types';
-import { Option } from '@itcase/types-core';
+import { Option as SelectOption } from '@itcase/types-core';
 import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { ChipsProps } from 'src/components/Chips/Chips.interface';
 import { DatePickerInputProps } from 'src/components/DatePicker/DatePicker.interface';
-import { SelectPropsCustom } from 'src/components/Select/Select.interface';
-type DatePeriodAppearanceProps = {
+import { SelectAppearanceProps, SelectProps } from 'src/components/Select/Select.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+type DatePeriodAppearanceProps<Option> = {
     chipsAppearance?: ChipsProps['appearance'];
     chipsAppearanceSize?: AppearanceSizeKey;
     chipsShape?: ChipsProps['shape'];
@@ -13,29 +13,30 @@ type DatePeriodAppearanceProps = {
     datePickerAppearanceSize?: AppearanceSizeKey;
     datePickerInputAppearance?: AppearanceStateKeysDefault;
     datePickerInputAppearanceSize?: AppearanceSizeKey;
-    datePickerInputFillHover?: SelectPropsCustom<Option>['fillHover'];
-    datePickerInputTextSize?: SelectPropsCustom<Option>['inputTextSize'];
+    datePickerInputFillHover?: SelectProps<Option>['fillHover'];
+    datePickerInputTextSize?: SelectProps<Option>['inputTextSize'];
     fill?: FillProps;
     fillHover?: FillHoverProps;
+    selectAppearance?: SelectAppearanceProps<Option>['appearance'];
     selectAppearanceSize?: AppearanceSizeKey;
-    selectShape?: SelectPropsCustom<Option>['shape'];
+    selectShape?: SelectProps<Option>['shape'];
     shape?: ShapeProps;
     shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
 };
-type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
+type DatePeriodProps<Option = SelectOption> = DatePeriodAppearanceProps<Option> & StyleAttributes & {
     appearance?: CompositeAppearanceDefaultSizeShapeKey;
     chipsShape?: ChipsProps['shape'];
     className?: string;
     dataTestId?: string;
     dataTour?: string;
     datePeriodIntervalsList?: DatePeriodItem[];
-    datePeriodSelectFirstOptions?: Option[];
-    datePeriodSelectFirstPlaceholder?: SelectPropsCustom<Option>['placeholder'];
-    datePeriodSelectFirstValue?: string;
-    datePeriodSelectSecondOptions?: Option[];
-    datePeriodSelectSecondPlaceholder?: SelectPropsCustom<Option>['placeholder'];
-    datePeriodSelectSecondValue?: string;
+    datePeriodSelectFirstOptions?: SelectProps<Option>['options'];
+    datePeriodSelectFirstPlaceholder?: SelectProps<Option>['placeholder'];
+    datePeriodSelectFirstValue?: SelectProps<Option>['value'];
+    datePeriodSelectSecondOptions?: SelectProps<Option>['options'];
+    datePeriodSelectSecondPlaceholder?: SelectProps<Option>['placeholder'];
+    datePeriodSelectSecondValue?: SelectProps<Option>['value'];
     datePeriodValueEnd?: DatePickerInputProps['endValue'];
     datePeriodValueStart: DatePickerInputProps['value'];
     datePickerAppearance?: CompositeAppearanceKey;
@@ -44,19 +45,19 @@ type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
     isSkeleton?: boolean;
     monthsShown?: number;
     onChangeDatePeriod?: DatePickerInputProps['onChange'];
-    onChangeDatePeriodFirstSelect?: (targetOption: Option) => void;
-    onChangeDatePeriodSecondSelect?: () => void;
+    onChangeDatePeriodFirstSelect?: SelectProps<Option>['onChange'];
+    onChangeDatePeriodSecondSelect?: SelectProps<Option>['onChange'];
     onKeyDown?: (event?: React.KeyboardEvent<HTMLElement>) => void;
     popperPlacement?: DatePickerInputProps['popperPlacement'];
-    selectAppearance?: SelectPropsCustom<Option>['appearance'];
+    selectAppearance?: SelectProps<Option>['appearance'];
     selectAppearanceSize?: AppearanceSizeKey;
-    selectShape?: SelectPropsCustom<Option>['shape'];
+    selectShape?: SelectProps<Option>['shape'];
     selectsRange?: DatePickerInputProps['selectsRange'];
     showWeekNumbers?: boolean;
 };
 type DatePeriodAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey;
 type DatePeriodAppearance = {
-    [key in DatePeriodAppearanceKey]?: DatePeriodAppearanceProps;
+    [key in DatePeriodAppearanceKey]?: DatePeriodAppearanceProps<SelectOption>;
 };
 type DatePeriodConfig = {
     appearance: DatePeriodAppearance;

package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.d.ts

@@ -15,5 +15,8 @@ export declare const Demo: {
     render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const Skeleton: {
+    args: {
+        isSkeleton: boolean;
+    };
     render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -46,16 +46,17 @@ type DatePickerInputAppearanceProps = {
     yearTextSize?: TextProps['size'];
     yearTextWeight?: TextProps['textWeight'];
 };
-type DatePickerInputProps = DatePickerInputAppearanceProps & DatePickerProps & {
+type DatePickerInputProps = DatePickerInputAppearanceProps & Omit<DatePickerProps, 'onChange'> & {
     className?: string;
     dataTestId?: string;
     dataTour?: string;
-    datePickerProps?: DatePickerInputAppearanceProps & DatePickerProps;
+    datePickerProps?: DatePickerInputAppearanceProps & Omit<DatePickerProps, 'selectsRange'> & {
+        selectsRange?: boolean;
+    };
     endValue?: string | Date | DateIso;
     inputProps?: InputProps;
     onChange?: (dateStart: Date | null, dateEnd: Date | null) => void;
     popperPlacement?: ReactNode;
-    selectsRange?: boolean;
     value?: string | Date | DateIso;
 };
 type DatePickerCustomInput = {

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

@@ -41,7 +41,7 @@ type HeroTitleAppearanceProps = {
     textColorHover?: TextProps['textColorHover'];
     textFont?: TextProps['font'];
     textGradient?: string;
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textTruncate?: boolean;
     textWeight?: TextProps['textWeight'];
     textWrap?: TextProps['textWrap'];

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

@@ -34,7 +34,7 @@ type LinkAppearanceProps = {
     textColorMobile?: TextProps['textColor'];
     textColorTablet?: TextProps['textColor'];
     textGradient?: string;
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textWeight?: TextWeightProps;
     textWeightDesktop?: TextWeightProps;
     textWeightMobile?: TextWeightProps;

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

@@ -29,7 +29,7 @@ type ListItemAppearanceProps = {
     fill?: FillProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textWeight?: TextProps['textWeight'];
 };
 type ListItemProps = ListItemAppearanceProps & StyleAttributes & {

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

@@ -1,13 +1,14 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
     itemFill?: ItemFillProps;
     size?: SizeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
 };
 type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;

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

@@ -37,7 +37,7 @@ type MenuItemAppearanceProps = {
     iconBeforeSrc?: IconProps['imageSrc'];
     isSkeleton?: boolean;
     justifyContent?: JustifyContentProps;
-    labelStyle?: 'italic' | 'normal';
+    labelStyle?: TextProps['textStyle'];
     labelTextActiveColor?: TextProps['textColorActive'];
     labelTextActiveColorHover?: TextProps['textColorActiveHover'];
     labelTextColor?: TextProps['textColor'];

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

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

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
 import { IconProps } from 'src/components/Icon/Icon.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type SearchAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;
@@ -22,14 +23,14 @@ type SearchAppearanceProps = {
     iconClearSize?: IconProps['size'];
     iconClearSrc?: IconProps['imageSrc'];
     inputFill?: FillProps;
-    inputTextColor?: TextColorProps;
-    inputTextSize?: TextSizeProps;
-    inputTextStyle?: 'italic' | 'normal';
+    inputTextColor?: TextProps['textColor'];
+    inputTextSize?: TextProps['size'];
+    inputTextStyle?: TextProps['textStyle'];
     inputTextWeight?: TextWeightProps;
-    placeholderTextColor?: TextColorProps;
-    placeholderTextSize?: TextSizeProps;
-    placeholderTextStyle?: 'italic' | 'normal';
-    placeholderTextWeight?: TextWeightProps;
+    placeholderTextColor?: TextProps['textColor'];
+    placeholderTextSize?: TextProps['size'];
+    placeholderTextStyle?: TextProps['textStyle'];
+    placeholderTextWeight?: TextProps['textWeight'];
     shape?: ShapeProps;
     shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;

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

@@ -21,14 +21,14 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
     iconClearSize?: import("../Icon/Icon.interface").IconProps["size"];
     iconClearSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
     inputFill?: import("@itcase/types-ui").FillProps;
-    inputTextColor?: import("@itcase/types-ui").TextColorProps;
-    inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-    inputTextStyle?: "italic" | "normal";
+    inputTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    inputTextSize?: import("../Text/Text.interface").TextProps["size"];
+    inputTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
     inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-    placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-    placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-    placeholderTextStyle?: "italic" | "normal";
-    placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+    placeholderTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    placeholderTextSize?: import("../Text/Text.interface").TextProps["size"];
+    placeholderTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
+    placeholderTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputError.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;