@zealicsolutions/web-ui 0.4.45 → 0.4.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/cjs/index.js +2 -2
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
  4. package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +1 -1
  5. package/dist/cjs/src/atoms/Input/helpers.d.ts +1 -1
  6. package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts +5 -5
  7. package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts +1 -1
  8. package/dist/cjs/src/containers/Container.d.ts +13 -7
  9. package/dist/cjs/src/containers/styles.d.ts +4 -2
  10. package/dist/cjs/src/containers/types/types.d.ts +5 -3
  11. package/dist/cjs/src/molecules/Columns/Column.d.ts +1 -1
  12. package/dist/cjs/src/molecules/Columns/styles.d.ts +2 -2
  13. package/dist/cjs/src/molecules/Image/Image.d.ts +2 -1
  14. package/dist/cjs/src/organisms/Footer/styles.d.ts +1 -1
  15. package/dist/esm/index.js +2 -2
  16. package/dist/esm/index.js.map +1 -1
  17. package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
  18. package/dist/esm/src/atoms/Buttons/TextButton.d.ts +1 -1
  19. package/dist/esm/src/atoms/Input/helpers.d.ts +1 -1
  20. package/dist/esm/src/atoms/RegularImage/RegularImage.d.ts +5 -5
  21. package/dist/esm/src/atoms/RegularImage/RegularImage.stories.d.ts +1 -1
  22. package/dist/esm/src/containers/Container.d.ts +13 -7
  23. package/dist/esm/src/containers/styles.d.ts +4 -2
  24. package/dist/esm/src/containers/types/types.d.ts +5 -3
  25. package/dist/esm/src/molecules/Columns/Column.d.ts +1 -1
  26. package/dist/esm/src/molecules/Columns/styles.d.ts +2 -2
  27. package/dist/esm/src/molecules/Image/Image.d.ts +2 -1
  28. package/dist/esm/src/organisms/Footer/styles.d.ts +1 -1
  29. package/dist/index.d.ts +26 -16
  30. package/package.json +1 -1
package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const _default: {
7
7
  title: string;
8
8
  component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
9
9
  target: "_blank";
10
- } & Pick<import("../..").BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
10
+ } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
11
11
  buttonLink: string;
12
12
  elementId: string;
13
13
  $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
package/dist/esm/src/atoms/Buttons/TextButton.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClic
9
9
  }>;
10
10
  export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
11
11
  target: "_blank";
12
- } & Pick<BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
12
+ } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
13
13
  buttonLink: string;
14
14
  elementId: string;
15
15
  $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
package/dist/esm/src/atoms/Input/helpers.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare type MaskConfig = {
11
11
  };
12
12
  export declare const getSpecificInputProps: (type: InputFieldTypes) => {
13
13
  type?: HTMLInputTypeAttribute | undefined;
14
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
14
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
15
15
  };
16
16
  export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
17
17
  export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
package/dist/esm/src/atoms/RegularImage/RegularImage.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { Callback } from 'typescript';
2
- import { OverrideStyles } from 'typescript';
1
+ import type { Callback, OverrideStyles } from 'typescript';
2
+ import { SizesTypes } from 'theme';
3
3
  export declare type RegularImageProps = {
4
4
  src: string;
5
5
  } & Partial<{
@@ -7,7 +7,7 @@ export declare type RegularImageProps = {
7
7
  width: number | string;
8
8
  height: number | string;
9
9
  onClick: Callback;
10
- cornerRadius: number;
10
+ cornerRadius: SizesTypes | number;
11
11
  }> & OverrideStyles;
12
12
  export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
13
13
  src: string;
@@ -16,7 +16,7 @@ export declare const RegularImage: import("styled-components").StyledComponent<"
16
16
  width: number | string;
17
17
  height: number | string;
18
18
  onClick: Callback;
19
- cornerRadius: number;
19
+ cornerRadius: SizesTypes | number;
20
20
  }> & OverrideStyles, never>;
21
21
  export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
22
22
  src: string;
@@ -25,5 +25,5 @@ export declare const BackgroundImage: import("styled-components").StyledComponen
25
25
  width: number | string;
26
26
  height: number | string;
