@zealicsolutions/web-ui 0.3.37 → 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,6 +37,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;
     }>;
 }> & {
     children?: import("react").ReactNode;

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