@zealicsolutions/web-ui 0.2.62 → 0.2.64

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 (30) hide show
  1. package/dist/cjs/index.js +21 -21
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/src/atoms/Buttons/Button.d.ts +6 -2
  4. package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +3 -3
  5. package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +5 -13
  6. package/dist/cjs/src/icons/Check.d.ts +1 -1
  7. package/dist/cjs/src/icons/Info.d.ts +1 -1
  8. package/dist/cjs/src/molecules/Columns/styles.d.ts +1 -5
  9. package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
  10. package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +1 -1
  11. package/dist/cjs/src/molecules/index.d.ts +1 -0
  12. package/dist/cjs/src/organisms/Body/Body.d.ts +1 -1
  13. package/dist/cjs/src/organisms/Body/Body.stories.d.ts +1 -1
  14. package/dist/cjs/src/theme/types.d.ts +1 -1
  15. package/dist/esm/index.js +18 -18
  16. package/dist/esm/index.js.map +1 -1
  17. package/dist/esm/src/atoms/Buttons/Button.d.ts +6 -2
  18. package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +3 -3
  19. package/dist/esm/src/atoms/Buttons/TextButton.d.ts +5 -13
  20. package/dist/esm/src/icons/Check.d.ts +1 -1
  21. package/dist/esm/src/icons/Info.d.ts +1 -1
  22. package/dist/esm/src/molecules/Columns/styles.d.ts +1 -5
  23. package/dist/esm/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
  24. package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +1 -1
  25. package/dist/esm/src/molecules/index.d.ts +1 -0
  26. package/dist/esm/src/organisms/Body/Body.d.ts +1 -1
  27. package/dist/esm/src/organisms/Body/Body.stories.d.ts +1 -1
  28. package/dist/esm/src/theme/types.d.ts +1 -1
  29. package/dist/index.d.ts +68 -62
  30. package/package.json +1 -1
@@ -1,12 +1,15 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { CSSProperties } from 'styled-components';
3
3
  import type { Callback } from 'typescript';
4
+ export declare type ButtonVariant = 'primary' | 'secondary' | 'text';
4
5
  export declare type BaseButtonProps = PropsWithChildren<{
5
6
  onClick?: Callback;
6
- variant?: 'primary' | 'secondary';
7
+ variant?: ButtonVariant;
7
8
  disabled?: boolean;
8
9
  fullWidth?: boolean;
9
10
  size?: 'medium' | 'small';
11
+ activeOpacity?: number;
12
+ withoutOpacityEffect?: boolean;
10
13
  }>;
11
14
  export declare type ButtonProps = BaseButtonProps & {
12
15
  fullWidth?: boolean;
@@ -16,5 +19,6 @@ export declare type ButtonProps = BaseButtonProps & {
16
19
  loading?: boolean;
17
20
  isRichText?: boolean;
18
21
  containerStyle?: CSSProperties;
22
+ buttonStyle?: CSSProperties;
19
23
  };
20
- export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
24
+ export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
@@ -1,12 +1,12 @@
1
1
  import type { ComponentStory } from '@storybook/react';
2
- import { FC } from 'react';
3
2
  import { TextButtonProps } from 'atoms/Buttons/TextButton';
3
+ import { FC } from 'react';
4
4
  import { Button as ButtonComponent } from './Button';
5
- import { TouchableOpacityProps } from './TouchableOpacity';
6
5
  import { IconButton as IconButtonComponent } from './IconButton';
6
+ import { TouchableOpacityProps } from './TouchableOpacity';
7
7
  declare const _default: {
8
8
  title: string;
9
- component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: import("./Button").ButtonProps) => JSX.Element | null;
9
+ component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
10
10
  };
11
11
  export default _default;
12
12
  export declare const Button: ComponentStory<typeof ButtonComponent>;
@@ -1,24 +1,16 @@
1
- import { PropsWithChildren } from 'react';
2
- import type { Callback } from 'typescript';
3
- export declare type TextButtonProps = PropsWithChildren<{
4
- activeOpacity?: number;
5
- withoutOpacityEffect?: boolean;
6
- disabled?: boolean;
7
- onClick?: Callback;
1
+ /// <reference types="react" />
2
+ import { BaseButtonProps } from './Button';
3
+ export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
8
4
  buttonLink?: string;
9
5
  elementId?: string;
10
- }>;
6
+ };
11
7
  export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
