@zealicsolutions/web-ui 0.3.43 → 0.3.45
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/containers/Container.d.ts +5 -2
- package/dist/cjs/src/containers/styles.d.ts +1 -0
- package/dist/cjs/src/containers/types/types.d.ts +6 -0
- package/dist/cjs/src/molecules/Caruser/Carousel.d.ts +3 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/Container.d.ts +5 -2
- package/dist/esm/src/containers/styles.d.ts +1 -0
- package/dist/esm/src/containers/types/types.d.ts +6 -0
- package/dist/esm/src/molecules/Caruser/Carousel.d.ts +3 -1
- package/dist/index.d.ts +15 -3
- package/package.json +1 -1
@@ -1,5 +1,5 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { ContainerComponentProps, ContainerProps } from 'containers';
|
2
|
+
import { ReactNode } from 'react';
|
3
3
|
export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
|
4
4
|
type: import("containers").ContainerType;
|
5
5
|
containerTemplateType: "row_content_container";
|
@@ -11,6 +11,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
11
11
|
cornerRadius: number | import("theme").SizesTypes;
|
12
12
|
gap: import("theme").SizesTypes;
|
13
13
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
14
|
+
sliderProps: import("containers").SliderProps;
|
14
15
|
formProps: import("containers").FormContainerProps;
|
15
16
|
formStepProps: import("containers").FormStepContainerProps;
|
16
17
|
padding: import("containers").Padding;
|
@@ -25,6 +26,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
25
26
|
cornerRadius: number | import("theme").SizesTypes;
|
26
27
|
gap: import("theme").SizesTypes;
|
27
28
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
29
|
+
sliderProps: import("containers").SliderProps;
|
28
30
|
formProps: import("containers").FormContainerProps;
|
29
31
|
formStepProps: import("containers").FormStepContainerProps;
|
30
32
|
padding: import("containers").Padding;
|
@@ -37,6 +39,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
37
39
|
cornerRadius: number | import("theme").SizesTypes;
|
38
40
|
gap: import("theme").SizesTypes;
|
39
41
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
42
|
+
sliderProps: import("containers").SliderProps;
|
40
43
|
formProps: import("containers").FormContainerProps;
|
41
44
|
formStepProps: import("containers").FormStepContainerProps;
|
42
45
|
padding: import("containers").Padding;
|
@@ -44,7 +47,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
44
47
|
}>;
|
45
48
|
metadata: import("../typescript").AnyObject;
|
46
49
|
}> & {
|
47
|
-
children?:
|
50
|
+
children?: ReactNode;
|
48
51
|
} & {
|
49
52
|
id: string;
|
50
53
|
}) => JSX.Element;
|
@@ -8,6 +8,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
|
|
8
8
|
cornerRadius: number | SizesTypes;
|
9
9
|
gap: SizesTypes;
|
10
10
|
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
11
|
+
sliderProps: import("containers/types/types").SliderProps;
|
11
12
|
formProps: import("containers/types/types").FormContainerProps;
|
12
13
|
formStepProps: import("containers/types/types").FormStepContainerProps;
|
13
14
|
padding: import("containers/types/types").Padding;
|
@@ -7,8 +7,13 @@ import type { AnyObject, Nullable, StylesType } from 'typescript';
|
|
7
7
|
import { Molecule } from './moleculeTypes';
|
8
8
|
export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
9
9
|
export declare type ContainerTemplateType = 'row_content_container';
|
10
|
+
export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
10
11
|
export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
11
12
|
export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
13
|
+
export declare type SliderProps = {
|
14
|
+
autoplay?: boolean;
|
15
|
+
autoplayDuration?: number;
|
16
|
+
};
|
12
17
|
export declare type FormStepContainerProps = {
|
13
18
|
formStepName: string;
|
14
19
|
order: number;
|
@@ -25,6 +30,7 @@ export declare type ContainerPropsType = Partial<{
|
|
25
30
|
cornerRadius: SizesTypes | number;
|
26
31
|
gap: SizesTypes;
|
27
32
|
styles: StylesType;
|
33
|
+
sliderProps: SliderProps;
|
28
34
|
formProps: FormContainerProps;
|
29
35
|
formStepProps: FormStepContainerProps;
|
30
36
|
padding: Padding;
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
2
|
export declare type CarouselProps = {
|
3
3
|
children: JSX.Element[];
|
4
|
+
autoplay?: boolean;
|
5
|
+
autoplayDuration?: number;
|
4
6
|
};
|
5
|
-
export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
|
7
|
+
export declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
|
6
8
|
export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
7
9
|
export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
|
8
10
|
translateX: number;
|