@zealicsolutions/web-ui 0.1.6 → 0.1.8

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

@@ -1,3 +1,3 @@
 export declare const AppLogo: string;
-export declare const HomeBannerImage: string;
+export declare const HomeHeroImageImage: string;
 export declare const ProfileGraphic: string;

package/dist/esm/src/fieldsConfiguration/types.d.ts

@@ -1,9 +1,10 @@
 import { SelectOption } from 'atoms/Select/types';
 import { ControllerProps } from 'react-hook-form';
 export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-export declare type FieldTypes = 'input' | 'select' | 'date-picker' | 'checkbox' | 'switch';
-export declare type UIField<T = string> = (UIInputField | UISelectField | UICheckboxField) & {
+export declare type FieldTypes = 'input' | 'select' | 'checkbox';
+export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
+    type: FieldTypes;
     value?: string;
     label?: string;
     placeholder?: string;
@@ -14,16 +15,13 @@ export declare type UIField<T = string> = (UIInputField | UISelectField | UIChec
     order?: number;
 };
 export declare type UIInputField = {
-    type: 'input';
     inputType?: InputFieldTypes;
     maxLength?: number;
 };
 export declare type UISelectField = {
-    type: 'select';
     options: SelectOption[];
 };
 export declare type UICheckboxField = {
-    type: 'checkbox';
     checkboxLabel?: string;
 };
 export declare type UIFields<T extends object> = UIField<keyof T>[];

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LinkButtonProps } from '../../atoms';
+export declare type ColumnItem = {
+    title?: string;
+    mainContent?: string;
+    button?: LinkButtonProps;
+    icon: string;
+};
+export declare type ColumnsProps = {
+    columns: ColumnItem[];
+};
+export declare const Columns: ({ columns }: ColumnsProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Columns as ColumnsComponent } from './Columns';
+declare const _default: {
+    title: string;
+    component: ({ columns }: import("./Columns").ColumnsProps) => JSX.Element;
+};
+export default _default;
+export declare const Columns: ComponentStory<typeof ColumnsComponent>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type EmphasizedTextProps = {
+    invertColors: boolean;
+    textContent: string;
+};
+export declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
+declare const _default: {
+    title: string;
+    component: ({ textContent, invertColors }: import("./EmphasizedText").EmphasizedTextProps) => JSX.Element;
+};
+export default _default;
+export declare const EmphasizedText: ComponentStory<typeof EmphasizedTextComponent>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonProps, ImageProps } from '../../atoms';
+export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+export declare type HeroImageProps = {
+    backgroundImage: ImageProps;
+    mainHeading: string;
+    subHeading?: string;
+    button?: ButtonProps;
+    contentAlignment?: HeroImageAlignment;
+};
+export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: HeroImageProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HeroImage as HeroImageComponent } from './HeroImage';
+declare const _default: {
+    title: string;
+    component: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: import("./HeroImage").HeroImageProps) => JSX.Element;
+};
+export default _default;
+export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;

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

@@ -5,10 +5,11 @@ export * from './CheckboxField/CheckboxField';
 export * from './SelectField/SelectField';
 export * from './CustomValidation/CustomValidation';
 export * from './SelectableInfoCard/SelectableCardGroup';
-export * from './Banner/Banner';
+export * from './HeroImage/HeroImage';
 export * from './Drawer/Drawer';
-export * from './InfoBox/InfoBox';
+export * from './Columns/Columns';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
 export * from './TabGroup/TabGroup';
 export * from './FieldSection/FieldSection';
+export * from './EmphasizedText/EmphasizedText';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BannerProps } from 'molecules';
+import { HeroImageProps } from 'molecules';
 import { HeaderProps } from 'organisms';
 export declare const headerProps: HeaderProps;
-export declare const bannerProps: BannerProps;
+export declare const bannerProps: HeroImageProps;
 export declare const Content: () => JSX.Element;

package/dist/index.d.ts

