@zealicsolutions/web-ui 1.0.53-test.2 → 1.0.53-test.21

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ContentWrapperProps {
+    children: React.ReactNode;
+    className?: 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/Drawer.stories.d.ts

@@ -28,3 +28,5 @@ export declare const ResponsiveDrawer: import("@storybook/types").AnnotatedStory
     contentText?: string | undefined;
     buttonPosition?: "content" | "header" | undefined;
 }>;
+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>;

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

@@ -66,6 +66,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 +87,7 @@ export interface DrawerProps {
     buttonFontWeight?: 'normal' | 'bold';
     buttonFontFamily?: string;
     buttonDisabled?: boolean;
+    buttonDisabledColor?: string;
     buttonGap?: number | string;
     buttonStartIcon?: string;
     buttonEndIcon?: string;
@@ -101,6 +106,5 @@ export interface DrawerProps {
     closeIconSize?: number;
     closeIconPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     moleculeId?: string;
-    onInternalNavigation?: (link: string | null) => void;
     configurationItemInfo?: ConfigurationItemInfo;
 }

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

@@ -67,7 +67,6 @@ export interface MenuProps {
     transformOriginHorizontal?: 'left' | 'center' | 'right';
     elevation?: number;
     moleculeId?: string;
-    onInternalNavigation?: (link: string | null) => void;
     configurationItemInfo?: ConfigurationItemInfo;
 }
 export declare const Menu: FC<MenuProps>;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
-    component: import("react").FC<import("molecules").SpeedDialProps>;
+    component: React.FC<import("molecules").SpeedDialProps>;
     argTypes: {
         direction: {
             control: string;
@@ -57,4 +57,5 @@ export declare const WithBackdrop: import("@storybook/types").AnnotatedStoryFn<i
 export declare const OpenOnHover: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 export declare const CustomIconColors: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 export declare const CustomBackgroundColors: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+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, any>;

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

@@ -1,5 +1,4 @@
 import { ConfigurationItemInfo, LinkProperties, TextProperties } from 'containers';
-import { SizesTypes } from 'theme/types';
 export declare type SpeedDialItemType = 'speed_dial_action_item';
 export interface BaseSpeedDialItem {
     id: string;
@@ -11,7 +10,6 @@ export interface SpeedDialActionItemProps {
     iconColor?: string;
     backgroundColor?: string;
     disabled?: boolean;
-    size?: 'small' | 'medium' | 'large';
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
@@ -46,9 +44,9 @@ export interface SpeedDialProps {
     tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';
     showBackdrop?: boolean;
     openOnHover?: boolean;
-    gap?: SizesTypes | number | string;
-    actionGap?: SizesTypes | number | string;
-    labelMarginLeft?: SizesTypes | number | string;
+    gap?: number | string;
+    actionGap?: number | string;
+    labelMarginLeft?: number | string;
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;
@@ -58,9 +56,5 @@ export interface SpeedDialProps {
     marginBottom?: string;
     marginLeft?: string;
     moleculeId?: string;
-    onInternalNavigation?: (link: string | null) => void;
     configurationItemInfo?: ConfigurationItemInfo;
-    isConfigurationMode?: boolean;
-    selectedConfigurationItemId?: string;
-    onConfigurationItemClicked?: (itemInfo: Omit<any, 'organismId'>, doubleClick: boolean) => void;
 }

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';