@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.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +16 -8
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
- package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +18 -5
- package/dist/cjs/src/molecules/Button/Button.d.ts +25 -25
- package/dist/cjs/src/molecules/Columns/styles.d.ts +8 -4
- package/dist/cjs/src/molecules/Link/Link.d.ts +8 -0
- package/dist/cjs/src/molecules/Link/Link.stories.d.ts +9 -0
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +8 -4
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +16 -8
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +6 -4
- package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +18 -5
- package/dist/esm/src/molecules/Button/Button.d.ts +25 -25
- package/dist/esm/src/molecules/Columns/styles.d.ts +8 -4
- package/dist/esm/src/molecules/Link/Link.d.ts +8 -0
- package/dist/esm/src/molecules/Link/Link.stories.d.ts +9 -0
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/index.d.ts +71 -42
- package/package.json +1 -1
@@ -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,
|
9
|
-
|
10
|
-
|
11
|
-
|
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
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
}
|
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
|
16
|
-
extraTextProps
|
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 { 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
|
-
|
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
|
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
|
8
|
-
variant
|
9
|
-
disabled
|
10
|
-
state
|
11
|
-
fullWidth
|
12
|
-
size
|
13
|
-
buttonFont
|
14
|
-
textColor
|
15
|
-
textSize
|
16
|
-
horizontalPadding
|
17
|
-
verticalPadding
|
18
|
-
buttonColor
|
19
|
-
buttonStroke
|
20
|
-
cornerRadius
|
21
|
-
hoverButtonColor
|
22
|
-
hoverStrokeColor
|
23
|
-
inactiveButtonColor
|
24
|
-
inactiveStrokeColor
|
25
|
-
inactiveTextColor
|
26
|
-
styles
|
27
|
-
colorTheme
|
28
|
-
href
|
29
|
-
type
|
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,
|
6
|
-
|
7
|
-
|
8
|
-
|
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>;
|
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
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
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
|
394
|
-
extraTextProps
|
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
|
1368
|
-
variant
|
1369
|
-
disabled
|
1370
|
-
state
|
1371
|
-
fullWidth
|
1372
|
-
size
|
1373
|
-
buttonFont
|
1374
|
-
textColor
|
1375
|
-
textSize
|
1376
|
-
horizontalPadding
|
1377
|
-
verticalPadding
|
1378
|
-
buttonColor
|
1379
|
-
buttonStroke
|
1380
|
-
cornerRadius
|
1381
|
-
hoverButtonColor
|
1382
|
-
hoverStrokeColor
|
1383
|
-
inactiveButtonColor
|
1384
|
-
inactiveStrokeColor
|
1385
|
-
inactiveTextColor
|
1386
|
-
styles
|
1387
|
-
colorTheme
|
1388
|
-
href
|
1389
|
-
type
|
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
|
-
|
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
|
-
|
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 };
|