@zealicsolutions/web-ui 0.3.82 → 0.3.84

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
  4. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  5. package/dist/cjs/src/containers/Container.d.ts +1 -1
  6. package/dist/cjs/src/containers/FormStepContainer.d.ts +1 -1
  7. package/dist/cjs/src/containers/MoleculeItem.d.ts +3 -1
  8. package/dist/cjs/src/containers/helpers.d.ts +2 -0
  9. package/dist/cjs/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  10. package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  11. package/dist/cjs/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  12. package/dist/cjs/src/containers/types/moleculeTypes.d.ts +0 -2
  13. package/dist/cjs/src/containers/types/types.d.ts +6 -5
  14. package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
  15. package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
  16. package/dist/cjs/src/contexts/StateContext/StateContext.d.ts +1 -0
  17. package/dist/cjs/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
  18. package/dist/cjs/src/molecules/Button/Button.d.ts +4 -1
  19. package/dist/cjs/src/molecules/Button/Button.stories.d.ts +1 -1
  20. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  21. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  22. package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  23. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts +2 -1
  24. package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  25. package/dist/cjs/src/molecules/Image/Image.d.ts +4 -1
  26. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
  27. package/dist/cjs/src/molecules/InputField/InputField.d.ts +2 -1
  28. package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
  29. package/dist/cjs/src/molecules/Link/Link.d.ts +2 -1
  30. package/dist/cjs/src/molecules/Link/Link.stories.d.ts +1 -1
  31. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  32. package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  33. package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +2 -1
  34. package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  35. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  36. package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  37. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  38. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  39. package/dist/cjs/src/molecules/Video/Video.d.ts +2 -1
  40. package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
  41. package/dist/esm/index.js +3 -3
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -1
  44. package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +1 -0
  45. package/dist/esm/src/containers/Container.d.ts +1 -1
  46. package/dist/esm/src/containers/FormStepContainer.d.ts +1 -1
  47. package/dist/esm/src/containers/MoleculeItem.d.ts +3 -1
  48. package/dist/esm/src/containers/helpers.d.ts +2 -0
  49. package/dist/esm/src/containers/hooks/useStateClickModifierHandler.d.ts +2 -0
  50. package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +5 -0
  51. package/dist/esm/src/containers/hooks/useStateViewModifierHandler.d.ts +2 -0
  52. package/dist/esm/src/containers/types/moleculeTypes.d.ts +0 -2
  53. package/dist/esm/src/containers/types/types.d.ts +6 -5
  54. package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +2 -0
  55. package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
  56. package/dist/esm/src/contexts/StateContext/StateContext.d.ts +1 -0
  57. package/dist/esm/src/contexts/StateContext/StateContextProvider.d.ts +2 -1
  58. package/dist/esm/src/molecules/Button/Button.d.ts +4 -1
  59. package/dist/esm/src/molecules/Button/Button.stories.d.ts +1 -1
  60. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +2 -1
  61. package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +2 -1
  62. package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +2 -1
  63. package/dist/esm/src/molecules/CustomValidation/CustomValidation.d.ts +2 -1
  64. package/dist/esm/src/molecules/CustomValidation/CustomValidation.stories.d.ts +1 -1
  65. package/dist/esm/src/molecules/Image/Image.d.ts +4 -1
  66. package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
  67. package/dist/esm/src/molecules/InputField/InputField.d.ts +2 -1
  68. package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
  69. package/dist/esm/src/molecules/Link/Link.d.ts +2 -1
  70. package/dist/esm/src/molecules/Link/Link.stories.d.ts +1 -1
  71. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +3 -1
  72. package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +2 -1
  73. package/dist/esm/src/molecules/SelectField/SelectField.d.ts +2 -1
  74. package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -1
  75. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  76. package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
  77. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +2 -1
  78. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +1 -1
  79. package/dist/esm/src/molecules/Video/Video.d.ts +2 -1
  80. package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
  81. package/dist/index.d.ts +42 -22
  82. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideS
10
10
  import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
11
11
  import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
12
12
  import * as containers from 'containers';
