@zealicsolutions/web-ui 0.4.41 → 0.4.43
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +1 -1
- package/dist/cjs/src/atoms/Paddings/Paddings.d.ts +3 -3
- package/dist/cjs/src/containers/Container.d.ts +18 -6
- package/dist/cjs/src/containers/styles.d.ts +6 -2
- package/dist/cjs/src/containers/types/types.d.ts +8 -4
- package/dist/cjs/src/molecules/Button/Button.d.ts +1 -0
- package/dist/cjs/src/molecules/Columns/styles.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +1 -1
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +1 -1
- package/dist/esm/src/atoms/Paddings/Paddings.d.ts +3 -3
- package/dist/esm/src/containers/Container.d.ts +18 -6
- package/dist/esm/src/containers/styles.d.ts +6 -2
- package/dist/esm/src/containers/types/types.d.ts +8 -4
- package/dist/esm/src/molecules/Button/Button.d.ts +1 -0
- package/dist/esm/src/molecules/Columns/styles.d.ts +1 -1
- package/dist/index.d.ts +37 -15
- package/package.json +1 -1
@@ -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, "
|
10
|
+
} & Pick<import("../..").BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "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>>;
|
@@ -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, "
|
12
|
+
} & Pick<BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "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>>;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { SizesTypes } from 'theme';
|
2
|
-
export declare type
|
2
|
+
export declare type PaddingProps = {
|
3
3
|
padding: SizesTypes | number;
|
4
4
|
};
|
5
|
-
export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme,
|
6
|
-
export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme,
|
5
|
+
export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
|
6
|
+
export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
|
@@ -8,49 +8,61 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
8
8
|
containerStyle: import("styled-components").CSSProperties;
|
9
9
|
containerProps: Partial<{
|
10
10
|
position: import("containers").ContainerPositionType;
|
11
|
+
alignItems: import("containers").ContainerAlignItemsType;
|
11
12
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
12
13
|
cornerRadius: number | import("theme").SizesTypes;
|
13
14
|
gap: import("theme").SizesTypes;
|
14
15
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
15
|
-
|
16
|
+
horizontalPadding: import("theme").SizesTypes;
|
17
|
+
verticalPadding: import("theme").SizesTypes;
|
18
|
+
autoplay: boolean;
|
19
|
+
autoplayDuration: number;
|
16
20
|
formProps: import("containers").FormContainerProps;
|
17
21
|
formStepProps: import("containers").FormStepContainerProps;
|
18
|
-
padding: import("containers").Padding;
|
19
22
|
border: string;
|
20
23
|
activeChildrenIds: string[];
|
21
24
|
activeOrganismIds: string[];
|
25
|
+
padding: import("containers").Padding;
|
22
26
|
}>;
|
23
27
|
}>;
|
24
28
|
compact: Partial<{
|
25
29
|
containerStyle: import("styled-components").CSSProperties;
|
26
30
|
containerProps: Partial<{
|
27
31
|
position: import("containers").ContainerPositionType;
|
32
|
+
alignItems: import("containers").ContainerAlignItemsType;
|
28
33
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
29
34
|
cornerRadius: number | import("theme").SizesTypes;
|
30
35
|
gap: import("theme").SizesTypes;
|
31
36
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
32
|
-
|
37
|
+
horizontalPadding: import("theme").SizesTypes;
|
38
|
+
verticalPadding: import("theme").SizesTypes;
|
39
|
+
autoplay: boolean;
|
40
|
+
autoplayDuration: number;
|
33
41
|
formProps: import("containers").FormContainerProps;
|
34
42
|
formStepProps: import("containers").FormStepContainerProps;
|
35
|
-
padding: import("containers").Padding;
|
36
43
|
border: string;
|
37
44
|
activeChildrenIds: string[];
|
38
45
|
activeOrganismIds: string[];
|
46
|
+
padding: import("containers").Padding;
|
39
47
|
}>;
|
40
48
|
}>;
|
41
49
|
props: Partial<{
|
42
50
|
position: import("containers").ContainerPositionType;
|
51
|
+
alignItems: import("containers").ContainerAlignItemsType;
|
43
52
|
scrollBehaviour: import("containers").ContainerScrollBehaviourType;
|
44
53
|
cornerRadius: number | import("theme").SizesTypes;
|
45
54
|
gap: import("theme").SizesTypes;
|
46
55
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
47
|
-
|
56
|
+
horizontalPadding: import("theme").SizesTypes;
|
57
|
+
verticalPadding: import("theme").SizesTypes;
|
58
|
+
autoplay: boolean;
|
59
|
+
autoplayDuration: number;
|
48
60
|
formProps: import("containers").FormContainerProps;
|
49
61
|
formStepProps: import("containers").FormStepContainerProps;
|
50
|
-
padding: import("containers").Padding;
|
51
62
|
border: string;
|
52
63
|
activeChildrenIds: string[];
|
53
64
|
activeOrganismIds: string[];
|
65
|
+
padding: import("containers").Padding;
|
54
66
|
}>;
|
55
67
|
metadata: import("containers").MetadataType;
|
56
68
|
isMobile: boolean;
|
@@ -4,17 +4,21 @@ import { AnyObject } from '../typescript';
|
|
4
4
|
export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
|
5
5
|
containerProps?: Partial<{
|
6
6
|
position: import("containers/types/types").ContainerPositionType;
|
7
|
+
alignItems: import("containers/types/types").ContainerAlignItemsType;
|
7
8
|
scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
|
8
9
|
cornerRadius: number | SizesTypes;
|
9
10
|
gap: SizesTypes;
|
10
11
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
11
|
-
|
12
|
+
horizontalPadding: SizesTypes;
|
13
|
+
verticalPadding: SizesTypes;
|
14
|
+
autoplay: boolean;
|
15
|
+
autoplayDuration: number;
|
12
16
|
formProps: import("containers/types/types").FormContainerProps;
|
13
17
|
formStepProps: import("containers/types/types").FormStepContainerProps;
|
14
|
-
padding: import("containers/types/types").Padding;
|
15
18
|
border: string;
|
16
19
|
activeChildrenIds: string[];
|
17
20
|
activeOrganismIds: string[];
|
21
|
+
padding: import("containers/types/types").Padding;
|
18
22
|
}> | undefined;
|
19
23
|
metadata?: AnyObject | undefined;
|
20
24
|
}, never>;
|
@@ -4,12 +4,12 @@ import { ValidationMode } from 'react-hook-form';
|
|
4
4
|
import { CSSProperties } from 'styled-components';
|
5
5
|
import { SizesTypes } from 'theme';
|
6
6
|
import type { AnyObject, Nullable, StylesType } from 'typescript';
|
7
|
-
import { Molecule } from './moleculeTypes';
|
8
|
-
import { ProcessStep } from './moleculeTypes';
|
7
|
+
import { Molecule, ProcessStep } from './moleculeTypes';
|
9
8
|
export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
10
9
|
export declare type ContainerTemplateType = 'row_content_container';
|
11
10
|
export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
12
11
|
export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
12
|
+
export declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
|
13
13
|
export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
14
14
|
export declare type StateActionType = 'visible' | 'disabled';
|
15
15
|
export declare type StateEventType = 'click' | 'view';
|
@@ -52,17 +52,21 @@ export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
|
|
52
52
|
export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
|
53
53
|
export declare type ContainerPropsType = Partial<{
|
54
54
|
position: ContainerPositionType;
|
55
|
+
alignItems: ContainerAlignItemsType;
|
55
56
|
scrollBehaviour: ContainerScrollBehaviourType;
|
56
57
|
cornerRadius: SizesTypes | number;
|
57
58
|
gap: SizesTypes;
|
58
59
|
styles: StylesType;
|
59
|
-
|
60
|
+
horizontalPadding: SizesTypes;
|
61
|
+
verticalPadding: SizesTypes;
|
62
|
+
autoplay: boolean;
|
63
|
+
autoplayDuration: number;
|
60
64
|
formProps: FormContainerProps;
|
61
65
|
formStepProps: FormStepContainerProps;
|
62
|
-
padding: Padding;
|
63
66
|
border: string;
|
64
67
|
activeChildrenIds: string[];
|
65
68
|
activeOrganismIds: string[];
|
69
|
+
padding: Padding;
|
66
70
|
}>;
|
67
71
|
export declare type AdditionalContainerProps = Partial<{
|
68
72
|
containerStyle: CSSProperties;
|
@@ -29,6 +29,7 @@ export declare type BaseButtonProps = PropsWithChildren<Partial<{
|
|
29
29
|
href: string;
|
30
30
|
type: ButtonType;
|
31
31
|
}>>;
|
32
|
+
export declare const baseButtonAllowedConfigurations: string[];
|
32
33
|
export declare type ButtonProps = BaseButtonProps & {
|
33
34
|
fullWidth?: boolean;
|
34
35
|
text?: string;
|
@@ -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, "
|
7
|
+
} & Pick<import("..").BaseButtonProps, "disabled" | "size" | "children" | "onClick" | "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>>;
|