@zealicsolutions/web-ui 0.2.70 → 0.2.71

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
-import { SizesTypes, ThemeColors } from 'theme';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';
 export declare type AvatarProps = {
     size?: SizesTypes | number;
@@ -9,7 +9,7 @@ export declare type AvatarProps = {
     backgroundColor?: ThemeColors;
     textConfig?: {
         color?: ThemeColors;
-        font?: SizesTypes;
+        font?: FontSizesTypes;
     };
     content: {
         initials?: string;

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

@@ -3,7 +3,7 @@ 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 ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
     variant?: ButtonVariant;
@@ -13,7 +13,8 @@ export declare type BaseButtonProps = PropsWithChildren<{
     buttonFont?: FontSizesTypes;
     textColor?: ThemeColors | string;
     textSize?: number;
-    buttonPadding?: SizesTypes;
+    horizontalPadding?: SizesTypes;
+    verticalPadding?: SizesTypes;
     buttonColor?: ThemeColors | string;
     buttonStroke?: ThemeColors | string;
     cornerRadius?: SizesTypes | number;
@@ -22,6 +23,8 @@ export declare type BaseButtonProps = PropsWithChildren<{
     inactiveButtonColor?: ThemeColors | string;
     inactiveStrokeColor?: ThemeColors | string;
     styles?: StylesType;
+    colorTheme?: 'light' | 'dark';
+    href?: string;
 }>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;

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

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {
     name: IconNames;
@@ -6,30 +7,32 @@ export declare type IconProps = {
     color?: ThemeColors | string;
     fill?: ThemeColors | 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;
 };
 export declare type IconNames = keyof typeof availableIcons;
 export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;

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

@@ -1,10 +1,9 @@
-import { Callback, StylesType } from 'typescript';
+import { Callback } from 'typescript';
 export declare type RegularImageProps = {
     src: string;
     alt?: string;
     width?: number | string;
     height?: number | string;
-    styles?: StylesType;
     onClick?: Callback;
     cornerRadius?: number;
 };

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

@@ -25,12 +25,12 @@ export declare type TabProps<T = string, K = string> = {
     tabFont: FontSizesTypes;
     textSize: number;
     tabPadding: SizesTypes | number;
-    textColor: ThemeColors | string;
+    defaultTabTextColor: ThemeColors | string;
     selectedTabTextColor: ThemeColors | string;
     selectedTabIndicatorColor: ThemeColors | 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.ForwardedRef<TabElement>) => JSX.Element;
+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.ForwardedRef<TabElement>) => JSX.Element;
 export declare const Tab: <T, K>(props: {
     tabKey: T;
     text: string;
@@ -46,7 +46,7 @@ export declare const Tab: <T, K>(props: {
     tabFont: FontSizesTypes;
     textSize: number;
     tabPadding: SizesTypes | number;
-    textColor: ThemeColors | string;
+    defaultTabTextColor: ThemeColors | string;
     selectedTabTextColor: ThemeColors | string;
     selectedTabIndicatorColor: ThemeColors | string;
     styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

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

@@ -18,7 +18,7 @@ declare const _default: {
         tabFont: import("theme").FontSizesTypes;
         textSize: number;
         tabPadding: number | import("theme").SizesTypes;
-        textColor: string;
+        defaultTabTextColor: string;
         selectedTabTextColor: string;
         selectedTabIndicatorColor: string;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;

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

@@ -1,6 +1,7 @@
+/// <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'>;
+declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
+declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;
 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>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
-import { TextWrapperProps } from './TextWrapper';
+import { TextWrapperProps } from 'atoms';
 declare const _default: {
     title: string;
     component: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;

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

@@ -10,7 +10,6 @@ export * from './Spinner/Spinner';
 export * from './RegularImage/RegularImage';
 export * from './Buttons/TextButton';
 export * from './ValidationTag/ValidationTag';
-export * from './Video/Video';
 export * from './Tooltip/Tooltip';
 export * from './Toast/toast';
 export * from './HorizontalButtons/HorizontalButtons';

package/dist/cjs/src/containers/Container.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ContainerComponentProps, ContainerProps } from 'containers';
+export declare const Container: ({ children, wide, compact, type, ...props }: ContainerProps) => JSX.Element;
+export declare const ContainerComponent: ({ type, items, config }: ContainerComponentProps) => JSX.Element | null;

package/dist/cjs/src/containers/Container.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { ContainerComponentProps } from 'containers';
+declare const _default: {
+    title: string;
+    component: ({ type, items, config }: ContainerComponentProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Container: StoryFn<ContainerComponentProps>;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Molecule } from 'containers/types/moleculeTypes';
+export declare const MoleculeItem: ({ type, config, attributes }: Molecule) => JSX.Element;

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare const OrganismItem: ({ item }: {
+    item: ContainerComponentProps | Molecule;
+}) => JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { ContainerScrollBehaviourType } from 'containers/types/types';
+export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: auto";

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

@@ -0,0 +1,5 @@
+export * from './Container';
+export * from './types/types';
+export * from './types/moleculeTypes';
+export * from './styles';
+export * from './OrganismItem';

package/dist/cjs/src/containers/styles.d.ts

@@ -0,0 +1,8 @@
+import { ContainerProps } from 'containers/types/types';
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+    containerProps?: Partial<{
+        position: import("containers/types/types").ContainerPositionType;
+        scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
+        cornerRadius: number;
+    }> | undefined;
+}, never>;

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -0,0 +1,111 @@
+import { ButtonProps } from 'atoms';
+import { SelectOption } from 'atoms/Select/types';
+import { ImageProps, TabGroupProps } from 'molecules';
+import { CSSProperties } from 'styled-components';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { Nullable, StrictUnion } from 'typescript';
+export declare type ImageAttributes = {
+    attribute_type: 'image';
+    imageSource: string;
+};
+export interface TextAttributes {
+    attribute_type: 'text';
+    text: string;
+}
+export interface VideoAttributes {
+    attribute_type: 'video';
+    videoSource: string;
+}
+export interface LinkAttributes {
+    attribute_type: 'link';
+    id: string;
+    type: 'internalLink' | 'externalLink';
+    internalLink: Nullable<string>;
+    externalLink: Nullable<string>;
+    name: string;
+}
+export interface SelectAttributes {
+    attribute_type: 'select';
+    value: string;
+    options: SelectOption[];
+}
+export interface BooleanAttributes {
+    attribute_type: 'boolean';
+    value: boolean;
+}
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header-tab-group';
+export interface BaseMolecule {
+    id: string;
+    instance: 'molecule';
+    type: MoleculeTypes;
+}
+export interface ImageMolecule extends BaseMolecule {
+    type: 'image';
+    attributes: {
+        image: ImageAttributes;
+        altText: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+    };
+}
+export interface TextMolecule extends BaseMolecule {
+    type: 'text';
+    attributes: {
+        text: TextAttributes;
+        seoStyle: SelectAttributes;
+    };
+    config: {
+        props: {
+            fontVariant: FontSizesTypes;
+            textSize: number;
+            textColor: ThemeColors | string;
+            letterSpacing: number;
+            lineHeight: number;
+            isRichText: boolean;
+            styles: CSSProperties;
+        };
+    };
+}
+export interface ButtonMolecule extends BaseMolecule {
+    type: 'button';
+    attributes: {
+        title: TextAttributes;
+        buttonLink: LinkAttributes;
+    };
+    config: {
+        props: Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>;
+    };
+}
+export interface VideoMolecule extends BaseMolecule {
+    type: 'video';
+    attributes: {
+        video: VideoAttributes;
+        altText: TextAttributes;
+        autoPlayVideo: BooleanAttributes;
+        enableCoverImage: BooleanAttributes;
+        coverImage: ImageAttributes;
+    };
+    config: {
+        props: {
+            width: number;
+            styles: CSSProperties;
+        };
+    };
+}
+export interface TabGroupMolecule extends BaseMolecule {
+    type: 'header-tab-group';
+    config: {
+        props: TabGroupProps;
+        wide: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
+        compact: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMolecule | ButtonMolecule | VideoMolecule | TabGroupMolecule>;

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

@@ -0,0 +1,30 @@
+import { PropsWithChildren } from 'react';
+import { CSSProperties } from 'styled-components';
+import { Molecule } from './moleculeTypes';
+export declare type ContainerType = 'row' | 'column' | 'slider';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type ContainerPropsType = Partial<{
+    position: ContainerPositionType;
+    scrollBehaviour: ContainerScrollBehaviourType;
+    cornerRadius: number;
+}>;
+export declare type AdditionalContainerProps = Partial<{
+    containerStyle: CSSProperties;
+    containerProps: ContainerPropsType;
+}>;
+export declare type ContainerProps = PropsWithChildren<Partial<{
+    type: ContainerType;
+    wide: AdditionalContainerProps;
+    compact: AdditionalContainerProps;
+}>>;
+export declare type ContainerComponentProps = {
+    id: string;
+    instance: 'container';
+    type: ContainerType;
+    config: {
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+    };
+    items: (ContainerComponentProps | Molecule)[];
+};

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

@@ -1,3 +1,6 @@
-export declare const sizings: (string | number)[];
-export declare const fonts: string[];
-export declare const seoTags: string[];
+import { FontSizesTypes, FontWeight, SizesTypes } from 'theme';
+import { SeoTags } from 'atoms';
+export declare const sizings: (SizesTypes | 0)[];
+export declare const fonts: FontSizesTypes[];
+export declare const seoTags: SeoTags[];
+export declare const fontWeight: FontWeight[];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,20 +1,11 @@
-/// <reference types="react" />
 export declare const ColumnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Link: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    withoutOpacityEffect: boolean;
-} & Pick<import("atoms").BaseButtonProps, "disabled" | "onClick" | "textSize" | "textColor" | "styles" | "children" | "buttonPadding" | "buttonFont"> & {
+export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, "withoutOpacityEffect">;
+}, never>;
 export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;

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

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

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

@@ -1,8 +1,13 @@
+/// <reference types="react" />
 import { TabProps, TabTheme } from 'atoms';
 import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
 export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+declare type AdditionalTabContainerProps = {
+    containerStyle?: CSSProperties;
+    containerProps?: Record<string, unknown>;
+};
 export declare type TabGroupProps<T = string, K = string> = {
     tabs: TabType<T, K>[];
     activeTabKey: T;
@@ -15,10 +20,11 @@ export declare type TabGroupProps<T = string, K = string> = {
     textSize?: number;
     tabPadding?: SizesTypes | number;
     tabSpacing?: SizesTypes;
-    textColor?: ThemeColors | string;
+    defaultTabTextColor?: ThemeColors | string;
     selectedTabTextColor?: ThemeColors | string;
     selectedTabIndicatorColor?: ThemeColors | string;
-    containerStyle?: CSSProperties;
-    containerProps?: Record<string, unknown>;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, containerStyle, containerProps, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+export {};

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 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 }: TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
 export declare const TabGroup: StoryFn<TabGroupProps>;

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

@@ -1,3 +1,4 @@
+/// <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, {
@@ -14,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;
@@ -22,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/cjs/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/cjs/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>;