@zealicsolutions/web-ui 0.1.8 → 0.1.10

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

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

package/dist/cjs/src/atoms/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeColors } from '../../theme';
+import { ThemeColors } from 'theme';
 export declare type IconProps = {
     name: IconNames;
     size?: number;
@@ -21,6 +21,7 @@ declare const availableIcons: {
     Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Menu: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
 };
 export declare type IconNames = keyof typeof availableIcons;
 export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;

package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type RichTextEditorProps = Partial<{
+    value: string;
+}>;
+export declare const RichTextViewer: ({ value }: RichTextEditorProps) => JSX.Element | null;

package/dist/cjs/src/atoms/RichTextViewer/components/EditorElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderElementProps } from 'slate-react/dist/components/editable';
+export declare const EditorElement: ({ element, children, attributes }: RenderElementProps) => JSX.Element;

package/dist/cjs/src/atoms/RichTextViewer/components/Leaf.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderLeafProps } from 'slate-react';
+export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => JSX.Element;

package/dist/cjs/src/atoms/RichTextViewer/components/LinkElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderElementProps } from 'slate-react';
+export declare const LinkElement: ({ attributes, element, children }: RenderElementProps) => JSX.Element;

package/dist/cjs/src/atoms/RichTextViewer/components/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorElement } from './EditorElement';
+export { LinkElement } from './LinkElement';
+export { Leaf } from './Leaf';

package/dist/cjs/src/atoms/RichTextViewer/types.d.ts

@@ -0,0 +1,21 @@
+export declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'link';
+export declare type TextFormat = Partial<{
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+    'numbered-list': boolean;
+    'bulleted-list': boolean;
+    link: boolean;
+}>;
+export declare type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'link' | 'span';
+export declare type CustomText = {
+    text: string;
+    type?: CustomElementType;
+} & TextFormat;
+export declare type CustomElement = {
+    type: CustomElementType;
+    children: CustomText[];
+    href?: string;
+    format?: Format;
+};

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
-import { SizesTypes, ThemeColors } from 'theme/types';
+import { FontSizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
 export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 export declare type TextWrapperProps = {
     children: ReactNode;
-    variant: SizesTypes;
+    variant: FontSizesTypes;
     layout?: 'div' | 'span';
     type?: TextTypes;
     styles?: StylesType;
     color?: ThemeColors | string;
 };
-export declare const TextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts

@@ -3,7 +3,7 @@ import { FC } from 'react';
 import { TextWrapperProps } from './TextWrapper';
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
+    component: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
 };
 export default _default;
 export declare const Text: ComponentStory<FC<TextWrapperProps>>;

package/dist/cjs/src/atoms/index.d.ts

@@ -16,3 +16,4 @@ export * from './Avatar/Avatar';
 export * from './Paddings/Paddings';
 export * from './Divider/Divider';
 export * from './GoogleMap/GoogleMap';
+export * from './RichTextViewer/RichTextViewer';

package/dist/cjs/src/helpers/date.d.ts

@@ -0,0 +1,3 @@
+export declare type AppDateFormats = "'Last Updated' MMMM dd, yyyy";
+export declare const getDateFromString: <T = Date>(date: unknown, defaultDate?: T) => Date | T;
+export declare const dateFormatter: <T>(value: string | Date | undefined, formatType: AppDateFormats, defaultValue?: T) => string | T;

package/dist/cjs/src/icons/Menu.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Menu: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/index.d.ts

@@ -14,3 +14,4 @@ export { Mobile } from './Mobile';
 export { Mail } from './Mail';
 export { Edit } from './Edit';
 export { Save } from './Save';
