@zealicsolutions/web-ui 1.0.53-test.4 → 1.0.53-test.41

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ContentWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    marginTop?: string;
+    marginLeft?: string;
+    marginRight?: string;
+}
+export declare const ContentWrapper: React.FC<ContentWrapperProps>;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ContentWrapper } from './ContentWrapper';
+declare const meta: Meta<typeof ContentWrapper>;
+export default meta;
+declare type Story = StoryObj<typeof ContentWrapper>;
+export declare const Default: Story;
+export declare const WithAbsoluteDrawer: Story;
+export declare const WithMargins: Story;
+export declare const WithMarginsAndAbsoluteDrawer: Story;
+export declare const WithConditionalMargin: Story;

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { DrawerProps as DrawerComponentProps } from '@mui/material';
-import { SizesTypes } from 'theme/types';
 import { Anchor, DrawerVariant } from './types';
 export declare type StyledDrawerProps = DrawerComponentProps & {
     anchor: Anchor;
     variant?: DrawerVariant;
-    padding?: SizesTypes | number | string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
     height?: number | string;
     width?: number | string;
     backgroundColor?: string;
@@ -14,13 +16,17 @@ export declare type StyledDrawerProps = DrawerComponentProps & {
     marginRight?: string;
     marginBottom?: string;
     marginLeft?: string;
+    positionType?: 'absolute' | 'normal';
 };
 export declare const BaseDrawer: import("@emotion/styled").StyledComponent<DrawerComponentProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     anchor: Anchor;
     variant?: DrawerVariant | undefined;
-    padding?: string | number | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     backgroundColor?: string | undefined;
@@ -29,6 +35,7 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
     marginRight?: string | undefined;
     marginBottom?: string | undefined;
     marginLeft?: string | undefined;
+    positionType?: "absolute" | "normal" | undefined;
 }, {}, {}>;
 export declare type IconWrapperProps = {
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ConfigurationItemInfo, LinkProperties } from 'containers';
 import { SizesTypes, ThemeColors } from 'theme/types';
-export declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item';
+export declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
 export interface BaseDrawerItem {
     id: string;
     type: DrawerItemType;
@@ -56,7 +56,27 @@ export interface DrawerTextItemType extends BaseDrawerItem {
     paddingBottom?: string;
     paddingLeft?: string;
 }
-export declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType;
+export interface DrawerRichTextItemType extends BaseDrawerItem {
+    type: 'rich_text_item';
+    text?: string;
+    align?: 'left' | 'center' | 'right' | 'justify';
+    color?: string;
+    wrap?: string;
+    variant?: string;
+    fontSize?: string | number;
+    fontWeight?: 'normal' | 'bold';
+    fontFamily?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+    numberOfLines?: number;
+}
+export declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType | DrawerRichTextItemType;
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
 export interface DrawerProps {
@@ -66,6 +86,10 @@ export interface DrawerProps {
     onClose?: (event: React.KeyboardEvent | React.MouseEvent, reason: string) => void;
     items?: DrawerItem[];
     padding?: SizesTypes | number | string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
     height?: number | string;
     width?: number | string;
     backgroundColor?: string;
@@ -83,6 +107,7 @@ export interface DrawerProps {
     buttonFontWeight?: 'normal' | 'bold';
     buttonFontFamily?: string;
     buttonDisabled?: boolean;
+    buttonDisabledColor?: string;
     buttonGap?: number | string;
     buttonStartIcon?: string;
     buttonEndIcon?: string;

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

@@ -26,3 +26,4 @@ export * from './PasswordSetup/types';
 export * from './PasswordSetup/utils';
 export * from './SpeedDial/SpeedDial';
 export * from './SpeedDial/types';
+export * from './ContentWrapper/ContentWrapper';