12
8
  activeOpacity?: number | undefined;
13
9
  withoutOpacityEffect?: boolean | undefined;
14
10
  disabled?: boolean | undefined;
15
11
  } & {
16
12
  children?: import("react").ReactNode;
17
- } & {
18
- activeOpacity?: number | undefined;
19
- withoutOpacityEffect?: boolean | undefined;
20
- disabled?: boolean | undefined;
21
- onClick?: Callback | undefined;
13
+ } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
22
14
  buttonLink?: string | undefined;
23
15
  elementId?: string | undefined;
24
16
  }, never>;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- import type { IconProps } from '../atoms/Icon/Icon';
2
+ import type { IconProps } from 'atoms';
3
3
  export declare const Check: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- import type { IconProps } from '../atoms/Icon/Icon';
2
+ import type { IconProps } from 'atoms';
3
3
  export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;
@@ -9,11 +9,7 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
9
9
  disabled?: boolean | undefined;
10
10
  } & {
11
11
  children?: import("react").ReactNode;
12
- } & {
13
- activeOpacity?: number | undefined;
14
- withoutOpacityEffect?: boolean | undefined;
15
- disabled?: boolean | undefined;
16
- onClick?: import("../../typescript").Callback | undefined;
12
+ } & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
17
13
  buttonLink?: string | undefined;
18
14
  elementId?: string | undefined;
19
15
  }, never>;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { SizesTypes } from '../../theme';
2
+ import { SizesTypes } from 'theme';
3
3
  import { BaseSelectableProps } from './BaseSelectable';
4
4
  export declare type SelectableCardGroupProps<T> = {
5
5
  cards: BaseSelectableProps<T>[];
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { CSSProperties } from 'styled-components';
3
3
  import { SizesTypes } from 'theme/types';
4
- import { TabProps, TabTheme } from 'molecules/Tab/Tab';
4
+ import { TabProps, TabTheme } from '../Tab/Tab';
5
5
  export declare type TabGroupProps<T = string, K = string> = {
6
6
  tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
7
7
  activeTabKey: T;
@@ -10,6 +10,7 @@ export * from './Drawer/Drawer';
10
10
  export * from './Columns/Columns';
11
11
  export * from './MenuItems/MenuItems';
12
12
  export * from './AvatarDropdown/AvatarDropdown';
13
+ export * from './Tab/Tab';
13
14
  export * from './TabGroup/TabGroup';
14
15
  export * from './FieldSection/FieldSection';
15
16
  export * from './MenuNavigation/MenuNavigation';
@@ -12,4 +12,4 @@ export declare type BodyProps = {
12
12
  horizontalPaddings?: number;
13
13
  containerStyles?: CSSProperties;
14
14
  };
15
- export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
15
+ export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
3
3
  import { Body as BodyComponent } from './Body';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ elements, horizontalPaddings, containerStyles }: import("./Body").BodyProps) => JSX.Element;