27
27
  onClick: Callback;
28
- cornerRadius: number;
28
+ cornerRadius: SizesTypes | number;
29
29
  }> & OverrideStyles, never>;
package/dist/esm/src/atoms/RegularImage/RegularImage.stories.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const _default: {
9
9
  width: string | number;
10
10
  height: string | number;
11
11
  onClick: import("../../typescript").Callback;
12
- cornerRadius: number;
12
+ cornerRadius: number | import("../..").SizesTypes;
13
13
  }> & import("../../typescript").OverrideStyles, never>;
14
14
  };
15
15
  export default _default;
package/dist/esm/src/containers/Container.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ContainerComponentProps, ContainerProps } from 'containers';
2
2
  import { Dispatch, ReactNode, SetStateAction } from 'react';
3
- import { AnyObject } from 'typescript';
3
+ import type { AnyObject } from 'typescript';
4
4
  export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
5
5
  type: import("containers").ContainerType;
6
6
  containerTemplateType: "row_content_container";
@@ -13,8 +13,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
13
13
  cornerRadius: number | import("theme").SizesTypes;
14
14
  gap: import("theme").SizesTypes;
15
15
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
16
- horizontalPadding: import("theme").SizesTypes;
17
- verticalPadding: import("theme").SizesTypes;
16
+ paddingTop: import("theme").SizesTypes;
17
+ paddingBottom: import("theme").SizesTypes;
18
+ paddingLeft: import("theme").SizesTypes;
19
+ paddingRight: import("theme").SizesTypes;
18
20
  autoplay: boolean;
19
21
  autoplayDuration: number;
20
22
  formProps: import("containers").FormContainerProps;
@@ -34,8 +36,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
34
36
  cornerRadius: number | import("theme").SizesTypes;
35
37
  gap: import("theme").SizesTypes;
36
38
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
37
- horizontalPadding: import("theme").SizesTypes;
38
- verticalPadding: import("theme").SizesTypes;
39
+ paddingTop: import("theme").SizesTypes;
40
+ paddingBottom: import("theme").SizesTypes;
41
+ paddingLeft: import("theme").SizesTypes;
42
+ paddingRight: import("theme").SizesTypes;
39
43
  autoplay: boolean;
40
44
  autoplayDuration: number;
41
45
  formProps: import("containers").FormContainerProps;
@@ -53,8 +57,10 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
53
57
  cornerRadius: number | import("theme").SizesTypes;
54
58
  gap: import("theme").SizesTypes;
55
59
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
56
- horizontalPadding: import("theme").SizesTypes;
57
- verticalPadding: import("theme").SizesTypes;
60
+ paddingTop: import("theme").SizesTypes;
61
+ paddingBottom: import("theme").SizesTypes;
62
+ paddingLeft: import("theme").SizesTypes;
63
+ paddingRight: import("theme").SizesTypes;
58
64
  autoplay: boolean;
59
65
  autoplayDuration: number;
60
66
  formProps: import("containers").FormContainerProps;
package/dist/esm/src/containers/styles.d.ts CHANGED
@@ -9,8 +9,10 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
9
9
  cornerRadius: number | SizesTypes;
10
10
  gap: SizesTypes;
11
11
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
12
- horizontalPadding: SizesTypes;
13
- verticalPadding: SizesTypes;
12
+ paddingTop: SizesTypes;
13
+ paddingBottom: SizesTypes;
14
+ paddingLeft: SizesTypes;
15
+ paddingRight: SizesTypes;
14
16
  autoplay: boolean;
15
17
  autoplayDuration: number;
16
18
  formProps: import("containers/types/types").FormContainerProps;
package/dist/esm/src/containers/types/types.d.ts CHANGED
@@ -49,7 +49,7 @@ export declare type FormContainerProps = {
49
49
  mode: keyof ValidationMode;
50
50
  };
51
51
  export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