+export { Menu } from './Menu';

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CSSProperties } from 'styled-components';
 import { LinkButtonProps } from '../../atoms';
 export declare type ColumnItem = {
     title?: string;
@@ -7,6 +8,8 @@ export declare type ColumnItem = {
     icon: string;
 };
 export declare type ColumnsProps = {
+    type: 'columns';
     columns: ColumnItem[];
+    containerStyles?: CSSProperties;
 };
-export declare const Columns: ({ columns }: ColumnsProps) => JSX.Element;
+export declare const Columns: ({ columns, containerStyles }: ColumnsProps) => JSX.Element;

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare type EmphasizedTextProps = {
+    type: 'emphasized_text';
     invertColors: boolean;
     textContent: string;
 };

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

@@ -2,6 +2,7 @@
 import { ButtonProps, ImageProps } from '../../atoms';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
 export declare type HeroImageProps = {
+    type: 'hero_image';
     backgroundImage: ImageProps;
     mainHeading: string;
     subHeading?: string;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MenuItemsProps } from '../MenuItems/MenuItems';
+export declare type MenuNavigationProps<T> = {
+    menuConfig: MenuItemsProps<T>;
+};
+export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { MenuNavigation as MenuNavigationComponent } from 'molecules/MenuNavigation/MenuNavigation';
+import 'rc-dropdown/assets/index.css';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ menuConfig, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const MenuNavigation: ComponentStory<typeof MenuNavigationComponent>;

package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts

@@ -1,5 +1,5 @@
 import { SizesTypes } from '../../theme';
-export declare const InfoText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
+export declare const InfoText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
     variant: string;
 }, "variant">;
 export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/cjs/src/molecules/Tab/styles.d.ts

@@ -1,6 +1,6 @@
 import { TabProps } from './Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled'>;
-export declare const TabText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
+export declare const TabText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
     variant: string;
 }, "variant">;
 export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme/types';
 import { TabProps } from '../Tab/Tab';
 export declare type TabGroupProps<T = string, K = string> = {
@@ -7,5 +8,6 @@ export declare type TabGroupProps<T = string, K = string> = {
     spacing?: SizesTypes;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
+    style?: CSSProperties;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { TabGroup as TabGroupComponent } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
 export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;

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

@@ -12,4 +12,5 @@ export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
 export * from './TabGroup/TabGroup';
 export * from './FieldSection/FieldSection';
+export * from './MenuNavigation/MenuNavigation';
 export * from './EmphasizedText/EmphasizedText';

package/dist/cjs/src/organisms/Body/Body.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ColumnsProps, EmphasizedTextProps, HeroImageProps } from 'molecules';
+import { CSSProperties } from 'styled-components';
+export declare type BodyProps = {
+    elements: {
+        data: (HeroImageProps | ColumnsProps | EmphasizedTextProps)[];
+        spacer?: number;
+    };
+    containerStyles?: CSSProperties;
+};
+export declare const Body: ({ elements, containerStyles }: BodyProps) => JSX.Element;

package/dist/cjs/src/organisms/Body/Body.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Body as BodyComponent } from './Body';
+declare const _default: {
+    title: string;
+    component: ({ elements, containerStyles }: import("./Body").BodyProps) => JSX.Element;
+};
+export default _default;
+export declare const Body: ComponentStory<typeof BodyComponent>;

package/dist/cjs/src/organisms/Footer/Footer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FooterAProps } from 'organisms/Footer/FooterA';
+import { FooterBProps } from 'organisms/Footer/FooterB';
+import { FooterCProps } from 'organisms/Footer/FooterC';
+export declare type FooterProps = FooterAProps | FooterBProps | FooterCProps;
+export declare const Footer: (props: FooterProps) => JSX.Element;

package/dist/cjs/src/organisms/Footer/Footer.stories.d.ts

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

package/dist/cjs/src/organisms/Footer/FooterA.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FooterContentInfo, FooterLink } from 'organisms';
+export declare type FooterAProps = {
+    type: 'footer_a';
+    contactInfo: FooterContentInfo;
+    footerLogo: string;
+    footerContent: string;
+    lastUpdated: string;
+    footerLinks: FooterLink[];
+    companyInfo: string;
+    isMobile: boolean;
+};
+export declare const FooterA: ({ footerContent, companyInfo, footerLogo, footerLinks, lastUpdated, contactInfo, isMobile, }: FooterAProps) => JSX.Element;

package/dist/cjs/src/organisms/Footer/FooterB.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FooterLink } from 'organisms';
+export declare type FooterBProps = {
+    type: 'footer_b';
+    footerLogo: string;
+    lastUpdated: string;
+    footerLinks: FooterLink[];
+    companyInfo: string;
+    isMobile: boolean;
+};
+export declare const FooterB: ({ companyInfo, isMobile, footerLogo, footerLinks, lastUpdated, }: FooterBProps) => JSX.Element;