6
+ component: ({ elements, horizontalPaddings, containerStyles, }: import("./Body").BodyProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const Body: ComponentStory<typeof BodyComponent>;
@@ -1,5 +1,5 @@
1
1
  export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
2
- export declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
2
+ export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
3
3
  export declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
4
4
  export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
5
  export declare type ThemeColorsType = Record<ThemeColors, string>;
package/dist/index.d.ts CHANGED
@@ -19,7 +19,6 @@ import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProp
19
19
  import { Control, ControllerProps } from 'react-hook-form/dist/types';
20
20
  import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
21
21
  import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
22
- import { TabProps as TabProps$1, TabTheme as TabTheme$1 } from 'molecules/Tab/Tab';
23
22
  import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
24
23
  import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, 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';
25
24
  import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -38,12 +37,15 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
38
37
  import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
39
38
  import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
40
39
 
40
+ declare type ButtonVariant = 'primary' | 'secondary' | 'text';
41
41
  declare type BaseButtonProps = PropsWithChildren<{
42
42
  onClick?: Callback$1;
43
- variant?: 'primary' | 'secondary';
43
+ variant?: ButtonVariant;
44
44
  disabled?: boolean;
45
45
  fullWidth?: boolean;
46
46
  size?: 'medium' | 'small';
47
+ activeOpacity?: number;
48
+ withoutOpacityEffect?: boolean;
47
49
  }>;
48
50
  declare type ButtonProps = BaseButtonProps & {
49
51
  fullWidth?: boolean;
@@ -53,8 +55,9 @@ declare type ButtonProps = BaseButtonProps & {
53
55
  loading?: boolean;
54
56
  isRichText?: boolean;
55
57
  containerStyle?: CSSProperties;
58
+ buttonStyle?: CSSProperties;
56
59
  };
57
- declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
60
+ declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
58
61
 
59
62
  declare type TouchableOpacityProps = PropsWithChildren<{
60
63
  activeOpacity?: number;
@@ -184,25 +187,17 @@ declare type ImageProps = {
184
187
  declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
185
188
  declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
186
189
 
187
- declare type TextButtonProps = PropsWithChildren<{
188
- activeOpacity?: number;
189
- withoutOpacityEffect?: boolean;
190
- disabled?: boolean;
191
- onClick?: Callback$1;
190
+ declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
192
191
  buttonLink?: string;
193
192
  elementId?: string;
194
- }>;
193
+ };
195
194
  declare const TextButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
196
195
  activeOpacity?: number | undefined;
197
196
  withoutOpacityEffect?: boolean | undefined;
198
197
  disabled?: boolean | undefined;
199
198
  } & {
200
199
  children?: React$1.ReactNode;
201
- } & {
202
- activeOpacity?: number | undefined;
203
- withoutOpacityEffect?: boolean | undefined;
204
- disabled?: boolean | undefined;
205
- onClick?: Callback$1 | undefined;
200
+ } & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
206
201
  buttonLink?: string | undefined;
207
202
  elementId?: string | undefined;
208
203
  }, never>;
@@ -457,35 +452,6 @@ declare type CustomValidationProps<T = string> = {
457
452
  };
458
453
  declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
459
454
 
460
- declare const defaultTheme: DefaultTheme;
461
-
462
- declare const ZealThemeProvider: (props: PropsWithChildren<{
463
- theme?: DefaultTheme;
464
- }>) => JSX.Element;
465
-
466
- declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
467
- declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
468
- declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
469
- declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
470
- declare type ThemeColorsType = Record<ThemeColors, string>;
471
- declare type ThemeTextType = Record<FontSizesTypes, {
472
- 'font-weight': string;
473
- 'font-size': number;
474
- 'line-height': number;
475
- }>;
476
- declare type ThemeSizesType = Record<SizesTypes, number>;
477
- declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
478
- declare type ZealTheme = {
479
- colors: ThemeColorsType;
480
- fonts: Record<FontSizesTypes, number>;
481
- sizes: ThemeSizesType;
482
- devices: ThemeDevicesType;
483
- };
484
-
485
- declare const toastStyles: styled_components.FlattenSimpleInterpolation;
486
-
487
- declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
488
-
489
455
  declare type BaseSelectableProps<T> = {
490
456
  iconName: IconNames;
491
457
  infoText: string;
@@ -497,7 +463,7 @@ declare type BaseSelectableProps<T> = {
497
463
  declare type SelectableCardGroupProps<T> = {
498
464
  cards: BaseSelectableProps<T>[];
499
465
  handleChange?: (value: T | undefined) => void;
500
- spacing?: SizesTypes;
466
+ spacing?: SizesTypes$1;
501
467
  initialValue?: T;
502
468
  };
503
469
  declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
@@ -563,15 +529,40 @@ declare type AvatarDropdownProps<T> = {
563
529
  };
564
530
  declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
565
531
 
532
+ declare type TabOption<T = string> = {
533
+ menuText: string;
534
+ menuKey: T;
535
+ onMenuClick?: (key: T) => void;
536
+ isSelected?: boolean;
537
+ };
538
+ declare type TabElement = HTMLDivElement | null;
539
+ declare type TabTheme = 'light' | 'dark';
540
+ declare type TabProps<T = string, K = string> = {
541
+ tabKey: T;
542
+ text: string;
543
+ disabled?: boolean;
544
+ vertical?: boolean;
545
+ isActive?: boolean;
546
+ onClick?: (key: T) => void;
547
+ options?: MenuItem<K>[];
548
+ onOptionClick?: (optionKey: K) => void;
549
+ tabTheme?: TabTheme;
550
+ divider?: boolean;
551
+ };
552
+ declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
553
+ declare const Tab: <T, K>(props: TabProps<T, K> & {
554
+ ref?: React__default.ForwardedRef<TabElement> | undefined;
555
+ }) => ReturnType<typeof ZealTab>;
556
+
566
557
  declare type TabGroupProps<T = string, K = string> = {
567
- tabs: Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
558
+ tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
568
559
  activeTabKey: T;
569
560
  spacing?: SizesTypes$2;
570
561
  onTabChange?: (tabKey: T) => void;
571
562
  onOptionClick?: (optionKey: K) => void;
572
563
  style?: CSSProperties;
573
564
  vertical?: boolean;
574
- tabTheme?: TabTheme$1;
565
+ tabTheme?: TabTheme;
575
566
  };
576
567
  declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, tabTheme, }: TabGroupProps<T, K>) => JSX.Element;
577
568
 
@@ -803,20 +794,6 @@ declare type FooterLink = {
803
794
  location: string;
804
795
  };
805
796
 
806
- declare type TabTheme = 'light' | 'dark';
807
- declare type TabProps<T = string, K = string> = {
808
- tabKey: T;
809
- text: string;
810
- disabled?: boolean;
811
- vertical?: boolean;
812
- isActive?: boolean;
813
- onClick?: (key: T) => void;
814
- options?: MenuItem<K>[];
815
- onOptionClick?: (optionKey: K) => void;
816
- tabTheme?: TabTheme;
817
- divider?: boolean;
818
- };
819
-
820
797
  declare type ProfileInformationProps<TabKeys extends string> = {
821
798
  backgroundImageUrl: string;
822
799
  avatarProps: AvatarProps;
@@ -852,7 +829,7 @@ declare type BodyProps = {
852
829
  horizontalPaddings?: number;
853
830
  containerStyles?: CSSProperties;
854
831
  };
855
- declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
832
+ declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
856
833
 
857
834
  declare type ISIProps = ISIAProps;
858
835
  declare const ISI: (props: ISIProps) => JSX.Element;
@@ -1018,6 +995,35 @@ declare const useStep: (maxStep: number) => [number, Helpers];
1018
995
 
1019
996
  declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
1020
997
 
998
+ declare const defaultTheme: DefaultTheme;
999
+
1000
+ declare const ZealThemeProvider: (props: PropsWithChildren<{
1001
+ theme?: DefaultTheme;
1002
+ }>) => JSX.Element;
1003
+
1004
+ declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
1005
+ declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
1006
+ declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
1007
+ declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
1008
+ declare type ThemeColorsType = Record<ThemeColors, string>;
1009
+ declare type ThemeTextType = Record<FontSizesTypes, {
1010
+ 'font-weight': string;
1011
+ 'font-size': number;
1012
+ 'line-height': number;
1013
+ }>;
1014
+ declare type ThemeSizesType = Record<SizesTypes, number>;
1015
+ declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
1016
+ declare type ZealTheme = {
1017
+ colors: ThemeColorsType;
1018
+ fonts: Record<FontSizesTypes, number>;
1019
+ sizes: ThemeSizesType;
1020
+ devices: ThemeDevicesType;
1021
+ };
1022
+
1023
+ declare const toastStyles: styled_components.FlattenSimpleInterpolation;
1024
+
1025
+ declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
1026
+
1021
1027
  declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
1022
1028
  annotationsList: AnnotationsList$1;
1023
1029
  isMLRReview: boolean;
@@ -1046,4 +1052,4 @@ declare type AnnotationsList = {
1046
1052
 
1047
1053
  declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
1048
1054
 
1049
- export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, 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, TabGroup, TabGroupProps, 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 };
1055
+ 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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.2.62",
3
+ "version": "0.2.64",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"