@zealicsolutions/web-ui 0.4.44 → 0.4.46

package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts

@@ -1,5 +1,5 @@
-import type { Callback } from 'typescript';
-import { OverrideStyles } from 'typescript';
+import type { Callback, OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type RegularImageProps = {
     src: string;
 } & Partial<{
@@ -7,7 +7,7 @@ export declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles;
 export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -16,7 +16,7 @@ export declare const RegularImage: import("styled-components").StyledComponent<"
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles, never>;
 export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -25,5 +25,5 @@ export declare const BackgroundImage: import("styled-components").StyledComponen
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles, never>;

package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         width: string | number;
         height: string | number;
         onClick: import("../../typescript").Callback;
-        cornerRadius: number;
+        cornerRadius: number | import("../..").SizesTypes;
     }> & import("../../typescript").OverrideStyles, never>;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { AnyObject } from 'typescript';
+import type { AnyObject } from 'typescript';
 export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
     type: import("containers").ContainerType;
     containerTemplateType: "row_content_container";
@@ -13,8 +13,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            horizontalPadding: import("theme").SizesTypes;
-            verticalPadding: import("theme").SizesTypes;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
             autoplay: boolean;
             autoplayDuration: number;
             formProps: import("containers").FormContainerProps;
@@ -34,8 +36,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            horizontalPadding: import("theme").SizesTypes;
-            verticalPadding: import("theme").SizesTypes;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
             autoplay: boolean;
             autoplayDuration: number;
             formProps: import("containers").FormContainerProps;
@@ -53,8 +57,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
         cornerRadius: number | import("theme").SizesTypes;
         gap: import("theme").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        horizontalPadding: import("theme").SizesTypes;
-        verticalPadding: import("theme").SizesTypes;
+        paddingTop: import("theme").SizesTypes;
+        paddingBottom: import("theme").SizesTypes;
+        paddingLeft: import("theme").SizesTypes;
+        paddingRight: import("theme").SizesTypes;
         autoplay: boolean;
         autoplayDuration: number;
         formProps: import("containers").FormContainerProps;

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

@@ -9,8 +9,10 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         cornerRadius: number | SizesTypes;
         gap: SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        horizontalPadding: SizesTypes;
-        verticalPadding: SizesTypes;
+        paddingTop: SizesTypes;
+        paddingBottom: SizesTypes;
+        paddingLeft: SizesTypes;
+        paddingRight: SizesTypes;
         autoplay: boolean;
         autoplayDuration: number;
         formProps: import("containers/types/types").FormContainerProps;

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

@@ -49,7 +49,7 @@ 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 Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     alignItems: ContainerAlignItemsType;
@@ -57,8 +57,10 @@ export declare type ContainerPropsType = Partial<{
     cornerRadius: SizesTypes | number;
     gap: SizesTypes;
     styles: StylesType;
-    horizontalPadding: SizesTypes;
-    verticalPadding: SizesTypes;
+    paddingTop: SizesTypes;
+    paddingBottom: SizesTypes;
+    paddingLeft: SizesTypes;
+    paddingRight: SizesTypes;
     autoplay: boolean;
     autoplayDuration: number;
     formProps: FormContainerProps;

package/dist/cjs/src/molecules/Columns/Column.d.ts

@@ -8,5 +8,5 @@ export declare const ColumnImage: import("styled-components").StyledComponent<"i
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;

package/dist/cjs/src/molecules/Columns/styles.d.ts

@@ -23,6 +23,6 @@ export declare const ColumnBackgroundImage: import("styled-components").StyledCo
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/Image/Image.d.ts

@@ -1,5 +1,6 @@
 import { MetadataType } from 'containers';
 import { Callback, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
@@ -9,7 +10,7 @@ export declare type ImageProps = {
     onClick: Callback;
     width: number;
     height: number;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
     metadata: MetadataType;

package/dist/cjs/src/organisms/Footer/styles.d.ts

@@ -8,7 +8,7 @@ export declare const FooterImage: import("styled-components").StyledComponent<"i
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;
 export declare const ContactInfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FooterContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {