@itcase/ui-web 1.9.90 → 1.9.92

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

@@ -1,3 +1,158 @@
-import { MenuItemAppearance } from './MenuItem.interface';
-declare const menuItemAppearance: MenuItemAppearance;
+declare const menuItemAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    surfaceMutedPrimary: {
+        fill: "surfaceSecondary";
+        fillActive: "surfacePrimary";
+        fillActiveHover: "surfacePrimary";
+        labelTextColor: "surfaceTextQuaternary";
+        iconAfterFillIcon: "surfaceItemQuaternary";
+        iconBeforeFillIcon: "surfaceItemQuaternary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceSecondary";
+        fillActiveHover: "surfaceSecondary";
+        fillHover: "surfaceSecondary";
+        labelTextActiveColor: "accentTextSecondary";
+        labelTextActiveColorHover: "accentTextSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceSecondary";
+        fillActiveHover: "surfaceTertiary";
+        fillHover: "surfaceSecondary";
+        labelTextActiveColor: "accentTextSecondary";
+        labelTextActiveColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        labelTextColorHover: "errorTextQuaternary";
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        labelTextColorHover: "errorTextPrimary";
+        borderColor: "errorBorderSecondary";
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        fillHover: "accentTertiary";
+        labelTextColor: "accentTextQuaternary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        iconAfterFillIcon: "accentItemSecondary";
+        iconBeforeFillIcon: "accentItemSecondary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "l";
+        iconAfterSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "l";
+        iconAfterSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+        tooltipSize: "s";
+        tooltipTextSize: "m";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "xs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xxs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+};
 export { menuItemAppearance };

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { LinkProps } from 'react-scroll';
-import type { AlignProps, AppearanceConfig, AppearanceKeysDefault, ArrowPosition, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
+import type { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearancePartialRecord, AppearanceRecord, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, ArrowPosition, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import type { IconProps } from '../Icon/Icon.interface';
 import type { TextProps } from '../Text/Text.interface';
@@ -88,4 +88,7 @@ type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
 };
 type MenuItemConfig = AppearanceConfig<AppearanceKeysDefault, MenuItemAppearanceProps>;
 type MenuItemAppearance = MenuItemConfig['appearance'];
-export type { MenuItemAppearance, MenuItemConfig, MenuItemProps };
+type MenuItemAppearanceStyle = AppearanceRecord<AppearanceStyleKey, MenuItemAppearanceProps, 'borderColor' | 'fill'>;
+type MenuItemAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, MenuItemAppearanceProps, 'shape'>;
+type MenuItemAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, MenuItemAppearanceProps, 'iconAfterSize' | 'iconBeforeSize' | 'labelTextSize' | 'size' | 'tooltipSize' | 'tooltipTextSize'>;
+export type { MenuItemAppearance, MenuItemAppearanceShape, MenuItemAppearanceSize, MenuItemAppearanceStyle, MenuItemConfig, MenuItemProps, };

package/dist/types/components/MenuItem/MenuItem.js

@@ -23,8 +23,8 @@ const menuItemTooltipPlacementToArrowPosition = {
 };
 const menuItemConfig = {
     appearance: menuItemAppearance,
-    setAppearance: function (appearanceConfig) {
-        this.appearance = appearanceConfig;
+    setAppearance: (appearanceConfig) => {
+        menuItemConfig.appearance = appearanceConfig;
     },
 };
 function MenuItem(props) {

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

@@ -1,3 +1,27 @@
-import { MenuItemAppearance } from '../MenuItem.interface';
-declare const menuItemAppearanceAccent: MenuItemAppearance;
+declare const menuItemAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        fillHover: "accentTertiary";
+        labelTextColor: "accentTextQuaternary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        iconAfterFillIcon: "accentItemSecondary";
+        iconBeforeFillIcon: "accentItemSecondary";
+    };
+};
 export { menuItemAppearanceAccent };

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

@@ -1,3 +1,19 @@
-import { MenuItemAppearance } from '../MenuItem.interface';
-declare const menuItemAppearanceError: MenuItemAppearance;
+declare const menuItemAppearanceError: {
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        labelTextColorHover: "errorTextQuaternary";
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        labelTextColorHover: "errorTextPrimary";
+        borderColor: "errorBorderSecondary";
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+};
 export { menuItemAppearanceError };

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

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

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

@@ -1,3 +1,47 @@
-import { MenuItemAppearance } from '../MenuItem.interface';
-declare const menuItemAppearanceSize: MenuItemAppearance;
+declare const menuItemAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "l";
+        iconAfterSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "l";
+        iconAfterSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+        tooltipSize: "s";
+        tooltipTextSize: "m";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "xs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xxs";
+        iconAfterSize: "12";
+        iconBeforeSize: "12";
+    };
+};
 export { menuItemAppearanceSize };

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

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

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

@@ -1,3 +1,45 @@
-import { MenuItemAppearance } from '../MenuItem.interface';
-declare const menuItemAppearanceSurface: MenuItemAppearance;
+declare const menuItemAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: "surfaceSecondary";
+        fillActive: "surfacePrimary";
+        fillActiveHover: "surfacePrimary";
+        labelTextColor: "surfaceTextQuaternary";
+        iconAfterFillIcon: "surfaceItemQuaternary";
+        iconBeforeFillIcon: "surfaceItemQuaternary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceSecondary";
+        fillActiveHover: "surfaceSecondary";
+        fillHover: "surfaceSecondary";
+        labelTextActiveColor: "accentTextSecondary";
+        labelTextActiveColorHover: "accentTextSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceSecondary";
+        fillActiveHover: "surfaceTertiary";
+        fillHover: "surfaceSecondary";
+        labelTextActiveColor: "accentTextSecondary";
+        labelTextActiveColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+};
 export { menuItemAppearanceSurface };

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

