@zealicsolutions/web-ui 0.3.36 → 0.3.38

package/dist/cjs/src/containers/Container.d.ts

@@ -13,6 +13,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
         }>;
     }>;
     compact: Partial<{
@@ -25,6 +26,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
         }>;
     }>;
     props: Partial<{
@@ -35,10 +37,11 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
+        padding: import("containers").Padding;
     }>;
 }> & {
     children?: import("react").ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
-export declare const ContainerComponent: (props: ContainerComponentProps) => JSX.Element | null;
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, }: ContainerComponentProps) => JSX.Element | null;

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -4,6 +4,5 @@ import { TabGroupProps } from 'molecules';
 export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
-export declare const OrganismItem: ({ item, tabsProps, dynamicOrganisms }: OrganismItemProps) => JSX.Element | null;
+export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;

package/dist/cjs/src/containers/helpers.d.ts

@@ -1,2 +1,4 @@
-import { ContainerScrollBehaviourType } from 'containers/types/types';
+import { ContainerScrollBehaviourType, Padding } from 'containers/types/types';
+import { ThemeSizesType } from 'theme';
 export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";
+export declare const getPadding: (padding: Padding, sizes: ThemeSizesType) => string;

package/dist/cjs/src/containers/index.d.ts

@@ -3,4 +3,3 @@ export * from './types/types';
 export * from './types/moleculeTypes';
 export * from './styles';
 export * from './OrganismItem';
-export * from './DynamicContentContainer';

package/dist/cjs/src/containers/mock-data.d.ts

@@ -5,3 +5,4 @@ export declare const dynamicOrganisms: (ContainerComponentProps | Molecule)[];
 export declare const dynamicContainerMock: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
 export declare const formBuilderData: ContainerComponentProps;
+export declare const rowContainer: ContainerComponentProps;

package/dist/cjs/src/containers/styles.d.ts

@@ -8,5 +8,6 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers/types/types").FormContainerProps;
         formStepProps: import("containers/types/types").FormStepContainerProps;
+        padding: import("containers/types/types").Padding;
     }> | undefined;
 }, never>;

package/dist/cjs/src/containers/types/types.d.ts

@@ -17,6 +17,8 @@ export declare type FormStepContainerProps = {
 export declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
+export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
@@ -25,6 +27,7 @@ export declare type ContainerPropsType = Partial<{
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
+    padding: Padding;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -51,7 +54,6 @@ export declare type ContainerComponentProps = {
     metadata?: AnyObject;
     attributes?: AnyObject;
     containerLibraryId?: string;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {