@itcase/ui 1.9.69 → 1.9.72

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -21,7 +21,7 @@ type BadgeAppearanceProps = {
     textSize?: TextProps['size'];
 };
 type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
     dataTestId?: string;
@@ -33,7 +33,7 @@ type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
     style?: CSSProperties;
     text?: string;
     type?: 'counter' | 'dot' | 'dot-icon-counter' | 'fill' | 'icon' | 'icon-counter';
-    value?: string;
+    value?: number | string;
 };
 type BadgeAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type BadgeAppearance = {

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 { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, AppearanceShapeKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillProps, ShapeProps, SizeProps, UnderlineProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
-import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type BreadcrumbsItemAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
@@ -23,7 +23,7 @@ type BreadcrumbsItemAppearanceProps = {
 };
 type BreadcrumbsItemProps = BreadcrumbsItemAppearanceProps & StyleAttributes & {
     id?: string;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
     dataTestId?: string;
@@ -68,7 +68,7 @@ type BreadcrumbsProps = BreadcrumbsAppearanceProps & StyleAttributes & {
     className?: string;
     isSkeleton?: boolean;
 };
-type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
+type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey | AppearanceShapeKey;
 type BreadcrumbsAppearance = {
     [key in AppearanceKeys]?: BreadcrumbsAppearanceProps;
 };

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

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { LinkWrapperProps } from '../Link/Link.interface';
 import { LoaderProps } from '../Loader/Loader.interface';
 import { TextProps } from '../Text/Text.interface';
-import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type ButtonAppearanceProps = {
     align?: AlignProps;
     borderColor?: BorderColorProps;

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceSizeOrEqualKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceSizeOrEqualKey, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { LabelProps } from '../Label/Label.interface';
@@ -8,7 +8,7 @@ type CellAppearanceProps = {
     borderColorActive?: BorderColorActiveProps;
     borderColorActiveHover?: BorderColorProps;
     borderColorHover?: BorderColorProps;
-    direction?: DirectionProps;
+    direction?: 'horizontal' | 'horizontalReverse' | 'vertical' | 'verticalReverse';
     fill?: FillProps;
     fillActive?: FillActiveProps;
     fillActiveHover?: FillActiveHoverProps;
@@ -55,7 +55,7 @@ type CellAppearanceProps = {
 };
 type CellProps = CellAppearanceProps & StyleAttributes & {
     after?: string;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceKey;
     before?: string;
     className?: string;
     dataTestId?: string;
@@ -63,6 +63,7 @@ type CellProps = CellAppearanceProps & StyleAttributes & {
     isActive?: boolean;
     isEqual?: boolean;
     isSameWidth?: boolean;
+    isSkeleton?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
     reverse?: boolean;
@@ -76,7 +77,7 @@ type CellProps = CellAppearanceProps & StyleAttributes & {
     valueIcon?: IconProps['SvgImage'];
     valueTag?: TextProps['tag'];
 };
-type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeOrEqualKey | AppearanceStyleKey;
+type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeOrEqualKey | AppearanceStyleKey | AppearanceShapeKey;
 type CellAppearance = {
     [key in AppearanceKeys]?: CellAppearanceProps;
 };

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

@@ -1,7 +1,7 @@
 import type { ElementType, ReactNode } from 'react';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
-import { TextProps } from '../Text/Text.interface';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type CheckboxAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorCheckbox?: BorderColorProps;
@@ -35,7 +35,7 @@ type CheckboxAppearanceProps = {
 type CheckboxProps = CheckboxAppearanceProps & StyleAttributes & {
     id?: string;
     after?: ReactNode;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceStateDefault;
     before?: ReactNode;
     checked?: boolean;
     className?: string;

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 type CheckmarkAppearanceProps = {
@@ -21,7 +21,7 @@ type CheckmarkAppearanceProps = {
     size?: SizeProps;
 };
 type CheckmarkProps = CheckmarkAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKey | CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, CompositeAppearanceStateDefault, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -55,7 +55,7 @@ type ChipsAppearanceProps = {
     size?: SizeProps;
 };
 type ChipsProps = ChipsAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKey | CompositeAppearanceStateDefault;
     children?: ReactNode;
     className?: string;
     cursor?: string;

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

@@ -1,4 +1,4 @@
 export { Chips, chipsConfig } from './Chips';
-export type { ChipsProps, ChipsGroupProps, ChipsConfig, ChipsAppearance } from './Chips.interface';
 export { chipsAppearance } from './Chips.appearance';
+export type { ChipsAppearance, ChipsConfig, ChipsGroupProps, ChipsProps, } from './Chips.interface';
 export { ChipsGroup } from './ChipsGroup';

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

@@ -80,7 +80,7 @@ type ChoiceProps = ChoiceAppearanceProps & StyleAttributes & {
     options: ChoiceOptionsItem[];
     setActiveSegment?: (item: ChoiceOptionsItem, isChecked?: boolean) => void;
 };
-type ChoiceAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
+type ChoiceAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
 type ChoiceAppearance = {
     [key in ChoiceAppearanceKey]?: ChoiceAppearanceProps;
 };

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

@@ -1,6 +1,6 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { LabelProps } from '../Label/Label.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -30,7 +30,7 @@ type CodeAppearanceProps = {
 };
 type CodeProps = CodeAppearanceProps & StyleAttributes & {
     after?: ReactNode;
-    appearance?: AppearanceKeys;
+    appearance?: CompositeAppearanceStateDefault;
     before?: ReactNode;
     className?: string;
     dataTestId?: string;

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

@@ -1,10 +1,10 @@
 import type { DatePeriodItem } from '@itcase/common/types';
 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 '../../hooks/useStyles/styleAttributes.interface';
 import { ChipsProps } from '../Chips/Chips.interface';
 import { DatePickerInputProps } from '../DatePicker/DatePicker.interface';
 import { SelectAppearanceProps, SelectProps } from '../Select/Select.interface';
-import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 type DatePeriodAppearanceProps<Option> = {
     chipsAppearance?: ChipsProps['appearance'];
     chipsAppearanceSize?: AppearanceSizeKey;

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

@@ -1,7 +1,7 @@
 import { ReactNode, RefObject } from 'react';
 import DatePicker, { DatePickerProps } from 'react-datepicker';
 import { DateIso } from '@itcase/types-core';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceDefaultSizeStyleKey, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceStateDefault, SizeProps, TextSizeProps, WidthProps } from '@itcase/types-ui';
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { InputProps } from '../Input/Input.interface';
@@ -16,7 +16,7 @@ type DatePickerConfig = {
     setAppearance: (appearanceConfig: DatePickerAppearance) => void;
 };
 type DatePickerInputAppearanceProps = {
-    appearance?: AppearanceKeysDefault | CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: AppearanceKeysDefault | CompositeAppearanceStateDefault;
     clearLabel?: LabelProps['label'];
     clearLabelTextColor?: LabelProps['labelTextColor'];
     clearLabelTextColorHover?: LabelProps['labelTextColorHover'];

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceDefaultSizeKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type DividerAppearanceProps = {
@@ -17,7 +17,7 @@ type DividerAppearanceProps = {
     textSize?: TextProps['size'];
 };
 type DividerProps = DividerAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceDefaultSizeKey;
+    appearance?: CompositeAppearanceKey;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { AppearanceHeadingSizeKey, AppearanceKeysDefault, CompositeAppearanceDefaultSizeKey } from '@itcase/types-ui';
+import { AppearanceHeadingSizeKey, AppearanceKeysDefault, CompositeAppearanceKey } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { DividerProps } from '../Divider/Divider.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -34,7 +34,7 @@ type DrawerConfig = {
 };
 type DrawerProps = DrawerAppearanceProps & StyleAttributes & {
     after?: ReactNode;
-    appearance?: CompositeAppearanceDefaultSizeKey;
+    appearance?: CompositeAppearanceKey;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -53,7 +53,7 @@ type FileItem = {
     preview: string;
 };
 type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     dropzoneProps?: Record<string, unknown>;
     fieldValuesList?: FileItem[] | null;
     fileErrorText?: React.ReactNode;

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

@@ -35,7 +35,7 @@ declare const Group: React.ForwardRefExoticComponent<{
     wrap?: import("@itcase/types-ui").WrapProps;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: number | string;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
     children?: React.ReactNode;
     className?: string;
     dataId?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
-import { AlignProps, AppearanceKeysDefault, BorderColorProps, BorderColorActiveProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceKeysDefault, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { LabelProps } from '../Label/Label.interface';
@@ -39,7 +39,7 @@ type GroupAppearanceProps = {
 };
 type GroupProps = GroupAppearanceProps & StyleAttributes & {
     id?: number | string;
-    appearance?: CompositeAppearanceDefaultKey;
+    appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
     dataId?: string;

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

@@ -5,9 +5,9 @@ declare const Icon: React.ForwardRefExoticComponent<Omit<import("src/components/
     id?: string;
     after?: React.ReactNode;
     align?: import("@itcase/types-ui").AlignProps;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types-ui").CompositeAppearanceIconKeys;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
     badgeClass?: string;
-    badgeValue?: string;
+    badgeValue?: number | string;
     before?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode, SVGProps } from 'react';
-import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, 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-ui';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { LinkWrapperProps } from '../Link/Link.interface';
@@ -48,9 +48,9 @@ type IconProps = IconAppearanceProps & StyleAttributes & {
     id?: string;
     after?: ReactNode;
     align?: AlignProps;
-    appearance?: CompositeAppearanceDefaultStyleShapeKey | CompositeAppearanceIconKeys;
+    appearance?: CompositeAppearanceIconKeys;
     badgeClass?: string;
-    badgeValue?: string;
+    badgeValue?: number | string;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

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

@@ -3,7 +3,7 @@ import type { InputConfig } from './Input.interface';
 declare const inputConfig: InputConfig;
 declare const Input: React.ForwardRefExoticComponent<import("./Input.interface").InputAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     id?: string;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
     autocomplete?: string;
     className?: string;
     dataTestId?: string;

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

@@ -1,4 +1,4 @@
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type InputAppearanceProps = {
@@ -23,7 +23,7 @@ type InputAppearanceProps = {
 };
 type InputProps = InputAppearanceProps & StyleAttributes & {
     id?: string;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     autocomplete?: string;
     className?: string;
     dataTestId?: string;

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

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from 'src/components/Button/Button.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 InputNumberAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;

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

@@ -1,4 +1,4 @@
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -37,7 +37,7 @@ type InputPasswordConfig = {
 };
 type InputPasswordProps = InputAppearanceProps & StyleAttributes & {
     id?: string;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     className?: string;
     dataTestId?: string;
     dataTour?: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -43,7 +43,7 @@ type LinkAppearanceProps = {
 };
 type LinkProps = LinkAppearanceProps & StyleAttributes & {
     after?: ReactNode;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceStateDefault;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
-import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type ListAppearanceProps = {
@@ -12,7 +12,7 @@ type ListAppearanceProps = {
     width?: WidthProps;
 };
 type ListProps = ListAppearanceProps & StyleAttributes & {
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceStateDefault;
     bulletFill?: FillProps;
     bulletSize?: TextProps['size'];
     bulletTextColor?: TextProps['textColor'];

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
-import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -62,7 +62,7 @@ type MenuItemAppearanceProps = {
 };
 type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
     after?: string;
-    appearance?: CompositeAppearanceSizePxKey;
+    appearance?: CompositeAppearanceKey;
     before?: string;
     children?: ReactNode;
     className?: string;
@@ -71,7 +71,7 @@ type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
     easing?: string;
     href?: LinkProps['href'];
     htmlFor?: string;
-    isActive: boolean;
+    isActive?: boolean;
     isDisabled?: boolean;
     label?: string;
     link?: LinkProps['href'];

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { GeneratedId } from '@itcase/types-core';
-import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceIconSizeKey, AppearanceNotificationKeys, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceNotificationKeys, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -40,14 +40,14 @@ type NotificationAppearanceProps = {
 type NotificationProps = NotificationAppearanceProps & StyleAttributes & {
     id?: GeneratedId;
     after?: ReactNode;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceNotificationKeys;
     before?: ReactNode;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
     isLoading?: boolean;
     isSkeleton?: boolean;
-    onClickButton: ButtonProps['onClick'];
+    onClickButton?: ButtonProps['onClick'];
     onClickClose?: (targetId?: GeneratedId) => void;
     style?: CSSProperties;
     title?: string;
@@ -62,7 +62,7 @@ type NotificationWrapperProps = {
     size?: SizeProps;
     type?: string;
 };
-type NotificationAppearanceKeys = AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
+type NotificationAppearanceKeys = AppearanceNotificationKeys | AppearanceSizeKey | AppearanceStyleKey | AppearanceShapeKey;
 type NotificationAppearance = {
     [key in NotificationAppearanceKeys]?: NotificationAppearanceProps;
 };

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

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 type RadioAppearanceProps = {
@@ -28,7 +28,7 @@ type RadioAppearanceProps = {
 };
 type RadioProps = RadioAppearanceProps & StyleAttributes & {
     id?: string;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     checked?: boolean;
     className?: string;
     dataTestId?: string;

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

@@ -1,3 +1,4 @@
+import { ComponentType, SVGProps } from 'react';
 import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
 declare const Response: import("react").ForwardRefExoticComponent<Omit<{
@@ -36,7 +37,7 @@ declare const Response: import("react").ForwardRefExoticComponent<Omit<{
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     svgFill?: import("@itcase/types-ui").SvgFillProps;
-    SvgImage?: import("../Icon").IconProps["SvgImage"];
+    SvgImage?: ComponentType<SVGProps<SVGSVGElement>> | import("../Icon").IconProps["SvgImage"];
     svgPathFill?: import("@itcase/types-ui").SvgFillProps;
     svgSrc?: import("../Icon").IconProps["imageSrc"];
     titleTextColor?: import("src/components/Text").TextProps["textColor"];

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

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { AppearanceResponseKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillProps } from '@itcase/types-ui';
+import { ComponentType, CSSProperties, ReactNode, SVGProps } from 'react';
+import { AppearanceResponseKeys, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { ButtonProps } from '../Button/Button.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -40,14 +40,14 @@ type ResponseAppearanceProps = {
     shape?: ShapeProps;
     shapeStrength?: ShapeStrengthProps;
     svgFill?: SvgFillProps;
-    SvgImage?: IconProps['SvgImage'];
+    SvgImage?: ComponentType<SVGProps<SVGSVGElement>> | IconProps['SvgImage'];
     svgPathFill?: SvgFillProps;
     svgSrc?: IconProps['imageSrc'];
     titleTextColor?: TextProps['textColor'];
     titleTextSize?: TextProps['size'];
     titleTextWeight?: TextProps['textWeight'];
 };
-type AppearanceKeys = AppearanceResponseKeysDefault | AppearanceStyleKey;
+type AppearanceKeys = AppearanceResponseKeys | AppearanceStyleKey;
 type ResponseAppearance = {
     [key in AppearanceKeys]?: ResponseAppearanceProps;
 };

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

@@ -6,6 +6,6 @@ declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<import(
     dataTestId?: string;
     dataTour?: string;
     src?: string;
-    SvgImage?: import("../Icon").IconProps["SvgImage"];
+    SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../Icon").IconProps["SvgImage"];
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { SVGContent };

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

@@ -1,3 +1,4 @@
+import { ComponentType, SVGProps } from 'react';
 import { SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -10,6 +11,6 @@ type SVGContentProps = StyleAttributes & SVGContentAppearanceProps & {
     dataTestId?: string;
     dataTour?: string;
     src?: string;
-    SvgImage?: IconProps['SvgImage'];
+    SvgImage?: ComponentType<SVGProps<SVGSVGElement>> | IconProps['SvgImage'];
 };
 export type { SVGContentProps };

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
-import { IconProps } from '../Icon/Icon.interface';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
 type SearchAppearanceProps = {
     borderColor?: BorderColorProps;
@@ -38,7 +38,7 @@ type SearchAppearanceProps = {
 };
 type SearchProps = SearchAppearanceProps & StyleAttributes & {
     after?: ReactNode;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateDefault;
     before?: ReactNode;
     className?: string;
     dataTestId?: string;

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

@@ -35,7 +35,7 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
     width?: import("@itcase/types-ui").WidthProps;
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: React.ReactNode;
-    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
     before?: React.ReactNode;
     className?: string;
     dataTestId?: string;