@zealicsolutions/web-ui 0.2.66 → 0.2.68

package/dist/cjs/src/atoms/Buttons/Button.d.ts

@@ -1,6 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback } from 'typescript';
+import { StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text';
 export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
@@ -8,8 +10,18 @@ export declare type BaseButtonProps = PropsWithChildren<{
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
+    buttonFont?: FontSizesTypes;
+    textColor?: ThemeColors | string;
+    textSize?: number;
+    buttonPadding?: SizesTypes;
+    buttonColor?: ThemeColors | string;
+    buttonStroke?: ThemeColors | string;
+    cornerRadius?: SizesTypes | number;
+    hoverButtonColor?: ThemeColors | string;
+    hoverStrokeColor?: ThemeColors | string;
+    inactiveButtonColor?: ThemeColors | string;
+    inactiveStrokeColor?: ThemeColors | string;
+    styles?: StylesType;
 }>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -21,4 +33,4 @@ export declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: ButtonProps) => JSX.Element | null;

package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts

@@ -6,7 +6,7 @@ import { IconButton as IconButtonComponent } from './IconButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: import("./Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: ComponentStory<typeof ButtonComponent>;

package/dist/cjs/src/atoms/Buttons/TextButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseButtonProps } from './Button';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'styles' | 'buttonPadding' | 'textColor' | 'textSize' | 'buttonFont'> & {
     buttonLink?: string;
     elementId?: string;
 };
@@ -10,7 +10,9 @@ export declare const TextButton: import("styled-components").StyledComponent<"di
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;

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

@@ -0,0 +1,12 @@
+import { Callback, StylesType } from 'typescript';
+export declare type RegularImageProps = {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    styles?: StylesType;
+    onClick?: Callback;
+    cornerRadius?: number;
+};
+export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, RegularImageProps, never>;
+export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, RegularImageProps, never>;

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

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { RegularImage as RegularImageComponent } from './RegularImage';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./RegularImage").RegularImageProps, never>;
+};
+export default _default;
+export declare const RegularImage: ComponentStory<typeof RegularImageComponent>;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { CSSProperties } from 'styled-components';
+import { TextProps } from 'atoms';
 import { FontSizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
 export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -10,7 +11,8 @@ export declare type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes;
     color: ThemeColors;
-    textStyles: CSSProperties;
+    textStyles: StylesType;
     numberOfLines?: number;
+    extraTextProps?: TextProps;
 }>;
-export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;

package/dist/{esm/src/molecules → cjs/src/atoms}/Tab/Tab.d.ts

@@ -1,7 +1,7 @@
+import { MenuItem } from 'molecules';
 import React from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { StylesType } from 'typescript';
