@zealicsolutions/web-ui 0.2.62 → 0.2.64
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 +21 -21
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Button.d.ts +6 -2
- package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +3 -3
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +5 -13
- package/dist/cjs/src/icons/Check.d.ts +1 -1
- package/dist/cjs/src/icons/Info.d.ts +1 -1
- package/dist/cjs/src/molecules/Columns/styles.d.ts +1 -5
- package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +1 -1
- package/dist/cjs/src/molecules/index.d.ts +1 -0
- package/dist/cjs/src/organisms/Body/Body.d.ts +1 -1
- package/dist/cjs/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/cjs/src/theme/types.d.ts +1 -1
- package/dist/esm/index.js +18 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Button.d.ts +6 -2
- package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +3 -3
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +5 -13
- package/dist/esm/src/icons/Check.d.ts +1 -1
- package/dist/esm/src/icons/Info.d.ts +1 -1
- package/dist/esm/src/molecules/Columns/styles.d.ts +1 -5
- package/dist/esm/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +1 -1
- package/dist/esm/src/molecules/index.d.ts +1 -0
- package/dist/esm/src/organisms/Body/Body.d.ts +1 -1
- package/dist/esm/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/esm/src/theme/types.d.ts +1 -1
- package/dist/index.d.ts +68 -62
- package/package.json +1 -1
@@ -1,12 +1,15 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
2
|
import { CSSProperties } from 'styled-components';
|
3
3
|
import type { Callback } from 'typescript';
|
4
|
+
export declare type ButtonVariant = 'primary' | 'secondary' | 'text';
|
4
5
|
export declare type BaseButtonProps = PropsWithChildren<{
|
5
6
|
onClick?: Callback;
|
6
|
-
variant?:
|
7
|
+
variant?: ButtonVariant;
|
7
8
|
disabled?: boolean;
|
8
9
|
fullWidth?: boolean;
|
9
10
|
size?: 'medium' | 'small';
|
11
|
+
activeOpacity?: number;
|
12
|
+
withoutOpacityEffect?: boolean;
|
10
13
|
}>;
|
11
14
|
export declare type ButtonProps = BaseButtonProps & {
|
12
15
|
fullWidth?: boolean;
|
@@ -16,5 +19,6 @@ export declare type ButtonProps = BaseButtonProps & {
|
|
16
19
|
loading?: boolean;
|
17
20
|
isRichText?: boolean;
|
18
21
|
containerStyle?: CSSProperties;
|
22
|
+
buttonStyle?: CSSProperties;
|
19
23
|
};
|
20
|
-
export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
|
24
|
+
export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import type { ComponentStory } from '@storybook/react';
|
2
|
-
import { FC } from 'react';
|
3
2
|
import { TextButtonProps } from 'atoms/Buttons/TextButton';
|
3
|
+
import { FC } from 'react';
|
4
4
|
import { Button as ButtonComponent } from './Button';
|
5
|
-
import { TouchableOpacityProps } from './TouchableOpacity';
|
6
5
|
import { IconButton as IconButtonComponent } from './IconButton';
|
6
|
+
import { TouchableOpacityProps } from './TouchableOpacity';
|
7
7
|
declare const _default: {
|
8
8
|
title: string;
|
9
|
-
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: import("./Button").ButtonProps) => JSX.Element | null;
|
9
|
+
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
|
10
10
|
};
|
11
11
|
export default _default;
|
12
12
|
export declare const Button: ComponentStory<typeof ButtonComponent>;
|
@@ -1,24 +1,16 @@
|
|
1
|
-
|
2
|
-
import
|
3
|
-
export declare type TextButtonProps =
|
4
|
-
activeOpacity?: number;
|
5
|
-
withoutOpacityEffect?: boolean;
|
6
|
-
disabled?: boolean;
|
7
|
-
onClick?: Callback;
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { BaseButtonProps } from './Button';
|
3
|
+
export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
|
8
4
|
buttonLink?: string;
|
9
5
|
elementId?: string;
|
10
|
-
}
|
6
|
+
};
|
11
7
|
export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
12
8
|
activeOpacity?: number | undefined;
|
13
9
|
withoutOpacityEffect?: boolean | undefined;
|
14
10
|
disabled?: boolean | undefined;
|
15
11
|
} & {
|
16
12
|
children?: import("react").ReactNode;
|
17
|
-
} & {
|
18
|
-
activeOpacity?: number | undefined;
|
19
|
-
withoutOpacityEffect?: boolean | undefined;
|
20
|
-
disabled?: boolean | undefined;
|
21
|
-
onClick?: Callback | undefined;
|
13
|
+
} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
|
22
14
|
buttonLink?: string | undefined;
|
23
15
|
elementId?: string | undefined;
|
24
16
|
}, never>;
|
@@ -9,11 +9,7 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
|
|
9
9
|
disabled?: boolean | undefined;
|
10
10
|
} & {
|
11
11
|
children?: import("react").ReactNode;
|
12
|
-
} & {
|
13
|
-
activeOpacity?: number | undefined;
|
14
|
-
withoutOpacityEffect?: boolean | undefined;
|
15
|
-
disabled?: boolean | undefined;
|
16
|
-
onClick?: import("../../typescript").Callback | undefined;
|
12
|
+
} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
|
17
13
|
buttonLink?: string | undefined;
|
18
14
|
elementId?: string | undefined;
|
19
15
|
}, never>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { CSSProperties } from 'styled-components';
|
3
3
|
import { SizesTypes } from 'theme/types';
|
4
|
-
import { TabProps, TabTheme } from '
|
4
|
+
import { TabProps, TabTheme } from '../Tab/Tab';
|
5
5
|
export declare type TabGroupProps<T = string, K = string> = {
|
6
6
|
tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
|
7
7
|
activeTabKey: T;
|
@@ -10,6 +10,7 @@ export * from './Drawer/Drawer';
|
|
10
10
|
export * from './Columns/Columns';
|
11
11
|
export * from './MenuItems/MenuItems';
|
12
12
|
export * from './AvatarDropdown/AvatarDropdown';
|
13
|
+
export * from './Tab/Tab';
|
13
14
|
export * from './TabGroup/TabGroup';
|
14
15
|
export * from './FieldSection/FieldSection';
|
15
16
|
export * from './MenuNavigation/MenuNavigation';
|
@@ -12,4 +12,4 @@ export declare type BodyProps = {
|
|
12
12
|
horizontalPaddings?: number;
|
13
13
|
containerStyles?: CSSProperties;
|
14
14
|
};
|
15
|
-
export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
|
15
|
+
export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
|
@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { Body as BodyComponent } from './Body';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ elements, horizontalPaddings, containerStyles }: import("./Body").BodyProps) => JSX.Element;
|
6
|
+
component: ({ elements, horizontalPaddings, containerStyles, }: import("./Body").BodyProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Body: ComponentStory<typeof BodyComponent>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
|
2
|
-
export declare type SizesTypes = '
|
2
|
+
export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
|
3
3
|
export declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
|
4
4
|
export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
5
5
|
export declare type ThemeColorsType = Record<ThemeColors, string>;
|
package/dist/index.d.ts
CHANGED
@@ -19,7 +19,6 @@ import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProp
|
|
19
19
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
20
20
|
import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
|
21
21
|
import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
|
22
|
-
import { TabProps as TabProps$1, TabTheme as TabTheme$1 } from 'molecules/Tab/Tab';
|
23
22
|
import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
|
24
23
|
import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$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 } from 'molecules';
|
25
24
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
@@ -38,12 +37,15 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
|
38
37
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
39
38
|
import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
|
40
39
|
|
40
|
+
declare type ButtonVariant = 'primary' | 'secondary' | 'text';
|
41
41
|
declare type BaseButtonProps = PropsWithChildren<{
|
42
42
|
onClick?: Callback$1;
|
43
|
-
variant?:
|
43
|
+
variant?: ButtonVariant;
|
44
44
|
disabled?: boolean;
|
45
45
|
fullWidth?: boolean;
|
46
46
|
size?: 'medium' | 'small';
|
47
|
+
activeOpacity?: number;
|
48
|
+
withoutOpacityEffect?: boolean;
|
47
49
|
}>;
|
48
50
|
declare type ButtonProps = BaseButtonProps & {
|
49
51
|
fullWidth?: boolean;
|
@@ -53,8 +55,9 @@ declare type ButtonProps = BaseButtonProps & {
|
|
53
55
|
loading?: boolean;
|
54
56
|
isRichText?: boolean;
|
55
57
|
containerStyle?: CSSProperties;
|
58
|
+
buttonStyle?: CSSProperties;
|
56
59
|
};
|
57
|
-
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
|
60
|
+
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
|
58
61
|
|
59
62
|
declare type TouchableOpacityProps = PropsWithChildren<{
|
60
63
|
activeOpacity?: number;
|
@@ -184,25 +187,17 @@ declare type ImageProps = {
|
|
184
187
|
declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
|
185
188
|
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
|
186
189
|
|
187
|
-
declare type TextButtonProps =
|
188
|
-
activeOpacity?: number;
|
189
|
-
withoutOpacityEffect?: boolean;
|
190
|
-
disabled?: boolean;
|
191
|
-
onClick?: Callback$1;
|
190
|
+
declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
|
192
191
|
buttonLink?: string;
|
193
192
|
elementId?: string;
|
194
|
-
}
|
193
|
+
};
|
195
194
|
declare const TextButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
196
195
|
activeOpacity?: number | undefined;
|
197
196
|
withoutOpacityEffect?: boolean | undefined;
|
198
197
|
disabled?: boolean | undefined;
|
199
198
|
} & {
|
200
199
|
children?: React$1.ReactNode;
|
201
|
-
} & {
|
202
|
-
activeOpacity?: number | undefined;
|
203
|
-
withoutOpacityEffect?: boolean | undefined;
|
204
|
-
disabled?: boolean | undefined;
|
205
|
-
onClick?: Callback$1 | undefined;
|
200
|
+
} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
|
206
201
|
buttonLink?: string | undefined;
|
207
202
|
elementId?: string | undefined;
|
208
203
|
}, never>;
|
@@ -457,35 +452,6 @@ declare type CustomValidationProps<T = string> = {
|
|
457
452
|
};
|
458
453
|
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
|
459
454
|
|
460
|
-
declare const defaultTheme: DefaultTheme;
|
461
|
-
|
462
|
-
declare const ZealThemeProvider: (props: PropsWithChildren<{
|
463
|
-
theme?: DefaultTheme;
|
464
|
-
}>) => JSX.Element;
|
465
|
-
|
466
|
-
declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
|
467
|
-
declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
|
468
|
-
declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
|
469
|
-
declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
470
|
-
declare type ThemeColorsType = Record<ThemeColors, string>;
|
471
|
-
declare type ThemeTextType = Record<FontSizesTypes, {
|
472
|
-
'font-weight': string;
|
473
|
-
'font-size': number;
|
474
|
-
'line-height': number;
|
475
|
-
}>;
|
476
|
-
declare type ThemeSizesType = Record<SizesTypes, number>;
|
477
|
-
declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
|
478
|
-
declare type ZealTheme = {
|
479
|
-
colors: ThemeColorsType;
|
480
|
-
fonts: Record<FontSizesTypes, number>;
|
481
|
-
sizes: ThemeSizesType;
|
482
|
-
devices: ThemeDevicesType;
|
483
|
-
};
|
484
|
-
|
485
|
-
declare const toastStyles: styled_components.FlattenSimpleInterpolation;
|
486
|
-
|
487
|
-
declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
|
488
|
-
|
489
455
|
declare type BaseSelectableProps<T> = {
|
490
456
|
iconName: IconNames;
|
491
457
|
infoText: string;
|
@@ -497,7 +463,7 @@ declare type BaseSelectableProps<T> = {
|
|
497
463
|
declare type SelectableCardGroupProps<T> = {
|
498
464
|
cards: BaseSelectableProps<T>[];
|
499
465
|
handleChange?: (value: T | undefined) => void;
|
500
|
-
spacing?: SizesTypes;
|
466
|
+
spacing?: SizesTypes$1;
|
501
467
|
initialValue?: T;
|
502
468
|
};
|
503
469
|
declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
|
@@ -563,15 +529,40 @@ declare type AvatarDropdownProps<T> = {
|
|
563
529
|
};
|
564
530
|
declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
|
565
531
|
|
532
|
+
declare type TabOption<T = string> = {
|
533
|
+
menuText: string;
|
534
|
+
menuKey: T;
|
535
|
+
onMenuClick?: (key: T) => void;
|
536
|
+
isSelected?: boolean;
|
537
|
+
};
|
538
|
+
declare type TabElement = HTMLDivElement | null;
|
539
|
+
declare type TabTheme = 'light' | 'dark';
|
540
|
+
declare type TabProps<T = string, K = string> = {
|
541
|
+
tabKey: T;
|
542
|
+
text: string;
|
543
|
+
disabled?: boolean;
|
544
|
+
vertical?: boolean;
|
545
|
+
isActive?: boolean;
|
546
|
+
onClick?: (key: T) => void;
|
547
|
+
options?: MenuItem<K>[];
|
548
|
+
onOptionClick?: (optionKey: K) => void;
|
549
|
+
tabTheme?: TabTheme;
|
550
|
+
divider?: boolean;
|
551
|
+
};
|
552
|
+
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
|
553
|
+
declare const Tab: <T, K>(props: TabProps<T, K> & {
|
554
|
+
ref?: React__default.ForwardedRef<TabElement> | undefined;
|
555
|
+
}) => ReturnType<typeof ZealTab>;
|
556
|
+
|
566
557
|
declare type TabGroupProps<T = string, K = string> = {
|
567
|
-
tabs: Pick<TabProps
|
558
|
+
tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
|
568
559
|
activeTabKey: T;
|
569
560
|
spacing?: SizesTypes$2;
|
570
561
|
onTabChange?: (tabKey: T) => void;
|
571
562
|
onOptionClick?: (optionKey: K) => void;
|
572
563
|
style?: CSSProperties;
|
573
564
|
vertical?: boolean;
|
574
|
-
tabTheme?: TabTheme
|
565
|
+
tabTheme?: TabTheme;
|
575
566
|
};
|
576
567
|
declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, tabTheme, }: TabGroupProps<T, K>) => JSX.Element;
|
577
568
|
|
@@ -803,20 +794,6 @@ declare type FooterLink = {
|
|
803
794
|
location: string;
|
804
795
|
};
|
805
796
|
|
806
|
-
declare type TabTheme = 'light' | 'dark';
|
807
|
-
declare type TabProps<T = string, K = string> = {
|
808
|
-
tabKey: T;
|
809
|
-
text: string;
|
810
|
-
disabled?: boolean;
|
811
|
-
vertical?: boolean;
|
812
|
-
isActive?: boolean;
|
813
|
-
onClick?: (key: T) => void;
|
814
|
-
options?: MenuItem<K>[];
|
815
|
-
onOptionClick?: (optionKey: K) => void;
|
816
|
-
tabTheme?: TabTheme;
|
817
|
-
divider?: boolean;
|
818
|
-
};
|
819
|
-
|
820
797
|
declare type ProfileInformationProps<TabKeys extends string> = {
|
821
798
|
backgroundImageUrl: string;
|
822
799
|
avatarProps: AvatarProps;
|
@@ -852,7 +829,7 @@ declare type BodyProps = {
|
|
852
829
|
horizontalPaddings?: number;
|
853
830
|
containerStyles?: CSSProperties;
|
854
831
|
};
|
855
|
-
declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
|
832
|
+
declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
|
856
833
|
|
857
834
|
declare type ISIProps = ISIAProps;
|
858
835
|
declare const ISI: (props: ISIProps) => JSX.Element;
|
@@ -1018,6 +995,35 @@ declare const useStep: (maxStep: number) => [number, Helpers];
|
|
1018
995
|
|
1019
996
|
declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
|
1020
997
|
|
998
|
+
declare const defaultTheme: DefaultTheme;
|
999
|
+
|
1000
|
+
declare const ZealThemeProvider: (props: PropsWithChildren<{
|
1001
|
+
theme?: DefaultTheme;
|
1002
|
+
}>) => JSX.Element;
|
1003
|
+
|
1004
|
+
declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
|
1005
|
+
declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
|
1006
|
+
declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
|
1007
|
+
declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
1008
|
+
declare type ThemeColorsType = Record<ThemeColors, string>;
|
1009
|
+
declare type ThemeTextType = Record<FontSizesTypes, {
|
1010
|
+
'font-weight': string;
|
1011
|
+
'font-size': number;
|
1012
|
+
'line-height': number;
|
1013
|
+
}>;
|
1014
|
+
declare type ThemeSizesType = Record<SizesTypes, number>;
|
1015
|
+
declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
|
1016
|
+
declare type ZealTheme = {
|
1017
|
+
colors: ThemeColorsType;
|
1018
|
+
fonts: Record<FontSizesTypes, number>;
|
1019
|
+
sizes: ThemeSizesType;
|
1020
|
+
devices: ThemeDevicesType;
|
1021
|
+
};
|
1022
|
+
|
1023
|
+
declare const toastStyles: styled_components.FlattenSimpleInterpolation;
|
1024
|
+
|
1025
|
+
declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
|
1026
|
+
|
1021
1027
|
declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
|
1022
1028
|
annotationsList: AnnotationsList$1;
|
1023
1029
|
isMLRReview: boolean;
|
@@ -1046,4 +1052,4 @@ declare type AnnotationsList = {
|
|
1046
1052
|
|
1047
1053
|
declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
|
1048
1054
|
|
1049
|
-
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, 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, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, TabGroup, TabGroupProps, TextAlign, TextButton, TextButtonProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
1055
|
+
export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, 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, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TextAlign, TextButton, TextButtonProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|