@itcase/ui 1.9.71 → 1.9.72

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

@@ -0,0 +1,3 @@
+import { LinkAppearance } from '../Link.interface';
+declare const linkAppearanceSurface: LinkAppearance;
+export { linkAppearanceSurface };

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

@@ -0,0 +1,3 @@
+import { LinkAppearance } from '../Link.interface';
+declare const linkAppearanceWarning: LinkAppearance;
+export { linkAppearanceWarning };

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

@@ -0,0 +1,3 @@
+export { Link, linkConfig, LinkWrapper } from './Link';
+export { linkAppearance } from './Link.appearance';
+export type { LinkAppearance, LinkConfig, LinkProps, LinkWrapperProps, } from './Link.interface';

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

@@ -0,0 +1,3 @@
+import { ListAppearance } from './List.interface';
+declare const listAppearance: ListAppearance;
+export { listAppearance };

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

@@ -0,0 +1,3 @@
+import type { ListProps } from './List.interface';
+declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+export { List };

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

@@ -0,0 +1,54 @@
+import { CSSProperties, ReactNode } from 'react';
+import { LinkProps } from 'react-scroll';
+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 = {
+    borderColor?: BorderColorProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    shape?: ShapeProps;
+    size?: SizeProps;
+    width?: WidthProps;
+};
+type ListProps = ListAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceStateDefault;
+    bulletFill?: FillProps;
+    bulletSize?: TextProps['size'];
+    bulletTextColor?: TextProps['textColor'];
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    direction?: DirectionProps;
+    size?: SizeProps;
+    style?: CSSProperties;
+    type?: string;
+};
+type ListItemAppearanceProps = {
+    fill?: FillProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textStyle?: TextProps['textStyle'];
+    textWeight?: TextProps['textWeight'];
+};
+type ListItemProps = ListItemAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: LinkProps['href'];
+    link?: LinkProps['href'];
+    text?: string;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
+type ListAppearance = {
+    [key in AppearanceKeys]?: ListAppearanceProps;
+};
+type ListConfig = {
+    appearance: ListAppearance;
+    setAppearance: (appearanceConfig: ListAppearance) => void;
+};
+export type { ListAppearance, ListConfig, ListItemProps, ListProps };

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

@@ -0,0 +1,3 @@
+import type { ListItemProps } from './List.interface';
+declare function ListItem(props: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export { ListItem };

package/dist/types/components/List/appearance/listAccent.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceAccent: ListAppearance;
+export { listAppearanceAccent };

package/dist/types/components/List/appearance/listDanger.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceDanger: ListAppearance;
+export { listAppearanceDanger };

package/dist/types/components/List/appearance/listError.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceError: ListAppearance;
+export { listAppearanceError };

package/dist/types/components/List/appearance/listExtra.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceExtra: ListAppearance;
+export { listAppearanceExtra };

package/dist/types/components/List/appearance/listInfo.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceInfo: ListAppearance;
+export { listAppearanceInfo };

package/dist/types/components/List/appearance/listSize.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceSize: ListAppearance;
+export { listAppearanceSize };

package/dist/types/components/List/appearance/listSpecial.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceSpecial: ListAppearance;
+export { listAppearanceSpecial };

package/dist/types/components/List/appearance/listStyle.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceStyle: ListAppearance;
+export { listAppearanceStyle };

package/dist/types/components/List/appearance/listSuccess.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceSuccess: ListAppearance;
+export { listAppearanceSuccess };

package/dist/types/components/List/appearance/listSurface.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceSurface: ListAppearance;
+export { listAppearanceSurface };

package/dist/types/components/List/appearance/listWarning.d.ts

@@ -0,0 +1,3 @@
+import { ListAppearance } from '../List.interface';
+declare const listAppearanceWarning: ListAppearance;
+export { listAppearanceWarning };

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

@@ -0,0 +1,4 @@
+import { List } from './List';
+import { ListItem } from './ListItem';
+export { List, ListItem };
+export type { ListAppearance, ListConfig, ListItemProps, ListProps, } from './List.interface';

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

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from './Loader.interface';
+declare const loaderAppearance: LoaderAppearance;
+export { loaderAppearance };

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

@@ -0,0 +1,4 @@
+import type { LoaderConfig, LoaderProps } from './Loader.interface';
+declare const loaderConfig: LoaderConfig;
+declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export { Loader, loaderConfig };

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

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
+type LoaderAppearanceProps = {
+    borderColor?: BorderColorProps;
+    fill?: FillProps;
+    itemFill?: ItemFillProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+};
+type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    style?: CSSProperties;
+    text?: string;
+    type?: 'circular' | 'dot';
+};
+type LoaderAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type LoaderAppearance = {
+    [key in LoaderAppearanceKey]?: LoaderAppearanceProps;
+};
+type LoaderConfig = {
+    appearance: LoaderAppearance;
+    setAppearance: (appearanceConfig: LoaderAppearance) => void;
+};
+export type { LoaderAppearance, LoaderConfig, LoaderProps };