13
- import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1 } from 'containers';
13
+ import { FormStateType as FormStateType$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ConditionConfig as ConditionConfig$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
14
14
  import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
15
15
  import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
16
16
  import * as react_hook_form from 'react-hook-form';
@@ -21,6 +21,7 @@ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldPr
21
21
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
22
22
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
23
23
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
24
+ import { Descendant } from 'slate';
24
25
  import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
25
26
  import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
26
27
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -214,6 +215,7 @@ declare type TextProps = {
214
215
  textAlign?: TextAlign;
215
216
  behaveAs?: 'text' | 'button';
216
217
  seoTag?: SeoTags;
218
+ htmlElementId?: string;
217
219
  };
218
220
  declare type TextWrapperProps = PropsWithChildren<TextProps>;
219
221
  declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
@@ -391,6 +393,7 @@ declare const GoogleMap: react__default.ComponentClass<{
391
393
  position: MapPosition;
392
394
  } & WithScriptjsProps & WithGoogleMapProps, any>;
393
395
 
396
+ declare const defaultValue: Descendant[];
394
397
  declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
395
398
  declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
396
399
  declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -405,8 +408,9 @@ declare type RichTextEditorProps = Partial<{
405
408
  extraTextProps: TextProps$1;
406
409
  renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
407
410
  renderElementWrapperProps: AnyObject$1;
411
+ htmlElementId: string;
408
412
  }>;
409
- declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
413
+ declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
410
414
 
411
415
  declare type RadioButtonInternalConfigProps = Partial<{
412
416
  selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -924,6 +928,7 @@ declare type OrganismContextType = {
924
928
  formId: string;
925
929
  data: AnyObject$1;
926
930
  }[]) => void;
931
+ validations?: PasswordRuleValidation[];
927
932
  };
928
933
  declare const OrganismContext: react.Context<OrganismContextType>;
929
934
 
@@ -934,8 +939,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
934
939
  formId: string;
935
940
  data: AnyObject$1;
936
941
  }[]) => void;
942
+ validations: PasswordRuleValidation[];
937
943
  }>>;
938
- declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
944
+ declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
939
945
 
940
946
  declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
941
947
  declare type LabelInternalConfig = {
@@ -991,8 +997,9 @@ declare type InputFieldProps = Partial<{
991
997
  conditionConfig: ConditionConfig$1;
992
998
  state: FormStateType$1;
993
999
  formData: AnyObject$1;
1000
+ htmlElementId: string;
994
1001
  }>;
995
- declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, }: InputFieldProps) => JSX.Element | null;
1002
+ declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
996
1003
 
997
1004
  declare type FieldMapperProps<T extends object> = {
998
1005
  field: UIField$1<keyof T>;
@@ -1030,8 +1037,9 @@ declare type CheckboxFieldProps = Partial<{
1030
1037
  state: FormStateType$1;
1031
1038
  defaultValue: string[];
1032
1039
  formData: AnyObject$1;
1040
+ htmlElementId: string;
1033
1041
  }>;
1034
- declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, }: CheckboxFieldProps) => JSX.Element | null;
1042
+ declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;
1035
1043
 
1036
1044
  declare type CheckboxGroupProps = Partial<{
1037
1045
  ref: RefCallBack;
@@ -1054,8 +1062,9 @@ declare type SelectFieldProps = Partial<{
1054
1062
  conditionConfig: ConditionConfig$1;
1055
1063
  state: FormStateType$1;
1056
1064
  formData: AnyObject$1;
1065
+ htmlElementId: string;
1057
1066
  }>;
1058
- declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, }: SelectFieldProps) => JSX.Element | null;
1067
+ declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
1059
1068
 
1060
1069
  declare type CustomValidationRule<T = string> = {
1061
1070
  text: string;
@@ -1066,8 +1075,9 @@ declare type CustomValidationProps<T = string> = {
1066
1075
  value: T;
1067
1076
  isSubmitted?: boolean;
1068
1077
  rules: CustomValidationRule<T>[];
1078
+ spacer?: number;
1069
1079
  };
1070
- declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
1080
+ declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
1071
1081
 
1072
1082
  declare type BaseSelectableProps<T> = {
1073
1083
  iconName: IconNames$2;
@@ -1169,8 +1179,9 @@ declare type TabGroupProps<T = string, K = string> = {
1169
1179
  wide?: AdditionalTabContainerProps;
1170
1180
  compact?: AdditionalTabContainerProps;
1171
1181
  isMobile?: boolean;
1182
+ htmlElementId?: string;
1172
1183
  };
1173
- declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, ...props }: TabGroupProps<T, K>) => JSX.Element;
1184
+ declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
1174
1185
 
1175
1186
  declare type FieldSectionProps<T extends object> = {
1176
1187
  label: string;
@@ -1209,8 +1220,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
1209
1220
  conditionConfig: ConditionConfig$1;
1210
1221
  state: FormStateType$1;
1211
1222
  formData: AnyObject$1;
1223
+ htmlElementId: string;
1212
1224
  }>;
1213
- declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, }: Partial<{
1225
+ declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
1214
1226
  name: string;
1215
1227
  rules: ControllerProps$1['rules'];
1216
1228
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1255,6 +1267,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
1255
1267
  conditionConfig: ConditionConfig$1;
1256
1268
  state: FormStateType$1;
1257
1269
  formData: AnyObject$1;
1270
+ htmlElementId: string;
1258
1271
  }>) => JSX.Element | null;
