@zealicsolutions/web-ui 0.2.69 → 0.2.71

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

@@ -15,6 +15,13 @@ declare type TabSliderProps = {
     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;
@@ -23,9 +30,5 @@ export declare const TabWrapper: import("styled-components").StyledComponent<"di
     children?: import("react").ReactNode;
 } & {
     withoutOpacityEffect: boolean;
-} & {
-    disabled?: boolean | undefined;
-    tabTheme?: TabTheme | undefined;
-    selectedTabTextColor?: string | undefined;
-}, "withoutOpacityEffect">;
+} & TabWrapperProps, "withoutOpacityEffect">;
 export {};

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

@@ -4,13 +4,15 @@ 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: 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;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ 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;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
 };
 export default _default;
 export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -21,3 +21,6 @@ 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';

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 ThemeColors = 'primary' | 'secondary' | '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, 'XL-2XL'> | 'H2' | 'H1';
+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

@@ -2,3 +2,7 @@ import { DefaultTheme, ThemedCssFunction } from 'styled-components';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
 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 {};

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
 import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -19,6 +18,7 @@ import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
 import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
+import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UIFields as UIFields$2 } from 'fieldsConfiguration';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
@@ -36,7 +36,7 @@ import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewer
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 export * from 'helpers/constants';
 
-declare type ButtonVariant = 'primary' | 'secondary' | 'text';
+declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback$1;
     variant?: ButtonVariant;
