@zealicsolutions/web-ui 0.3.0 → 0.3.1

package/dist/esm/src/organisms/FeedContent/types.d.ts

@@ -1,6 +1,6 @@
 import { FilteredFeedContentType } from 'organisms';
 import { CSSProperties } from 'styled-components';
-import { Callback, Nullable } from 'typescript';
+import { Callback, Nullable, StylesType } from 'typescript';
 export declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
 export declare type FeedContentProps = {
     feedContentType: Omit<FilteredFeedContentType, 'all'>;
@@ -26,7 +26,7 @@ export declare type FeedContentProps = {
     showDefaultDocumentStyles?: boolean;
     destinationLink?: string;
     onDestinationHandler?: Callback;
-    imageStyles?: CSSProperties;
+    imageStyles?: StylesType;
     videoStyles?: CSSProperties;
     isEnabledFavoriting?: boolean;
     isFavorite?: boolean;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
+import { StoryFn } 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>;
+export declare const Footer: StoryFn<typeof FooterComponent>;

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

@@ -1,7 +1,15 @@
 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, {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: string | number;
+    height: string | number;
+    onClick: import("../../typescript").Callback;
+    cornerRadius: number;
+}> & import("../../typescript").OverrideStyles, 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/esm/src/organisms/Header/Header.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
+import { StoryFn } from '@storybook/react';
 import { Header as HeaderComponent } from 'organisms/Header/Header';
 declare const _default: {
     title: string;
     component: <T extends string | number>(props: import("organisms/Header/Header").HeaderProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const Header: ComponentStory<typeof HeaderComponent>;
+export declare const Header: StoryFn<typeof HeaderComponent>;

package/dist/esm/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/esm/src/organisms/LoginForm/LoginForm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
+import { UIFields } from 'fieldsConfiguration';
 import { ConsentProps } from 'organisms/Consent/Consent';
 import type { Callback } from 'typescript';
-import { UIFields } from 'fieldsConfiguration';
 import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
 import { LoginFields } from './types';
 export declare type LoginFormProps = {

package/dist/esm/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/esm/src/organisms/ProfileInformation/ProfileInformation.d.ts

@@ -1,7 +1,6 @@
+import { AvatarProps, TabProps } from 'atoms';
 import { ReactNode } from 'react';
 import type { Callback } from 'typescript';
-import { AvatarProps } from '../../atoms';
-import { TabProps } from '../../molecules/Tab/Tab';
 export declare type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps;

package/dist/esm/src/organisms/SetPasswordForm/SetPasswordForm.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { UIFields } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
-import { UIFields } from '../../fieldsConfiguration';
 export declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;

package/dist/esm/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/esm/src/organisms/SubscribePanel/SubscribePanel.stories.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { SubscribePanel as SubscribePanelComponent } from './SubscribePanel';
+import type { StoryFn } from '@storybook/react';
+import { ContainerComponentProps } from 'containers';
+import { SubscribePanelProps } from './type';
 declare const _default: {
     title: string;
-    component: ({ template, onSubscribe, ...props }: import("./type").SubscribePanelProps) => JSX.Element;
+    component: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
 };
 export default _default;
-export declare const SubscribePanel: ComponentStory<typeof SubscribePanelComponent>;
+export declare const LegacySubscribePanel: StoryFn<SubscribePanelProps>;
+export declare const SubscribePanel: StoryFn<ContainerComponentProps>;

package/dist/esm/src/organisms/SubscribePanel/organism-data.d.ts

@@ -0,0 +1,2 @@
+import { ContainerComponentProps } from 'containers';
+export declare const subscribePanelMockData: ContainerComponentProps;

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

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

@@ -1,7 +1,8 @@
-export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-export declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-export declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
+export declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'background';
+export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+export declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
 export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 export declare type ThemeColorsType = Record<ThemeColors, string>;
 export declare type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;

package/dist/esm/src/typescript.d.ts

@@ -1,4 +1,11 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
+export declare type OverrideStyles = {
+    $styles?: StylesType;
+};
 export declare type Callback = () => void;
 export declare type Nullable<T> = T | null;
+declare type UnionKeys<T> = T extends any ? keyof T : never;
+declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
+export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
+export {};