@zealicsolutions/web-ui 0.2.58 → 0.2.60

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

@@ -1,11 +1,13 @@
-/// <reference types="react" />
+import { PropsWithChildren } from 'react';
+import { CSSProperties } from 'styled-components';
 import type { Callback } from 'typescript';
-export declare type BaseButtonProps = {
+export declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
-};
+    size?: 'medium' | 'small';
+}>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -13,5 +15,6 @@ export declare type ButtonProps = BaseButtonProps & {
     elementId?: string;
     loading?: boolean;
     isRichText?: boolean;
+    containerStyle?: CSSProperties;
 };
-export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;

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

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

package/dist/esm/src/atoms/Buttons/{LinkButton.d.ts → TextButton.d.ts}

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import type { Callback } from 'typescript';
-export declare type LinkButtonProps = PropsWithChildren<{
+export declare type TextButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -8,7 +8,7 @@ export declare type LinkButtonProps = PropsWithChildren<{
     buttonLink?: string;
     elementId?: string;
 }>;
-export declare const LinkButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;

package/dist/esm/src/atoms/index.d.ts

@@ -8,7 +8,7 @@ export * from './Icon/Icon';
 export * from './Spacer/Spacer';
 export * from './Spinner/Spinner';
 export * from './Image/Image';
-export * from './Buttons/LinkButton';
+export * from './Buttons/TextButton';
 export * from './ValidationTag/ValidationTag';
 export * from './Video/Video';
 export * from './Tooltip/Tooltip';

package/dist/esm/src/helpers/styles.d.ts

@@ -2,4 +2,4 @@ import { CSSProperties } from 'styled-components';
 export declare const getSizeStyle: (size: number) => Pick<CSSProperties, 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'>;
 export declare const changeColorTint: (color: string, percent: number) => string;
 export declare const getTintColor: (color: string) => string;
-export declare const getShadeColor: (color: string) => string;
+export declare const getShadeColor: (color: string, percent?: number) => string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { LinkButtonProps } from 'atoms';
+import { TextButtonProps } from 'atoms';
 import { ColumnsTemplateKeys } from './types';
 export declare type ColumnsProps = {
     type: 'columns';
@@ -10,7 +10,7 @@ export declare type ColumnsProps = {
 export declare type ColumnItem = {
     title?: string;
     mainContent?: string;
-    button?: LinkButtonProps;
+    button?: TextButtonProps;
     icon: string;
 };
 export declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkButtonProps } from 'atoms';
-export declare const useAnnotationCircle: (linkButton?: LinkButtonProps) => {
+import { TextButtonProps } from 'atoms';
+export declare const useAnnotationCircle: (linkButton?: TextButtonProps) => {
     circleJSX: false | JSX.Element;
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ConsentProps } from 'organisms/Consent/Consent';
 import type { Callback } from 'typescript';
-import { UIFields } from '../../fieldsConfiguration';
+import { UIFields } from 'fieldsConfiguration';
 import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
 import { LoginFields } from './types';
 export declare type LoginFormProps = {

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSProperties$1, ComponentType, Dispatch, SetStateAction } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
+import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
@@ -15,7 +15,7 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, LinkButtonProps as LinkButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+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, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
@@ -37,12 +37,13 @@ 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 BaseButtonProps = {
+declare type BaseButtonProps = PropsWithChildren<{
     onClick?: Callback$1;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
-};
+    size?: 'medium' | 'small';
+}>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -50,8 +51,9 @@ declare type ButtonProps = BaseButtonProps & {
     elementId?: string;
     loading?: boolean;
     isRichText?: boolean;
+    containerStyle?: CSSProperties;
 };
-declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -181,7 +183,7 @@ 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 LinkButtonProps = PropsWithChildren<{
+declare type TextButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -189,7 +191,7 @@ declare type LinkButtonProps = PropsWithChildren<{
     buttonLink?: string;
     elementId?: string;
 }>;
-declare const LinkButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+declare const TextButton: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -537,7 +539,7 @@ declare type ColumnsProps = {
 declare type ColumnItem = {
     title?: string;
     mainContent?: string;
-    button?: LinkButtonProps$1;
+    button?: TextButtonProps$1;
     icon: string;
 };
 declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
@@ -745,7 +747,7 @@ declare type LoginFields = {
 };
 
 declare type LoginFormProps = {
-    fields: UIFields<LoginFields>;
+    fields: UIFields$2<LoginFields>;
     logoUrl: string;
     isLoading?: boolean;
     twoFactorAuthConfig?: {
@@ -1039,4 +1041,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, LinkButton, LinkButtonProps, 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, 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, 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 };

package/package.json

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