@zealicsolutions/web-ui 0.4.45 → 0.4.46

package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts

@@ -7,7 +7,7 @@ declare const _default: {
     title: string;
     component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
         target: "_blank";
-    } & Pick<import("../..").BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
+    } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
         buttonLink: string;
         elementId: string;
         $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

package/dist/esm/src/atoms/Buttons/TextButton.d.ts

@@ -9,7 +9,7 @@ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClic
 }>;
 export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     target: "_blank";
-} & Pick<BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

package/dist/esm/src/atoms/Input/helpers.d.ts

@@ -11,7 +11,7 @@ export declare type MaskConfig = {
 };
 export declare const getSpecificInputProps: (type: InputFieldTypes) => {
     type?: HTMLInputTypeAttribute | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
 };
 export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
 export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/molecules/Columns/styles.d.ts

@@ -4,7 +4,7 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     target: "_blank";
-} & Pick<import("..").BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
+} & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -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/esm/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/esm/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, {

package/dist/index.d.ts

@@ -130,8 +130,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             cornerRadius: number | theme.SizesTypes;
             gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-            horizontalPadding: theme.SizesTypes;
-            verticalPadding: theme.SizesTypes;
+            paddingTop: theme.SizesTypes;
+            paddingBottom: theme.SizesTypes;
+            paddingLeft: theme.SizesTypes;
+            paddingRight: theme.SizesTypes;
             autoplay: boolean;
             autoplayDuration: number;
             formProps: containers.FormContainerProps;
@@ -151,8 +153,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             cornerRadius: number | theme.SizesTypes;
             gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-            horizontalPadding: theme.SizesTypes;
-            verticalPadding: theme.SizesTypes;
+            paddingTop: theme.SizesTypes;
+            paddingBottom: theme.SizesTypes;
+            paddingLeft: theme.SizesTypes;
+            paddingRight: theme.SizesTypes;
             autoplay: boolean;
             autoplayDuration: number;
             formProps: containers.FormContainerProps;
@@ -170,8 +174,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
         cornerRadius: number | theme.SizesTypes;
         gap: theme.SizesTypes;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-        horizontalPadding: theme.SizesTypes;
-        verticalPadding: theme.SizesTypes;
+        paddingTop: theme.SizesTypes;
+        paddingBottom: theme.SizesTypes;
+        paddingLeft: theme.SizesTypes;
+        paddingRight: theme.SizesTypes;
         autoplay: boolean;
         autoplayDuration: number;
         formProps: containers.FormContainerProps;
@@ -547,7 +553,7 @@ declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
 declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
-declare type Padding = Record<PaddingVariants, SizesTypes$1 | string> | SizesTypes$1 | string;
+declare type Padding = Record<PaddingVariants, SizesTypes$1 | number> | SizesTypes$1 | string;
 declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     alignItems: ContainerAlignItemsType;
@@ -555,8 +561,10 @@ declare type ContainerPropsType = Partial<{
     cornerRadius: SizesTypes$1 | number;
     gap: SizesTypes$1;
     styles: StylesType;
-    horizontalPadding: SizesTypes$1;
-    verticalPadding: SizesTypes$1;
+    paddingTop: SizesTypes$1;
+    paddingBottom: SizesTypes$1;
+    paddingLeft: SizesTypes$1;
+    paddingRight: SizesTypes$1;
     autoplay: boolean;
     autoplayDuration: number;
     formProps: FormContainerProps;
@@ -638,8 +646,10 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
         cornerRadius: number | SizesTypes$1;
         gap: SizesTypes$1;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-        horizontalPadding: SizesTypes$1;
-        verticalPadding: SizesTypes$1;
+        paddingTop: SizesTypes$1;
+        paddingBottom: SizesTypes$1;
+        paddingLeft: SizesTypes$1;
+        paddingRight: SizesTypes$1;
         autoplay: boolean;
         autoplayDuration: number;
         formProps: containers_types_types.FormContainerProps;
@@ -827,7 +837,7 @@ declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles;
 declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
@@ -836,7 +846,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
@@ -845,7 +855,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles, never>;
 
 declare type LinkVariant = 'link' | 'custom';
@@ -857,7 +867,7 @@ declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' |
 }>;
 declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, {
     target: "_blank";
-} & Pick<BaseButtonProps$1, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
+} & Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1986,7 +1996,7 @@ declare type ImageProps = {
     onClick: Callback$1;
     width: number;
     height: number;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
     metadata: MetadataType$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.4.45",
+  "version": "0.4.46",
   "testVersion": "0.3.178",
   "repository": {
     "type": "git",