package/dist/cjs/src/organisms/Footer/FooterC.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type FooterCProps = {
+    type: 'footer_c';
+    companyInfo: string;
+};
+export declare const FooterC: ({ companyInfo }: FooterCProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
+    isMobile?: boolean | undefined;
+}, 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;
+}, never>;
+export declare const FooterLinksWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LinkSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/organisms/Footer/types.d.ts

@@ -0,0 +1,10 @@
+export declare type FooterContentInfo = {
+    phoneNumber: string;
+    addressLine1: string;
+    addressLine2: string;
+};
+export declare type FooterLink = {
+    id: string;
+    name: string;
+    location: string;
+};

package/dist/cjs/src/organisms/Header/Header/Header.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { HeaderAProps } from '../HeaderA/HeaderA';
+import { HeaderBProps } from '../HeaderB/HeaderB';
+import { HeaderCProps } from '../HeaderC/HeaderC';
+import { HeaderDProps } from '../HeaderD/HeaderD';
+declare type HeaderProps<T> = (HeaderAProps<T> & {
+    type: 'header_a';
+}) | (HeaderBProps<T> & {
+    type: 'header_b';
+}) | (HeaderCProps<T> & {
+    type: 'header_c';
+}) | (HeaderDProps & {
+    type: 'header_d';
+});
+export declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
+export {};

package/dist/cjs/src/organisms/Header/Header/Header.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Header as HeaderComponent } from './Header';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>(props: (import("../HeaderD/HeaderD").HeaderDProps & {
+        type: "header_d";
+    }) | (import("../HeaderA/HeaderA").HeaderAProps<T> & {
+        type: "header_a";
+    }) | (import("../HeaderB/HeaderB").HeaderBProps<T> & {
+        type: "header_b";
+    }) | (import("../HeaderC/HeaderC").HeaderCProps<T> & {
+        type: "header_c";
+    })) => JSX.Element;
+};
+export default _default;
+export declare const Header: ComponentStory<typeof HeaderComponent>;

package/dist/cjs/src/organisms/Header/HeaderA/HeaderA.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { MenuItemsProps, TabGroupProps } from 'molecules';
+import type { Callback } from 'typescript';
+declare type ImportantLink = {
+    text: string;
+    href: string;
+};
+export declare type HeaderAProps<T> = {
+    links?: ImportantLink[];
+    logoUrl: string;
+    tabs: TabGroupProps['tabs'];
+    onActionButtonClick?: Callback;
+    buttonText: string;
+    menuConfig: MenuItemsProps<T>;
+    isMobile?: boolean;
+};
+export declare const HeaderA: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabs, menuConfig, buttonText, isMobile, }: HeaderAProps<T>) => JSX.Element;
+export {};

package/dist/cjs/src/organisms/Header/HeaderA/HeaderA.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { HeaderA as HeaderAComponent } from './HeaderA';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabs, menuConfig, buttonText, isMobile, }: import("./HeaderA").HeaderAProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const HeaderA: ComponentStory<typeof HeaderAComponent>;

package/dist/cjs/src/organisms/Header/HeaderB/HeaderB.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { MenuItemsProps, TabGroupProps } from 'molecules';
+import type { Callback } from 'typescript';
+export declare type HeaderBProps<T> = {
+    logoUrl: string;
+    tabs: TabGroupProps['tabs'];
+    onActionButtonClick?: Callback;
+    buttonText?: string;
+    menuConfig: MenuItemsProps<T>;
+    isMobile?: boolean;
+};
+export declare const HeaderB: <T extends string | number>({ logoUrl, onActionButtonClick, tabs, buttonText, menuConfig, isMobile, }: HeaderBProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/Header/HeaderB/HeaderB.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { HeaderB as HeaderBComponent } from './HeaderB';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ logoUrl, onActionButtonClick, tabs, buttonText, menuConfig, isMobile, }: import("./HeaderB").HeaderBProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const HeaderB: ComponentStory<typeof HeaderBComponent>;

