@zealicsolutions/web-ui 0.3.10 → 0.3.12

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.
Files changed (44) hide show
  1. package/dist/cjs/index.css +246 -246
  2. package/dist/cjs/index.js +26 -26
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/src/containers/MoleculeItem.d.ts +0 -1
  5. package/dist/cjs/src/containers/mock-data.d.ts +0 -1
  6. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +2 -56
  7. package/dist/cjs/src/containers/types/types.d.ts +4 -7
  8. package/dist/cjs/src/contexts/index.d.ts +0 -3
  9. package/dist/cjs/src/molecules/Button/Button.d.ts +2 -1
  10. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +18 -1
  11. package/dist/cjs/src/molecules/Image/Image.d.ts +3 -2
  12. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
  13. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +18 -1
  14. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +18 -1
  15. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +18 -1
  16. package/dist/cjs/src/molecules/index.d.ts +0 -1
  17. package/dist/cjs/src/typescript.d.ts +0 -3
  18. package/dist/esm/index.css +246 -246
  19. package/dist/esm/index.js +12 -12
  20. package/dist/esm/index.js.map +1 -1
  21. package/dist/esm/src/containers/MoleculeItem.d.ts +0 -1
  22. package/dist/esm/src/containers/mock-data.d.ts +0 -1
  23. package/dist/esm/src/containers/types/moleculeTypes.d.ts +2 -56
  24. package/dist/esm/src/containers/types/types.d.ts +4 -7
  25. package/dist/esm/src/contexts/index.d.ts +0 -3
  26. package/dist/esm/src/molecules/Button/Button.d.ts +2 -1
  27. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +18 -1
  28. package/dist/esm/src/molecules/Image/Image.d.ts +3 -2
  29. package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
  30. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +18 -1
  31. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +18 -1
  32. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +18 -1
  33. package/dist/esm/src/molecules/index.d.ts +0 -1
  34. package/dist/esm/src/typescript.d.ts +0 -3
  35. package/dist/index.d.ts +50 -141
  36. package/package.json +1 -1
  37. package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
  38. package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
  39. package/dist/cjs/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
  40. package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -13
  41. package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
  42. package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
  43. package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
  44. package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -13
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
- import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
3
+ import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
4
4
  import * as styled_components from 'styled-components';
