@zealicsolutions/web-ui 0.1.41 → 0.1.44

package/dist/esm/src/assets/index.d.ts

@@ -1,4 +1,5 @@
 export declare const AppLogo: string;
 export declare const HomeHeroImageImage: string;
 export declare const ProfileGraphic: string;
+export declare const PulseEmblem: string;
 export declare const Logo: string;

package/dist/esm/src/atoms/Image/Image.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 export declare type ImageProps = {
     src: string;
     alt?: string;
     style?: CSSProperties;
 };
-export declare const Image: (props: ImageProps) => JSX.Element;
+export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

package/dist/esm/src/atoms/Image/Image.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Image as ImageComponent } from './Image';
 declare const _default: {
     title: string;
-    component: (props: import("./Image").ImageProps) => JSX.Element;
+    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
 };
 export default _default;
 export declare const Image: ComponentStory<typeof ImageComponent>;

package/dist/esm/src/molecules/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+import type { Callback } from 'typescript';
+export declare type AlertProps = {
+    style?: CSSProperties;
+    title: string;
+    description: string;
+    color?: string;
+    isMobile?: boolean;
+    logo?: string;
+    fullWidth?: boolean;
+    withCloseIcon?: {
+        onClose: Callback;
+    };
+};
+export declare const Alert: ({ logo, title, withCloseIcon, description, style, ...props }: AlertProps) => JSX.Element;

package/dist/esm/src/molecules/Alert/Alert.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Alert as AlertComponent, AlertProps } from './Alert';
+declare const _default: {
+    title: string;
+    component: ({ logo, title, withCloseIcon, description, style, ...props }: AlertProps) => JSX.Element;
+};
+export default _default;
+export declare const Alert: ComponentStory<typeof AlertComponent>;
+export declare const AlertMockProps: AlertProps;

package/dist/esm/src/molecules/index.d.ts

@@ -15,3 +15,4 @@ export * from './FieldSection/FieldSection';
 export * from './MenuNavigation/MenuNavigation';
 export * from './EmphasizedText/EmphasizedText';
 export * from './RadioButtonField/RadioButtonField';
+export * from './Alert/Alert';

package/dist/esm/src/organisms/Footer/styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const Wrapper: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
     isMobile?: boolean | undefined;
 }, never>;
-export declare const FooterImage: import("styled-components").StyledComponent<(props: import("atoms").ImageProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const FooterImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
 export declare const ContactInfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FooterContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile?: boolean | undefined;

package/dist/esm/src/templates/DefaultTemplate/DefaultTemplate.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { AlertProps } from 'molecules/Alert/Alert';
 export declare type DefaultTemplateProps = {
+    alerts?: AlertProps[];
     header: React.ReactNode;
     banner?: React.ReactNode;
     content?: React.ReactNode;
 };
-export declare const DefaultTemplate: ({ header, banner, content }: DefaultTemplateProps) => JSX.Element;
+export declare const DefaultTemplate: ({ header, banner, content, alerts }: DefaultTemplateProps) => JSX.Element;

package/dist/esm/src/templates/DefaultTemplate/DefaultTemplate.stories.d.ts

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { DefaultTemplate as DefaultTemplateComponent } from './DefaultTemplate';
 declare const _default: {
     title: string;
-    component: ({ header, banner, content }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
+    component: ({ header, banner, content, alerts }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
 };
 export default _default;
 export declare const DefaultTemplate: ComponentStory<typeof DefaultTemplateComponent>;

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import { FooterCProps } from 'organisms/Footer/FooterC';
 import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1 } from 'molecules';
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
+import { AlertProps as AlertProps$1 } from 'molecules/Alert/Alert';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
@@ -156,7 +157,7 @@ declare type ImageProps = {
     alt?: string;
     style?: CSSProperties;
 };
-declare const Image: (props: ImageProps) => JSX.Element;
+declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 
 declare type LinkButtonProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -535,6 +536,20 @@ declare type RadioButtonFieldProps<T extends string> = {
 };
 declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
 
+declare type AlertProps = {
+    style?: CSSProperties;
+    title: string;
+    description: string;
+    color?: string;
+    isMobile?: boolean;
+    logo?: string;
+    fullWidth?: boolean;
+    withCloseIcon?: {
+        onClose: Callback;
+    };
+};
+declare const Alert: ({ logo, title, withCloseIcon, description, style, ...props }: AlertProps) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -713,11 +728,12 @@ declare type ConsentProps<T extends string = string> = {
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
 declare type DefaultTemplateProps = {
+    alerts?: AlertProps$1[];
     header: React.ReactNode;
     banner?: React.ReactNode;
     content?: React.ReactNode;
 };
-declare const DefaultTemplate: ({ header, banner, content }: DefaultTemplateProps) => JSX.Element;
+declare const DefaultTemplate: ({ header, banner, content, alerts }: DefaultTemplateProps) => JSX.Element;
 
 interface Helpers {
     goToNextStep: () => void;
@@ -757,4 +773,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, 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, useMlrRichTextViewerContext, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, 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, useMlrRichTextViewerContext, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.1.41",
+  "version": "0.1.44",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"