@zealicsolutions/web-ui 0.1.11 → 0.1.13
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.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Image/Image.d.ts +1 -1
- package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts +2 -1
- package/dist/cjs/src/molecules/HeroImage/HeroImage.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/Body/Body.d.ts +2 -1
- package/dist/cjs/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/Header/Header.d.ts +1 -0
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Image/Image.d.ts +1 -1
- package/dist/esm/src/molecules/HeroImage/HeroImage.d.ts +2 -1
- package/dist/esm/src/molecules/HeroImage/HeroImage.stories.d.ts +1 -1
- package/dist/esm/src/organisms/Body/Body.d.ts +2 -1
- package/dist/esm/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/esm/src/organisms/Header/Header.d.ts +1 -0
- package/dist/index.d.ts +7 -4
- package/package.json +1 -1
@@ -8,5 +8,6 @@ export declare type HeroImageProps = {
|
|
8
8
|
subHeading?: string;
|
9
9
|
button?: ButtonProps;
|
10
10
|
contentAlignment?: HeroImageAlignment;
|
11
|
+
horizontalPaddings?: number;
|
11
12
|
};
|
12
|
-
export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: HeroImageProps) => JSX.Element;
|
13
|
+
export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, }: HeroImageProps) => JSX.Element;
|
@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { HeroImage as HeroImageComponent } from './HeroImage';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: import("./HeroImage").HeroImageProps) => JSX.Element;
|
6
|
+
component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, }: import("./HeroImage").HeroImageProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;
|
@@ -6,6 +6,7 @@ export declare type BodyProps = {
|
|
6
6
|
data: (HeroImageProps | ColumnsProps | EmphasizedTextProps)[];
|
7
7
|
spacer?: number;
|
8
8
|
};
|
9
|
+
horizontalPaddings?: number;
|
9
10
|
containerStyles?: CSSProperties;
|
10
11
|
};
|
11
|
-
export declare const Body: ({ elements, containerStyles }: BodyProps) => JSX.Element;
|
12
|
+
export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
|
@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { Body as BodyComponent } from './Body';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ elements, containerStyles }: import("./Body").BodyProps) => JSX.Element;
|
6
|
+
component: ({ elements, horizontalPaddings, containerStyles }: import("./Body").BodyProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Body: ComponentStory<typeof BodyComponent>;
|
@@ -3,6 +3,7 @@ import { HeaderAProps } from './HeaderA';
|
|
3
3
|
import { HeaderBProps } from './HeaderB';
|
4
4
|
import { HeaderCProps } from './HeaderC';
|
5
5
|
import { HeaderDProps } from './HeaderD';
|
6
|
+
export declare type HeaderTypes = 'header_a' | 'header_b' | 'header_c' | 'header_d';
|
6
7
|
export declare type HeaderProps<T> = (HeaderAProps<T> & {
|
7
8
|
type: 'header_a';
|
8
9
|
}) | (HeaderBProps<T> & {
|
package/dist/index.d.ts
CHANGED
@@ -148,7 +148,7 @@ declare const Spinner: styled_components.StyledComponent<"div", styled_component
|
|
148
148
|
declare type ImageProps = {
|
149
149
|
src: string;
|
150
150
|
alt?: string;
|
151
|
-
|
151
|
+
style?: CSSProperties;
|
152
152
|
};
|
153
153
|
declare const Image: (props: ImageProps) => JSX.Element;
|
154
154
|
|
@@ -397,8 +397,9 @@ declare type HeroImageProps = {
|
|
397
397
|
subHeading?: string;
|
398
398
|
button?: ButtonProps;
|
399
399
|
contentAlignment?: HeroImageAlignment;
|
400
|
+
horizontalPaddings?: number;
|
400
401
|
};
|
401
|
-
declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: HeroImageProps) => JSX.Element;
|
402
|
+
declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, }: HeroImageProps) => JSX.Element;
|
402
403
|
|
403
404
|
declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
|
404
405
|
declare type DrawerProps = DrawerProps$1 & {
|
@@ -584,9 +585,10 @@ declare type BodyProps = {
|
|
584
585
|
data: (HeroImageProps$1 | ColumnsProps$1 | EmphasizedTextProps$1)[];
|
585
586
|
spacer?: number;
|
586
587
|
};
|
588
|
+
horizontalPaddings?: number;
|
587
589
|
containerStyles?: CSSProperties;
|
588
590
|
};
|
589
|
-
declare const Body: ({ elements, containerStyles }: BodyProps) => JSX.Element;
|
591
|
+
declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
|
590
592
|
|
591
593
|
declare type ISIProps = ISIAProps;
|
592
594
|
declare const ISI: (props: ISIProps) => JSX.Element;
|
@@ -635,6 +637,7 @@ declare type HeaderDProps = {
|
|
635
637
|
isMobile?: boolean;
|
636
638
|
};
|
637
639
|
|
640
|
+
declare type HeaderTypes = 'header_a' | 'header_b' | 'header_c' | 'header_d';
|
638
641
|
declare type HeaderProps<T> = (HeaderAProps<T> & {
|
639
642
|
type: 'header_a';
|
640
643
|
}) | (HeaderBProps<T> & {
|
@@ -663,4 +666,4 @@ interface Helpers {
|
|
663
666
|
}
|
664
667
|
declare const useStep: (maxStep: number) => [number, Helpers];
|
665
668
|
|
666
|
-
export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
|
669
|
+
export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeaderTypes, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
|