5
- import { CSSProperties, DefaultTheme, ThemedCssFunction } from 'styled-components';
5
+ import { CSSProperties, DefaultTheme } 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 as StylesType$1, Callback as Callback$1, OverrideStyles as OverrideStyles$1, StyledTransientProps, Nullable, AnyObject, StrictUnion } from 'typescript';
8
+ import { StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, 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';
@@ -16,7 +16,7 @@ import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
16
16
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
17
17
  import * as atoms from 'atoms';
18
18
  import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
19
- import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
19
+ import { RadioGroup, DrawerProps as DrawerProps$1 } from '@mui/material';
20
20
  import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
21
21
  import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
22
22
  import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
@@ -36,10 +36,9 @@ import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
36
36
  import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
37
37
  import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
38
38
  import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
39
- import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
40
- import { ContainerComponentProps as ContainerComponentProps$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
41
39
  export * from 'helpers/constants';
42
40
  import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
41
+ import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
43
42
  import * as containers_types_types from 'containers/types/types';
44
43
  import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
45
44
 
@@ -61,8 +60,8 @@ declare type CheckboxInternalConfigProps = Partial<{
61
60
  selectedCheckboxIconColor: ThemeColors$1 | string;
62
61
  buttonPadding: number;
63
62
  textPadding: number;
64
- styles: StylesType$1;
65
- wrapperStyles: StylesType$1;
63
+ styles: StylesType;
64
+ wrapperStyles: StylesType;
66
65
  buttonOptionSpacing?: SizesTypes$1;
67
66
  }>;
68
67
 
@@ -91,8 +90,8 @@ declare type SelectInternalConfigurationOptions = {
91
90
  selectedTextFontSize: number;
92
91
  verticalPadding: number;
93
92
  horizontalPadding: number;
94
- wrapperStyles: StylesType$1;
95
- styles: StylesType$1;
93
+ wrapperStyles: StylesType;
94
+ styles: StylesType;
96
95
  };
97
96
  declare type SelectProps = Partial<{
98
97
  ref: RefCallBack;
@@ -117,8 +116,8 @@ declare type InputFieldInternalConfigProps = Partial<{
117
116
  placeholderTextFontSize: number;
118
117
  verticalPadding: number;
119
118
  horizontalPadding: number;
120
- styles: StylesType$1;
121
- wrapperStyles: StylesType$1;
119
+ styles: StylesType;
120
+ wrapperStyles: StylesType;
122
121
  }>;
123
122
  declare type InputIconProps = {
124
123
  name: IconNames$1;
@@ -148,7 +147,7 @@ declare type TextProps = {
148
147
  variant: FontSizesTypes$1;
149
148
  layout?: 'div' | 'span';
150
149
  type?: TextTypes;
151
- styles?: StylesType$1;
150
+ styles?: StylesType;
152
151
  color?: ThemeColors$2 | string;
153
152
  numberOfLines?: number;
154
153
  textAlign?: TextAlign;
@@ -217,7 +216,7 @@ declare type RegularImageProps = {
217
216
  height: number | string;
218
217
  onClick: Callback$1;
219
218
  cornerRadius: number;
220
- }> & OverrideStyles$1;
219
+ }> & OverrideStyles;
221
220
  declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
222
221
  src: string;
223
222
  } & Partial<{
@@ -226,7 +225,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
226
225
  height: number | string;
227
226
  onClick: Callback$1;
228
227
  cornerRadius: number;
229
- }> & OverrideStyles$1, never>;
228
+ }> & OverrideStyles, never>;
230
229
  declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
231
230
  src: string;
232
231
  } & Partial<{
@@ -235,7 +234,7 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
235
234
  height: number | string;
236
235
  onClick: Callback$1;
237
236
  cornerRadius: number;
238
- }> & OverrideStyles$1, never>;
237
+ }> & OverrideStyles, never>;
239
238
 
240
239
  declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
241
240
  buttonLink?: string;
@@ -254,9 +253,9 @@ declare type ValidationTagProps = {
254
253
  declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
255
254
 
256
255
  declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
257
- styles?: StylesType$1;
256
+ styles?: StylesType;
258
257
  };
259
- declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles$1, never>;
258
+ declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
260
259
  declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
261
260
 
262
261
  declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
@@ -333,7 +332,7 @@ declare type RichTextEditorProps = Partial<{
333
332
  value: string;
334
333
  font: FontSizesTypes$2;
335
334
  color: ThemeColors$1 | string;
336
- textStyles: StylesType$1;
335
+ textStyles: StylesType;
337
336
  numberOfLines?: number;
338
337
  extraTextProps?: TextProps$1;
339
338
  }>;
@@ -344,10 +343,10 @@ declare type RadioButtonInternalConfigProps = Partial<{
344
343
  selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
345
344
  buttonPadding: number;
346
345
  textPadding: number;
347
- styles: StylesType$1;
348
- wrapperStyles: StylesType$1;
346
+ styles: StylesType;
347
+ wrapperStyles: StylesType;
349
348
  buttonOptionSpacing: SizesTypes$1;
350
- radioGroupWrapperStyles: StylesType$1;
349
+ radioGroupWrapperStyles: StylesType;
351
350
  }>;
352
351
  declare type RadioButtonsProps<T extends string> = Partial<{
353
352
  ref: RefCallBack;
@@ -388,7 +387,7 @@ declare const RadioButtons: <T extends string>({ ref, name, value, options, onBl
388
387
  }>) => JSX.Element;
389
388
  declare const RadioGroupWrapper: styled_components.StyledComponent<typeof RadioGroup, styled_components.DefaultTheme, StyledTransientProps<{
390
389
  isRow: boolean;
391
- }> & OverrideStyles$1, never>;
390
+ }> & OverrideStyles, never>;
392
391
 
393
392
  declare type CircleType = 'link' | 'message';