@@ -1,3 +1,61 @@
-import { ModalAppearance } from './Modal.interface';
-declare const modalAppearance: ModalAppearance;
+declare const modalAppearance: {
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "h2";
+        closeIconAppearanceSize: "size48_40";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "h3";
+        closeIconAppearanceSize: "size40_32";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "h4";
+        closeIconAppearanceSize: "size24_24";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "h5";
+        closeIconAppearanceSize: "size24_24";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderPrimary";
+        closeIconAppearance: "surfacePrimary ghost circular";
+    };
+};
 export { modalAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceIconSizeKey, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, ElevationProps, FillProps, ItemFillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, ElevationProps, FillProps, ItemFillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { OverlayProps } from 'src/components/Overlay/Overlay.interface';
@@ -70,4 +71,7 @@ type ModalRef = {
 };
 type ModalConfig = AppearanceConfig<AppearanceKeysDefault, ModalAppearanceProps>;
 type ModalAppearance = ModalConfig['appearance'];
-export type { ModalAppearance, ModalConfig, ModalProps, ModalRef };
+type ModalAppearanceStyle = AppearanceRecord<AppearanceStyleKey, ModalAppearanceProps, 'borderColor' | 'fill'>;
+type ModalAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<ModalAppearanceProps, 'shape'>>>>;
+type ModalAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, ModalAppearanceProps, Extract<keyof ModalAppearanceProps, 'closeIconAppearanceSize' | 'closeIconImage' | 'size' | 'titleTextSize'>>;
+export type { ModalAppearance, ModalAppearanceShape, ModalAppearanceSize, ModalAppearanceStyle, ModalConfig, ModalProps, ModalRef, };

package/dist/types/components/Modal/Modal.js

@@ -96,7 +96,6 @@ const Modal = React.forwardRef(function Modal(props, ref) {
             classNameModal = clsx(className, 'no-print');
         }
         const element = getOrCreateModalElement(modalIdQuerySelector, classNameModal);
-        // eslint-disable-next-line react-hooks/set-state-in-effect
         setModalElement(element);
         if (element) {
             addModalProps(element);

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

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

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

@@ -1,3 +1,27 @@
-import { ModalAppearance } from '../Modal.interface';
-declare const modalAppearanceSize: ModalAppearance;
+declare const modalAppearanceSize: {
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "h2";
+        closeIconAppearanceSize: "size48_40";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "h3";
+        closeIconAppearanceSize: "size40_32";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "h4";
+        closeIconAppearanceSize: "size24_24";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "h5";
+        closeIconAppearanceSize: "size24_24";
+        closeIconImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { modalAppearanceSize };

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

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

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

@@ -1,3 +1,8 @@
-import { ModalAppearance } from '../Modal.interface';
-declare const modalAppearanceSurface: ModalAppearance;
+declare const modalAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        borderColor: "surfaceBorderPrimary";
+        closeIconAppearance: "surfacePrimary ghost circular";
+    };
+};
 export { modalAppearanceSurface };

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

@@ -1,3 +1,9 @@
-import { ModalSheetBottomAppearance } from './ModalSheetBottom.interface';
-declare const modalSheetBottomAppearance: ModalSheetBottomAppearance;
+declare const modalSheetBottomAppearance: {
+    sizeL: {
+        titleTextSize: "h4";
+    };
+    sizeM: {
+        titleTextSize: "h5";
+    };
+};
 export { modalSheetBottomAppearance };

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

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { SheetProps } from 'react-modal-sheet';
 import { AppearanceConfig, AppearanceSizeKey, FillProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord } from '@itcase/types-ui';
 import { TitleProps } from 'src/components/Title/Title.interface';
 type ModalSheetBottomRef = {
     closeModal: ModalSheetBottomProps['onCloseModalSheetBottom'];
@@ -33,4 +34,5 @@ type ModalSheetBottomProps = ModalSheetBottomAppearanceProps & Partial<SheetProp
 };
 type ModalSheetBottomConfig = AppearanceConfig<AppearanceSizeKey, ModalSheetBottomAppearanceProps>;
 type ModalSheetBottomAppearance = ModalSheetBottomConfig['appearance'];
-export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, };
+type ModalSheetBottomAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, ModalSheetBottomAppearanceProps, 'titleTextSize'>;
+export type { ModalSheetBottomAppearance, ModalSheetBottomAppearanceSize, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, };

package/dist/types/components/ModalSheetBottom/appearance/modalSheetBottomSize.d.ts

@@ -1,3 +1,9 @@
-import { ModalSheetBottomAppearance } from '../ModalSheetBottom.interface';
-declare const modalSheetBottomAppearanceSize: ModalSheetBottomAppearance;
+declare const modalSheetBottomAppearanceSize: {
+    sizeL: {
+        titleTextSize: "h4";
+    };
+    sizeM: {
+        titleTextSize: "h5";
+    };
+};
 export { modalSheetBottomAppearanceSize };