@zealicsolutions/web-ui 0.2.143 → 0.2.267

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Callback } from 'typescript';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Avatar as AvatarComponent } from './Avatar';
 declare const _default: {

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

@@ -5,10 +5,13 @@ import { IconButton as IconButtonComponent } from './IconButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-        buttonLink?: string | undefined;
-        elementId?: string | undefined;
-    }, never>;
+    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+        buttonLink: string;
+        elementId: string;
+        $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        $variant: import("atoms/Buttons/TextButton").LinkVariant;
+        textColor: string;
+    }>, never>;
 };
 export default _default;
 export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
 import type { Callback } from 'typescript';

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

@@ -1,9 +1,17 @@
 import { BaseButtonProps } from 'molecules';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
-    buttonLink?: string;
-    elementId?: string;
-};
-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;
-}, never>;
+import { StylesType } from 'typescript';
+export declare type LinkVariant = 'link' | 'custom';
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}>;
+export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    $variant: LinkVariant;
+    textColor: string;
+}>, never>;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import { CheckboxInternalConfigProps } from './types';
 export declare type CheckboxProps = {
     id: string;
     onClick: (id: string) => void;
     label: string;
-} & Partial<{
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isSelected: boolean;
-    isRichText: boolean;
-    internalConfig: CheckboxInternalConfigProps;
-}>;
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: CheckboxProps) => JSX.Element;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isSelected?: boolean;
+    isRichText?: boolean;
+    notInteractable?: boolean;
+    internalConfig?: CheckboxInternalConfigProps;
+};
+export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {
     title: string;
-    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
 };
 export default _default;
 export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type CircleType = 'link' | 'message';
 export declare type CircleBoxProps = {
     index: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Circle as CircleComponent } from 'atoms/Circle/Circle';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeColors } from 'theme';
 export declare type CircularIndicatorProps = {
     active: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CircularIndicator as CircularIndicatorComponent } from './CircularIndicator';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HorizontalButtons as HorizontalButtonsComponent } from './HorizontalButtons';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Icon as IconComponent } from './Icon';
 declare const _default: {

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

@@ -1,4 +1,5 @@
 import type { IconNames } from 'atoms/Icon/Icon';
+import { FormStateType } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
 import { ThemeColors } from 'theme/types';
@@ -18,20 +19,21 @@ export declare type InputIconProps = {
     name: IconNames;
     onClick?: Callback;
 };
-export declare type InputProps = {
-    value?: string;
-    leftIcon?: InputIconProps;
-    rightIcon?: InputIconProps;
-    onBlur?: Callback;
-    type?: InputFieldTypes;
-    placeholder?: string;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isError?: boolean;
-    maxLength?: number;
-    onChange?: (value: string) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig?: InputFieldInternalConfigProps;
+export declare type InputProps = Partial<{
+    value: string;
+    leftIcon: InputIconProps;
+    rightIcon: InputIconProps;
+    onBlur: Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: InputFieldInternalConfigProps;
     config?: MaskConfig;
-};
+    state: FormStateType;
+}>;
 export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;

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

@@ -1,9 +1,35 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
+import { InputFieldTypes } from '../../fieldsConfiguration';
 declare const _default: {
     title: string;
-    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
+        value: string;
+        leftIcon: import("./Input").InputIconProps;
+        rightIcon: import("./Input").InputIconProps;
+        onBlur: import("../../typescript").Callback;
+        type: InputFieldTypes;
+        placeholder: string;
+        disabled: boolean;
+        isEditMode: boolean;
+        isError: boolean;
+        maxLength: number;
+        onChange: (value: string) => void;
+        onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+        internalConfig: Partial<{
+            textColor: string;
+            textFontSize: number;
+            placeholderTextColor: string;
+            placeholderTextFontSize: number;
+            verticalPadding: number;
+            horizontalPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+        config?: import("./helpers").MaskConfig | undefined;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const Input: StoryFn<InputProps>;

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -3,16 +3,42 @@ import { HTMLInputTypeAttribute } from 'react';
 import { ThemeColors } from 'theme';
 import { InputProps } from 'atoms';
 import { InputFieldTypes } from '../../fieldsConfiguration';
-export declare type MaskConfig = Partial<{
-    maskPlaceholder: string;
-    dataModelFieldType: InputFieldTypes;
-    maskPattern: Array<string | RegExp>;
-}>;
+import { DataModelFieldFormatCodeTypes } from '../../containers';
+export declare type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
 export declare const getSpecificInputProps: (type: InputFieldTypes) => {
     type?: HTMLInputTypeAttribute | undefined;
     inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
 };
 export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
-export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
+    value: string;
+    leftIcon: import("atoms").InputIconProps;
+    rightIcon: import("atoms").InputIconProps;
+    onBlur: import("../../typescript").Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: Partial<{
+        textColor: string;
+        textFontSize: number;
+        placeholderTextColor: string;
+        placeholderTextFontSize: number;
+        verticalPadding: number;
+        horizontalPadding: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>;
+    config?: MaskConfig | undefined;
+    state: import("../../containers").FormStateType;
+}>, "disabled" | "isEditMode" | "isError"> & {
     isFocused: boolean;
 }) => ThemeColors;

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

@@ -1,6 +1,6 @@
 import { SizesTypes } from 'theme';
-export declare type HorizontalPaddingProps = {
+export declare type PaddingProps = {
     padding: SizesTypes | number;
 };
-export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
-export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
+export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
+export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroup } from '@mui/material';
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { SizesTypes, ThemeColors } from 'theme';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {

package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
 declare type RadioOptionProps = {
     option: SelectOption;

package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts

@@ -1,10 +1,12 @@
 import { RadioButtonInternalConfigProps } from 'atoms';
+import { ThemeColors } from 'theme';
 import type { StylesType } from 'typescript';
 declare type RadioOptionStylesConfig = {
     textStyles: StylesType;
     groupWrapperStyles: StylesType;
     radioIconWrapperStyles: StylesType;
     radioLabelWrapperStyles: StylesType;
+    textColor: ThemeColors;
 };
 declare type GetRadioOptionStylesProps = Partial<{
     isError: boolean;

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

@@ -6,4 +6,5 @@ export declare const RadioLabelWrapper: import("styled-components").StyledCompon
 export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, StyledTransientProps<{
     disabled: boolean;
     isError?: boolean | undefined;
+    isEditMode?: boolean | undefined;
 }> & OverrideStyles, never>;

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

@@ -1,5 +1,5 @@
-import type { Callback } from 'typescript';
-import { OverrideStyles } from 'typescript';
+import type { Callback, OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type RegularImageProps = {
     src: string;
 } & Partial<{
@@ -7,7 +7,7 @@ export declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles;
 export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -16,7 +16,7 @@ export declare const RegularImage: import("styled-components").StyledComponent<"
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles, never>;
 export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     src: string;
@@ -25,5 +25,5 @@ export declare const BackgroundImage: import("styled-components").StyledComponen
     width: number | string;
     height: number | string;
     onClick: Callback;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
 }> & OverrideStyles, never>;

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

@@ -9,7 +9,7 @@ declare const _default: {
         width: string | number;
         height: string | number;
         onClick: import("../../typescript").Callback;
-        cornerRadius: number;
+        cornerRadius: number | import("../..").SizesTypes;
     }> & import("../../typescript").OverrideStyles, never>;
 };
 export default _default;

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

@@ -1,7 +1,8 @@
-/// <reference types="react" />
 import { TextProps } from 'atoms';
+import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';
-import { StylesType } from 'typescript';
+import { AnyObject, StylesType } from 'typescript';
+export declare const defaultValue: Descendant[];
 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";
@@ -12,7 +13,12 @@ export declare type RichTextEditorProps = Partial<{
     font: FontSizesTypes;
     color: ThemeColors | string;
     textStyles: StylesType;
-    numberOfLines?: number;
-    extraTextProps?: TextProps;
+    numberOfLines: number;
+    extraTextProps: TextProps;
+    renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
+    renderElementWrapperProps: AnyObject;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
 }>;
-export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, font, color, textStyles, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, moleculeId, isTrigger, }: RichTextEditorProps) => JSX.Element;

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

@@ -1,3 +1,5 @@
-/// <reference types="react" />
 import { RenderElementProps } from 'slate-react/dist/components/editable';
-export declare const EditorElement: ({ element, children, attributes }: RenderElementProps) => JSX.Element;
+import { Callback } from 'typescript';
+export declare const EditorElement: ({ element, children, attributes, onClick, }: RenderElementProps & {
+    onClick?: Callback | undefined;
+}) => JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
 export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => JSX.Element;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import { RefCallBack } from 'react-hook-form/dist/types';
 import { ThemeColors } from 'theme';
 import type { AnyObject, Callback, StylesType } from 'typescript';
-import { RefCallBack } from 'react-hook-form/dist/types';
 export declare type SelectOption = {
     id: string;
     label: string;
@@ -32,4 +31,4 @@ export declare type SelectProps = Partial<{
     selectInternalConfig: SelectInternalConfigurationOptions;
     isRichText: boolean;
 }>;
-export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: Partial<{
+    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: Partial<{
         ref: import("react-hook-form").RefCallBack;
         onBlur: import("../../typescript").Callback;
         value: string;

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

@@ -6,6 +6,7 @@ declare type SelectContainerProps = {
     isOpen: boolean;
     hasError: boolean;
     $styles: StylesType;
+    isEditMode?: boolean;
 };
 export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectContainerProps, never>;
 export declare const DropdownMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -39,7 +39,7 @@ export declare const Tab: <T, K>(props: {
     vertical: boolean;
     isActive: boolean;
     onClick: (key: T) => void;
-    options: MenuItem<K>[];
+    options: MenuItem<K_1>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;

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

@@ -11,7 +11,7 @@ declare const _default: {
         vertical: boolean;
         isActive: boolean;
         onClick: (key: T) => void;
-        options: import("../..").MenuItem<K>[];
+        options: MenuItem<K_1>[];
         onOptionClick: (optionKey: K) => void;
         tabTheme: import("atoms").TabTheme;
         divider: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;

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

@@ -14,6 +14,7 @@ export declare type TextProps = {
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
     seoTag?: SeoTags;
+    htmlElementId?: string;
 };
 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,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { TextWrapperProps } from 'atoms';
 declare const _default: {

package/dist/cjs/src/atoms/Toast/ToastContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastType } from './types';
 declare type ToastContentProps = {
     type: ToastType;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
 import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 export declare type ValidationTagProps = {
     status: ValidationTagStatus;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { ValidationTag as ValidationTagComponent } from './ValidationTag';
 declare const _default: {

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

@@ -0,0 +1,8 @@
+export declare const paramKeys: {
+    internalLinkAlias: string;
+    internalLinkWebpageId: string;
+    internalLinkApplicationId: string;
+    previewApplicationId: string;
+    previewSelectedWebpageId: string;
+    runtimeSelectedWebpageId: string;
+};

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

@@ -1,4 +1,84 @@
-/// <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, tabsProps }: ContainerComponentProps) => JSX.Element | null;
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import type { AnyObject } from 'typescript';
+export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
+    type: import("containers").ContainerType;
+    metadata: import("containers").MetadataType;
+} & Partial<{
+    containerTemplateType: "row_content_container";
+    wide: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            alignItems: import("containers").ContainerAlignItemsType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number | import("theme").SizesTypes;
+            gap: import("theme").SizesTypes;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+            border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
+            padding: import("containers").Padding;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            alignItems: import("containers").ContainerAlignItemsType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number | import("theme").SizesTypes;
+            gap: import("theme").SizesTypes;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            paddingTop: import("theme").SizesTypes;
+            paddingBottom: import("theme").SizesTypes;
+            paddingLeft: import("theme").SizesTypes;
+            paddingRight: import("theme").SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+            border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
+            padding: import("containers").Padding;
+        }>;
+    }>;
+    props: Partial<{
+        position: import("containers").ContainerPositionType;
+        alignItems: import("containers").ContainerAlignItemsType;
+        scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+        cornerRadius: number | import("theme").SizesTypes;
+        gap: import("theme").SizesTypes;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        paddingTop: import("theme").SizesTypes;
+        paddingBottom: import("theme").SizesTypes;
+        paddingLeft: import("theme").SizesTypes;
+        paddingRight: import("theme").SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
+        formProps: import("containers").FormContainerProps;
+        formStepProps: import("containers").FormStepContainerProps;
+        border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
+        padding: import("containers").Padding;
+    }>;
+    isMobile: boolean;
+}> & {
+    children?: ReactNode;
+} & {
+    id: string;
+}) => JSX.Element | null;
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps & {
+    formData?: AnyObject | undefined;
+    setFormData?: Dispatch<SetStateAction<AnyObject>> | undefined;
+}) => JSX.Element | null;