@zealicsolutions/web-ui 0.2.67 → 0.2.69

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 (74) hide show
  1. package/dist/cjs/index.js +25 -25
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Buttons/Button.d.ts +15 -1
  4. package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +1 -1
  5. package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +2 -2
  6. package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts +12 -0
  7. package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts +8 -0
  8. package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +5 -3
  9. package/dist/cjs/src/atoms/Tab/styles.d.ts +2 -1
  10. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +6 -4
  11. package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts +4 -4
  12. package/dist/cjs/src/atoms/index.d.ts +1 -1
  13. package/dist/cjs/src/helpers/constants.d.ts +1 -0
  14. package/dist/cjs/src/helpers/utils.d.ts +1 -0
  15. package/dist/cjs/src/helpers/validations.d.ts +1 -0
  16. package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
  17. package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +1 -1
  18. package/dist/cjs/src/molecules/Columns/Column.d.ts +1 -1
  19. package/dist/cjs/src/molecules/Columns/styles.d.ts +2 -2
  20. package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts +2 -2
  21. package/dist/cjs/src/molecules/Image/Image.d.ts +14 -0
  22. package/dist/cjs/src/molecules/Image/Image.stories.d.ts +9 -0
  23. package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
  24. package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts +4 -3
  25. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  26. package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +3 -3
  27. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +16 -0
  28. package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +9 -0
  29. package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
  30. package/dist/cjs/src/organisms/Footer/styles.d.ts +1 -1
  31. package/dist/cjs/src/organisms/Header/styles.d.ts +3 -2
  32. package/dist/cjs/src/organisms/ProcessTracker/mocks.d.ts +1 -1
  33. package/dist/cjs/src/organisms/SetPasswordForm/utils.d.ts +2 -2
  34. package/dist/cjs/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
  35. package/dist/esm/index.js +26 -26
  36. package/dist/esm/index.js.map +1 -1
  37. package/dist/esm/src/atoms/Buttons/Button.d.ts +15 -1
  38. package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +1 -1
  39. package/dist/esm/src/atoms/Buttons/TextButton.d.ts +2 -2
  40. package/dist/esm/src/atoms/RegularImage/RegularImage.d.ts +12 -0
  41. package/dist/esm/src/atoms/RegularImage/RegularImage.stories.d.ts +8 -0
  42. package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +5 -3
  43. package/dist/esm/src/atoms/Tab/styles.d.ts +2 -1
  44. package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +6 -4
  45. package/dist/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts +4 -4
  46. package/dist/esm/src/atoms/index.d.ts +1 -1
  47. package/dist/esm/src/helpers/constants.d.ts +1 -0
  48. package/dist/esm/src/helpers/utils.d.ts +1 -0
  49. package/dist/esm/src/helpers/validations.d.ts +1 -0
  50. package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
  51. package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +1 -1
  52. package/dist/esm/src/molecules/Columns/Column.d.ts +1 -1
  53. package/dist/esm/src/molecules/Columns/styles.d.ts +2 -2
  54. package/dist/esm/src/molecules/HeroImage/HeroImage.d.ts +2 -2
  55. package/dist/esm/src/molecules/Image/Image.d.ts +14 -0
  56. package/dist/esm/src/molecules/Image/Image.stories.d.ts +9 -0
  57. package/dist/esm/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
  58. package/dist/esm/src/molecules/SelectableInfoCard/styles.d.ts +4 -3
  59. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
  60. package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +3 -3
  61. package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +16 -0
  62. package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +9 -0
  63. package/dist/esm/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
  64. package/dist/esm/src/organisms/Footer/styles.d.ts +1 -1
  65. package/dist/esm/src/organisms/Header/styles.d.ts +3 -2
  66. package/dist/esm/src/organisms/ProcessTracker/mocks.d.ts +1 -1
  67. package/dist/esm/src/organisms/SetPasswordForm/utils.d.ts +2 -2
  68. package/dist/esm/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
  69. package/dist/index.d.ts +70 -52
  70. package/package.json +3 -2
  71. package/dist/cjs/src/atoms/Image/Image.d.ts +0 -8
  72. package/dist/cjs/src/atoms/Image/Image.stories.d.ts +0 -8
  73. package/dist/esm/src/atoms/Image/Image.d.ts +0 -8
  74. package/dist/esm/src/atoms/Image/Image.stories.d.ts +0 -8
