@zealicsolutions/web-ui 0.2.63 → 0.2.64

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -1,12 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
 import type { Callback } from 'typescript';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'text';
 export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
-    variant?: 'primary' | 'secondary';
+    variant?: ButtonVariant;
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
 }>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -16,5 +19,6 @@ export declare type ButtonProps = BaseButtonProps & {
     loading?: boolean;
     isRichText?: boolean;
     containerStyle?: CSSProperties;
+    buttonStyle?: CSSProperties;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;

package/dist/esm/src/atoms/Buttons/Button.stories.d.ts

@@ -1,12 +1,12 @@
 import type { ComponentStory } from '@storybook/react';
-import { FC } from 'react';
 import { TextButtonProps } from 'atoms/Buttons/TextButton';
+import { FC } from 'react';
 import { Button as ButtonComponent } from './Button';
-import { TouchableOpacityProps } from './TouchableOpacity';
 import { IconButton as IconButtonComponent } from './IconButton';
+import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: import("./Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: ComponentStory<typeof ButtonComponent>;

package/dist/esm/src/atoms/Buttons/TextButton.d.ts

@@ -1,24 +1,16 @@
-import { PropsWithChildren } from 'react';
-import type { Callback } from 'typescript';
-export declare type TextButtonProps = PropsWithChildren<{
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
-    disabled?: boolean;
-    onClick?: Callback;
+/// <reference types="react" />
+import { BaseButtonProps } from './Button';
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
     buttonLink?: string;
     elementId?: string;
-}>;
+};
 export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onClick?: Callback | undefined;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;

package/dist/esm/src/icons/Check.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from '../atoms/Icon/Icon';
+import type { IconProps } from 'atoms';
 export declare const Check: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/esm/src/icons/Info.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from '../atoms/Icon/Icon';
+import type { IconProps } from 'atoms';
 export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/esm/src/molecules/Columns/styles.d.ts

@@ -9,11 +9,7 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onClick?: import("../../typescript").Callback | undefined;
+} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;

package/dist/esm/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SizesTypes } from '../../theme';
+import { SizesTypes } from 'theme';
 import { BaseSelectableProps } from './BaseSelectable';
 export declare type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];

package/dist/esm/src/organisms/Body/Body.d.ts

@@ -12,4 +12,4 @@ export declare type BodyProps = {
     horizontalPaddings?: number;
     containerStyles?: CSSProperties;
 };
-export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
+export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;

package/dist/esm/src/organisms/Body/Body.stories.d.ts

@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
 import { Body as BodyComponent } from './Body';
 declare const _default: {
     title: string;
-    component: ({ elements, horizontalPaddings, containerStyles }: import("./Body").BodyProps) => JSX.Element;
+    component: ({ elements, horizontalPaddings, containerStyles, }: import("./Body").BodyProps) => JSX.Element;
 };
 export default _default;
 export declare const Body: ComponentStory<typeof BodyComponent>;

package/dist/esm/src/theme/types.d.ts

@@ -1,5 +1,5 @@
 export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-export declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 export declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
 export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type ThemeColorsType = Record<ThemeColors, string>;

package/dist/index.d.ts

@@ -37,12 +37,15 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 
+declare type ButtonVariant = 'primary' | 'secondary' | 'text';
 declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback$1;
-    variant?: 'primary' | 'secondary';
+    variant?: ButtonVariant;
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
 }>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -52,8 +55,9 @@ declare type ButtonProps = BaseButtonProps & {
     loading?: boolean;
     isRichText?: boolean;
     containerStyle?: CSSProperties;
+    buttonStyle?: CSSProperties;
 };
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -183,25 +187,17 @@ declare type ImageProps = {
 declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 
-declare type TextButtonProps = PropsWithChildren<{
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
-    disabled?: boolean;
-    onClick?: Callback$1;
+declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
     buttonLink?: string;
     elementId?: string;
-}>;
+};
 declare const TextButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
     children?: React$1.ReactNode;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onClick?: Callback$1 | undefined;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;
@@ -456,35 +452,6 @@ declare type CustomValidationProps<T = string> = {
 };
 declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
 
-declare const defaultTheme: DefaultTheme;
-
-declare const ZealThemeProvider: (props: PropsWithChildren<{
-    theme?: DefaultTheme;
-}>) => JSX.Element;
-
-declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
-declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type ThemeColorsType = Record<ThemeColors, string>;
-declare type ThemeTextType = Record<FontSizesTypes, {
-    'font-weight': string;
-    'font-size': number;
-    'line-height': number;
-}>;
-declare type ThemeSizesType = Record<SizesTypes, number>;
-declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-declare type ZealTheme = {
-    colors: ThemeColorsType;
-    fonts: Record<FontSizesTypes, number>;
-    sizes: ThemeSizesType;
-    devices: ThemeDevicesType;
-};
-
-declare const toastStyles: styled_components.FlattenSimpleInterpolation;
-
-declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
-
 declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;
@@ -496,7 +463,7 @@ declare type BaseSelectableProps<T> = {
 declare type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];
     handleChange?: (value: T | undefined) => void;
-    spacing?: SizesTypes;
+    spacing?: SizesTypes$1;
     initialValue?: T;
 };
 declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
@@ -862,7 +829,7 @@ declare type BodyProps = {
     horizontalPaddings?: number;
     containerStyles?: CSSProperties;
 };
-declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
+declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
 
 declare type ISIProps = ISIAProps;
 declare const ISI: (props: ISIProps) => JSX.Element;
@@ -1028,6 +995,35 @@ declare const useStep: (maxStep: number) => [number, Helpers];
 
 declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
 
+declare const defaultTheme: DefaultTheme;
+
+declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: DefaultTheme;
+}>) => JSX.Element;
+
+declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
+declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
+declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type ThemeColorsType = Record<ThemeColors, string>;
+declare type ThemeTextType = Record<FontSizesTypes, {
+    'font-weight': string;
+    'font-size': number;
+    'line-height': number;
+}>;
+declare type ThemeSizesType = Record<SizesTypes, number>;
+declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+declare type ZealTheme = {
+    colors: ThemeColorsType;
+    fonts: Record<FontSizesTypes, number>;
+    sizes: ThemeSizesType;
+    devices: ThemeDevicesType;
+};
+
+declare const toastStyles: styled_components.FlattenSimpleInterpolation;
+
+declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
+
 declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList$1;
     isMLRReview: boolean;
@@ -1056,4 +1052,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-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, 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 };
+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

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.2.63",
+  "version": "0.2.64",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"