@zealicsolutions/web-ui 1.0.80-beta.13 → 1.0.80-beta.2

package/dist/cjs/molecules/Button/Button.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps as MuiButtonProps, TypographyProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
 import { IconRendererProps } from 'molecules/Icon';
 export interface ButtonProps extends MuiButtonProps {
-    gap?: number | string;
+    gap: number | string;
     moleculeId?: string;
     configurationItemInfo?: ConfigurationItemInfo;
     borderRadius?: string | number;
@@ -34,4 +34,4 @@ export interface ButtonProps extends MuiButtonProps {
  * We use `forwardRef` so that the ref passed from parent Component (Menu)
  * will correctly point to the underlying <MuiButton> element.
  */
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts

@@ -224,6 +224,6 @@ export declare const useCalendarStyling: (props: CalendarStylingProps) => {
             readonly borderColor: string | undefined;
         };
     };
-    getMaterialElevation: (elevation?: number | undefined) => string;
+    getMaterialElevation: (elevation?: number) => string;
 };
 export {};

package/dist/cjs/molecules/Divider/Divider.d.ts

@@ -15,4 +15,4 @@ export interface DividerProps {
     marginLeft?: string | number;
     configurationItemInfo?: ConfigurationItemInfo;
 }
-export declare const Divider: ({ moleculeId, variant, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Divider: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/Divider/Divider.stories.d.ts

@@ -1,9 +1,8 @@
+import type { StoryFn } from '@storybook/react';
 import { DividerProps } from './Divider';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
+declare const _default: {
+    title: string;
+    component: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
-export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
-export declare const ThickColored: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
-export declare const StyledVertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
-export declare const DrawerStyle: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
-export declare const Playground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DividerProps>;
+export declare const DefaultDivider: StoryFn<DividerProps>;

package/dist/cjs/molecules/Drawer/Drawer.stories.d.ts

@@ -1,20 +1,32 @@
 import { DrawerProps } from './types';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
 export default _default;
+export declare const BasicDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
 export declare const PermanentDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps & {
     showHeader?: boolean | undefined;
     headerTitle?: string | undefined;
     headerHeight?: number | undefined;
+    contentPadding?: number | undefined;
     contentText?: string | undefined;
+    buttonPosition?: "content" | "header" | undefined;
 }>;
-export declare const PersistentDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps & {
+export declare const ClippedDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps & {
     showHeader?: boolean | undefined;
     headerTitle?: string | undefined;
     headerHeight?: number | undefined;
+    contentPadding?: number | undefined;
     contentText?: string | undefined;
+    buttonPosition?: "content" | "header" | undefined;
+}>;
+export declare const MixedItemsDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
+export declare const BottomDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
+export declare const ResponsiveDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps & {
+    showHeader?: boolean | undefined;
+    headerTitle?: string | undefined;
+    headerHeight?: number | undefined;
+    contentPadding?: number | undefined;
+    contentText?: string | undefined;
+    buttonPosition?: "content" | "header" | undefined;
 }>;
-export declare const TemporaryDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
-export declare const EnhancedCloseIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
 export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 export declare const Playground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
-export declare const ConfigurationModeWithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/dist/cjs/molecules/Drawer/styles.d.ts

@@ -11,6 +11,7 @@ export declare type StyledDrawerProps = DrawerComponentProps & {
     height?: number | string;
     width?: number | string;
     backgroundColor?: string;
+    gap?: number | string;
     marginTop?: string;
     marginRight?: string;
     marginBottom?: string;
@@ -29,34 +30,64 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
     height?: string | number | undefined;
     width?: string | number | undefined;
     backgroundColor?: string | undefined;
+    gap?: string | number | undefined;
     marginTop?: string | undefined;
     marginRight?: string | undefined;
     marginBottom?: string | undefined;
     marginLeft?: string | undefined;
     positionType?: "absolute" | "normal" | undefined;
 }, {}, {}>;
-export declare const DrawerWithCloseIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DrawerContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare type IconWrapperProps = {
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+};
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    top?: string | number | undefined;
-    left?: string | number | undefined;
-    borderRadius?: string | number | undefined;
-    elevation?: number | undefined;
-    backgroundColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & IconWrapperProps, {}, {}>;
+export declare const DrawerContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export declare const DrawerItemsList: import("@emotion/styled").StyledComponent<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof import("react").HTMLAttributes<HTMLUListElement>> & {
     ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
 }, "className" | "style" | "classes" | "children" | "sx" | "subheader" | "dense" | "disablePadding"> & {
     theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DrawerMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "alignItems" | "action" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "dense" | "divider" | "selected"> & {
+    theme?: import("@emotion/react").Theme | undefined;
 } & {
-    gap?: string | number | undefined;
+    backgroundColor?: string | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
+    textAlign?: "left" | "right" | "center" | "justify" | undefined;
 }, {}, {}>;
+export declare const DrawerMenuItemText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    textColor?: string | undefined;
+    fontSize?: string | undefined;
+    fontWeight?: "bold" | "normal" | undefined;
+    fontFamily?: string | undefined;
+    wrap?: boolean | undefined;
+    textAlign?: "left" | "right" | "center" | "justify" | undefined;
+}, {}, {}>;
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("@mui/material").Theme, {}, {}>;

package/dist/cjs/molecules/Drawer/types.d.ts

@@ -92,7 +92,6 @@ export interface DrawerProps {
     paddingLeft?: string;
     height?: number | string;
     width?: number | string;
-    mobileWidth?: string | number;
     backgroundColor?: string;
     gap?: number | string;
     marginTop?: string;
@@ -112,7 +111,7 @@ export interface DrawerProps {
     buttonGap?: number | string;
     buttonStartIcon?: string;
     buttonEndIcon?: string;
-    buttonBorderRadius?: string | number;
+    buttonCornerRadius?: string | number;
     buttonMarginTop?: string;
     buttonMarginRight?: string;
     buttonMarginBottom?: string;
@@ -125,12 +124,7 @@ export interface DrawerProps {
     closeIconColor?: ThemeColors | string;
     closeIconName?: string;
     closeIconSize?: number;
-    closeIconBackgroundColor?: string;
-    closeIconVisible?: boolean;
-    closeIconTop?: string | number;
-    closeIconLeft?: string | number;
-    closeIconBorderRadius?: number | string;
-    closeIconElevation?: number;
+    closeIconPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     moleculeId?: string;
     configurationItemInfo?: ConfigurationItemInfo;
 }

package/dist/esm/contexts/LayoutContext/LayoutContext.d.ts

@@ -12,7 +12,6 @@ export interface LayoutContextType {
     setDrawerContainerRef?: (ref: Element | null) => void;
     headerHeight?: string;
     setHeaderHeight?: (height: string) => void;
-    isMobile?: boolean;
     isMLR?: boolean;
 }
 export declare const LayoutContext: import("react").Context<LayoutContextType>;

package/dist/esm/contexts/LayoutContext/LayoutContext.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"react";var i=e({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){},headerHeight:"0px",setHeaderHeight:function(){},isMobile:!1,isMLR:!1});export{i as LayoutContext};
+import{createContext as e}from"react";var r=e({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){},headerHeight:"0px",setHeaderHeight:function(){},isMLR:!1});export{r as LayoutContext};
 //# sourceMappingURL=LayoutContext.js.map

package/dist/esm/contexts/LayoutContext/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight","isMobile","isMLR"],"mappings":"sCAuBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAS,EACvBC,wBAAoBC,EACpBC,sBAAuB,WAAS,EAChCC,aAAc,MACdC,gBAAiB,WAAS,EAC1BC,UAAU,EACVC,OAAO"}
+{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight","isMLR"],"mappings":"sCAsBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAQ,EACtBC,wBAAoBC,EACpBC,sBAAuB,WAAQ,EAC/BC,aAAc,MACdC,gBAAiB,WAAQ,EACzBC,OAAO"}

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.d.ts

@@ -4,6 +4,5 @@ export interface LayoutProviderProps extends PropsWithChildren {
     headerHeight?: string;
     drawerMaxWidthPercent?: number;
     isMLR?: boolean;
-    isMobile?: boolean;
 }
 export declare const LayoutProvider: React.FC<LayoutProviderProps>;

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as t,useRef as r,useEffect as o,useMemo as n}from"react";import"../../theme/theme.js";import"../../theme/provider.js";import"../../theme/toastStyles.js";import{useMediaQuery as s}from"../../theme/useMediaQuery.js";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var a=u.children,h=u.layoutPosition,p=void 0===h?"normal":h,c=u.drawerMaxWidthPercent,m=void 0===c?80:c,v=u.headerHeight,f=void 0===v?"0px":v,l=u.isMLR,w=void 0!==l&&l,y=u.isMobile,j=void 0!==y&&y,M=t({width:0,position:"right",isOpen:!1,positionType:p}),x=M[0],b=M[1],O=r(null),T=t(null),R=T[0],g=T[1],C=j||s("xs");o((function(){b((function(e){return i(i({},e),{positionType:p})}))}),[p]),o((function(){if(O.current){var e=function(){var e;if(x.isOpen){var t=(null===(e=O.current)||void 0===e?void 0:e.clientWidth)||0,r=Math.floor(t*(m/100));x.width>r&&b((function(e){return i(i({},e),{width:r})}))}};e();var t=new ResizeObserver((function(){e()}));return t.observe(O.current),function(){t.disconnect()}}}),[x.isOpen,x.width,m]);var L=n((function(){return function(e){b((function(t){var r=void 0!==e.width?e.width:t.width;if(O.current&&(e.isOpen||t.isOpen)){var o=O.current.clientWidth,n=Math.floor(o*(m/100));r=Math.min(r,n)}var s=void 0!==e.positionType?e.positionType:t.positionType;return i(i(i({},t),e),{width:r,positionType:s})}))}}),[m]),P=n((function(){return{drawer:x,updateDrawer:L,drawerContainerRef:R,setDrawerContainerRef:g,headerHeight:f,isMobile:C,isMLR:w}}),[x,L,R,f,C,w]);return e(d.Provider,i({value:P},{children:e("div",i({ref:O,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:a}))}))};export{u as LayoutProvider};
+import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as e,useRef as r,useEffect as n,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var s=u.children,a=u.layoutPosition,c=void 0===a?"normal":a,h=u.drawerMaxWidthPercent,p=void 0===h?80:h,f=u.headerHeight,v=void 0===f?"0px":f,l=u.isMLR,m=void 0!==l&&l,w=e({width:0,position:"right",isOpen:!1,positionType:c}),y=w[0],x=w[1],M=r(null),O=e(null),T=O[0],j=O[1];n((function(){x((function(t){return i(i({},t),{positionType:c})}))}),[c]),n((function(){if(M.current){var t=function(){var t;if(y.isOpen){var e=(null===(t=M.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(e*(p/100));y.width>r&&x((function(t){return i(i({},t),{width:r})}))}};t();var e=new ResizeObserver((function(){t()}));return e.observe(M.current),function(){e.disconnect()}}}),[y.isOpen,y.width,p]);var R=o((function(){return function(t){x((function(e){var r=void 0!==t.width?t.width:e.width;if(M.current&&(t.isOpen||e.isOpen)){var n=M.current.clientWidth,o=Math.floor(n*(p/100));r=Math.min(r,o)}var d=void 0!==t.positionType?t.positionType:e.positionType;return i(i(i({},e),t),{width:r,positionType:d})}))}}),[p]),b=o((function(){return{drawer:y,updateDrawer:R,drawerContainerRef:T,setDrawerContainerRef:j,headerHeight:v,isMLR:m}}),[y,R,T,v,m]);return t(d.Provider,i({value:b},{children:t("div",i({ref:M,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:s}))}))};export{u as LayoutProvider};
 //# sourceMappingURL=LayoutContextProvider.js.map

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","isMLR","_f","isMobile","isMobileProp","_g","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_h","drawerContainerRef","setDrawerContainerRef","useMediaQuery","useEffect","current","__assign","constrainDrawerWidth","containerWidth","clientWidth","maxWidth","Math","floor","resizeObserver","ResizeObserver","observe","disconnect","updateDrawer","useMemo","props","newWidth","undefined","min","newPositionType","contextValue","_jsx","LayoutContext","Provider","value","ref","style","height","overflow"],"mappings":"ocAcO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,aAAe,MAAKD,EACpBE,EAAAR,EAAAS,MAAAA,OAAK,IAAAD,GAAQA,EACbE,EAA8BV,EAAAW,SAApBC,OAAY,IAAAF,GAAQA,EAGxBG,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcf,IAJTgB,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CZ,EAAWC,GAAgBc,EAAc,MAG/CC,GAAU,WACRP,GAAU,SAACQ,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAV,aAAcf,GACd,GACJ,GAAG,CAACA,IAGJwB,GAAU,WACR,GAAKN,EAAaO,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKX,EAAOF,OAAZ,CAEA,IAAMc,GAAuC,QAAtB/B,EAAAqB,EAAaO,eAAS,IAAA5B,OAAA,EAAAA,EAAAgC,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkB1B,EAAwB,MAElEc,EAAOJ,MAAQkB,GACjBb,GAAU,SAACQ,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAb,MAAOkB,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQjB,EAAaO,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAACpB,EAAOF,OAAQE,EAAOJ,MAAOV,IAGjC,IAAMmC,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLtB,GAAU,SAACQ,GAET,IAAIe,OAA2BC,IAAhBF,EAAM3B,MAAsB2B,EAAM3B,MAAQa,EAAQb,MAGjE,GAAIM,EAAaO,UAAYc,EAAMzB,QAAUW,EAAQX,QAAS,CAC5D,IAAMc,EAAiBV,EAAaO,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkB1B,EAAwB,MAEtEsC,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMxB,aAA6BwB,EAAMxB,aAAeU,EAAQV,aAElE,OACKW,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAA3B,MAAO4B,EACPzB,aAAc4B,GAElB,GACF,CAAC,GACD,CAACzC,IAIG0C,EAAeN,GACnB,WAAM,MAAC,CACLtB,OAAMA,EACNqB,aAAYA,EACZhB,mBAAkBA,EAClBC,sBAAqBA,EACrBlB,aAAYA,EACZI,SAAQA,EACRF,MAAKA,EACL,GACF,CAACU,EAAQqB,EAAchB,EAAoBjB,EAAcI,EAAUF,IAGrE,OACEuC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA9C,SACzC+C,WACEI,IAAK/B,EACLgC,MAAO,CACLrC,SAAU,WACVD,MAAO,OACPuC,OAAQ,OACRC,SAAU,WACX,CAAAtD,SAEAA,OAIT"}
+{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","isMLR","_f","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_g","drawerContainerRef","setDrawerContainerRef","useEffect","current","__assign","constrainDrawerWidth","containerWidth","clientWidth","maxWidth","Math","floor","resizeObserver","ResizeObserver","observe","disconnect","updateDrawer","useMemo","props","newWidth","undefined","min","newPositionType","contextValue","_jsx","LayoutContext","Provider","value","ref","style","height","overflow"],"mappings":"uSAWO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,OAAY,IAAAD,EAAG,MAAKA,EACpBE,UAAAC,OAAQ,IAAAD,GAAKA,EAGPE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcZ,IAJTa,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAGhDG,GAAU,WACRN,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,aAAcZ,GACd,GACJ,GAAG,CAACA,IAGJoB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtB3B,EAAAkB,EAAaM,eAAS,IAAAxB,OAAA,EAAAA,EAAA4B,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBtB,EAAwB,MAElEW,EAAOJ,MAAQiB,GACjBZ,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAZ,MAAOiB,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQhB,EAAaM,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAACnB,EAAOF,OAAQE,EAAOJ,MAAOP,IAGjC,IAAM+B,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLrB,GAAU,SAACO,GAET,IAAIe,OAA2BC,IAAhBF,EAAM1B,MAAsB0B,EAAM1B,MAAQY,EAAQZ,MAGjE,GAAIM,EAAaM,UAAYc,EAAMxB,QAAUU,EAAQV,QAAS,CAC5D,IAAMa,EAAiBT,EAAaM,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBtB,EAAwB,MAEtEkC,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMvB,aAA6BuB,EAAMvB,aAAeS,EAAQT,aAElE,OACKU,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAA1B,MAAO2B,EACPxB,aAAc2B,GAElB,GACF,CAAC,GACD,CAACrC,IAIGsC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrBf,aAAYA,EACZE,MAAKA,EAND,GAQN,CAACO,EAAQoB,EAAcf,EAAoBd,EAAcE,IAG3D,OACEmC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA1C,SACzC2C,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAAlD,SAEAA,OAIT"}

package/dist/esm/helpers/styles.d.ts

@@ -3,4 +3,3 @@ export declare const getSizeStyle: (size: number) => Pick<CSSObject, 'maxWidth'
 export declare const changeColorTint: (color: string, percent: number) => string;
 export declare const getTintColor: (color: string, percent?: number) => string;
 export declare const getShadeColor: (color: string, percent?: number) => string;
-export declare const getMaterialElevation: (elevation?: number) => string;

package/dist/esm/helpers/styles.js

@@ -1,2 +1,2 @@
-var p=function(p){return{maxWidth:p,maxHeight:p,minWidth:p,minHeight:p}},x=function(p,x){var r=[parseInt(p.substring(1,3),16),parseInt(p.substring(3,5),16),parseInt(p.substring(5,7),16)],a=x>=0,g=(r=r.map((function(p){var r=a?255-p:p;return p+Math.round(r*x)})))[0],b=r[1],n=r[2];return"rgb(".concat(g,", ").concat(b,", ").concat(n,")")},r=function(p,r){return void 0===r&&(r=.7),x(p,r)},a=function(p,r){return void 0===r&&(r=-.65),x(p,r)},g=function(p){if(!p||p<0)return"none";var x={0:"none",1:"0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)",2:"0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)",3:"0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12)",4:"0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)",5:"0px 3px 5px -1px rgba(0,0,0,0.2), 0px 5px 8px 0px rgba(0,0,0,0.14), 0px 1px 14px 0px rgba(0,0,0,0.12)",6:"0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)",7:"0px 4px 5px -2px rgba(0,0,0,0.2), 0px 7px 10px 1px rgba(0,0,0,0.14), 0px 2px 16px 1px rgba(0,0,0,0.12)",8:"0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)",9:"0px 5px 6px -3px rgba(0,0,0,0.2), 0px 9px 12px 1px rgba(0,0,0,0.14), 0px 3px 16px 2px rgba(0,0,0,0.12)",10:"0px 6px 6px -3px rgba(0,0,0,0.2), 0px 10px 14px 1px rgba(0,0,0,0.14), 0px 4px 18px 3px rgba(0,0,0,0.12)",11:"0px 6px 7px -4px rgba(0,0,0,0.2), 0px 11px 15px 1px rgba(0,0,0,0.14), 0px 4px 20px 3px rgba(0,0,0,0.12)",12:"0px 7px 8px -4px rgba(0,0,0,0.2), 0px 12px 17px 2px rgba(0,0,0,0.14), 0px 5px 22px 4px rgba(0,0,0,0.12)",13:"0px 7px 8px -4px rgba(0,0,0,0.2), 0px 13px 19px 2px rgba(0,0,0,0.14), 0px 5px 24px 4px rgba(0,0,0,0.12)",14:"0px 7px 9px -4px rgba(0,0,0,0.2), 0px 14px 21px 2px rgba(0,0,0,0.14), 0px 5px 26px 4px rgba(0,0,0,0.12)",15:"0px 8px 9px -5px rgba(0,0,0,0.2), 0px 15px 22px 2px rgba(0,0,0,0.14), 0px 6px 28px 5px rgba(0,0,0,0.12)",16:"0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12)",17:"0px 8px 11px -5px rgba(0,0,0,0.2), 0px 17px 26px 2px rgba(0,0,0,0.14), 0px 6px 32px 5px rgba(0,0,0,0.12)",18:"0px 9px 11px -5px rgba(0,0,0,0.2), 0px 18px 28px 2px rgba(0,0,0,0.14), 0px 7px 34px 6px rgba(0,0,0,0.12)",19:"0px 9px 12px -6px rgba(0,0,0,0.2), 0px 19px 29px 2px rgba(0,0,0,0.14), 0px 7px 36px 6px rgba(0,0,0,0.12)",20:"0px 10px 13px -6px rgba(0,0,0,0.2), 0px 20px 31px 3px rgba(0,0,0,0.14), 0px 8px 38px 7px rgba(0,0,0,0.12)",21:"0px 10px 13px -6px rgba(0,0,0,0.2), 0px 21px 33px 3px rgba(0,0,0,0.14), 0px 8px 40px 7px rgba(0,0,0,0.12)",22:"0px 10px 14px -6px rgba(0,0,0,0.2), 0px 22px 35px 3px rgba(0,0,0,0.14), 0px 8px 42px 7px rgba(0,0,0,0.12)",23:"0px 11px 14px -7px rgba(0,0,0,0.2), 0px 23px 36px 3px rgba(0,0,0,0.14), 0px 9px 44px 8px rgba(0,0,0,0.12)",24:"0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12)"};return x[Math.min(Math.max(Math.round(p),0),24)]||x[0]};export{x as changeColorTint,g as getMaterialElevation,a as getShadeColor,p as getSizeStyle,r as getTintColor};
+var n=function(n){return{maxWidth:n,maxHeight:n,minWidth:n,minHeight:n}},t=function(n,t){var r=[parseInt(n.substring(1,3),16),parseInt(n.substring(3,5),16),parseInt(n.substring(5,7),16)],i=t>=0,u=(r=r.map((function(n){var r=i?255-n:n;return n+Math.round(r*t)})))[0],a=r[1],o=r[2];return"rgb(".concat(u,", ").concat(a,", ").concat(o,")")},r=function(n,r){return void 0===r&&(r=.7),t(n,r)},i=function(n,r){return void 0===r&&(r=-.65),t(n,r)};export{t as changeColorTint,i as getShadeColor,n as getSizeStyle,r as getTintColor};
 //# sourceMappingURL=styles.js.map

package/dist/esm/helpers/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/helpers/styles.ts"],"sourcesContent":[null],"names":["getSizeStyle","size","maxWidth","maxHeight","minWidth","minHeight","changeColorTint","color","percent","rgb","parseInt","substring","isTint","r","map","c","difference","Math","round","g","b","concat","getTintColor","getShadeColor","getMaterialElevation","elevation","shadows","min","max"],"mappings":"IAEaA,EAAe,SAC1BC,GACyE,MAAC,CAC1EC,SAAUD,EACVE,UAAWF,EACXG,SAAUH,EACVI,UAAWJ,EACV,EAEUK,EAAkB,SAACC,EAAeC,GAC7C,IAAIC,EAAM,CACRC,SAASH,EAAMI,UAAU,EAAG,GAAI,IAChCD,SAASH,EAAMI,UAAU,EAAG,GAAI,IAChCD,SAASH,EAAMI,UAAU,EAAG,GAAI,KAG5BC,EAASJ,GAAW,EAQpBK,GANNJ,EAAMA,EAAIK,KAAI,SAACC,GACb,IAAMC,EAAaJ,EAAS,IAAMG,EAAIA,EAEtC,OAAOA,EAAIE,KAAKC,MAAMF,EAAaR,EACrC,KAEc,GACRW,EAAIV,EAAI,GACRW,EAAIX,EAAI,GAEd,MAAO,cAAOI,EAAC,MAAAQ,OAAKF,EAAM,MAAAE,OAAAD,MAC5B,EAEaE,EAAe,SAACf,EAAeC,GAC1C,YAD0C,IAAAA,IAAAA,EAAqB,IAC/DF,EAAgBC,EAAOC,EAAvB,EACWe,EAAgB,SAAChB,EAAeC,GAC3C,YAD2C,IAAAA,IAAAA,GAAmB,KAC9DF,EAAgBC,EAAOC,EAAvB,EAGWgB,EAAuB,SAACC,GACnC,IAAKA,GAAaA,EAAY,EAAG,MAAO,OAExC,IAAMC,EAAU,CACd,EAAG,OACH,EAAG,uGACH,EAAG,uGACH,EAAG,uGACH,EAAG,wGACH,EAAG,wGACH,EAAG,yGACH,EAAG,yGACH,EAAG,yGACH,EAAG,yGACH,GAAI,0GACJ,GAAI,0GACJ,GAAI,0GACJ,GAAI,0GACJ,GAAI,0GACJ,GAAI,0GACJ,GAAI,2GACJ,GAAI,2GACJ,GAAI,2GACJ,GAAI,2GACJ,GAAI,4GACJ,GAAI,4GACJ,GAAI,4GACJ,GAAI,4GACJ,GAAI,6GAKN,OAAOA,EADkBT,KAAKU,IAAIV,KAAKW,IAAIX,KAAKC,MAAMO,GAAY,GAAI,MACVC,EAAQ,EACtE"}
+{"version":3,"file":"styles.js","sources":["../../../../src/helpers/styles.ts"],"sourcesContent":[null],"names":["getSizeStyle","size","maxWidth","maxHeight","minWidth","minHeight","changeColorTint","color","percent","rgb","parseInt","substring","isTint","r","map","c","difference","Math","round","g","b","concat","getTintColor","getShadeColor"],"mappings":"IAEaA,EAAe,SAC1BC,GACyE,MAAC,CAC1EC,SAAUD,EACVE,UAAWF,EACXG,SAAUH,EACVI,UAAWJ,EACV,EAEUK,EAAkB,SAACC,EAAeC,GAC7C,IAAIC,EAAM,CACRC,SAASH,EAAMI,UAAU,EAAG,GAAI,IAChCD,SAASH,EAAMI,UAAU,EAAG,GAAI,IAChCD,SAASH,EAAMI,UAAU,EAAG,GAAI,KAG5BC,EAASJ,GAAW,EAQpBK,GANNJ,EAAMA,EAAIK,KAAI,SAACC,GACb,IAAMC,EAAaJ,EAAS,IAAMG,EAAIA,EAEtC,OAAOA,EAAIE,KAAKC,MAAMF,EAAaR,EACrC,KAEc,GACRW,EAAIV,EAAI,GACRW,EAAIX,EAAI,GAEd,MAAO,cAAOI,EAAC,MAAAQ,OAAKF,EAAM,MAAAE,OAAAD,MAC5B,EAEaE,EAAe,SAACf,EAAeC,GAC1C,YAD0C,IAAAA,IAAAA,EAAqB,IAC/DF,EAAgBC,EAAOC,EAAvB,EACWe,EAAgB,SAAChB,EAAeC,GAC3C,YAD2C,IAAAA,IAAAA,GAAmB,KAC9DF,EAAgBC,EAAOC,EAAvB"}