@zealicsolutions/web-ui 0.4.40 → 0.4.42
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/Paddings/Paddings.d.ts +3 -3
- package/dist/cjs/src/containers/Container.d.ts +18 -6
- package/dist/cjs/src/containers/mock-data.d.ts +498 -0
- 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/PasswordSetup/PasswordSetup.stories.d.ts +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +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/mock-data.d.ts +498 -0
- 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/PasswordSetup/PasswordSetup.stories.d.ts +2 -2
- package/dist/index.d.ts +36 -14
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -125,49 +125,61 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
|
|
125
125
|
containerStyle: styled_components.CSSProperties;
|
126
126
|
containerProps: Partial<{
|
127
127
|
position: containers.ContainerPositionType;
|
128
|
+
alignItems: containers.ContainerAlignItemsType;
|
128
129
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
129
130
|
cornerRadius: number | theme.SizesTypes;
|
130
131
|
gap: theme.SizesTypes;
|
131
132
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
132
|
-
|
133
|
+
horizontalPadding: theme.SizesTypes;
|
134
|
+
verticalPadding: theme.SizesTypes;
|
135
|
+
autoplay: boolean;
|
136
|
+
autoplayDuration: number;
|
133
137
|
formProps: containers.FormContainerProps;
|
134
138
|
formStepProps: containers.FormStepContainerProps;
|
135
|
-
padding: containers.Padding;
|
136
139
|
border: string;
|
137
140
|
activeChildrenIds: string[];
|
138
141
|
activeOrganismIds: string[];
|
142
|
+
padding: containers.Padding;
|
139
143
|
}>;
|
140
144
|
}>;
|
141
145
|
compact: Partial<{
|
142
146
|
containerStyle: styled_components.CSSProperties;
|
143
147
|
containerProps: Partial<{
|
144
148
|
position: containers.ContainerPositionType;
|
149
|
+
alignItems: containers.ContainerAlignItemsType;
|
145
150
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
146
151
|
cornerRadius: number | theme.SizesTypes;
|
147
152
|
gap: theme.SizesTypes;
|
148
153
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
149
|
-
|
154
|
+
horizontalPadding: theme.SizesTypes;
|
155
|
+
verticalPadding: theme.SizesTypes;
|
156
|
+
autoplay: boolean;
|
157
|
+
autoplayDuration: number;
|
150
158
|
formProps: containers.FormContainerProps;
|
151
159
|
formStepProps: containers.FormStepContainerProps;
|
152
|
-
padding: containers.Padding;
|
153
160
|
border: string;
|
154
161
|
activeChildrenIds: string[];
|
155
162
|
activeOrganismIds: string[];
|
163
|
+
padding: containers.Padding;
|
156
164
|
}>;
|
157
165
|
}>;
|
158
166
|
props: Partial<{
|
159
167
|
position: containers.ContainerPositionType;
|
168
|
+
alignItems: containers.ContainerAlignItemsType;
|
160
169
|
scrollBehaviour: containers.ContainerScrollBehaviourType;
|
161
170
|
cornerRadius: number | theme.SizesTypes;
|
162
171
|
gap: theme.SizesTypes;
|
163
172
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
164
|
-
|
173
|
+
horizontalPadding: theme.SizesTypes;
|
174
|
+
verticalPadding: theme.SizesTypes;
|
175
|
+
autoplay: boolean;
|
176
|
+
autoplayDuration: number;
|
165
177
|
formProps: containers.FormContainerProps;
|
166
178
|
formStepProps: containers.FormStepContainerProps;
|
167
|
-
padding: containers.Padding;
|
168
179
|
border: string;
|
169
180
|
activeChildrenIds: string[];
|
170
181
|
activeOrganismIds: string[];
|
182
|
+
padding: containers.Padding;
|
171
183
|
}>;
|
172
184
|
metadata: containers.MetadataType;
|
173
185
|
isMobile: boolean;
|
@@ -495,6 +507,7 @@ declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step'
|
|
495
507
|
declare type ContainerTemplateType = 'row_content_container';
|
496
508
|
declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
|
497
509
|
declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
|
510
|
+
declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
|
498
511
|
declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
|
499
512
|
declare type StateActionType = 'visible' | 'disabled';
|
500
513
|
declare type StateEventType = 'click' | 'view';
|
@@ -537,17 +550,21 @@ declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
|
|
537
550
|
declare type Padding = Record<PaddingVariants, SizesTypes$1 | string> | SizesTypes$1 | string;
|
538
551
|
declare type ContainerPropsType = Partial<{
|
539
552
|
position: ContainerPositionType;
|
553
|
+
alignItems: ContainerAlignItemsType;
|
540
554
|
scrollBehaviour: ContainerScrollBehaviourType;
|
541
555
|
cornerRadius: SizesTypes$1 | number;
|
542
556
|
gap: SizesTypes$1;
|
543
557
|
styles: StylesType;
|
544
|
-
|
558
|
+
horizontalPadding: SizesTypes$1;
|
559
|
+
verticalPadding: SizesTypes$1;
|
560
|
+
autoplay: boolean;
|
561
|
+
autoplayDuration: number;
|
545
562
|
formProps: FormContainerProps;
|
546
563
|
formStepProps: FormStepContainerProps;
|
547
|
-
padding: Padding;
|
548
564
|
border: string;
|
549
565
|
activeChildrenIds: string[];
|
550
566
|
activeOrganismIds: string[];
|
567
|
+
padding: Padding;
|
551
568
|
}>;
|
552
569
|
declare type AdditionalContainerProps = Partial<{
|
553
570
|
containerStyle: CSSProperties;
|
@@ -616,17 +633,21 @@ declare type AnyObject = Record<string, unknown>;
|
|
616
633
|
declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
|
617
634
|
containerProps?: Partial<{
|
618
635
|
position: containers_types_types.ContainerPositionType;
|
636
|
+
alignItems: containers_types_types.ContainerAlignItemsType;
|
619
637
|
scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
|
620
638
|
cornerRadius: number | SizesTypes$1;
|
621
639
|
gap: SizesTypes$1;
|
622
640
|
styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
|
623
|
-
|
641
|
+
horizontalPadding: SizesTypes$1;
|
642
|
+
verticalPadding: SizesTypes$1;
|
643
|
+
autoplay: boolean;
|
644
|
+
autoplayDuration: number;
|
624
645
|
formProps: containers_types_types.FormContainerProps;
|
625
646
|
formStepProps: containers_types_types.FormStepContainerProps;
|
626
|
-
padding: containers_types_types.Padding;
|
627
647
|
border: string;
|
628
648
|
activeChildrenIds: string[];
|
629
649
|
activeOrganismIds: string[];
|
650
|
+
padding: containers_types_types.Padding;
|
630
651
|
}> | undefined;
|
631
652
|
metadata?: AnyObject | undefined;
|
632
653
|
}, never>;
|
@@ -895,11 +916,11 @@ declare type AvatarProps = {
|
|
895
916
|
};
|
896
917
|
declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
|
897
918
|
|
898
|
-
declare type
|
919
|
+
declare type PaddingProps = {
|
899
920
|
padding: SizesTypes$1 | number;
|
900
921
|
};
|
901
|
-
declare const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme,
|
902
|
-
declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme,
|
922
|
+
declare const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PaddingProps, never>;
|
923
|
+
declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PaddingProps, never>;
|
903
924
|
|
904
925
|
declare type DividerProps = {
|
905
926
|
type?: 'horizontal' | 'vertical';
|
@@ -2033,6 +2054,7 @@ declare type BaseButtonProps = PropsWithChildren<Partial<{
|
|
2033
2054
|
href: string;
|
2034
2055
|
type: ButtonType;
|
2035
2056
|
}>>;
|
2057
|
+
declare const baseButtonAllowedConfigurations: string[];
|
2036
2058
|
declare type ButtonProps = BaseButtonProps & {
|
2037
2059
|
fullWidth?: boolean;
|
2038
2060
|
text?: string;
|
@@ -2104,4 +2126,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
2104
2126
|
}>;
|
2105
2127
|
declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
|
2106
2128
|
|
2107
|
-
export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding,
|
2129
|
+
export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TrackerStateJbject, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|