@zealicsolutions/web-ui 0.3.33 → 0.3.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,10 +5,14 @@ import { IconButton as IconButtonComponent } from './IconButton';
5
5
  import { TouchableOpacityProps } from './TouchableOpacity';
6
6
  declare const _default: {
7
7
  title: string;
8
- component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
9
- buttonLink?: string | undefined;
10
- elementId?: string | undefined;
11
- }, never>;
8
+ component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
9
+ target: "_blank";
10
+ } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
11
+ buttonLink: string;
12
+ elementId: string;
13
+ $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
14
+ $variant: import("atoms/Buttons/TextButton").LinkVariant;
15
+ }>, "target">;
12
16
  };
13
17
  export default _default;
14
18
  export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
@@ -1,9 +1,17 @@
1
1
  import { BaseButtonProps } from 'molecules';
2
- export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
3
- buttonLink?: string;
4
- elementId?: string;
5
- };
6
- export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
7
- buttonLink?: string | undefined;
8
- elementId?: string | undefined;
9
- }, never>;
2
+ import { StylesType } from 'typescript';
3
+ export declare type LinkVariant = 'link' | 'custom';
4
+ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
5
+ buttonLink: string;
6
+ elementId: string;
7
+ $styles: StylesType;
8
+ $variant: LinkVariant;
9
+ }>;
10
+ export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
11
+ target: "_blank";
12
+ } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
13
+ buttonLink: string;
14
+ elementId: string;
15
+ $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
16
+ $variant: LinkVariant;
17
+ }>, "target">;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TextProps } from 'atoms';
3
3
  import { FontSizesTypes, ThemeColors } from 'theme';
4
- import { StylesType } from 'typescript';
4
+ import { AnyObject, StylesType } from 'typescript';
5
5
  export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
6
6
  export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
7
7
  export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -12,7 +12,9 @@ export declare type RichTextEditorProps = Partial<{
12
12
  font: FontSizesTypes;
13
13
  color: ThemeColors | string;
14
14
  textStyles: StylesType;
15
- numberOfLines?: number;
16
- extraTextProps?: TextProps;
15
+ numberOfLines: number;
16
+ extraTextProps: TextProps;
17
+ renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
18
+ renderElementWrapperProps: AnyObject;
17
19
  }>;
18
- export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
20
+ export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
@@ -1,5 +1,5 @@
1
- import { PropsWithChildren } from 'react';
2
1
  import { FormStepContainerProps } from 'containers';
2
+ import { PropsWithChildren } from 'react';
3
3
  export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
4
4
  id: string;
5
5
  };
@@ -1,5 +1,5 @@
1
- import { SelectOption } from 'atoms';
2
- import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
1
+ import { LinkVariant, SelectOption } from 'atoms';
2
+ import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
3
3
  import { UseFormReturn } from 'react-hook-form';
4
4
  import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
5
5
  import { ConditionConfig, ContainerComponentProps } from './types';
@@ -86,7 +86,7 @@ export interface ColorAttributes {
86
86
  attributeType: 'color';
87
87
  color: string;
88
88
  }
89
- export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
89
+ export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
90
90
  export interface BaseMolecule {
91
91
  id: string;
92
92
  instance: 'molecule';
@@ -110,7 +110,7 @@ export interface TextMoleculeType extends BaseMolecule {
110
110
  text: TextAttributes;
111
111
  seoStyle: SelectAttributes;
112
112
  fontVariant: SelectAttributes;
113
- textColor: ColorAttributes;
113
+ color: ColorAttributes;
114
114
  }>;
115
115
  config: {
116
116
  props?: TextMoleculeProps;
@@ -212,7 +212,20 @@ export interface ConsentFieldMolecule extends BaseMolecule {
212
212
  }>;
213
213
  }>;
214
214
  }