package/dist/cjs/src/organisms/Header/HeaderC/HeaderC.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuItemsProps, TabGroupProps } from 'molecules';
+export declare type HeaderCProps<T> = {
+    logoUrl: string;
+    tabs: TabGroupProps['tabs'];
+    menuConfig: MenuItemsProps<T>;
+    isMobile?: boolean;
+};
+export declare const HeaderC: <T extends string | number>({ logoUrl, tabs, menuConfig, isMobile, }: HeaderCProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/Header/HeaderC/HeaderC.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { HeaderC as HeaderCComponent } from './HeaderC';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ logoUrl, tabs, menuConfig, isMobile, }: import("./HeaderC").HeaderCProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const HeaderC: ComponentStory<typeof HeaderCComponent>;

package/dist/cjs/src/organisms/Header/HeaderD/HeaderD.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AvatarDropdownProps, TabGroupProps } from 'molecules';
+declare type ImportantLink = {
+    text: string;
+    href: string;
+};
+export declare type HeaderDProps = {
+    links?: ImportantLink[];
+    logoUrl: string;
+    tabs: TabGroupProps['tabs'];
+    withAvatar: {
+        props: AvatarDropdownProps<string>;
+    };
+    isMobile?: boolean;
+};
+export declare const HeaderD: ({ logoUrl, links, tabs, withAvatar, isMobile }: HeaderDProps) => JSX.Element;
+export {};

package/dist/cjs/src/organisms/Header/HeaderD/HeaderD.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { HeaderD as HeaderDComponent } from './HeaderD';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, links, tabs, withAvatar, isMobile }: import("./HeaderD").HeaderDProps) => JSX.Element;
+};
+export default _default;
+export declare const HeaderD: ComponentStory<typeof HeaderDComponent>;

package/dist/cjs/src/organisms/Header/styles.d.ts

@@ -1,7 +1,8 @@
 export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ImportantLinkText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
+export declare const ImportantLinkText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & {
     variant: string;
 }, "variant">;
+export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ImportantLinksWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const RightSideHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/organisms/ISI/ISI.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISIAProps } from 'organisms/ISI/ISIA';
+export declare type ISIProps = ISIAProps;
+export declare const ISI: (props: ISIProps) => JSX.Element;

package/dist/cjs/src/organisms/ISI/ISI.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { ISI as ISIComponent } from './ISI';
+declare const _default: {
+    title: string;
+    component: (props: import("./ISIA").ISIAProps) => JSX.Element;
+};
+export default _default;
+export declare const ISI: ComponentStory<typeof ISIComponent>;

package/dist/cjs/src/organisms/ISI/ISIA.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type ISIAProps = {
+    type: 'isi_a';
+    isiContent: string;
+    isMobile?: boolean;
+};
+export declare const ISIA: ({ isiContent, isMobile }: ISIAProps) => JSX.Element;

package/dist/cjs/src/organisms/index.d.ts

@@ -2,6 +2,10 @@ export * from './SetPasswordForm/SetPasswordForm';
 export * from './AcquisitionForm/AcquisitionForm';
 export * from './LoginForm/LoginForm';
 export * from './TwoFactorAuth/TwoFactorAuth';
-export * from './Header/Header';
+export * from './Footer/Footer';
+export * from './Footer/types';
 export * from './ProfileInformation/ProfileInformation';
 export * from './ForgotPasswordForm/ForgotPasswordForm';
+export * from './Body/Body';
+export * from './ISI/ISI';
+export * from './Header/Header/Header';

package/dist/cjs/src/theme/index.d.ts

@@ -2,3 +2,4 @@ export * from './theme';
 export * from './provider';
 export * from './types';
 export * from './toastStyles';
+export * from './useMediaQuery';

package/dist/cjs/src/theme/types.d.ts

@@ -1,14 +1,18 @@
 export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning';
 export declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+export declare type FontSizesTypes = SizesTypes | 'H2';
+export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type ThemeColorsType = Record<ThemeColors, string>;
-export declare type ThemeTextType = Record<SizesTypes, {
+export declare type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;
     'font-size': number;
     'line-height': number;
 }>;
 export declare type ThemeSizesType = Record<SizesTypes, number>;
+export declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
 export declare type ZealTheme = {
     colors: ThemeColorsType;
-    fonts: ThemeTextType;
+    fonts: Record<FontSizesTypes, number>;
     sizes: ThemeSizesType;
+    devices: ThemeDevicesType;
 };

package/dist/cjs/src/theme/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointSizesTypes } from 'theme/types';
+export declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes) => boolean;