@zealicsolutions/web-ui 0.2.87 → 0.2.88

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

@@ -1,3 +1,29 @@
 /// <reference types="react" />
-import type { SelectProps } from './types';
-export declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;
+import { ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type SelectOption = {
+    id: string;
+    label: string;
+};
+export declare type SelectInternalConfigurationOptions = {
+    placeholderTextColor: ThemeColors | string;
+    placeholderTextFontSize: number;
+    selectedTextColor: ThemeColors | string;
+    selectedTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    wrapperStyles: StylesType;
+    styles: StylesType;
+};
+export declare type SelectProps = {
+    value?: string;
+    optionsPresentation?: boolean;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options?: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+    selectInternalConfig?: SelectInternalConfigurationOptions;
+};
+export declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, }: SelectProps) => JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { Select as SelectComponent } from './Select';
+import { StoryFn } from '@storybook/react';
+import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: import("./types").SelectProps) => JSX.Element;
+    component: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, }: SelectProps) => JSX.Element;
 };
 export default _default;
-export declare const Select: ComponentStory<typeof SelectComponent>;
+export declare const Select: StoryFn<SelectProps>;

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

@@ -1,12 +1,16 @@
+import { StylesType } from 'typescript';
+import { SelectInternalConfigurationOptions } from './Select';
 declare type SelectContainerProps = {
     hasValue: boolean;
     disabled: boolean;
     isOpen: boolean;
     hasError: boolean;
+    $styles: StylesType;
 };
 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>;
 export declare const DropdownMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    selected: boolean;
+    $selected: boolean;
 }, never>;
+export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
 export {};

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

@@ -8,6 +8,7 @@ export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
     variant?: ButtonVariant;
     disabled?: boolean;
+    state?: 'disabled' | 'enabled';
     fullWidth?: boolean;
     size?: 'medium' | 'small';
     buttonFont?: FontSizesTypes;
@@ -37,4 +38,4 @@ export declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, ...props }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: ButtonProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules/Button/Button';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

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

@@ -30,7 +30,7 @@ export declare type TooltipInternalConfig = {
     wrapperStyles: StylesType;
 };
 export declare type FieldLabelsProps = {
-    label: string;
+    label?: string;
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;

package/dist/esm/src/molecules/FieldLabels/helpers.d.ts

@@ -0,0 +1,8 @@
+import { TooltipInternalConfig } from './FieldLabels';
+import { StylesType } from 'typescript';
+declare type ToolTipStylesConfig = {
+    tooltipStyles: StylesType;
+    tooltipWrapperStyles: StylesType;
+};
+export declare const getTooltipStyles: (internalConfig?: TooltipInternalConfig) => ToolTipStylesConfig;
+export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import { SelectProps } from '../../atoms/Select/types';
+import { SelectProps } from '../../atoms/Select/Select';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 import { StylesType } from 'typescript';
 export declare type SelectFieldProps = {

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { SelectField as SelectFieldComponent } from './SelectField';
+import { StoryFn } from '@storybook/react';
+import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: import("./SelectField").SelectFieldProps) => JSX.Element;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
 };
 export default _default;
-export declare const SelectField: ComponentStory<typeof SelectFieldComponent>;
+export declare const SelectField: StoryFn<SelectFieldProps>;

package/dist/index.d.ts

@@ -3,11 +3,11 @@ import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
+import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
+import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUnion } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
-import { ThemeColors as ThemeColors$1, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUnion } from 'typescript';
-import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
+import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
 import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, FieldLabelsProps as FieldLabelsProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, ImageProps as ImageProps$1 } from 'molecules';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
@@ -65,6 +65,16 @@ declare type SelectOption = {
     id: string;
     label: string;
 };
