@zealicsolutions/web-ui 1.0.86-beta.7 → 1.0.87-beta.1

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

@@ -1,3 +1,4 @@
+import { FormGroupProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
 import { FC } from 'react';
 export declare type ChecklistItemType = {
@@ -46,7 +47,7 @@ export declare type RichTextItemType = {
     textAlign?: 'left' | 'center' | 'right' | 'justify';
 };
 export declare type ChecklistItem = ChecklistItemType | DividerItemType | TextItemType | RichTextItemType;
-export declare type ChecklistProps = {
+export declare type ChecklistProps = FormGroupProps & {
     gap?: string;
     moleculeId?: string;
     items: ChecklistItem[];

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

@@ -1,7 +1,10 @@
+import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 /** Default consent molecule */
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     properties: Partial<{
         consent: Partial<{
             attributeType: "consent";
@@ -31,7 +34,9 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     maxWidth?: string | undefined;
 }>;
 /** Consent with custom spacing */
-export declare const WithSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+export declare const WithSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     properties: Partial<{
         consent: Partial<{
             attributeType: "consent";
@@ -61,7 +66,9 @@ export declare const WithSpacing: import("@storybook/types").AnnotatedStoryFn<im
     maxWidth?: string | undefined;
 }>;
 /** Consent with custom width */
-export declare const CustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+export declare const CustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
     properties: Partial<{
         consent: Partial<{
             attributeType: "consent";

package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts

@@ -1,5 +1,6 @@
+import { BoxProps } from '@mui/material';
 import { ConfigurationItemInfo, ConsentFieldMoleculeType } from 'containers';
-declare type ConsentMoleculeProps = {
+declare type ConsentMoleculeProps = BoxProps & {
     properties: ConsentFieldMoleculeType['properties'];
     htmlElementId: string;
     isOnClickDisabled?: boolean;
@@ -19,5 +20,5 @@ declare type ConsentMoleculeProps = {
     minWidth?: string;
     maxWidth?: string;
 };
-export declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, height, minHeight, maxHeight, minWidth, maxWidth, }: ConsentMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, height, minHeight, maxHeight, minWidth, maxWidth, sx, ...rest }: ConsentMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,7 +1,8 @@
+import { BoxProps } from '@mui/material';
 import { ConfigurationItemInfo, FormStateType, PasswordSetupMoleculeType } from 'containers';
 import { BasicTextFieldProps } from 'molecules';
 import { PasswordRuleValidation } from './types';
-export declare type PasswordSetupProps = {
+export declare type PasswordSetupProps = BoxProps & {
     gap: string;
     inputProps: Omit<BasicTextFieldProps, 'name'>;
     validations: PasswordRuleValidation[];
@@ -20,4 +21,4 @@ export declare type PasswordSetupProps = {
     marginRight?: string;
     marginBottom?: string;
 };
-export declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, width, height, minWidth, maxWidth, minHeight, maxHeight, marginLeft, marginTop, marginRight, marginBottom, }: PasswordSetupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, width, height, minWidth, maxWidth, minHeight, maxHeight, marginLeft, marginTop, marginRight, marginBottom, sx, ...rest }: PasswordSetupProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
 declare const _default: {
     title: string;
-    component: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, width, height, minWidth, maxWidth, minHeight, maxHeight, marginLeft, marginTop, marginRight, marginBottom, }: import("./PasswordSetup").PasswordSetupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    component: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, width, height, minWidth, maxWidth, minHeight, maxHeight, marginLeft, marginTop, marginRight, marginBottom, sx, ...rest }: import("./PasswordSetup").PasswordSetupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export default _default;
 export declare const PasswordSetup: StoryFn<typeof PasswordSetupComponent>;

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

@@ -16,7 +16,7 @@ declare const _default: {
         marginLeft: string;
         htmlElementId: string;
         configurationItemInfo: import("../..").ConfigurationItemInfo;
-    }>>;
+    } & Omit<import("@mui/material").TypographyProps<"span", {}>, "text"> & Omit<import("@mui/material").BoxProps<"div", {}>, "text">>>;
 };
 export default _default;
 export declare const RichText: StoryFn<TextProps>;

package/dist/cjs/molecules/RichText/TextMolecule.d.ts

@@ -1,3 +1,4 @@
+import { BoxProps, TypographyProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
 import { FC } from 'react';
 export declare type TextProps = Partial<{
@@ -13,5 +14,5 @@ export declare type TextProps = Partial<{
     marginLeft: string;
     htmlElementId: string;
     configurationItemInfo: ConfigurationItemInfo;
-}>;
+} & Omit<TypographyProps, 'text'> & Omit<BoxProps, 'text'>>;
 export declare const TextMolecule: FC<TextProps>;

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

@@ -22,4 +22,4 @@ export declare type SimpleTextProps = MuiTypographyProps & {
     paddingBottom: string;
     paddingLeft: string;
 };
-export declare const SimpleText: ({ text, fontSize, fontWeight, fontFamily, htmlElementId, configurationsItemInfo, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, align, wrap, variant, color, }: SimpleTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SimpleText: ({ text, fontSize, fontWeight, fontFamily, htmlElementId, configurationsItemInfo, marginTop, marginRight, marginBottom, marginLeft, paddingTop, paddingRight, paddingBottom, paddingLeft, align, wrap, variant, color, sx, ...rest }: SimpleTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
-import { FC } from 'react';
+import { StepperProps as MuiStepperProps } from '@mui/material';
 import { ConfigurationItemInfo } from 'containers';
+import { FC } from 'react';
 export declare type StepperOrientation = 'horizontal' | 'vertical';
 export declare type CustomStep = {
     id: string;
@@ -19,7 +20,7 @@ export declare type CustomStep = {
     iconBorderRadius?: number;
     iconBackgroundColor?: string;
 };
-export declare type StepperProps = {
+export declare type StepperProps = MuiStepperProps & {
     items: CustomStep[];
     gap?: string;
     stepGap?: string;