@zealicsolutions/web-ui 0.2.104 → 0.2.106
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.css +246 -246
- package/dist/cjs/index.js +11 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +2 -2
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -2
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts +1 -1
- package/dist/esm/index.css +246 -246
- package/dist/esm/index.js +12 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/esm/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +2 -2
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +5 -2
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/esm/src/organisms/Consent/ConsentCapture.d.ts +1 -1
- package/dist/index.d.ts +51 -45
- package/package.json +1 -1
- package/dist/cjs/src/molecules/ZealUIModal/styles.d.ts +0 -2
- package/dist/esm/src/molecules/ZealUIModal/styles.d.ts +0 -2
@@ -1,4 +1,4 @@
|
|
1
|
-
import type {
|
1
|
+
import type { StoryFn } from '@storybook/react';
|
2
2
|
import { TextButtonProps } from 'atoms/Buttons/TextButton';
|
3
3
|
import { FC } from 'react';
|
4
4
|
import { IconButton as IconButtonComponent } from './IconButton';
|
@@ -11,6 +11,6 @@ declare const _default: {
|
|
11
11
|
}, never>;
|
12
12
|
};
|
13
13
|
export default _default;
|
14
|
-
export declare const TouchableOpacity:
|
15
|
-
export declare const TextButton:
|
16
|
-
export declare const IconButton:
|
14
|
+
export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
|
15
|
+
export declare const TextButton: StoryFn<FC<TextButtonProps>>;
|
16
|
+
export declare const IconButton: StoryFn<typeof IconButtonComponent>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ThemeColors } from 'theme';
|
3
3
|
import { IconNames, TouchableOpacityProps } from 'atoms';
|
4
|
-
import { Callback } from 'typescript';
|
4
|
+
import type { Callback } from 'typescript';
|
5
5
|
export declare type IconButtonProps = {
|
6
6
|
name: IconNames;
|
7
7
|
size?: number;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { Molecule } from 'containers';
|
3
3
|
import { TabGroupProps } from 'molecules';
|
4
4
|
export declare const getFullLink: (url: string) => string;
|
5
5
|
export declare const navigateToPage: (url: string) => void;
|
6
|
-
export declare const downloadFile: (
|
6
|
+
export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
|
7
7
|
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
|
8
8
|
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
9
9
|
}) => JSX.Element;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { Button as ButtonComponent } from 'molecules
|
3
|
+
import { Button as ButtonComponent } from 'molecules';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules
|
6
|
+
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Button: StoryFn<typeof ButtonComponent>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type {
|
1
|
+
import type { StoryFn } from '@storybook/react';
|
2
2
|
import React from 'react';
|
3
3
|
import { Drawer as DrawerComponent } from './Drawer';
|
4
4
|
declare const _default: {
|
@@ -6,4 +6,4 @@ declare const _default: {
|
|
6
6
|
component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
|
-
export declare const Drawer:
|
9
|
+
export declare const Drawer: StoryFn<typeof DrawerComponent>;
|
@@ -1,10 +1,13 @@
|
|
1
1
|
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
2
|
import { KeyboardEvent, PropsWithChildren } from 'react';
|
3
3
|
import { CSSProperties } from 'styled-components';
|
4
|
-
|
4
|
+
import { Callback, OverrideStyles } from '../../typescript';
|
5
|
+
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
5
6
|
padding?: number | string;
|
6
7
|
wrapperStyles?: CSSProperties;
|
7
8
|
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
8
9
|
modalStyles?: CSSProperties;
|
10
|
+
onClose?: Callback;
|
9
11
|
};
|
10
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
12
|
+
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, onClose, ...rest }: ZealUIModalProps) => JSX.Element;
|
13
|
+
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { StoryFn } from '@storybook/react';
|
3
3
|
import { Consent as ConsentComponent } from './Consent';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
6
|
component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
|
-
export declare const Consent:
|
9
|
+
export declare const Consent: StoryFn<typeof ConsentComponent>;
|
@@ -14,7 +14,7 @@ export declare type CheckboxCaptureProps = {
|
|
14
14
|
type: 'checkbox';
|
15
15
|
label: string;
|
16
16
|
value: boolean;
|
17
|
-
onChange: (value:
|
17
|
+
onChange: (value: string) => void;
|
18
18
|
};
|
19
19
|
export declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
20
20
|
export declare const ConsentCapture: <T extends string>(props: ConsentCaptureProps<T>) => JSX.Element;
|
package/dist/index.d.ts
CHANGED
@@ -2,10 +2,10 @@
|
|
2
2
|
import * as React$1 from 'react';
|
3
3
|
import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
|
4
4
|
import * as styled_components from 'styled-components';
|
5
|
-
import { CSSProperties, DefaultTheme } from 'styled-components';
|
5
|
+
import { CSSProperties, DefaultTheme, ThemedCssFunction } from 'styled-components';
|
6
6
|
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
7
7
|
import * as typescript from 'typescript';
|
8
|
-
import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
|
8
|
+
import { StylesType as StylesType$1, Callback as Callback$1, OverrideStyles as OverrideStyles$1, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
|
9
9
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
10
10
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
11
11
|
import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
|
@@ -61,8 +61,8 @@ declare type CheckboxInternalConfigProps = Partial<{
|
|
61
61
|
selectedCheckboxIconColor: ThemeColors$1 | string;
|
62
62
|
buttonPadding: number;
|
63
63
|
textPadding: number;
|
64
|
-
styles: StylesType;
|
65
|
-
wrapperStyles: StylesType;
|
64
|
+
styles: StylesType$1;
|
65
|
+
wrapperStyles: StylesType$1;
|
66
66
|
buttonOptionSpacing?: SizesTypes$1;
|
67
67
|
}>;
|
68
68
|
|
@@ -91,8 +91,8 @@ declare type SelectInternalConfigurationOptions = {
|
|
91
91
|
selectedTextFontSize: number;
|
92
92
|
verticalPadding: number;
|
93
93
|
horizontalPadding: number;
|
94
|
-
wrapperStyles: StylesType;
|
95
|
-
styles: StylesType;
|
94
|
+
wrapperStyles: StylesType$1;
|
95
|
+
styles: StylesType$1;
|
96
96
|
};
|
97
97
|
declare type SelectProps = Partial<{
|
98
98
|
ref: RefCallBack;
|
@@ -117,8 +117,8 @@ declare type InputFieldInternalConfigProps = Partial<{
|
|
117
117
|
placeholderTextFontSize: number;
|
118
118
|
verticalPadding: number;
|
119
119
|
horizontalPadding: number;
|
120
|
-
styles: StylesType;
|
121
|
-
wrapperStyles: StylesType;
|
120
|
+
styles: StylesType$1;
|
121
|
+
wrapperStyles: StylesType$1;
|
122
122
|
}>;
|
123
123
|
declare type InputIconProps = {
|
124
124
|
name: IconNames$1;
|
@@ -148,7 +148,7 @@ declare type TextProps = {
|
|
148
148
|
variant: FontSizesTypes$1;
|
149
149
|
layout?: 'div' | 'span';
|
150
150
|
type?: TextTypes;
|
151
|
-
styles?: StylesType;
|
151
|
+
styles?: StylesType$1;
|
152
152
|
color?: ThemeColors$2 | string;
|
153
153
|
numberOfLines?: number;
|
154
154
|
textAlign?: TextAlign;
|
@@ -217,7 +217,7 @@ declare type RegularImageProps = {
|
|
217
217
|
height: number | string;
|
218
218
|
onClick: Callback$1;
|
219
219
|
cornerRadius: number;
|
220
|
-
}> & OverrideStyles;
|
220
|
+
}> & OverrideStyles$1;
|
221
221
|
declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
222
222
|
src: string;
|
223
223
|
} & Partial<{
|
@@ -226,7 +226,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
|
|
226
226
|
height: number | string;
|
227
227
|
onClick: Callback$1;
|
228
228
|
cornerRadius: number;
|
229
|
-
}> & OverrideStyles, never>;
|
229
|
+
}> & OverrideStyles$1, never>;
|
230
230
|
declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
|
231
231
|
src: string;
|
232
232
|
} & Partial<{
|
@@ -235,7 +235,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
|
|
235
235
|
height: number | string;
|
236
236
|
onClick: Callback$1;
|
237
237
|
cornerRadius: number;
|
238
|
-
}> & OverrideStyles, never>;
|
238
|
+
}> & OverrideStyles$1, never>;
|
239
239
|
|
240
240
|
declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
|
241
241
|
buttonLink?: string;
|
@@ -254,9 +254,9 @@ declare type ValidationTagProps = {
|
|
254
254
|
declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
|
255
255
|
|
256
256
|
declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
|
257
|
-
styles?: StylesType;
|
257
|
+
styles?: StylesType$1;
|
258
258
|
};
|
259
|
-
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
259
|
+
declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles$1, never>;
|
260
260
|
declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
|
261
261
|
|
262
262
|
declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
|
@@ -333,7 +333,7 @@ declare type RichTextEditorProps = Partial<{
|
|
333
333
|
value: string;
|
334
334
|
font: FontSizesTypes$2;
|
335
335
|
color: ThemeColors$1 | string;
|
336
|
-
textStyles: StylesType;
|
336
|
+
textStyles: StylesType$1;
|
337
337
|
numberOfLines?: number;
|
338
338
|
extraTextProps?: TextProps$1;
|
339
339
|
}>;
|
@@ -344,10 +344,10 @@ declare type RadioButtonInternalConfigProps = Partial<{
|
|
344
344
|
selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
|
345
345
|
buttonPadding: number;
|
346
346
|
textPadding: number;
|
347
|
-
styles: StylesType;
|
348
|
-
wrapperStyles: StylesType;
|
347
|
+
styles: StylesType$1;
|
348
|
+
wrapperStyles: StylesType$1;
|
349
349
|
buttonOptionSpacing: SizesTypes$1;
|
350
|
-
radioGroupWrapperStyles: StylesType;
|
350
|
+
radioGroupWrapperStyles: StylesType$1;
|
351
351
|
}>;
|
352
352
|
declare type RadioButtonsProps<T extends string> = Partial<{
|
353
353
|
ref: RefCallBack;
|
@@ -388,7 +388,7 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
|
|
388
388
|
}>) => JSX.Element;
|
389
389
|
declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
|
390
390
|
isRow: boolean;
|
391
|
-
}> & OverrideStyles, never>;
|
391
|
+
}> & OverrideStyles$1, never>;
|
392
392
|
|
393
393
|
declare type CircleType = 'link' | 'message';
|
394
394
|
declare type CircleBoxProps = {
|
@@ -442,7 +442,7 @@ declare type TabProps<T = string, K = string> = {
|
|
442
442
|
defaultTabTextColor: ThemeColors$1 | string;
|
443
443
|
selectedTabTextColor: ThemeColors$1 | string;
|
444
444
|
selectedTabIndicatorColor: ThemeColors$1 | string;
|
445
|
-
styles: StylesType;
|
445
|
+
styles: StylesType$1;
|
446
446
|
}>;
|
447
447
|
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
|
448
448
|
declare const Tab: <T, K>(props: {
|
@@ -564,7 +564,7 @@ declare type FeedContentProps = {
|
|
564
564
|
showDefaultDocumentStyles?: boolean;
|
565
565
|
destinationLink?: string;
|
566
566
|
onDestinationHandler?: Callback$1;
|
567
|
-
imageStyles?: StylesType;
|
567
|
+
imageStyles?: StylesType$1;
|
568
568
|
videoStyles?: CSSProperties;
|
569
569
|
isEnabledFavoriting?: boolean;
|
570
570
|
isFavorite?: boolean;
|
@@ -672,7 +672,7 @@ declare type CheckboxCaptureProps = {
|
|
672
672
|
type: 'checkbox';
|
673
673
|
label: string;
|
674
674
|
value: boolean;
|
675
|
-
onChange: (value:
|
675
|
+
onChange: (value: string) => void;
|
676
676
|
};
|
677
677
|
declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
|
678
678
|
|
@@ -918,15 +918,15 @@ declare type LabelInternalConfig = {
|
|
918
918
|
fontWeight: string | number;
|
919
919
|
color: ThemeColors$1 | string;
|
920
920
|
padding: string;
|
921
|
-
styles: StylesType;
|
922
|
-
wrapperStyles: StylesType;
|
921
|
+
styles: StylesType$1;
|
922
|
+
wrapperStyles: StylesType$1;
|
923
923
|
};
|
924
924
|
declare type RuleLabelInternalConfig = {
|
925
925
|
requiredTextColor: ThemeColors$1 | string;
|
926
926
|
optionalTextColor: ThemeColors$1 | string;
|
927
927
|
padding: string;
|
928
928
|
fontSize: number;
|
929
|
-
styles: StylesType;
|
929
|
+
styles: StylesType$1;
|
930
930
|
};
|
931
931
|
declare type TooltipInternalConfig = {
|
932
932
|
fontVariant: FontSizesTypes$2;
|
@@ -936,8 +936,8 @@ declare type TooltipInternalConfig = {
|
|
936
936
|
padding: string;
|
937
937
|
backgroundColor: ThemeColors$1 | string;
|
938
938
|
iconColor: ThemeColors$1 | string;
|
939
|
-
styles: StylesType;
|
940
|
-
wrapperStyles: StylesType;
|
939
|
+
styles: StylesType$1;
|
940
|
+
wrapperStyles: StylesType$1;
|
941
941
|
};
|
942
942
|
declare type FieldLabelsProps = {
|
943
943
|
label?: string;
|
@@ -960,7 +960,7 @@ declare type InputFieldProps = Partial<{
|
|
960
960
|
optional: boolean;
|
961
961
|
defaultValue: string;
|
962
962
|
inputProps: InputProps$1;
|
963
|
-
styles: StylesType;
|
963
|
+
styles: StylesType$1;
|
964
964
|
labelsProps: FieldLabelsProps;
|
965
965
|
}>;
|
966
966
|
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
|
@@ -972,13 +972,13 @@ declare type FieldMapperProps<T extends object> = {
|
|
972
972
|
spacer?: number;
|
973
973
|
isTooltipVisible?: boolean;
|
974
974
|
optionsPresentation?: boolean;
|
975
|
-
styles?: StylesType;
|
975
|
+
styles?: StylesType$1;
|
976
976
|
};
|
977
977
|
declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
|
978
978
|
|
979
979
|
declare type CheckboxesProps = Partial<{
|
980
|
-
checkboxGroupWrapperStyles: StylesType;
|
981
|
-
checkboxFieldWrapperStyles: StylesType;
|
980
|
+
checkboxGroupWrapperStyles: StylesType$1;
|
981
|
+
checkboxFieldWrapperStyles: StylesType$1;
|
982
982
|
onChange: (id: string) => void;
|
983
983
|
disabled: boolean;
|
984
984
|
options?: SelectOption$1[];
|
@@ -996,7 +996,7 @@ declare type CheckboxFieldProps = Partial<{
|
|
996
996
|
control: Control$1<any>;
|
997
997
|
required: boolean;
|
998
998
|
optional: boolean;
|
999
|
-
wrapperStyles: StylesType;
|
999
|
+
wrapperStyles: StylesType$1;
|
1000
1000
|
}>;
|
1001
1001
|
declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
|
1002
1002
|
|
@@ -1017,7 +1017,7 @@ declare type SelectFieldProps = Partial<{
|
|
1017
1017
|
required: boolean;
|
1018
1018
|
optional: boolean;
|
1019
1019
|
defaultValue: string;
|
1020
|
-
styles: StylesType;
|
1020
|
+
styles: StylesType$1;
|
1021
1021
|
}>;
|
1022
1022
|
declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
|
1023
1023
|
|
@@ -1112,7 +1112,7 @@ declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuCon
|
|
1112
1112
|
|
1113
1113
|
declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
|
1114
1114
|
declare type AdditionalTabContainerProps = {
|
1115
|
-
containerStyle?: StylesType;
|
1115
|
+
containerStyle?: StylesType$1;
|
1116
1116
|
containerProps?: Record<string, unknown>;
|
1117
1117
|
};
|
1118
1118
|
declare type TabGroupProps<T = string, K = string> = {
|
@@ -1120,7 +1120,7 @@ declare type TabGroupProps<T = string, K = string> = {
|
|
1120
1120
|
activeTabKey: T;
|
1121
1121
|
onTabChange?: (tabKey: T) => void;
|
1122
1122
|
onOptionClick?: (optionKey: K) => void;
|
1123
|
-
styles?: StylesType;
|
1123
|
+
styles?: StylesType$1;
|
1124
1124
|
vertical?: boolean;
|
1125
1125
|
tabTheme?: TabTheme$1;
|
1126
1126
|
tabFont?: FontSizesTypes$1;
|
@@ -1161,7 +1161,7 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
|
|
1161
1161
|
declare type RadioButtonFieldProps<T extends string> = Partial<{
|
1162
1162
|
name: string;
|
1163
1163
|
rules: ControllerProps$1['rules'];
|
1164
|
-
styles: StylesType;
|
1164
|
+
styles: StylesType$1;
|
1165
1165
|
control: Control$1<any>;
|
1166
1166
|
optional: boolean;
|
1167
1167
|
required: boolean;
|
@@ -1278,6 +1278,10 @@ declare type ToggleFieldProps = {
|
|
1278
1278
|
};
|
1279
1279
|
declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
|
1280
1280
|
|
1281
|
+
declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
|
1282
|
+
declare type OverrideStyles = {
|
1283
|
+
$styles?: StylesType;
|
1284
|
+
};
|
1281
1285
|
declare type Callback = () => void;
|
1282
1286
|
|
1283
1287
|
declare type BottomNaVBarItemProps = {
|
@@ -1311,7 +1315,7 @@ declare type ImageProps = {
|
|
1311
1315
|
height: number;
|
1312
1316
|
cornerRadius: number;
|
1313
1317
|
behaveAs: 'background' | 'regular';
|
1314
|
-
styles: StylesType;
|
1318
|
+
styles: StylesType$1;
|
1315
1319
|
}>;
|
1316
1320
|
declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
1317
1321
|
|
@@ -1340,7 +1344,7 @@ declare type TextMoleculeProps = Partial<{
|
|
1340
1344
|
lineHeight: number;
|
1341
1345
|
fontWeight: string | number;
|
1342
1346
|
isRichText: boolean;
|
1343
|
-
styles: StylesType;
|
1347
|
+
styles: StylesType$1;
|
1344
1348
|
textAlign: 'center' | 'right' | 'left';
|
1345
1349
|
}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
|
1346
1350
|
declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
@@ -1367,7 +1371,7 @@ declare type BaseButtonProps = PropsWithChildren<{
|
|
1367
1371
|
inactiveButtonColor?: ThemeColors$1 | string;
|
1368
1372
|
inactiveStrokeColor?: ThemeColors$1 | string;
|
1369
1373
|
inactiveTextColor?: ThemeColors$1 | string;
|
1370
|
-
styles?: StylesType;
|
1374
|
+
styles?: StylesType$1;
|
1371
1375
|
colorTheme?: 'light' | 'dark';
|
1372
1376
|
href?: string;
|
1373
1377
|
type?: ButtonType;
|
@@ -1379,18 +1383,20 @@ declare type ButtonProps = BaseButtonProps & {
|
|
1379
1383
|
elementId?: string;
|
1380
1384
|
loading?: boolean;
|
1381
1385
|
isRichText?: boolean;
|
1382
|
-
containerStyle?: StylesType;
|
1383
|
-
buttonStyle?: StylesType;
|
1386
|
+
containerStyle?: StylesType$1;
|
1387
|
+
buttonStyle?: StylesType$1;
|
1384
1388
|
};
|
1385
1389
|
declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
|
1386
1390
|
|
1387
|
-
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'
|
1391
|
+
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1388
1392
|
padding?: number | string;
|
1389
1393
|
wrapperStyles?: CSSProperties;
|
1390
1394
|
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1391
1395
|
modalStyles?: CSSProperties;
|
1396
|
+
onClose?: Callback;
|
1392
1397
|
};
|
1393
|
-
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
1398
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, onClose, ...rest }: ZealUIModalProps) => JSX.Element;
|
1399
|
+
declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
|
1394
1400
|
|
1395
1401
|
declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
|
1396
1402
|
declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
|
@@ -1605,7 +1611,7 @@ declare type ContainerPropsType = Partial<{
|
|
1605
1611
|
position: ContainerPositionType;
|
1606
1612
|
scrollBehaviour: ContainerScrollBehaviourType;
|
1607
1613
|
cornerRadius: number;
|
1608
|
-
styles: StylesType;
|
1614
|
+
styles: StylesType$1;
|
1609
1615
|
formProps: {
|
1610
1616
|
mode: keyof ValidationMode;
|
1611
1617
|
};
|
@@ -1653,4 +1659,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
|
|
1653
1659
|
tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
1654
1660
|
}) => JSX.Element | null;
|
1655
1661
|
|
1656
|
-
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, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, ContentStatus, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FileMatrixMessageDTO, FileObjectDTO, FileType, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, 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, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
1662
|
+
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, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, ContentStatus, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FileMatrixMessageDTO, FileObjectDTO, FileType, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, 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, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, 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, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|
package/package.json
CHANGED