+declare type SelectInternalConfigurationOptions = {
+    placeholderTextColor: ThemeColors$1 | string;
+    placeholderTextFontSize: number;
+    selectedTextColor: ThemeColors$1 | string;
+    selectedTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    wrapperStyles: StylesType;
+    styles: StylesType;
+};
 declare type SelectProps = {
     value?: string;
     optionsPresentation?: boolean;
@@ -74,14 +84,14 @@ declare type SelectProps = {
     options?: SelectOption[];
     isError?: boolean;
     isEditMode?: boolean;
+    selectInternalConfig?: SelectInternalConfigurationOptions;
 };
-
-declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;
+declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, }: SelectProps) => JSX.Element;
 
 declare type InputFieldInternalConfigProps = {
-    textColor: ThemeColors$1 | string;
+    textColor: ThemeColors$2 | string;
     textFontSize: number;
-    placeholderTextColor: ThemeColors$1 | string;
+    placeholderTextColor: ThemeColors$2 | string;
     placeholderTextFontSize: number;
     verticalPadding: number;
     horizontalPadding: number;
@@ -117,7 +127,7 @@ declare type TextProps = {
     layout?: 'div' | 'span';
     type?: TextTypes;
     styles?: StylesType;
-    color?: ThemeColors$1 | string;
+    color?: ThemeColors$2 | string;
     numberOfLines?: number;
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
@@ -129,8 +139,8 @@ declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps
 declare type IconProps = {
     name: IconNames;
     size?: number;
-    color?: ThemeColors$2 | string;
-    fill?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
+    fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
     style?: CSSProperties;
 };
@@ -170,7 +180,7 @@ declare type SpacerProps = {
 declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
 
 declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    color?: ThemeColors$1 | undefined;
+    color?: ThemeColors$2 | undefined;
     size?: SizesTypes$2 | undefined;
 }, never>;
 
@@ -249,9 +259,9 @@ declare type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
     label?: string;
-    backgroundColor?: ThemeColors$2;
+    backgroundColor?: ThemeColors$1;
     textConfig?: {
-        color?: ThemeColors$2;
+        color?: ThemeColors$1;
         font?: FontSizesTypes$2;
     };
     content: {
@@ -271,7 +281,7 @@ declare const VerticalPadding: styled_components.StyledComponent<"div", styled_c
 
 declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
-    color?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
     marginVertical?: SizesTypes$1 | number;
     marginHorizontal?: SizesTypes$1 | number;
     weight?: number;
@@ -297,7 +307,7 @@ declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
 declare type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes$2;
-    color: ThemeColors$2 | string;
+    color: ThemeColors$1 | string;
     textStyles: StylesType;
     numberOfLines?: number;
     extraTextProps?: TextProps$1;
@@ -330,8 +340,8 @@ declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
 declare type CircularIndicatorProps = {
     active: boolean;
-    activeColor?: ThemeColors$2 | string;
-    inactiveColor?: ThemeColors$2 | string;
+    activeColor?: ThemeColors$1 | string;
+    inactiveColor?: ThemeColors$1 | string;
 };
 declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
 declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
@@ -340,8 +350,8 @@ declare type IconButtonProps = {
     name: IconNames$2;
     size?: number;
     onClick: Callback$1;
-    color?: ThemeColors$2 | string;
-    fill?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
+    fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
@@ -369,9 +379,9 @@ declare type TabProps<T = string, K = string> = {
     tabFont: FontSizesTypes$2;
     textSize: number;
     tabPadding: SizesTypes$1 | number;
-    defaultTabTextColor: ThemeColors$2 | string;
-    selectedTabTextColor: ThemeColors$2 | string;
-    selectedTabIndicatorColor: ThemeColors$2 | string;
+    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;
@@ -390,9 +400,9 @@ declare const Tab: <T, K>(props: {
     tabFont: FontSizesTypes$2;
     textSize: number;
     tabPadding: SizesTypes$1 | number;
-    defaultTabTextColor: ThemeColors$2 | string;
-    selectedTabTextColor: ThemeColors$2 | string;
-    selectedTabIndicatorColor: ThemeColors$2 | string;
+    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;
@@ -822,14 +832,14 @@ declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes$2;
     fontSize: number;
     fontWeight: string | number;
-    color: ThemeColors$2 | string;
+    color: ThemeColors$1 | string;
     padding: string;
     styles: StylesType;
     wrapperStyles: StylesType;
 };
 declare type RuleLabelInternalConfig = {
-    requiredTextColor: ThemeColors$2 | string;
-    optionalTextColor: ThemeColors$2 | string;
+    requiredTextColor: ThemeColors$1 | string;
+    optionalTextColor: ThemeColors$1 | string;
     padding: string;
     fontSize: number;
     styles: StylesType;
@@ -838,15 +848,15 @@ declare type TooltipInternalConfig = {
     fontVariant: FontSizesTypes$2;
     fontSize: number;
     fontWeight: string | number;
-    color: ThemeColors$2 | string;
+    color: ThemeColors$1 | string;
     padding: string;
-    backgroundColor: ThemeColors$2 | string;
-    iconColor: ThemeColors$2 | string;
+    backgroundColor: ThemeColors$1 | string;
+    iconColor: ThemeColors$1 | string;
     styles: StylesType;
     wrapperStyles: StylesType;
 };
 declare type FieldLabelsProps = {
-    label: string;
+    label?: string;
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
@@ -952,7 +962,7 @@ declare type DrawerProps = DrawerProps$1 & {
     padding?: SizesTypes$2 | number;
     height?: number | string;
     width?: number | string;
-    closeIconColor?: ThemeColors$1 | string;
+    closeIconColor?: ThemeColors$2 | string;
 };
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
@@ -1008,9 +1018,9 @@ declare type TabGroupProps<T = string, K = string> = {
     textSize?: number;
     tabPadding?: SizesTypes$2 | number;
     tabSpacing?: SizesTypes$2;
-    defaultTabTextColor?: ThemeColors$1 | string;
-    selectedTabTextColor?: ThemeColors$1 | string;
-    selectedTabIndicatorColor?: ThemeColors$1 | string;
+    defaultTabTextColor?: ThemeColors$2 | string;
+    selectedTabTextColor?: ThemeColors$2 | string;
+    selectedTabIndicatorColor?: ThemeColors$2 | string;
     wide?: AdditionalTabContainerProps;
     compact?: AdditionalTabContainerProps;
 };
@@ -1063,7 +1073,7 @@ declare type AlertProps = {
     withCloseIcon?: {
         onClose: Callback$1;
     };
-    fontColor?: ThemeColors$2;
+    fontColor?: ThemeColors$1;
     destinationLink?: string;
     onDestinationHandler?: Callback$1;
     containerStyles?: CSSProperties;
@@ -1086,12 +1096,12 @@ declare type PdfDocumentProps = {
     source: string;
     isMobile?: boolean;
     customDocumentStyles?: Partial<{
-        wrapperBackgroundColor: ThemeColors$2 | string;
-        pageNumberColor: ThemeColors$2 | string;
+        wrapperBackgroundColor: ThemeColors$1 | string;
+        pageNumberColor: ThemeColors$1 | string;
         pageWidth: number;
         pageHeight: number;
-        paginationArrowColor: ThemeColors$2 | string;
-        disabledPaginationArrowColor: ThemeColors$2 | string;
+        paginationArrowColor: ThemeColors$1 | string;
+        disabledPaginationArrowColor: ThemeColors$1 | string;
     }>;
 };
 declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
@@ -1172,7 +1182,7 @@ declare type TextMoleculeProps = Partial<{
     variant: 'base' | 'custom';
     fontVariant: FontSizesTypes$2;
     textSize: number;
-    textColor: ThemeColors$2 | string;
+    textColor: ThemeColors$1 | string;
     letterSpacing: number;
     lineHeight: number;
     fontWeight: string | number;
@@ -1187,21 +1197,22 @@ declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback$1;
     variant?: ButtonVariant;
     disabled?: boolean;
+    state?: 'disabled' | 'enabled';
     fullWidth?: boolean;
     size?: 'medium' | 'small';
     buttonFont?: FontSizesTypes$2;
-    textColor?: ThemeColors$2 | string;
+    textColor?: ThemeColors$1 | string;
     textSize?: number;
     horizontalPadding?: SizesTypes$1;
     verticalPadding?: SizesTypes$1;
-    buttonColor?: ThemeColors$2 | string;
-    buttonStroke?: ThemeColors$2 | string;
+    buttonColor?: ThemeColors$1 | string;
+    buttonStroke?: ThemeColors$1 | string;
     cornerRadius?: SizesTypes$1 | number;
-    hoverButtonColor?: ThemeColors$2 | string;
-    hoverStrokeColor?: ThemeColors$2 | string;
-    inactiveButtonColor?: ThemeColors$2 | string;
-    inactiveStrokeColor?: ThemeColors$2 | string;
-    inactiveTextColor?: ThemeColors$2 | string;
+    hoverButtonColor?: ThemeColors$1 | string;
+    hoverStrokeColor?: ThemeColors$1 | string;
+    inactiveButtonColor?: ThemeColors$1 | string;
+    inactiveStrokeColor?: ThemeColors$1 | string;
+    inactiveTextColor?: ThemeColors$1 | string;
     styles?: StylesType;
     colorTheme?: 'light' | 'dark';
     href?: string;
@@ -1216,7 +1227,7 @@ declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, ...props }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: ButtonProps) => JSX.Element | null;
 
 declare const Container: ({ children, wide, compact, type, ...props }: ContainerProps$1) => JSX.Element;
 declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
@@ -1278,7 +1289,7 @@ interface TextMoleculeType extends BaseMolecule {
         props: {
             fontVariant: FontSizesTypes$2;
             textSize: number;
-            textColor: ThemeColors$2 | string;
+            textColor: ThemeColors$1 | string;
             letterSpacing: number;
             lineHeight: number;
             isRichText: boolean;
@@ -1370,4 +1381,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, 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, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, 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, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, 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, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, 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, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, 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.87",
+  "version": "0.2.88",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"

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

@@ -1,14 +0,0 @@
-export declare type SelectOption = {
-    id: string;
-    label: string;
-};
-export declare type SelectProps = {
-    value?: string;
-    optionsPresentation?: boolean;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    options?: SelectOption[];
-    isError?: boolean;
-    isEditMode?: boolean;
-};

package/dist/esm/src/atoms/Select/types.d.ts

@@ -1,14 +0,0 @@
-export declare type SelectOption = {
-    id: string;
-    label: string;
-};
-export declare type SelectProps = {
-    value?: string;
-    optionsPresentation?: boolean;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    options?: SelectOption[];
-    isError?: boolean;
-    isEditMode?: boolean;
-};