394
393
  declare type CircleBoxProps = {
@@ -442,7 +441,7 @@ declare type TabProps<T = string, K = string> = {
442
441
  defaultTabTextColor: ThemeColors$1 | string;
443
442
  selectedTabTextColor: ThemeColors$1 | string;
444
443
  selectedTabIndicatorColor: ThemeColors$1 | string;
445
- styles: StylesType$1;
444
+ styles: StylesType;
446
445
  }>;
447
446
  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
447
  declare const Tab: <T, K>(props: {
@@ -564,7 +563,7 @@ declare type FeedContentProps = {
564
563
  showDefaultDocumentStyles?: boolean;
565
564
  destinationLink?: string;
566
565
  onDestinationHandler?: Callback$1;
567
- imageStyles?: StylesType$1;
566
+ imageStyles?: StylesType;
568
567
  videoStyles?: CSSProperties;
569
568
  isEnabledFavoriting?: boolean;
570
569
  isFavorite?: boolean;
@@ -889,28 +888,6 @@ declare type AnnotationsList = {
889
888
 
890
889
  declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
891
890
 
892
- declare const useButtonActionsContext: () => contexts_ButtonActionsContext_ButtonActionsContext.ButtonActionsContextType;
893
-
894
- declare type ButtonActionsContextType = {
895
- actionContent?: ContainerComponentProps$1;
896
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
897
- isModalVisible: boolean;
898
- setModalVisible: Dispatch<SetStateAction<boolean>>;
899
- isDrawerVisible: boolean;
900
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
901
- };
902
- declare const ButtonActionsContext: React$1.Context<ButtonActionsContextType>;
903
-
904
- declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
905
- actionContent: ContainerComponentProps$1;
906
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
907
- isModalVisible: boolean;
908
- setModalVisible: Dispatch<SetStateAction<boolean>>;
909
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
910
- isDrawerVisible: boolean;
911
- }>>;
912
- declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
913
-
914
891
  declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
915
892
  declare type LabelInternalConfig = {
916
893
  fontVariant: FontSizesTypes$2;
@@ -918,15 +895,15 @@ declare type LabelInternalConfig = {
918
895
  fontWeight: string | number;
919
896
  color: ThemeColors$1 | string;
920
897
  padding: string;
921
- styles: StylesType$1;
922
- wrapperStyles: StylesType$1;
898
+ styles: StylesType;
899
+ wrapperStyles: StylesType;
923
900
  };
924
901
  declare type RuleLabelInternalConfig = {
925
902
  requiredTextColor: ThemeColors$1 | string;
926
903
  optionalTextColor: ThemeColors$1 | string;
927
904
  padding: string;
928
905
  fontSize: number;
929
- styles: StylesType$1;
906
+ styles: StylesType;
930
907
  };
931
908
  declare type TooltipInternalConfig = {
932
909
  fontVariant: FontSizesTypes$2;
@@ -936,8 +913,8 @@ declare type TooltipInternalConfig = {
936
913
  padding: string;
937
914
  backgroundColor: ThemeColors$1 | string;
938
915
  iconColor: ThemeColors$1 | string;
939
- styles: StylesType$1;
940
- wrapperStyles: StylesType$1;
916
+ styles: StylesType;
917
+ wrapperStyles: StylesType;
941
918
  };
942
919
  declare type FieldLabelsProps = {
943
920
  label?: string;
@@ -960,7 +937,7 @@ declare type InputFieldProps = Partial<{
960
937
  optional: boolean;
961
938
  defaultValue: string;
962
939
  inputProps: InputProps$1;
963
- styles: StylesType$1;
940
+ styles: StylesType;
964
941
  labelsProps: FieldLabelsProps;
965
942
  }>;
966
943
  declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
@@ -972,13 +949,13 @@ declare type FieldMapperProps<T extends object> = {
972
949
  spacer?: number;
973
950
  isTooltipVisible?: boolean;
974
951
  optionsPresentation?: boolean;
975
- styles?: StylesType$1;
952
+ styles?: StylesType;
976
953
  };
977
954
  declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
978
955
 
979
956
  declare type CheckboxesProps = Partial<{
980
- checkboxGroupWrapperStyles: StylesType$1;
981
- checkboxFieldWrapperStyles: StylesType$1;
957
+ checkboxGroupWrapperStyles: StylesType;
958
+ checkboxFieldWrapperStyles: StylesType;
982
959
  onChange: (id: string) => void;
983
960
  disabled: boolean;
984
961
  options?: SelectOption$1[];
@@ -996,7 +973,7 @@ declare type CheckboxFieldProps = Partial<{
996
973
  control: Control$1<any>;
997
974
  required: boolean;
998
975
  optional: boolean;
999
- wrapperStyles: StylesType$1;
976
+ wrapperStyles: StylesType;
1000
977
  }>;
1001
978
  declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
1002
979
 
@@ -1017,7 +994,7 @@ declare type SelectFieldProps = Partial<{
1017
994
  required: boolean;
1018
995
  optional: boolean;
1019
996
  defaultValue: string;
1020
- styles: StylesType$1;
997
+ styles: StylesType;
1021
998
  }>;
1022
999
  declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
1023
1000
 
@@ -1112,7 +1089,7 @@ declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuCon
1112
1089
 
1113
1090
  declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
1114
1091
  declare type AdditionalTabContainerProps = {
1115
- containerStyle?: StylesType$1;
1092
+ containerStyle?: StylesType;
1116
1093
  containerProps?: Record<string, unknown>;
1117
1094
  };
1118
1095
  declare type TabGroupProps<T = string, K = string> = {
@@ -1120,7 +1097,7 @@ declare type TabGroupProps<T = string, K = string> = {
1120
1097
  activeTabKey: T;
1121
1098
  onTabChange?: (tabKey: T) => void;
1122
1099
  onOptionClick?: (optionKey: K) => void;
1123
- styles?: StylesType$1;
1100
+ styles?: StylesType;
1124
1101
  vertical?: boolean;
1125
1102
  tabTheme?: TabTheme$1;
1126
1103
  tabFont?: FontSizesTypes$1;
@@ -1161,7 +1138,7 @@ declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProp
1161
1138
  declare type RadioButtonFieldProps<T extends string> = Partial<{
1162
1139
  name: string;
1163
1140
  rules: ControllerProps$1['rules'];
1164
- styles: StylesType$1;
1141
+ styles: StylesType;
1165
1142
  control: Control$1<any>;
1166
1143
  optional: boolean;
1167
1144
  required: boolean;
@@ -1278,10 +1255,6 @@ declare type ToggleFieldProps = {
1278
1255
  };
1279
1256
  declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
1280
1257
 
1281
- declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
1282
- declare type OverrideStyles = {
1283
- $styles?: StylesType;
1284
- };
1285
1258
  declare type Callback = () => void;
1286
1259
 
1287
1260
  declare type BottomNaVBarItemProps = {
@@ -1311,13 +1284,14 @@ declare type ImageProps = {
1311
1284
  id: string;
1312
1285
  altText: string;
1313
1286
  link: string;
1287
+ onClick: Callback$1;
1314
1288
  width: number;
1315
1289
  height: number;
1316
1290
  cornerRadius: number;
1317
1291
  behaveAs: 'background' | 'regular';
1318
- styles: StylesType$1;
1292
+ styles: StylesType;
1319
1293
  }>;
1320
- declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
1294
+ declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
1321
1295
 
1322
1296
  declare type CarouselProps = {
1323
1297
  children: JSX.Element[];
@@ -1344,7 +1318,7 @@ declare type TextMoleculeProps = Partial<{
1344
1318
  lineHeight: number;
1345
1319
  fontWeight: string | number;
1346
1320
  isRichText: boolean;
1347
- styles: StylesType$1;
1321
+ styles: StylesType;
1348
1322
  textAlign: 'center' | 'right' | 'left';
1349
1323
  }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
1350
1324
  declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
@@ -1371,7 +1345,7 @@ declare type BaseButtonProps = PropsWithChildren<{
1371
1345
  inactiveButtonColor?: ThemeColors$1 | string;
1372
1346
  inactiveStrokeColor?: ThemeColors$1 | string;
1373
1347
  inactiveTextColor?: ThemeColors$1 | string;
1374
- styles?: StylesType$1;
1348
+ styles?: StylesType;
1375
1349
  colorTheme?: 'light' | 'dark';
1376
1350
  href?: string;
1377
1351
  type?: ButtonType;
@@ -1383,72 +1357,19 @@ declare type ButtonProps = BaseButtonProps & {
1383
1357
  elementId?: string;
1384
1358
  loading?: boolean;
1385
1359
  isRichText?: boolean;
1386
- containerStyle?: StylesType$1;
1387
- buttonStyle?: StylesType$1;
1360
+ containerStyle?: StylesType;
1361
+ buttonStyle?: StylesType;
1388
1362
  };
1389
1363
  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;
1390
1364
 
1391
- declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
1392
- padding?: number | string;
1393
- wrapperStyles?: CSSProperties;
1394
- onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
1395
- modalStyles?: CSSProperties;
1396
- onClose?: Callback;
1397
- };
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>;
1400
-
1401
1365
  declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
1402
1366
  declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
1403
1367
 
1404
- declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
1405
- declare type FileType = 'image' | 'video' | 'document' | 'audio';
1406
- declare type ContentStatus = 'in_use' | 'draft';
1407
- declare type FileMatrixMessageDTO = Readonly<Partial<{
1408
- id: string;
1409
- text: string;
1410
- label: string;
1411
- locationId: string;
1412
- }>>;
1413
- declare type FileObjectDTO = Readonly<Partial<{
1414
- id: string;
1415
- name: string;
1416
- fileType: FileType;
1417
- description: string;
1418
- originalName: string;
1419
- url: string;
1420
- size: number;
1421
- type: FileType;
1422
- updatedAt: string;
1423
- createdAt: string;
1424
- status: ContentStatus;
1425
- tags: FileMatrixMessageDTO[];
1426
- }>> | null;
1427
- declare type LinkAction = Omit<LinkAttributes, 'attributeType'>;
1428
- declare type PopupDrawerAction = ContainerComponentProps;
1429
- declare type DownloadAction = FileObjectDTO;
1430
- declare type SubmitAction = AnyObject;
1431
- declare type CancelAction = AnyObject;
1432
- declare type ResetAction = AnyObject;
1433
- declare type DestroyAction = AnyObject;
1434
- declare type Action = {
1435
- type: ActionTypes;
1436
- } & Partial<{
1437
- link: LinkAction;
1438
- popup: PopupDrawerAction;
1439
- drawer: PopupDrawerAction;
1440
- download: DownloadAction;
1441
- submit: SubmitAction;
1442
- cancel: CancelAction;
1443
- reset: ResetAction;
1444
- destroy: DestroyAction;
1445
- }>;
1446
1368
  declare type ImageAttributes = {
1447
1369
  attributeType: 'image';
1448
1370
  imageSource: string;
1449
1371
  };
1450
1372
  interface TextAttributes {
1451
- id?: string;
1452
1373
  attributeType: 'text';
1453
1374
  isRichText: boolean;
1454
1375
  text: string;
@@ -1457,10 +1378,6 @@ interface VideoAttributes {
1457
1378
  attributeType: 'video';
1458
1379
  videoSource: string;
1459
1380
  }
1460
- interface ActionAttributes {
1461
- attributeType: 'action';
1462
- action: Action;
1463
- }
1464
1381
  interface LinkAttributes {
1465
1382
  id: string;
1466
1383
  attributeType: 'link';
@@ -1470,7 +1387,6 @@ interface LinkAttributes {
1470
1387
  name: string;
1471
1388
  }
1472
1389
  interface SelectAttributes {
1473
- id?: string;
1474
1390
  attributeType: 'select';
1475
1391
  value: string;
1476
1392
  options: SelectOption$1[];
@@ -1488,10 +1404,6 @@ interface BaseMolecule {
1488
1404
  id: string;
1489
1405
  instance: 'molecule';
1490
1406
  type: MoleculeTypes;
1491
- metadata?: AnyObject;
1492
- idForFrontend?: string;
1493
- moleculeLibraryId?: string;
1494
- organismLibraryMoleculeId?: string;
1495
1407
  }
1496
1408
  interface ImageMolecule extends BaseMolecule {
1497
1409
  type: 'image';
@@ -1518,7 +1430,7 @@ interface ButtonMolecule extends BaseMolecule {
1518
1430
  type: 'button';
1519
1431
  attributes: {
1520
1432
  title: TextAttributes;
1521
- action: ActionAttributes;
1433
+ buttonLink: LinkAttributes;
1522
1434
  };
1523
1435
  config: {
1524
1436
  props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
@@ -1605,13 +1517,13 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
1605
1517
  };
1606
1518
 
1607
1519
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
1608
- declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1520
+ declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
1609
1521
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1610
1522
  declare type ContainerPropsType = Partial<{
1611
1523
  position: ContainerPositionType;
1612
1524
  scrollBehaviour: ContainerScrollBehaviourType;
1613
1525
  cornerRadius: number;
1614
- styles: StylesType$1;
1526
+ styles: StylesType;
1615
1527
  formProps: {
1616
1528
  mode: keyof ValidationMode;
1617
1529
  };
@@ -1630,16 +1542,13 @@ declare type ContainerComponentProps = {
1630
1542
  id: string;
1631
1543
  instance: 'container';
1632
1544
  type: ContainerType;
1633
- items: (ContainerComponentProps | Molecule)[];
1634
1545
  config: {
1635
1546
  wide?: AdditionalContainerProps;
1636
1547
  compact?: AdditionalContainerProps;
1637
1548
  props?: ContainerPropsType;
1638
1549
  };
1550
+ items: (ContainerComponentProps | Molecule)[];
1639
1551
  tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
1640
- metadata?: AnyObject;
1641
- attributes?: AnyObject;
1642
- containerLibraryId?: string;
1643
1552
  };
1644
1553
 
1645
1554
  declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
@@ -1659,4 +1568,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
1659
1568
  tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
1660
1569
  }) => JSX.Element | null;
1661
1570
 
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 };
1571
+ export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, 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, 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, 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, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.10",
3
+ "version": "0.3.12",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -1,11 +0,0 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
- import { ContainerComponentProps } from 'containers';
3
- export declare type ButtonActionsContextType = {
4
- actionContent?: ContainerComponentProps;
5
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
- isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
- isDrawerVisible: boolean;
9
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
10
- };
11
- export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
@@ -1,11 +0,0 @@
1
- import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
2
- import { ContainerComponentProps } from 'containers';
3
- export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
4
- actionContent: ContainerComponentProps;
5
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
- isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
9
- isDrawerVisible: boolean;
10
- }>>;
11
- export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;
@@ -1,13 +0,0 @@
1
- import { ModalProps as MUIModalProps } from '@mui/material';
2
- import { KeyboardEvent, PropsWithChildren } from 'react';
3
- import { CSSProperties } from 'styled-components';
4
- import { Callback, OverrideStyles } from '../../typescript';
5
- export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
6
- padding?: number | string;
7
- wrapperStyles?: CSSProperties;
8
- onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
9
- modalStyles?: CSSProperties;
10
- onClose?: Callback;
11
- };
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,11 +0,0 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
- import { ContainerComponentProps } from 'containers';
3
- export declare type ButtonActionsContextType = {
4
- actionContent?: ContainerComponentProps;
5
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
- isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
- isDrawerVisible: boolean;
9
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
10
- };
11
- export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
@@ -1,11 +0,0 @@
1
- import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
2
- import { ContainerComponentProps } from 'containers';
3
- export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
4
- actionContent: ContainerComponentProps;
5
- setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
6
- isModalVisible: boolean;
7
- setModalVisible: Dispatch<SetStateAction<boolean>>;
8
- setDrawerVisible: Dispatch<SetStateAction<boolean>>;
9
- isDrawerVisible: boolean;
10
- }>>;
11
- export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;
@@ -1,13 +0,0 @@
1
- import { ModalProps as MUIModalProps } from '@mui/material';
2
- import { KeyboardEvent, PropsWithChildren } from 'react';
3
- import { CSSProperties } from 'styled-components';
4
- import { Callback, OverrideStyles } from '../../typescript';
5
- export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
6
- padding?: number | string;
7
- wrapperStyles?: CSSProperties;
8
- onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
9
- modalStyles?: CSSProperties;
10
- onClose?: Callback;
11
- };
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>;