215
- export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
215
+ export interface LinkMolecule extends BaseMolecule {
216
+ type: 'link';
217
+ attributes: {
218
+ text: TextAttributes;
219
+ link: LinkAttributes;
220
+ };
221
+ config: {
222
+ props: Omit<LinkProps, '$variant' | '$styles'> & Partial<{
223
+ variant: LinkVariant;
224
+ styles: StylesType;
225
+ }>;
226
+ };
227
+ }
228
+ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
216
229
  form?: UseFormReturn<any>;
217
230
  };
218
231
  export {};
@@ -3,31 +3,31 @@ import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
3
3
  import type { Callback, StylesType } from 'typescript';
4
4
  export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
5
5
  export declare type ButtonType = 'button' | 'submit' | 'reset';
6
- export declare type BaseButtonProps = PropsWithChildren<{
7
- onClick?: Callback;
8
- variant?: ButtonVariant;
9
- disabled?: boolean;
10
- state?: 'disabled' | 'enabled';
11
- fullWidth?: boolean;
12
- size?: 'medium' | 'small';
13
- buttonFont?: FontSizesTypes;
14
- textColor?: ThemeColors | string;
15
- textSize?: number;
16
- horizontalPadding?: SizesTypes;
17
- verticalPadding?: SizesTypes;
18
- buttonColor?: ThemeColors | string;
19
- buttonStroke?: ThemeColors | string;
20
- cornerRadius?: SizesTypes | number;
21
- hoverButtonColor?: ThemeColors | string;
22
- hoverStrokeColor?: ThemeColors | string;
23
- inactiveButtonColor?: ThemeColors | string;
24
- inactiveStrokeColor?: ThemeColors | string;
25
- inactiveTextColor?: ThemeColors | string;
26
- styles?: StylesType;
27
- colorTheme?: 'light' | 'dark';
28
- href?: string;
29
- type?: ButtonType;
30
- }>;
6
+ export declare type BaseButtonProps = PropsWithChildren<Partial<{
7
+ onClick: Callback;
8
+ variant: ButtonVariant;
9
+ disabled: boolean;
10
+ state: 'disabled' | 'enabled';
11
+ fullWidth: boolean;
12
+ size: 'medium' | 'small';
13
+ buttonFont: FontSizesTypes;
14
+ textColor: ThemeColors | string;
15
+ textSize: number;
16
+ horizontalPadding: SizesTypes;
17
+ verticalPadding: SizesTypes;
18
+ buttonColor: ThemeColors | string;
19
+ buttonStroke: ThemeColors | string;
20
+ cornerRadius: SizesTypes | number;
21
+ hoverButtonColor: ThemeColors | string;
22
+ hoverStrokeColor: ThemeColors | string;
23
+ inactiveButtonColor: ThemeColors | string;
24
+ inactiveStrokeColor: ThemeColors | string;
25
+ inactiveTextColor: ThemeColors | string;
26
+ styles: StylesType;
27
+ colorTheme: 'light' | 'dark';
28
+ href: string;
29
+ type: ButtonType;
30
+ }>>;
31
31
  export declare type ButtonProps = BaseButtonProps & {
32
32
  fullWidth?: boolean;
33
33
  text?: string;
@@ -2,10 +2,14 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
2
2
  isMobile: boolean;
3
3
  }, never>;
4
4
  export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
6
- buttonLink?: string | undefined;
7
- elementId?: string | undefined;
8
- }, never>;
5
+ export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
6
+ target: "_blank";
7
+ } & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
8
+ buttonLink: string;
9
+ elementId: string;
10
+ $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
11
+ $variant: import("atoms").LinkVariant;
12
+ }>, "target">;
9
13
  export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
10
14
  isMobile: boolean;
11
15
  }, never>;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { TextButtonProps } from 'atoms';