52
- export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
52
+ export declare type Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
53
53
  export declare type ContainerPropsType = Partial<{
54
54
  position: ContainerPositionType;
55
55
  alignItems: ContainerAlignItemsType;
@@ -57,8 +57,10 @@ export declare type ContainerPropsType = Partial<{
57
57
  cornerRadius: SizesTypes | number;
58
58
  gap: SizesTypes;
59
59
  styles: StylesType;
60
- horizontalPadding: SizesTypes;
61
- verticalPadding: SizesTypes;
60
+ paddingTop: SizesTypes;
61
+ paddingBottom: SizesTypes;
62
+ paddingLeft: SizesTypes;
63
+ paddingRight: SizesTypes;
62
64
  autoplay: boolean;
63
65
  autoplayDuration: number;
64
66
  formProps: FormContainerProps;
package/dist/esm/src/molecules/Columns/Column.d.ts CHANGED
@@ -8,5 +8,5 @@ export declare const ColumnImage: import("styled-components").StyledComponent<"i
8
8
  width: string | number;
9
9
  height: string | number;
10
10
  onClick: import("../../typescript").Callback;
11
- cornerRadius: number;
11
+ cornerRadius: number | import("../..").SizesTypes;
12
12
  }> & import("../../typescript").OverrideStyles, never>;
package/dist/esm/src/molecules/Columns/styles.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
4
4
  export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
5
  export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
6
6
  target: "_blank";
7
- } & Pick<import("..").BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
7
+ } & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
8
8
  buttonLink: string;
9
9
  elementId: string;
10
10
  $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
23
23
  width: string | number;
24
24
  height: string | number;
25
25
  onClick: import("../../typescript").Callback;
26
- cornerRadius: number;
26
+ cornerRadius: number | import("../..").SizesTypes;
27
27
  }> & import("../../typescript").OverrideStyles, never>;
28
28
  export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/dist/esm/src/molecules/Image/Image.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { MetadataType } from 'containers';
2
2
  import { Callback, StylesType } from 'typescript';
