@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.
@@ -1,4 +1,4 @@
1
- import type { ComponentStory } from '@storybook/react';
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: ComponentStory<FC<TouchableOpacityProps>>;
15
- export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
16
- export declare const IconButton: ComponentStory<typeof IconButtonComponent>;
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 { FileObjectDTO, Molecule } from 'containers';
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: (fileData: FileObjectDTO) => Promise<void>;
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/Button/Button';
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/Button/Button").ButtonProps) => JSX.Element | null;
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 { ComponentStory } from '@storybook/react';
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: ComponentStory<typeof DrawerComponent>;
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
- export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open' | 'onClose'>> & {
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 { ComponentStory } from '@storybook/react';
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: ComponentStory<typeof ConsentComponent>;
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: boolean) => void;
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: boolean) => void;
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' | 'onClose'>> & {
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.2.104",
3
+ "version": "0.2.106",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -1,2 +0,0 @@
1
- import { SxProps, Theme } from '@mui/material';
2
- export declare const boxStyles: SxProps<Theme>;
@@ -1,2 +0,0 @@
1
- import { SxProps, Theme } from '@mui/material';
2
- export declare const boxStyles: SxProps<Theme>;