3
+ export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
4
+ text: string;
5
+ isRichText: boolean;
6
+ href: string;
7
+ }>;
8
+ export declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import type { StoryFn } from '@storybook/react';
3
+ import { Link as LinkComponent } from 'molecules';
4
+ declare const _default: {
5
+ title: string;
6
+ component: ({ text: textProp, isRichText, ...props }: import("molecules").LinkProps) => JSX.Element | null;
7
+ };
8
+ export default _default;
9
+ export declare const Link: StoryFn<typeof LinkComponent>;
@@ -29,3 +29,4 @@ export * from './TextMolecule/TextMolecule';
29
29
  export * from './Button/Button';
30
30
  export * from './ZealUIModal/ZealUIModal';
31
31
  export * from './Consent/Consent';
32
+ export * from './Link/Link';
package/dist/index.d.ts CHANGED
@@ -15,8 +15,8 @@ import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, Sizes
15
15
  import * as react_hook_form from 'react-hook-form';
16
16
  import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
17
17
  import * as atoms from 'atoms';
18
- import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
19
- import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1 } from 'molecules';
18
+ import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, LinkVariant as LinkVariant$1 } from 'atoms';
19
+ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1, LinkProps as LinkProps$1 } from 'molecules';
20
20
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
21
21
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
22
22
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -293,14 +293,21 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
293
293
  cornerRadius: number;
294
294
  }> & OverrideStyles, never>;
295
295
 
296
- declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
297
- buttonLink?: string;
298
- elementId?: string;
299
- };
300
- declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
301
- buttonLink?: string | undefined;
302
- elementId?: string | undefined;
303
- }, never>;
296
+ declare type LinkVariant = 'link' | 'custom';
297
+ declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
298
+ buttonLink: string;
299
+ elementId: string;
300
+ $styles: StylesType;
301
+ $variant: LinkVariant;
302
+ }>;
303
+ declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, {
304
+ target: "_blank";
305
+ } & Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
306
+ buttonLink: string;
307
+ elementId: string;
308
+ $styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
309
+ $variant: LinkVariant;
310
+ }>, "target">;
304
311
 
305
312
  declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
