@zealicsolutions/web-ui 0.3.0 → 0.3.2

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

@@ -1,4 +1,6 @@
-import { SizesTypes } from 'theme/types';
+/// <reference types="react" />
+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;
     vertical: boolean;
@@ -7,6 +9,26 @@ export declare const TabGroupContainer: import("styled-components").StyledCompon
 declare type TabSliderProps = {
     width: number;
     left: number;
+    isActiveTab?: boolean;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabIndicatorColor?: ThemeColors | string;
 };
 export declare const TabSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabSliderProps, never>;
+declare type TabWrapperProps = {
+    disabled?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabTextColor?: ThemeColors | string;
+    isActiveTab?: boolean;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    withoutOpacityEffect: boolean;
+} & TabWrapperProps, "withoutOpacityEffect">;
 export {};

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare const useTabAnimation: (activeTab: string) => {
-    setActiveTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    tabUnderlineLeft: number;
-    tabUnderlineWidth: number;
+    tabsUnderlineLeft: number[];
+    tabsUnderlineWidth: number[];
     tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
 };

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: 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, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+export declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    template: FeedContentTemplateTypes;
+}>;
+export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
+};
+export default _default;
+export declare const Video: StoryFn<typeof VideoComponent>;

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

@@ -2,6 +2,7 @@ export * from './FieldLabels/FieldLabels';
 export * from './InputField/InputField';
 export * from './FieldMapper/FieldMapper';
 export * from './CheckboxField/CheckboxField';
+export * from './CheckboxField/CheckboxGroup';
 export * from './SelectField/SelectField';
 export * from './CustomValidation/CustomValidation';
 export * from './SelectableInfoCard/SelectableCardGroup';
@@ -21,3 +22,8 @@ export * from './PdfDocument/PdfDocument';
 export * from './FeedContentHeader/FeedContentHeader';
 export * from './HorizontalButtonsField/HorizontalButtonsField';
 export * from './BottomNavBarItem/BottomNavBarItem';
+export * from './Video/Video';
+export * from './Image/Image';
+export * from './Caruser/Carousel';
+export * from './TextMolecule/TextMolecule';
+export * from './Button/Button';

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/Body/Body.d.ts

@@ -12,4 +12,4 @@ export declare type BodyProps = {
     horizontalPaddings?: number;
     containerStyles?: CSSProperties;
 };
-export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
+export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;

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

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

package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ButtonProps, RadioButtonsProps } from 'atoms';
+import { RadioButtonsProps } from 'atoms';
+import { ButtonProps } from 'molecules';
 export declare type ButtonCaptureProps = {
     type: 'button';
     acceptButton: ButtonProps;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/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/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/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/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/cjs/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/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/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/cjs/src/organisms/SubscribePanel/organism-data.d.ts

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

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;

package/dist/cjs/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/cjs/src/typescript.d.ts

@@ -1,4 +1,14 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
+export declare type StyledTransientProps<T> = {
+    [K in keyof T & string as `$${K}`]: T[K];
+};
+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 {};