@zealicsolutions/web-ui 0.1.6 → 0.1.8

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;