package/dist/types/components/Loader/appearance/loaderAccent.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceAccent: LoaderAppearance;
+export { loaderAppearanceAccent };

package/dist/types/components/Loader/appearance/loaderDanger.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceDanger: LoaderAppearance;
+export { loaderAppearanceDanger };

package/dist/types/components/Loader/appearance/loaderError.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceError: LoaderAppearance;
+export { loaderAppearanceError };

package/dist/types/components/Loader/appearance/loaderExtra.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceExtra: LoaderAppearance;
+export { loaderAppearanceExtra };

package/dist/types/components/Loader/appearance/loaderInfo.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceInfo: LoaderAppearance;
+export { loaderAppearanceInfo };

package/dist/types/components/Loader/appearance/loaderSize.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceSize: LoaderAppearance;
+export { loaderAppearanceSize };

package/dist/types/components/Loader/appearance/loaderSpecial.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceSpecial: LoaderAppearance;
+export { loaderAppearanceSpecial };

package/dist/types/components/Loader/appearance/loaderStyle.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceStyle: LoaderAppearance;
+export { loaderAppearanceStyle };

package/dist/types/components/Loader/appearance/loaderSuccess.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceSuccess: LoaderAppearance;
+export { loaderAppearanceSuccess };

package/dist/types/components/Loader/appearance/loaderSurface.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceSurface: LoaderAppearance;
+export { loaderAppearanceSurface };

package/dist/types/components/Loader/appearance/loaderWarning.d.ts

@@ -0,0 +1,3 @@
+import { LoaderAppearance } from '../Loader.interface';
+declare const loaderAppearanceWarning: LoaderAppearance;
+export { loaderAppearanceWarning };

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

@@ -0,0 +1,3 @@
+export { Loader, loaderConfig } from './Loader';
+export { loaderAppearance } from './Loader.appearance';
+export type { LoaderAppearance, LoaderConfig, LoaderProps, } from './Loader.interface';

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