package/dist/index.d.ts CHANGED
@@ -3,23 +3,21 @@ import * as React$1 from 'react';
3
3
  import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSProperties$1, ComponentType, Dispatch, SetStateAction } from 'react';
4
4
  import * as styled_components from 'styled-components';
5
5
  import { CSSProperties, DefaultTheme } from 'styled-components';
6
+ import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
6
7
  import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
7
8
  import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
8
9
  import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
9
- import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
10
- import * as _mui_material from '@mui/material';
11
- import { DrawerProps as DrawerProps$1 } from '@mui/material';
12
- import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
13
- import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
10
+ import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
14
11
  import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
15
12
  import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
16
13
  import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
17
14
  import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
18
- import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, AvatarProps as AvatarProps$1 } from 'atoms';
15
+ import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
19
16
  import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
20
17
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
21
18
  import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
22
19
  import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
20
+ import { DrawerProps as DrawerProps$1 } from '@mui/material';
23
21
  import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
24
22
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
25
23
  import { UIFields as UIFields$2 } from 'fieldsConfiguration';
@@ -45,6 +43,18 @@ declare type BaseButtonProps = PropsWithChildren<{
45
43
  disabled?: boolean;
46
44
  fullWidth?: boolean;
47
45
  size?: 'medium' | 'small';
46
+ buttonFont?: FontSizesTypes$1;
47
+ textColor?: ThemeColors$1 | string;
48
+ textSize?: number;
49
+ buttonPadding?: SizesTypes$1;
50
+ buttonColor?: ThemeColors$1 | string;
51
+ buttonStroke?: ThemeColors$1 | string;
52
+ cornerRadius?: SizesTypes$1 | number;
53
+ hoverButtonColor?: ThemeColors$1 | string;
54
+ hoverStrokeColor?: ThemeColors$1 | string;
55
+ inactiveButtonColor?: ThemeColors$1 | string;
56
+ inactiveStrokeColor?: ThemeColors$1 | string;
57
+ styles?: StylesType;
48
58
  }>;
49
59
  declare type ButtonProps = BaseButtonProps & {
50
60
  fullWidth?: boolean;
@@ -56,7 +66,7 @@ declare type ButtonProps = BaseButtonProps & {
56
66
  containerStyle?: CSSProperties;
57
67
  buttonStyle?: CSSProperties;
58
68
  };
59
- declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
69
+ declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: ButtonProps) => JSX.Element | null;
60
70
 
