@zealicsolutions/web-ui 0.1.97 → 0.1.99

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.
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { ButtonProps, ImageProps } from '../../atoms';
2
+ import { ButtonProps, ImageProps } from 'atoms';
3
3
  export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
4
+ export declare type HeroImageTemplate = 'card' | 'full_width';
4
5
  export declare type HeroImageProps = {
5
6
  type: 'hero_image';
6
7
  backgroundImage: ImageProps;
@@ -9,5 +10,7 @@ export declare type HeroImageProps = {
9
10
  button?: ButtonProps;
10
11
  contentAlignment?: HeroImageAlignment;
11
12
  horizontalPaddings?: number;
13
+ template: HeroImageTemplate;
14
+ isMobile?: boolean;
12
15
  };
13
- export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, }: HeroImageProps) => JSX.Element;
16
+ export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: 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, horizontalPaddings, subHeading, }: import("./HeroImage").HeroImageProps) => JSX.Element;
6
+ component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: import("./HeroImage").HeroImageProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
15
15
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
16
16
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
17
17
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
18
- import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
18
+ import { InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
19
19
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
20
20
  import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
21
21
  import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
@@ -468,16 +468,19 @@ declare type SelectableCardGroupProps<T> = {
468
468
  declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
469
469
 
470
470
  declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
471
+ declare type HeroImageTemplate = 'card' | 'full_width';
471
472
  declare type HeroImageProps = {
472
473
  type: 'hero_image';
473
- backgroundImage: ImageProps;
474
+ backgroundImage: ImageProps$1;
474
475
  mainHeading: string;
475
476
  subHeading?: string;
476
- button?: ButtonProps;
477
+ button?: ButtonProps$1;
477
478
  contentAlignment?: HeroImageAlignment;
478
479
  horizontalPaddings?: number;
480
+ template: HeroImageTemplate;
481
+ isMobile?: boolean;
479
482
  };
480
- declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, }: HeroImageProps) => JSX.Element;
483
+ declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, }: HeroImageProps) => JSX.Element;
481
484
 
482
485
  declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
483
486
  declare type DrawerProps = DrawerProps$1 & {
@@ -963,4 +966,4 @@ declare type AnnotationsList = {
963
966
 
964
967
  declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
965
968
 
966
- export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, 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, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
969
+ export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, 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, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.1.97",
3
+ "version": "0.1.99",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"