@zealicsolutions/web-ui 0.4.41 → 0.4.42

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
1
1
  import { SizesTypes } from 'theme';
2
- export declare type HorizontalPaddingProps = {
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, HorizontalPaddingProps, never>;
6
- export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
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
- sliderProps: import("containers").SliderProps;
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
- sliderProps: import("containers").SliderProps;
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
- sliderProps: import("containers").SliderProps;
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
- sliderProps: import("containers/types/types").SliderProps;
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
- sliderProps: SliderProps;
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;