61
71
  declare type TouchableOpacityProps = PropsWithChildren<{
62
72
  activeOpacity?: number;
@@ -119,24 +129,26 @@ declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled,
119
129
 
120
130
  declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
121
131
  declare type TextAlign = 'center' | 'right' | 'left';
122
- declare type TextWrapperProps = {
123
- children: ReactNode;
124
- variant: FontSizesTypes$1;
132
+ declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
133
+ declare type TextProps = {
134
+ variant: FontSizesTypes$2;
125
135
  layout?: 'div' | 'span';
126
136
  type?: TextTypes;
127
137
  styles?: StylesType;
128
- color?: ThemeColors$1 | string;
138
+ color?: ThemeColors$2 | string;
129
139
  numberOfLines?: number;
130
140
  textAlign?: TextAlign;
131
141
  behaveAs?: 'text' | 'button';
142
+ seoTag?: SeoTags;
132
143
  };
133
- declare const TextWrapper: styled_components.StyledComponent<_mui_material_OverridableComponent.OverridableComponent<_mui_material.BoxTypeMap<{}, "div">>, styled_components.DefaultTheme, TextWrapperProps, never>;
144
+ declare type TextWrapperProps = PropsWithChildren<TextProps>;
145
+ declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
134
146
 
135
147
  declare type IconProps = {
136
148
  name: IconNames;
137
149
  size?: number;
138
- color?: ThemeColors$2 | string;
139
- fill?: ThemeColors$2 | string;
150
+ color?: ThemeColors$1 | string;
151
+ fill?: ThemeColors$1 | string;
140
152
  pointerEvents?: 'auto' | 'none';
141
153
  style?: React.CSSProperties;
142
154
  };
@@ -174,19 +186,23 @@ declare type SpacerProps = {
174
186
  declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
175
187
 
176
188
  declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
177
- color?: ThemeColors$1 | undefined;
189
+ color?: ThemeColors$2 | undefined;
178
190
  size?: SizesTypes$2 | undefined;
179
191
  }, never>;
180
192
 
181
- declare type ImageProps = {
193
+ declare type RegularImageProps = {
182
194
  src: string;
183
195
  alt?: string;
184
- style?: CSSProperties;
196
+ width?: number | string;
197
+ height?: number | string;
198
+ styles?: StylesType;
199
+ onClick?: Callback$1;
200
+ cornerRadius?: number;
185
201
  };
186
- declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
187
- declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
202
+ declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
203
+ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
188
204
 
189
- declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children'> & {
205
+ declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'styles' | 'buttonPadding' | 'textColor' | 'textSize' | 'buttonFont'> & {
190
206
  buttonLink?: string;
191
207
  elementId?: string;
192
208
  };
@@ -198,7 +214,7 @@ declare const TextButton: styled_components.StyledComponent<"div", styled_compon
198
214
  children?: React$1.ReactNode;
199
215
  } & {
200
216
  withoutOpacityEffect: boolean;
201
- } & Pick<BaseButtonProps, "children" | "onClick" | "disabled"> & {
217
+ } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
202
218
  buttonLink?: string | undefined;
203
219
  elementId?: string | undefined;
204
220
  }, "withoutOpacityEffect">;
@@ -248,9 +264,9 @@ declare type AvatarProps = {
248
264
  size?: SizesTypes$1 | number;
249
265
  withShadow?: boolean;
250
266
  label?: string;
251
- backgroundColor?: ThemeColors$2;
267
+ backgroundColor?: ThemeColors$1;
252
268
  textConfig?: {
253
- color?: ThemeColors$2;
269
+ color?: ThemeColors$1;
254
270
  font?: SizesTypes$1;
255
271
  };
256
272
  content: {
@@ -270,7 +286,7 @@ declare const VerticalPadding: styled_components.StyledComponent<"div", styled_c
270
286
 
271
287
  declare type DividerProps = {
272
288
  type?: 'horizontal' | 'vertical';
273
- color?: ThemeColors$2 | string;
289
+ color?: ThemeColors$1 | string;
274
290
  marginVertical?: SizesTypes$1 | number;
275
291
  marginHorizontal?: SizesTypes$1 | number;
276
292
  weight?: number;
@@ -295,12 +311,13 @@ declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
295
311
  declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
296
312
  declare type RichTextEditorProps = Partial<{
297
313
  value: string;
298
- font: FontSizesTypes$2;
299
- color: ThemeColors$2;
300
- textStyles: CSSProperties;
314
+ font: FontSizesTypes$1;
315
+ color: ThemeColors$1;
316
+ textStyles: StylesType;
301
317
  numberOfLines?: number;
318
+ extraTextProps?: TextProps$1;
302
319
  }>;
303
- declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
320
+ declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
304
321
 
305
322
  declare type RadioButtonType<T extends string = string> = {
306
323
  id: T;
@@ -328,8 +345,8 @@ declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
328
345
 
329
346
  declare type CircularIndicatorProps = {
330
347
  active: boolean;
331
- activeColor?: ThemeColors$2 | string;
332
- inactiveColor?: ThemeColors$2 | string;
348
+ activeColor?: ThemeColors$1 | string;
349
+ inactiveColor?: ThemeColors$1 | string;
333
350
  };
334
351
  declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
335
352
  declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
@@ -338,8 +355,8 @@ declare type IconButtonProps = {
338
355
  name: IconNames$2;
339
356
  size?: number;
340
357
  onClick: Callback$1;
341
- color?: ThemeColors$2 | string;
342
- fill?: ThemeColors$2 | string;
358
+ color?: ThemeColors$1 | string;
359
+ fill?: ThemeColors$1 | string;
343
360
  pointerEvents?: 'auto' | 'none';
344
361
  };
345
362
  declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
@@ -363,12 +380,12 @@ declare type TabProps<T = string, K = string> = {
363
380
  onOptionClick?: (optionKey: K) => void;
364
381
  tabTheme?: TabTheme;
365
382
  divider?: boolean;
366
- tabFont?: FontSizesTypes$2;
383
+ tabFont?: FontSizesTypes$1;
367
384
  textSize?: number;
368
385
  tabPadding?: SizesTypes$1 | number;
369
- textColor?: ThemeColors$2 | string;
370
- selectedTabTextColor?: ThemeColors$2 | string;
371
- selectedTabIndicatorColor?: ThemeColors$2 | string;
386
+ textColor?: ThemeColors$1 | string;
387
+ selectedTabTextColor?: ThemeColors$1 | string;
388
+ selectedTabIndicatorColor?: ThemeColors$1 | string;
372
389
  styles?: StylesType;
373
390
  };
374
391
  declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
@@ -456,7 +473,7 @@ declare type CheckboxFieldProps = {
456
473
  name: string;
457
474
  control?: Control<any>;
458
475
  defaultValue?: boolean;
459
- checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
476
+ checkboxProps: Omit<CheckBoxProps$1, 'error' | 'onClick' | 'value'>;
460
477
  };
461
478
  declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
462
479
 
@@ -486,7 +503,7 @@ declare type CustomValidationProps<T = string> = {
486
503
  declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
487
504
 
488
505
  declare type BaseSelectableProps<T> = {
489
- iconName: IconNames;
506
+ iconName: IconNames$2;
490
507
  infoText: string;
491
508
  isActive?: boolean;
492
509
  onClick?: (value: T) => void;
@@ -505,7 +522,7 @@ declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
505
522
  declare type HeroImageTemplate = 'card' | 'full_width';
506
523
  declare type HeroImageProps = {
507
524
  type: 'hero_image';
508
- backgroundImage: ImageProps$1;
525
+ backgroundImage: RegularImageProps$1;
509
526
  mainHeading: string;
510
527
  subHeading?: string;
511
528
  button?: ButtonProps$1;
@@ -523,7 +540,7 @@ declare type DrawerProps = DrawerProps$1 & {
523
540
  padding?: SizesTypes$2 | number;
524
541
  height?: number | string;
525
542
  width?: number | string;
526
- closeIconColor?: ThemeColors$1 | string;
543
+ closeIconColor?: ThemeColors$2 | string;
527
544
  };
528
545
 
529
546
  declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
@@ -557,26 +574,27 @@ declare type MenuItemsProps<T> = {
557
574
  declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
558
575
 
559
576
  declare type AvatarDropdownProps<T> = {
560
- avatarProps: AvatarProps;
577
+ avatarProps: AvatarProps$1;
561
578
  menuConfig: MenuItemsProps<T>;
562
579
  };
563
580
  declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
564
581
 
582
+ declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
565
583
  declare type TabGroupProps<T = string, K = string> = {
566
- tabs: Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
584
+ tabs: TabType<T, K>[];
567
585
  activeTabKey: T;
568
586
  onTabChange?: (tabKey: T) => void;
569
587
  onOptionClick?: (optionKey: K) => void;
570
588
  styles?: StylesType;
571
589
  vertical?: boolean;
572
590
  tabTheme?: TabTheme$1;
573
- tabFont?: FontSizesTypes$1;
591
+ tabFont?: FontSizesTypes$2;
574
592
  textSize?: number;
575
593
  tabPadding?: SizesTypes$2 | number;
576
594
  tabSpacing?: SizesTypes$2;
577
- textColor?: ThemeColors$1 | string;
578
- selectedTabTextColor?: ThemeColors$1 | string;
579
- selectedTabIndicatorColor?: ThemeColors$1 | string;
595
+ textColor?: ThemeColors$2 | string;
596
+ selectedTabTextColor?: ThemeColors$2 | string;
597
+ selectedTabIndicatorColor?: ThemeColors$2 | string;
580
598
  containerStyle?: CSSProperties;
581
599
  containerProps?: Record<string, unknown>;
582
600
  };
@@ -629,7 +647,7 @@ declare type AlertProps = {
629
647
  withCloseIcon?: {
630
648
  onClose: Callback$1;
631
649
  };
632
- fontColor?: ThemeColors$2;
650
+ fontColor?: ThemeColors$1;
633
651
  destinationLink?: string;
634
652
  onDestinationHandler?: Callback$1;
635
653
  containerStyles?: CSSProperties;
@@ -652,12 +670,12 @@ declare type PdfDocumentProps = {
652
670
  source: string;
653
671
  isMobile?: boolean;
654
672
  customDocumentStyles?: Partial<{
655
- wrapperBackgroundColor: ThemeColors$2 | string;
656
- pageNumberColor: ThemeColors$2 | string;
673
+ wrapperBackgroundColor: ThemeColors$1 | string;
674
+ pageNumberColor: ThemeColors$1 | string;
657
675
  pageWidth: number;
658
676
  pageHeight: number;
659
- paginationArrowColor: ThemeColors$2 | string;
660
- disabledPaginationArrowColor: ThemeColors$2 | string;
677
+ paginationArrowColor: ThemeColors$1 | string;
678
+ disabledPaginationArrowColor: ThemeColors$1 | string;
661
679
  }>;
662
680
  };
663
681
  declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
@@ -1068,4 +1086,4 @@ declare type AnnotationsList = {
1068
1086
 
1069
1087
  declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
1070
1088
 
1071
- export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TextAlign, TextButton, TextButtonProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
1089
+ export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.2.67",
3
+ "version": "0.2.69",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -23,6 +23,7 @@
23
23
  "scripts": {
24
24
  "build": "npm run clean && rollup -c",
25
25
  "test": "jest",
26
+ "start": "npm run storybook",
26
27
  "storybook": "storybook dev -p 6006",
27
28
  "build-storybook": "storybook build",
28
29
  "clean": "rimraf dist",
@@ -118,4 +119,4 @@
118
119
  "homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
119
120
  "keywords": [],
120
121
  "description": ""
121
- }
122
+ }
@@ -1,8 +0,0 @@
1
- import { CSSProperties } from 'styled-components';
2
- export declare type ImageProps = {
3
- src: string;
4
- alt?: string;
5
- style?: CSSProperties;
6
- };
7
- export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
8
- export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
@@ -1,8 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Image as ImageComponent } from './Image';
3
- declare const _default: {
4
- title: string;
5
- component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
6
- };
7
- export default _default;
8
- export declare const Image: ComponentStory<typeof ImageComponent>;
@@ -1,8 +0,0 @@
1
- import { CSSProperties } from 'styled-components';
2
- export declare type ImageProps = {
3
- src: string;
4
- alt?: string;
5
- style?: CSSProperties;
6
- };
7
- export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
8
- export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
@@ -1,8 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Image as ImageComponent } from './Image';
3
- declare const _default: {
4
- title: string;
5
- component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
6
- };
7
- export default _default;
8
- export declare const Image: ComponentStory<typeof ImageComponent>;