3
+ import { SizesTypes } from 'theme';
3
4
  export declare type ImageProps = {
4
5
  src: string;
5
6
  } & Partial<{
@@ -9,7 +10,7 @@ export declare type ImageProps = {
9
10
  onClick: Callback;
10
11
  width: number;
11
12
  height: number;
12
- cornerRadius: number;
13
+ cornerRadius: SizesTypes | number;
13
14
  behaveAs: 'background' | 'regular';
14
15
  styles: StylesType;
15
16
  metadata: MetadataType;
package/dist/esm/src/organisms/Footer/styles.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const FooterImage: import("styled-components").StyledComponent<"i
8
8
  width: string | number;
9
9
  height: string | number;
10
10
  onClick: import("../../typescript").Callback;
11
- cornerRadius: number;
11
+ cornerRadius: number | import("../..").SizesTypes;
12
12
  }> & import("../../typescript").OverrideStyles, never>;
13
13
  export declare const ContactInfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
14
  export declare const FooterContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
package/dist/index.d.ts CHANGED
@@ -130,8 +130,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
130
130
  cornerRadius: number | theme.SizesTypes;
131
131
  gap: theme.SizesTypes;
132
132
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
133
- horizontalPadding: theme.SizesTypes;
134
- verticalPadding: theme.SizesTypes;
133
+ paddingTop: theme.SizesTypes;
134
+ paddingBottom: theme.SizesTypes;
135
+ paddingLeft: theme.SizesTypes;
136
+ paddingRight: theme.SizesTypes;
135
137
  autoplay: boolean;
136
138
  autoplayDuration: number;
137
139
  formProps: containers.FormContainerProps;
@@ -151,8 +153,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
151
153
  cornerRadius: number | theme.SizesTypes;
152
154
  gap: theme.SizesTypes;
153
155
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
154
- horizontalPadding: theme.SizesTypes;
155
- verticalPadding: theme.SizesTypes;
156
+ paddingTop: theme.SizesTypes;
157
+ paddingBottom: theme.SizesTypes;
158
+ paddingLeft: theme.SizesTypes;
159
+ paddingRight: theme.SizesTypes;
156
160
  autoplay: boolean;
157
161
  autoplayDuration: number;
158
162
  formProps: containers.FormContainerProps;
@@ -170,8 +174,10 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
170
174
  cornerRadius: number | theme.SizesTypes;
171
175
  gap: theme.SizesTypes;
172
176
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
173
- horizontalPadding: theme.SizesTypes;
174
- verticalPadding: theme.SizesTypes;
177
+ paddingTop: theme.SizesTypes;
178
+ paddingBottom: theme.SizesTypes;
179
+ paddingLeft: theme.SizesTypes;
180
+ paddingRight: theme.SizesTypes;
175
181
  autoplay: boolean;
176
182
  autoplayDuration: number;
177
183
  formProps: containers.FormContainerProps;
@@ -547,7 +553,7 @@ declare type FormContainerProps = {
547
553
  mode: keyof ValidationMode;
548
554
  };
549
555
  declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
550
- declare type Padding = Record<PaddingVariants, SizesTypes$1 | string> | SizesTypes$1 | string;
556
+ declare type Padding = Record<PaddingVariants, SizesTypes$1 | number> | SizesTypes$1 | string;
551
557
  declare type ContainerPropsType = Partial<{
552
558
  position: ContainerPositionType;
553
559
  alignItems: ContainerAlignItemsType;
@@ -555,8 +561,10 @@ declare type ContainerPropsType = Partial<{
555
561
  cornerRadius: SizesTypes$1 | number;
556
562
  gap: SizesTypes$1;
557
563
  styles: StylesType;
558
- horizontalPadding: SizesTypes$1;
559
- verticalPadding: SizesTypes$1;
564
+ paddingTop: SizesTypes$1;
565
+ paddingBottom: SizesTypes$1;
566
+ paddingLeft: SizesTypes$1;
567
+ paddingRight: SizesTypes$1;
560
568
  autoplay: boolean;
561
569
  autoplayDuration: number;
562
570
  formProps: FormContainerProps;
@@ -638,8 +646,10 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
638
646
  cornerRadius: number | SizesTypes$1;
639
647
  gap: SizesTypes$1;
640
648
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
641
- horizontalPadding: SizesTypes$1;
642
- verticalPadding: SizesTypes$1;
649
+ paddingTop: SizesTypes$1;
650
+ paddingBottom: SizesTypes$1;
651
+ paddingLeft: SizesTypes$1;
652
+ paddingRight: SizesTypes$1;
643
653
  autoplay: boolean;
644
654
  autoplayDuration: number;
645
655
  formProps: containers_types_types.FormContainerProps;
@@ -827,7 +837,7 @@ declare type RegularImageProps = {
827
837
  width: number | string;
828
838
  height: number | string;
829
839
  onClick: Callback$1;
830
- cornerRadius: number;
840
+ cornerRadius: SizesTypes$1 | number;
831
841
  }> & OverrideStyles;
832
842
  declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
833
843
  src: string;
@@ -836,7 +846,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
836
846
  width: number | string;
837
847
  height: number | string;
838
848
  onClick: Callback$1;
839
- cornerRadius: number;
849
+ cornerRadius: SizesTypes$1 | number;
840
850
  }> & OverrideStyles, never>;
841
851
  declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
842
852
  src: string;
@@ -845,7 +855,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
845
855
  width: number | string;
846
856
  height: number | string;
847
857
  onClick: Callback$1;
848
- cornerRadius: number;
858
+ cornerRadius: SizesTypes$1 | number;
849
859
  }> & OverrideStyles, never>;
850
860
 
851
861
  declare type LinkVariant = 'link' | 'custom';
@@ -857,7 +867,7 @@ declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' |
857
867
  }>;
858
868
  declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, {
859
869
  target: "_blank";
860
- } & Pick<BaseButtonProps$1, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
870
+ } & Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
861
871
  buttonLink: string;
862
872
  elementId: string;
863
873
  $styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1986,7 +1996,7 @@ declare type ImageProps = {
1986
1996
  onClick: Callback$1;
1987
1997
  width: number;
1988
1998
  height: number;
1989
- cornerRadius: number;
1999
+ cornerRadius: SizesTypes$1 | number;
1990
2000
  behaveAs: 'background' | 'regular';
1991
2001
  styles: StylesType;
1992
2002
  metadata: MetadataType$1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.4.45",
3
+ "version": "0.4.46",
4
4
  "testVersion": "0.3.178",
5
5
  "repository": {
6
6
  "type": "git",