@zealicsolutions/web-ui 1.0.53-test.9 → 1.0.54

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

@@ -1,20 +1,9 @@
 import { AvatarMoleculeProps } from './Avatar';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps>;
-export declare const WithInitials: {
-    (args: AvatarMoleculeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    args: {
-        sourceDataModelField: string;
-    };
-};
-export declare const WithCustomInitials: {
-    (args: AvatarMoleculeProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    args: {
-        sourceDataModelField: string;
-    };
-};
-export declare const CustomColors: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps>;
-export declare const LargeAvatar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps>;
-export declare const WithBorder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps>;
-export declare const CustomFont: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps>;
+export declare const WithIconFallback: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps & {
+    sourceDataModelFieldValue: string;
+}>;
+export declare const WithInitials: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps & {
+    sourceDataModelFieldValue: string;
+}>;

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

@@ -2,5 +2,8 @@ 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

@@ -4,3 +4,7 @@ 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;
@@ -21,7 +23,10 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
 } & {
     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;

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;