@@ -276,9 +276,10 @@ declare const InputField: ({ control, name, inputProps, styles, labelsProps, def
 declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
 
 declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-declare type FieldTypes = 'input' | 'select' | 'date-picker' | 'checkbox' | 'switch';
-declare type UIField<T = string> = (UIInputField | UISelectField | UICheckboxField) & {
+declare type FieldTypes = 'input' | 'select' | 'checkbox';
+declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
+    type: FieldTypes;
     value?: string;
     label?: string;
     placeholder?: string;
@@ -289,16 +290,13 @@ declare type UIField<T = string> = (UIInputField | UISelectField | UICheckboxFie
     order?: number;
 };
 declare type UIInputField = {
-    type: 'input';
     inputType?: InputFieldTypes;
     maxLength?: number;
 };
 declare type UISelectField = {
-    type: 'select';
     options: SelectOption$1[];
 };
 declare type UICheckboxField = {
-    type: 'checkbox';
     checkboxLabel?: string;
 };
 declare type UIFields<T extends object> = UIField<keyof T>[];
@@ -373,13 +371,15 @@ declare type SelectableCardGroupProps<T> = {
 };
 declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
 
-declare type BannerProps = {
+declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+declare type HeroImageProps = {
     backgroundImage: ImageProps;
-    title: string;
-    description?: string;
+    mainHeading: string;
+    subHeading?: string;
     button?: ButtonProps;
+    contentAlignment?: HeroImageAlignment;
 };
-declare const Banner: ({ backgroundImage, button, title, description }: BannerProps) => JSX.Element;
+declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, subHeading, }: HeroImageProps) => JSX.Element;
 
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerProps = DrawerProps$1 & {
@@ -390,13 +390,16 @@ declare type DrawerProps = DrawerProps$1 & {
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
-declare type InfoBoxProps = {
-    title: string;
-    description?: string;
-    linkButton?: LinkButtonProps;
-    icon?: IconNames;
+declare type ColumnItem = {
+    title?: string;
+    mainContent?: string;
+    button?: LinkButtonProps;
+    icon: string;
+};
+declare type ColumnsProps = {
+    columns: ColumnItem[];
 };
-declare const InfoBox: ({ title, icon, description, linkButton }: InfoBoxProps) => JSX.Element;
+declare const Columns: ({ columns }: ColumnsProps) => JSX.Element;
 
 declare type MenuItem<T> = {
     id: T;
@@ -443,6 +446,12 @@ declare type FieldSectionProps<T extends object> = {
 };
 declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
 
+declare type EmphasizedTextProps = {
+    invertColors: boolean;
+    textContent: string;
+};
+declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -560,4 +569,4 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, Banner, BannerProps, BaseButtonProps, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HorizontalPadding, HorizontalPaddingProps, Icon, IconNames, IconProps, Image, ImageProps, InfoBox, InfoBoxProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, ProfileInformation, ProfileInformationProps, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, 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, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, 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, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, ProfileInformation, ProfileInformationProps, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, 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, useStep };

package/package.json

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

package/dist/cjs/src/molecules/Banner/Banner.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps, ImageProps } from '../../atoms';
-export declare type BannerProps = {
-    backgroundImage: ImageProps;
-    title: string;
-    description?: string;
-    button?: ButtonProps;
-};
-export declare const Banner: ({ backgroundImage, button, title, description }: BannerProps) => JSX.Element;

package/dist/cjs/src/molecules/Banner/Banner.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { Banner as BannerComponent } from './Banner';
-declare const _default: {
-    title: string;
-    component: ({ backgroundImage, button, title, description }: import("./Banner").BannerProps) => JSX.Element;
-};
-export default _default;
-export declare const Banner: ComponentStory<typeof BannerComponent>;

package/dist/cjs/src/molecules/InfoBox/InfoBox.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { IconNames, LinkButtonProps } from '../../atoms';
-export declare type InfoBoxProps = {
-    title: string;
-    description?: string;
-    linkButton?: LinkButtonProps;
-    icon?: IconNames;
-};
-export declare const InfoBox: ({ title, icon, description, linkButton }: InfoBoxProps) => JSX.Element;

package/dist/cjs/src/molecules/InfoBox/InfoBox.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { InfoBox as InfoBoxComponent } from './InfoBox';
-declare const _default: {
-    title: string;
-    component: ({ title, icon, description, linkButton }: import("./InfoBox").InfoBoxProps) => JSX.Element;
-};
-export default _default;
-export declare const InfoBox: ComponentStory<typeof InfoBoxComponent>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps, ImageProps } from '../../atoms';
-export declare type BannerProps = {
-    backgroundImage: ImageProps;
-    title: string;
-    description?: string;
-    button?: ButtonProps;
-};
-export declare const Banner: ({ backgroundImage, button, title, description }: BannerProps) => JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { Banner as BannerComponent } from './Banner';
-declare const _default: {
-    title: string;
-    component: ({ backgroundImage, button, title, description }: import("./Banner").BannerProps) => JSX.Element;
-};
-export default _default;
-export declare const Banner: ComponentStory<typeof BannerComponent>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { IconNames, LinkButtonProps } from '../../atoms';
-export declare type InfoBoxProps = {
-    title: string;
-    description?: string;
-    linkButton?: LinkButtonProps;
-    icon?: IconNames;
-};
-export declare const InfoBox: ({ title, icon, description, linkButton }: InfoBoxProps) => JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { InfoBox as InfoBoxComponent } from './InfoBox';
-declare const _default: {
-    title: string;
-    component: ({ title, icon, description, linkButton }: import("./InfoBox").InfoBoxProps) => JSX.Element;
-};
-export default _default;
-export declare const InfoBox: ComponentStory<typeof InfoBoxComponent>;