306
313
  declare type ValidationTagProps = {
@@ -390,10 +397,12 @@ declare type RichTextEditorProps = Partial<{
390
397
  font: FontSizesTypes$2;
391
398
  color: ThemeColors$1 | string;
392
399
  textStyles: StylesType;
393
- numberOfLines?: number;
394
- extraTextProps?: TextProps$1;
400
+ numberOfLines: number;
401
+ extraTextProps: TextProps$1;
402
+ renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
403
+ renderElementWrapperProps: AnyObject;
395
404
  }>;
396
- declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
405
+ declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
397
406
 
398
407
  declare type RadioButtonInternalConfigProps = Partial<{
399
408
  selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -1363,31 +1372,31 @@ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, t
1363
1372
 
1364
1373
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1365
1374
  declare type ButtonType = 'button' | 'submit' | 'reset';
1366
- declare type BaseButtonProps = PropsWithChildren<{
1367
- onClick?: Callback$1;
1368
- variant?: ButtonVariant;
1369
- disabled?: boolean;
1370
- state?: 'disabled' | 'enabled';
1371
- fullWidth?: boolean;
1372
- size?: 'medium' | 'small';
1373
- buttonFont?: FontSizesTypes$2;
1374
- textColor?: ThemeColors$1 | string;
1375
- textSize?: number;
1376
- horizontalPadding?: SizesTypes$1;
1377
- verticalPadding?: SizesTypes$1;
1378
- buttonColor?: ThemeColors$1 | string;
1379
- buttonStroke?: ThemeColors$1 | string;
1380
- cornerRadius?: SizesTypes$1 | number;
1381
- hoverButtonColor?: ThemeColors$1 | string;
1382
- hoverStrokeColor?: ThemeColors$1 | string;
1383
- inactiveButtonColor?: ThemeColors$1 | string;
1384
- inactiveStrokeColor?: ThemeColors$1 | string;
1385
- inactiveTextColor?: ThemeColors$1 | string;
1386
- styles?: StylesType;
1387
- colorTheme?: 'light' | 'dark';
1388
- href?: string;
1389
- type?: ButtonType;
1390
- }>;
1375
+ declare type BaseButtonProps = PropsWithChildren<Partial<{
1376
+ onClick: Callback$1;
1377
+ variant: ButtonVariant;
1378
+ disabled: boolean;
1379
+ state: 'disabled' | 'enabled';
1380
+ fullWidth: boolean;
1381
+ size: 'medium' | 'small';
1382
+ buttonFont: FontSizesTypes$2;
1383
+ textColor: ThemeColors$1 | string;
1384
+ textSize: number;
1385
+ horizontalPadding: SizesTypes$1;
1386
+ verticalPadding: SizesTypes$1;
1387
+ buttonColor: ThemeColors$1 | string;
1388
+ buttonStroke: ThemeColors$1 | string;
1389
+ cornerRadius: SizesTypes$1 | number;
1390
+ hoverButtonColor: ThemeColors$1 | string;
1391
+ hoverStrokeColor: ThemeColors$1 | string;
1392
+ inactiveButtonColor: ThemeColors$1 | string;
1393
+ inactiveStrokeColor: ThemeColors$1 | string;
1394
+ inactiveTextColor: ThemeColors$1 | string;
1395
+ styles: StylesType;
1396
+ colorTheme: 'light' | 'dark';
1397
+ href: string;
1398
+ type: ButtonType;
1399
+ }>>;
1391
1400
  declare type ButtonProps = BaseButtonProps & {
1392
1401
  fullWidth?: boolean;
1393
1402
  text?: string;
@@ -1442,6 +1451,13 @@ declare type Consent = {
1442
1451
  };
1443
1452
  declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
1444
1453
 
1454
+ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
1455
+ text: string;
1456
+ isRichText: boolean;
1457
+ href: string;
1458
+ }>;
1459
+ declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
1460
+
1445
1461
  declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
1446
1462
  type: containers.ContainerType;
1447
1463
  wide: Partial<{
@@ -1564,7 +1580,7 @@ interface ColorAttributes {
1564
1580
  attributeType: 'color';
1565
1581
  color: string;
1566
1582
  }
1567
- declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
1583
+ declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
1568
1584
  interface BaseMolecule {
1569
1585
  id: string;
1570
1586
  instance: 'molecule';
@@ -1588,7 +1604,7 @@ interface TextMoleculeType extends BaseMolecule {
1588
1604
  text: TextAttributes;
1589
1605
  seoStyle: SelectAttributes;
1590
1606
  fontVariant: SelectAttributes;
1591
- textColor: ColorAttributes;
1607
+ color: ColorAttributes;
1592
1608
  }>;
1593
1609
  config: {
1594
1610
  props?: TextMoleculeProps$1;
@@ -1690,7 +1706,20 @@ interface ConsentFieldMolecule extends BaseMolecule {
1690
1706
  }>;
1691
1707
  }>;
1692
1708
  }
1693
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
1709
+ interface LinkMolecule extends BaseMolecule {
1710
+ type: 'link';
1711
+ attributes: {
1712
+ text: TextAttributes;
1713
+ link: LinkAttributes;
1714
+ };
1715
+ config: {
1716
+ props: Omit<LinkProps$1, '$variant' | '$styles'> & Partial<{
1717
+ variant: LinkVariant$1;
1718
+ styles: StylesType;
1719
+ }>;
1720
+ };
1721
+ }
1722
+ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
1694
1723
  form?: UseFormReturn<any>;
1695
1724
  };
1696
1725
 
@@ -1771,4 +1800,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
1771
1800
  tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
1772
1801
  }) => JSX.Element | null;
1773
1802
 
1774
- export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, 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, TextInputMolecule, 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, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1803
+ export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, 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, TextInputMolecule, 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, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.33",
3
+ "version": "0.3.35",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"