@@ -0,0 +1,29 @@
+import type { LogoConfig } from './Logo.interface';
+declare const logoConfig: LogoConfig;
+declare const Logo: import("react").ForwardRefExoticComponent<Omit<{
+    alt?: string;
+    size?: string;
+    source?: string;
+    src?: string;
+    title?: string;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    alignItems?: import("@itcase/types-ui").AlignProps;
+    alt?: string;
+    appearance?: "accentMutedPrimary" | "accentMutedQuaternary" | "accentMutedSecondary" | "accentMutedTertiary" | "accentPrimary" | "accentQuaternary" | "accentSecondary" | "accentTertiary" | "dangerMutedPrimary" | "dangerMutedQuaternary" | "dangerMutedSecondary" | "dangerMutedTertiary" | "dangerPrimary" | "dangerQuaternary" | "dangerSecondary" | "dangerTertiary" | "disabledMutedPrimary" | "disabledMutedQuaternary" | "disabledMutedSecondary" | "disabledMutedTertiary" | "disabledPrimary" | "disabledQuaternary" | "disabledSecondary" | "disabledTertiary" | "errorMutedPrimary" | "errorMutedQuaternary" | "errorMutedSecondary" | "errorMutedTertiary" | "errorPrimary" | "errorQuaternary" | "errorSecondary" | "errorTertiary" | "extraMutedPrimary" | "extraMutedQuaternary" | "extraMutedSecondary" | "extraMutedTertiary" | "extraPrimary" | "extraQuaternary" | "extraSecondary" | "extraTertiary" | "gradientPrimary" | "infoMutedPrimary" | "infoMutedQuaternary" | "infoMutedSecondary" | "infoMutedTertiary" | "infoPrimary" | "infoQuaternary" | "infoSecondary" | "infoTertiary" | "specialMutedPrimary" | "specialMutedQuaternary" | "specialMutedSecondary" | "specialMutedTertiary" | "specialPrimary" | "specialQuaternary" | "specialSecondary" | "specialTertiary" | "successMutedPrimary" | "successMutedQuaternary" | "successMutedSecondary" | "successMutedTertiary" | "successPrimary" | "successQuaternary" | "successSecondary" | "successTertiary" | "surfaceMutedPrimary" | "surfaceMutedQuaternary" | "surfaceMutedSecondary" | "surfaceMutedTertiary" | "surfacePrimary" | "surfaceQuaternary" | "surfaceSecondary" | "surfaceTertiary" | "warningMutedPrimary" | "warningMutedQuaternary" | "warningMutedSecondary" | "warningMutedTertiary" | "warningPrimary" | "warningQuaternary" | "warningSecondary" | "warningTertiary";
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    isSkeleton?: boolean;
+    link?: string;
+    mode?: string;
+    size?: import("@itcase/types-ui").SizeProps;
+    source?: string;
+    src?: string;
+    style?: import("react").CSSProperties;
+    title?: string;
+    width?: import("@itcase/types-ui").WidthProps;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Logo, logoConfig };

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

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+import { AlignProps, AppearanceKeysDefault, DirectionProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type LogoAppearanceProps = {
+    alt?: string;
+    size?: string;
+    source?: string;
+    src?: string;
+    title?: string;
+};
+type AppearanceKeys = AppearanceKeysDefault & {};
+type LogoAppearance = {
+    [key in AppearanceKeys]?: LogoAppearanceProps;
+};
+type LogoConfig = {
+    appearance: LogoAppearance | undefined;
+    setAppearance: (appearanceConfig: LogoAppearance) => void;
+};
+type LogoProps = LogoAppearanceProps & StyleAttributes & {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    alignItems?: AlignProps;
+    alt?: string;
+    appearance?: AppearanceKeys;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    isSkeleton?: boolean;
+    link?: string;
+    mode?: string;
+    size?: SizeProps;
+    source?: string;
+    src?: string;
+    style?: CSSProperties;
+    title?: string;
+    width?: WidthProps;
+};
+export type { LogoConfig, LogoProps };

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

@@ -0,0 +1,2 @@
+export { Logo, logoConfig } from './Logo';
+export type { LogoConfig, LogoProps } from './Logo.interface';

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

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from './MenuItem.interface';
+declare const menuItemAppearance: MenuItemAppearance;
+export { menuItemAppearance };

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

@@ -0,0 +1,4 @@
+import type { MenuItemConfig, MenuItemProps } from './MenuItem.interface';
+declare const menuItemConfig: MenuItemConfig;
+declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export { MenuItem, menuItemConfig };

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

@@ -0,0 +1,96 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { LinkProps } from 'react-scroll';
+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';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
+type MenuItemAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    borderColor?: BorderColorProps;
+    cursor?: string;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeAppearance?: IconProps['badgeAppearance'];
+    iconBadgeShape?: IconProps['badgeShape'];
+    iconBadgeSize?: IconProps['badgeSize'];
+    iconBadgeTextColor?: IconProps['badgeTextColor'];
+    iconBadgeTextSize?: IconProps['badgeTextSize'];
+    iconBadgeValue?: IconProps['badgeValue'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    isSkeleton?: boolean;
+    justifyContent?: JustifyContentProps;
+    labelStyle?: TextProps['textStyle'];
+    labelTextActiveColor?: TextProps['textColorActive'];
+    labelTextActiveColorHover?: TextProps['textColorActiveHover'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorDisabled?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelWeight?: TextProps['textWeight'];
+    labelWrap?: TextProps['textWrap'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextSizeProps;
+    tooltipFill?: TooltipProps['fill'];
+    tooltipShape?: TooltipProps['shape'];
+    tooltipShapeStrength?: TooltipProps['shapeStrength'];
+    tooltipSize?: TooltipProps['size'];
+    tooltipText?: TooltipProps['text'];
+    tooltipTextColor?: TooltipProps['textColor'];
+    tooltipTextSize?: TooltipProps['textSize'];
+    tooltipTitle?: TooltipProps['title'];
+    tooltipTitleTextColor?: TooltipProps['titleColor'];
+    type?: string;
+};
+type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceKey;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: string;
+    href?: LinkProps['href'];
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    label?: string;
+    link?: LinkProps['href'];
+    LinkComponent?: ElementType;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    rel?: LinkProps['rel'];
+    showTooltip?: boolean;
+    style?: CSSProperties;
+    target?: LinkProps['target'];
+    tooltipAppearance?: TooltipProps['appearance'];
+    underline?: UnderlineProps;
+};
+type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type MenuItemAppearance = {
+    [key in MenuItemAppearanceKey]?: MenuItemAppearanceProps;
+};
+type MenuItemConfig = {
+    appearance: MenuItemAppearance;
+    setAppearance: (appearanceConfig: MenuItemAppearance) => void;
+};
+export type { MenuItemAppearance, MenuItemConfig, MenuItemProps };

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceAccent: MenuItemAppearance;
+export { menuItemAppearanceAccent };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceError: MenuItemAppearance;
+export { menuItemAppearanceError };

package/dist/types/components/MenuItem/appearance/menuItemShape.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceShape: MenuItemAppearance;
+export { menuItemAppearanceShape };

package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSize: MenuItemAppearance;
+export { menuItemAppearanceSize };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceStyle: MenuItemAppearance;
+export { menuItemAppearanceStyle };

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSurface: MenuItemAppearance;
+export { menuItemAppearanceSurface };

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

@@ -0,0 +1,3 @@
+export { MenuItem, menuItemConfig } from './MenuItem';
+export { menuItemAppearance } from './MenuItem.appearance';
+export type { MenuItemAppearance, MenuItemConfig, MenuItemProps, } from './MenuItem.interface';

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from './Modal.interface';
+declare const modalAppearance: ModalAppearance;
+export { modalAppearance };

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ModalConfig, ModalRef } from './Modal.interface';
+declare const modalConfig: ModalConfig;
+declare const Modal: React.ForwardRefExoticComponent<{
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    closeIcon?: boolean;
+    closeIconAppearance?: import("src/components/Icon").IconProps["appearance"];
+    closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+    closeIconFillSize?: import("src/components/Icon").IconProps["fillSize"];
+    closeIconImage?: import("src/components/Icon").IconProps["SvgImage"];
+    closeIconShape?: import("src/components/Icon").IconProps["shape"];
+    closeIconSize?: import("src/components/Icon").IconProps["iconSize"];
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    itemFill?: import("@itcase/types-ui").ItemFillProps;
+    overlayFill?: import("src/components/Overlay").OverlayProps["fill"];
+    overlayOpacity?: import("src/components/Overlay").OverlayProps["opacity"];
+    print?: boolean;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    size?: import("@itcase/types-ui").SizeProps;
+    textColor?: import("../Text").TextProps["textColor"];
+    textSize?: import("../Text").TextProps["size"];
+    titleTextColor?: import("src/components/Title").TitleProps["textColor"];
+    titleTextColorHover?: import("src/components/Title").TitleProps["textColorHover"];
+    titleTextSize?: import("src/components/Title").TitleProps["size"];
+    titleTextTruncate?: import("src/components/Title").TitleProps["textTruncate"];
+    titleTextWeight?: import("src/components/Title").TitleProps["textWeight"];
+    titleTextWidth?: import("@itcase/types-ui").WidthProps;
+    titleTextWrap?: import("src/components/Title").TitleProps["textWrap"];
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: string;
+    absoluteHeader?: boolean;
+    after?: React.ReactNode;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isCloseOnBlur?: boolean;
+    isOverlay?: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    isSkeleton?: boolean;
+    modalIdQuerySelector?: string;
+    modalQuerySelector?: string;
+    onClickOverlay: import("src/components/Overlay").OverlayProps["onClick"];
+    onCloseModal?: () => void;
+    onOpenModal?: () => void;
+    scroll?: boolean;
+    stickyHeader?: boolean;
+    style?: React.CSSProperties;
+    title?: string;
+} & React.RefAttributes<ModalRef>>;
+export { Modal, modalConfig };

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

@@ -0,0 +1,80 @@
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { OverlayProps } from '../Overlay/Overlay.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
+type ModalAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    closeIcon?: boolean;
+    closeIconAppearance?: IconProps['appearance'];
+    closeIconAppearanceSize?: AppearanceIconSizeKey;
+    closeIconFillSize?: IconProps['fillSize'];
+    closeIconImage?: IconProps['SvgImage'];
+    closeIconShape?: IconProps['shape'];
+    closeIconSize?: IconProps['iconSize'];
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    itemFill?: ItemFillProps;
+    overlayFill?: OverlayProps['fill'];
+    overlayOpacity?: OverlayProps['opacity'];
+    print?: boolean;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextColorHover?: TitleProps['textColorHover'];
+    titleTextSize?: TitleProps['size'];
+    titleTextTruncate?: TitleProps['textTruncate'];
+    titleTextWeight?: TitleProps['textWeight'];
+    titleTextWidth?: WidthProps;
+    titleTextWrap?: TitleProps['textWrap'];
+};
+type ModalProps = ModalAppearanceProps & StyleAttributes & {
+    id?: string;
+    absoluteHeader?: boolean;
+    after?: ReactNode;
+    appearance?: CompositeAppearanceKey;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isCloseOnBlur?: boolean;
+    isOverlay?: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    isSkeleton?: boolean;
+    modalIdQuerySelector?: string;
+    modalQuerySelector?: string;
+    onClickOverlay: OverlayProps['onClick'];
+    onCloseModal?: () => void;
+    onOpenModal?: () => void;
+    scroll?: boolean;
+    stickyHeader?: boolean;
+    style?: CSSProperties;
+    title?: string;
+};
+type ModalRef = {
+    closeModal: MouseEventHandler<HTMLDivElement>;
+    isOpen: boolean;
+    modalElement: Element | HTMLDivElement | null;
+    openModal: () => void;
+};
+type ModalAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type ModalAppearance = {
+    [key in ModalAppearanceKey]?: ModalAppearanceProps;
+};
+type ModalConfig = {
+    appearance: ModalAppearance;
+    setAppearance: (appearanceConfig: ModalAppearance) => void;
+};
+export type { ModalAppearance, ModalConfig, ModalProps, ModalRef };

package/dist/types/components/Modal/ModalLoader.d.ts

@@ -0,0 +1,2 @@
+declare function ModalLoader(): import("react/jsx-runtime").JSX.Element;
+export { ModalLoader };

package/dist/types/components/Modal/appearance/modalShape.d.ts

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceShape: ModalAppearance;
+export { modalAppearanceShape };