@@ -46,7 +46,8 @@ declare type BaseButtonProps = PropsWithChildren<{
     buttonFont?: FontSizesTypes$1;
     textColor?: ThemeColors$1 | string;
     textSize?: number;
-    buttonPadding?: SizesTypes$1;
+    horizontalPadding?: SizesTypes$1;
+    verticalPadding?: SizesTypes$1;
     buttonColor?: ThemeColors$1 | string;
     buttonStroke?: ThemeColors$1 | string;
     cornerRadius?: SizesTypes$1 | number;
@@ -55,6 +56,8 @@ declare type BaseButtonProps = PropsWithChildren<{
     inactiveButtonColor?: ThemeColors$1 | string;
     inactiveStrokeColor?: ThemeColors$1 | string;
     styles?: StylesType;
+    colorTheme?: 'light' | 'dark';
+    href?: string;
 }>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -150,30 +153,32 @@ declare type IconProps = {
     color?: ThemeColors$1 | string;
     fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 };
 declare const availableIcons: {
-    CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
-    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
     CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    Check: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
+    Close: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
+    Edit: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Filter: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
     Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
-    Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
-    Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    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;
+    Minus: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
+    Mobile: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Save: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Search: ({ size, color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    View: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
+    Warning: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
 };
 declare type IconNames = keyof typeof availableIcons;
 declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
@@ -195,29 +200,20 @@ declare type RegularImageProps = {
     alt?: string;
     width?: number | string;
     height?: number | string;
-    styles?: StylesType;
     onClick?: Callback$1;
     cornerRadius?: number;
 };
 declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
 
-declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'styles' | 'buttonPadding' | 'textColor' | 'textSize' | 'buttonFont'> & {
+declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
     buttonLink?: string;
     elementId?: string;
 };
-declare const TextButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: React$1.ReactNode;
-} & {
-    withoutOpacityEffect: boolean;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
+declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, "withoutOpacityEffect">;
+}, never>;
 
 declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 declare type ValidationTagProps = {
@@ -226,15 +222,6 @@ declare type ValidationTagProps = {
 };
 declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
 
-declare type VideoProps = {
-    src: string;
-    style?: CSSProperties;
-    template?: FeedContentTemplateTypes$1;
-    autoplay?: boolean;
-    coverImage?: string;
-};
-declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;
-
 declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
 declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
@@ -267,7 +254,7 @@ declare type AvatarProps = {
     backgroundColor?: ThemeColors$1;
     textConfig?: {
         color?: ThemeColors$1;
-        font?: SizesTypes$1;
+        font?: FontSizesTypes$1;
     };
     content: {
         initials?: string;
@@ -372,24 +359,44 @@ declare type TabTheme = 'light' | 'dark';
 declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem$1<K>[];
-    onOptionClick?: (optionKey: K) => void;
-    tabTheme?: TabTheme;
-    divider?: boolean;
-    tabFont?: FontSizesTypes$1;
-    textSize?: number;
-    tabPadding?: SizesTypes$1 | number;
-    textColor?: ThemeColors$1 | string;
-    selectedTabTextColor?: ThemeColors$1 | string;
-    selectedTabIndicatorColor?: ThemeColors$1 | string;
-    styles?: StylesType;
-};
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
-declare const Tab: <T, K>(props: TabProps<T, K> & {
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem$1<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes$1;
+    textSize: number;
+    tabPadding: SizesTypes$1 | number;
+    defaultTabTextColor: ThemeColors$1 | string;
+    selectedTabTextColor: ThemeColors$1 | string;
+    selectedTabIndicatorColor: ThemeColors$1 | string;
+    styles: StylesType;
+}>;
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
+declare const Tab: <T, K>(props: {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem$1<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes$1;
+    textSize: number;
+    tabPadding: SizesTypes$1 | number;
+    defaultTabTextColor: ThemeColors$1 | string;
+    selectedTabTextColor: ThemeColors$1 | string;
+    selectedTabIndicatorColor: ThemeColors$1 | string;
+    styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+}> & {
     ref?: React__default.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 
@@ -580,6 +587,10 @@ declare type AvatarDropdownProps<T> = {
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
 declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+declare type AdditionalTabContainerProps = {
+    containerStyle?: CSSProperties;
+    containerProps?: Record<string, unknown>;
+};
 declare type TabGroupProps<T = string, K = string> = {
     tabs: TabType<T, K>[];
     activeTabKey: T;
@@ -592,13 +603,13 @@ declare type TabGroupProps<T = string, K = string> = {
     textSize?: number;
     tabPadding?: SizesTypes$2 | number;
     tabSpacing?: SizesTypes$2;
-    textColor?: ThemeColors$2 | string;
+    defaultTabTextColor?: ThemeColors$2 | string;
     selectedTabTextColor?: ThemeColors$2 | string;
     selectedTabIndicatorColor?: ThemeColors$2 | string;
-    containerStyle?: CSSProperties;
-    containerProps?: Record<string, unknown>;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
 };
-declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, containerStyle, containerProps, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
 
 declare type FieldSectionProps<T extends object> = {
     label: string;
@@ -711,6 +722,46 @@ declare type BottomNaVBarItemProps = {
 };
 declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
 
+declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    template: FeedContentTemplateTypes$1;
+}>;
+declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+
+declare type ImageProps = {
+    src: string;
+} & Partial<{
+    altText: string;
+    link: string;
+    width: number;
+    height: number;
+    cornerRadius: number;
+    behaveAs: 'background' | 'regular';
+    styles: CSSProperties$1;
+}>;
+declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+
+declare type CarouselProps = {
+    children: JSX.Element[];
+};
+declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
+declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
+    translateX: number;
+}, never>;
+declare const Slide: styled_components.StyledComponent<"li", styled_components.DefaultTheme, {}, never>;
+declare const ButtonsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const ArrowIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    arrowSide: 'left' | 'right';
+}, never>;
+declare const NavigationDotsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -1035,10 +1086,11 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
     theme?: DefaultTheme;
 }>) => JSX.Element;
 
-declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
+declare type ThemeColors = 'primary' | 'secondary' | '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';
 declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
+declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
 declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 declare type ThemeColorsType = Record<ThemeColors, string>;
 declare type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;
@@ -1086,4 +1138,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, NavigationDotsWrapper, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.2.69",
+  "version": "0.2.71",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"

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

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

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

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

package/dist/esm/src/atoms/Video/Video.d.ts

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

package/dist/esm/src/atoms/Video/Video.stories.d.ts

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