1259
1272
 
1260
1273
  declare type AlertProps = {
@@ -1341,8 +1354,9 @@ declare type VideoProps = {
1341
1354
  style: CSSProperties;
1342
1355
  styles: StylesType;
1343
1356
  template: FeedContentTemplateTypes$1;
1357
+ htmlElementId: string;
1344
1358
  }>;
1345
- declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
1359
+ declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;
1346
1360
 
1347
1361
  declare type ImageProps = {
1348
1362
  src: string;
@@ -1356,8 +1370,10 @@ declare type ImageProps = {
1356
1370
  cornerRadius: number;
1357
1371
  behaveAs: 'background' | 'regular';
1358
1372
  styles: StylesType;
1373
+ stateConfig: MetadataStateConfig$1[];
1374
+ htmlElementId: string;
1359
1375
  }>;
1360
- declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
1376
+ declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;
1361
1377
 
1362
1378
  declare type CarouselProps = {
1363
1379
  children: JSX.Element[];
@@ -1388,8 +1404,9 @@ declare type TextMoleculeProps = Partial<{
1388
1404
  isRichText: boolean;
1389
1405
  styles: StylesType;
1390
1406
  textAlign: 'center' | 'right' | 'left';
1407
+ htmlElementId: string;
1391
1408
  }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
1392
- declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1409
+ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
1393
1410
 
1394
1411
  declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
1395
1412
  declare type ButtonType = 'button' | 'submit' | 'reset';
@@ -1427,8 +1444,10 @@ declare type ButtonProps = BaseButtonProps & {
1427
1444
  isRichText?: boolean;
1428
1445
  containerStyle?: StylesType;
1429
1446
  buttonStyle?: StylesType;
1447
+ stateConfig?: MetadataStateConfig$1[];
1448
+ htmlElementId?: string;
1430
1449
  };
1431
- declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
1450
+ declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: ButtonProps) => JSX.Element | null;
1432
1451
 
1433
1452
  declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
1434
1453
  padding?: number | string;
@@ -1476,8 +1495,9 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
1476
1495
  text: string;
1477
1496
  isRichText: boolean;
1478
1497
  href: string;
1498
+ htmlElementId: string;
1479
1499
  }>;
1480
- declare const Link: ({ text, isRichText, ...props }: LinkProps) => JSX.Element | null;
1500
+ declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
1481
1501
 
1482
1502
  declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
1483
1503
  type: containers.ContainerType;
@@ -1536,7 +1556,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1536
1556
  children?: ReactNode;
1537
1557
  } & {
1538
1558
  id: string;
1539
- }) => JSX.Element;
1559
+ }) => JSX.Element | null;
1540
1560
  declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
1541
1561
  formData?: AnyObject$1 | undefined;
1542
1562
  setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
@@ -1791,7 +1811,6 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
1791
1811
  form: UseFormReturn<any>;
1792
1812
  formData: AnyObject$1;
1793
1813
  setFormData: Dispatch<SetStateAction<AnyObject$1>>;
1794
- validations: PasswordRuleValidation[];
1795
1814
  }>;
1796
1815
 
1797
1816
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
@@ -1802,14 +1821,14 @@ declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' |
1802
1821
  declare type StateActionType = 'visible' | 'disabled';
1803
1822
  declare type StateEventType = 'click' | 'view';
1804
1823
  declare type StateListenerConfigType = {
1805
- stateRole: 'stateListener';
1824
+ role: 'stateListener';
1806
1825
  stateKey: string;
1807
- stateValue: string;
1808
- defaultState: Record<StateActionType, boolean>;
1809
- action: Record<StateActionType, boolean>;
1826
+ stateValue: string | boolean;
1827
+ defaultState: Partial<Record<StateActionType, boolean>>;
1828
+ action: Partial<Record<StateActionType, boolean>>;
1810
1829
  };
1811
1830
  declare type StateModifierConfigType = {
1812
- stateRole: 'stateModifier';
1831
+ role: 'stateModifier';
1813
1832
  stateKey: string;
1814
1833
  event: StateEventType;
1815
1834
  };
@@ -1827,6 +1846,7 @@ declare type FormStepContainerProps = {
1827
1846
  formStepName: string;
1828
1847
  order: number;
1829
1848
  conditionConfig: ConditionConfig;
1849
+ formStepStyles?: CSSProperties;
1830
1850
  };
1831
1851
  declare type FormContainerProps = {
1832
1852
  mode: keyof ValidationMode;
@@ -1930,4 +1950,4 @@ declare type FormOrganismItemProps = {
1930
1950
  };
1931
1951
  declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
1932
1952
 
1933
- export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1953
+ export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, 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.3.82",
3
+ "version": "0.3.84",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"