-import { MenuItem } from '..';
 export declare type TabOption<T = string> = {
     menuText: string;
     menuKey: T;
@@ -22,7 +22,7 @@ export declare type TabProps<T = string, K = string> = {
     tabTheme?: TabTheme;
     divider?: boolean;
     tabFont?: FontSizesTypes;
-    textSize?: SizesTypes | number;
+    textSize?: number;
     tabPadding?: SizesTypes | number;
     textColor?: ThemeColors | string;
     selectedTabTextColor?: ThemeColors | string;

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

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Tab as TabComponent } from './Tab';
+declare const _default: {
+    title: string;
+    component: <T, K>(props: import("atoms").TabProps<T, K> & {
+        ref?: React.ForwardedRef<HTMLDivElement | null> | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+declare type Story = StoryObj<typeof TabComponent>;
+export declare const Tab: Story;

package/dist/{esm/src/molecules → cjs/src/atoms}/Tab/styles.d.ts

@@ -1,7 +1,8 @@
-import { TabProps } from './Tab';
+/// <reference types="react" />
+import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'textColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'textColor' | 'tabPadding'>;
-export declare const TabText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & TabTextProps, never>;
+export declare const TabText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, TabTextProps, never>;
 export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export {};

package/dist/cjs/src/{molecules → atoms}/Tab/utils.d.ts

@@ -1,4 +1,4 @@
-import { TabTheme } from 'molecules/Tab/Tab';
+import { TabTheme } from 'atoms/Tab/Tab';
 import { ThemeColors } from 'theme';
 export declare const getColorForCaretDownIcon: (color?: ThemeColors | string, tabTheme?: TabTheme, disabled?: boolean) => string;
 export declare const getSelectionIndicatorColor: (selectedTabIndicatorColor?: ThemeColors | string, isActiveTab?: boolean, tabTheme?: TabTheme) => string;

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

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { FontSizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
 export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 export declare type TextAlign = 'center' | 'right' | 'left';
-export declare type TextWrapperProps = {
-    children: ReactNode;
+export declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+export declare type TextProps = {
     variant: FontSizesTypes;
     layout?: 'div' | 'span';
     type?: TextTypes;
@@ -13,5 +13,7 @@ export declare type TextWrapperProps = {
     numberOfLines?: number;
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
+    seoTag?: SeoTags;
 };
-export declare const TextWrapper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
+export declare type TextWrapperProps = PropsWithChildren<TextProps>;
+export declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;

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

@@ -1,9 +1,9 @@
-import type { ComponentStory } from '@storybook/react';
-import { FC } from 'react';
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
 import { TextWrapperProps } from './TextWrapper';
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
+    component: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
 };
 export default _default;
-export declare const Text: ComponentStory<FC<TextWrapperProps>>;
+export declare const Text: StoryFn<TextWrapperProps>;

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

@@ -7,7 +7,7 @@ export * from './TextWrapper/TextWrapper';
 export * from './Icon/Icon';
 export * from './Spacer/Spacer';
 export * from './Spinner/Spinner';
-export * from './Image/Image';
+export * from './RegularImage/RegularImage';
 export * from './Buttons/TextButton';
 export * from './ValidationTag/ValidationTag';
 export * from './Video/Video';
@@ -23,3 +23,4 @@ export * from './RadioButtons/RadioButtons';
 export * from './Circle/Circle';
 export * from './CircularIndicator/CircularIndicator';
 export * from './Buttons/IconButton';
+export * from './Tab/Tab';

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

@@ -1,2 +1,3 @@
 export declare const sizings: (string | number)[];
 export declare const fonts: string[];
+export declare const seoTags: string[];

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

@@ -0,0 +1 @@
+export declare const validateAndOpenUrl: (url: string) => void;

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

@@ -1,5 +1,6 @@
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { ValidationRule } from 'react-hook-form';
+export declare const urlPattern: RegExp;
 export declare const phoneNumberValidation: RegExp;
 export declare const emailValidation: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { AvatarProps } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
-import { AvatarProps } from '../../atoms';
 import 'rc-dropdown/assets/index.css';
 export declare type AvatarDropdownProps<T> = {
     avatarProps: AvatarProps;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
-import { CheckBoxProps } from '../../atoms';
+import { CheckBoxProps } from 'atoms';
 export declare type CheckboxFieldProps = {
     name: string;
     control?: Control<any>;

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

@@ -2,4 +2,4 @@
 import { BaseColumnProps } from './types';
 export declare const Column: ({ item }: BaseColumnProps) => JSX.Element;
 export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").RegularImageProps, never>;

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

@@ -9,15 +9,17 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;
 export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
 export declare const ColumnImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
-export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").RegularImageProps, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ButtonProps, ImageProps } from 'atoms';
+import { ButtonProps, RegularImageProps } from 'atoms';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
 export declare type HeroImageTemplate = 'card' | 'full_width';
 export declare type HeroImageProps = {
     type: 'hero_image';
-    backgroundImage: ImageProps;
+    backgroundImage: RegularImageProps;
     mainHeading: string;
     subHeading?: string;
     button?: ButtonProps;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StylesType } from '../../typescript';
+export declare type ImageProps = {
+    src: string;
+} & Partial<{
+    altText: string;
+    link: string;
+    width: number;
+    height: number;
+    cornerRadius: number;
+    behaveAs: 'background' | 'regular';
+    styles: StylesType;
+}>;
+export declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Image as ImageComponent } from './Image';
+declare const _default: {
+    title: string;
+    component: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
+};
+export default _default;
+export declare const Image: StoryFn<typeof ImageComponent>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconNames } from '../../atoms';
+import { IconNames } from 'atoms';
 export declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;

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

@@ -1,6 +1,7 @@
-import { SizesTypes } from '../../theme';
-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;
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    variant: "M";
 }, "variant">;
 export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isActive?: boolean | undefined;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { TabProps, TabTheme } from 'atoms';
 import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
-import { TabProps, TabTheme } from '../Tab/Tab';
 export declare type TabGroupProps<T = string, K = string> = {
     tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
     activeTabKey: T;
@@ -12,7 +12,7 @@ export declare type TabGroupProps<T = string, K = string> = {
     vertical?: boolean;
     tabTheme?: TabTheme;
     tabFont?: FontSizesTypes;
-    textSize?: SizesTypes | number;
+    textSize?: number;
     tabPadding?: SizesTypes | number;
     tabSpacing?: SizesTypes;
     textColor?: ThemeColors | string;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { TabGroup as TabGroupComponent } from './TabGroup';
+import type { StoryFn } from '@storybook/react';
+import { TabGroupProps } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, containerStyle, containerProps, tabSpacing, ...props }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, containerStyle, containerProps, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
-export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;
+export declare const TabGroup: StoryFn<TabGroupProps>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabTheme } from 'molecules/Tab/Tab';
+import { TabTheme } from 'atoms/Tab/Tab';
 import { SizesTypes, ThemeColors } from 'theme/types';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+}> & Pick<TextProps, 'seoTag'>;
+export declare const TextMolecule: ({ isRichText, text, seoTag, fontVariant, textColor, letterSpacing, lineHeight, textSize, styles, }: TextMoleculeProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { TextMoleculeProps } from './TextMolecule';
+declare const _default: {
+    title: string;
+    component: ({ isRichText, text, seoTag, fontVariant, textColor, letterSpacing, lineHeight, textSize, styles, }: TextMoleculeProps) => JSX.Element;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -10,7 +10,6 @@ export * from './Drawer/Drawer';
 export * from './Columns/Columns';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
-export * from './Tab/Tab';
 export * from './TabGroup/TabGroup';
 export * from './FieldSection/FieldSection';
 export * from './MenuNavigation/MenuNavigation';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form';
-import { GoogleMapProps } from '../../atoms';
-import { FieldSectionProps } from '../../molecules';
+import { GoogleMapProps } from 'atoms';
+import { FieldSectionProps } from 'molecules';
 export declare type AccountInformationProps<T extends object> = {
     fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
     control: Control<any>;

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

@@ -1,7 +1,7 @@
 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<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const FooterImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").RegularImageProps, 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/cjs/src/organisms/Header/styles.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-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;
+export declare const ImportantLinkText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    variant: "XS";
 }, "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>;

package/dist/cjs/src/organisms/ProcessTracker/mocks.d.ts

@@ -1,2 +1,2 @@
-import { ProcessTrackerProps } from './ProcessTracker';
+import { ProcessTrackerProps } from 'organisms';
 export declare const processTrackerMockProps: ProcessTrackerProps;

package/dist/cjs/src/organisms/SetPasswordForm/utils.d.ts

@@ -1,3 +1,3 @@
-import { CustomValidationRule } from '../../molecules';
-import { SetPasswordRuleValidation } from './SetPasswordForm';
+import { CustomValidationRule } from 'molecules';
+import { SetPasswordRuleValidation } from 'organisms';
 export declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule;

package/dist/cjs/src/organisms/TwoFactorAuth/constants.d.ts

@@ -1,6 +1,6 @@
 import { UIField } from 'fieldsConfiguration';
 import { BaseSelectableProps } from 'molecules/SelectableInfoCard/BaseSelectable';
-import { AuthMethod } from './TwoFactorAuth';
+import { AuthMethod } from 'organisms';
 export declare const cards: BaseSelectableProps<AuthMethod>[];
 export declare const steps: {
     title: string;