@zealicsolutions/web-ui 0.2.68 → 0.2.70

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

@@ -12,7 +12,7 @@ export declare const TextButton: import("styled-components").StyledComponent<"di
     children?: import("react").ReactNode;
 } & {
     withoutOpacityEffect: boolean;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
+} & Pick<BaseButtonProps, "disabled" | "onClick" | "textSize" | "textColor" | "styles" | "children" | "buttonPadding" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, "withoutOpacityEffect">;

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

@@ -13,24 +13,44 @@ export declare type TabTheme = 'light' | 'dark';
 export declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem<K>[];
-    onOptionClick?: (optionKey: K) => void;
-    tabTheme?: TabTheme;
-    divider?: boolean;
-    tabFont?: FontSizesTypes;
-    textSize?: number;
-    tabPadding?: SizesTypes | number;
-    textColor?: ThemeColors | string;
-    selectedTabTextColor?: ThemeColors | string;
-    selectedTabIndicatorColor?: ThemeColors | string;
-    styles?: StylesType;
-};
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    textColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: StylesType;
+}>;
 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.ForwardedRef<TabElement>) => JSX.Element;
-export declare const Tab: <T, K>(props: TabProps<T, K> & {
+export declare const Tab: <T, K>(props: {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    textColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+}> & {
     ref?: React.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 export {};

package/dist/esm/src/atoms/Tab/Tab.stories.d.ts

@@ -3,7 +3,26 @@ import React from 'react';
 import { Tab as TabComponent } from './Tab';
 declare const _default: {
     title: string;
-    component: <T, K>(props: import("atoms").TabProps<T, K> & {
+    component: <T, K>(props: {
+        tabKey: T;
+        text: string;
+    } & Partial<{
+        disabled: boolean;
+        vertical: boolean;
+        isActive: boolean;
+        onClick: (key: T) => void;
+        options: import("../..").MenuItem<K>[];
+        onOptionClick: (optionKey: K) => void;
+        tabTheme: import("atoms").TabTheme;
+        divider: boolean;
+        tabFont: import("theme").FontSizesTypes;
+        textSize: number;
+        tabPadding: number | import("theme").SizesTypes;
+        textColor: string;
+        selectedTabTextColor: string;
+        selectedTabIndicatorColor: string;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }> & {
         ref?: React.ForwardedRef<HTMLDivElement | null> | undefined;
     }) => JSX.Element;
 };

package/dist/esm/src/atoms/Tab/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'textColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'textColor' | 'tabPadding'>;

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

@@ -11,7 +11,7 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
     children?: import("react").ReactNode;
 } & {
     withoutOpacityEffect: boolean;
-} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
+} & Pick<import("atoms").BaseButtonProps, "disabled" | "onClick" | "textSize" | "textColor" | "styles" | "children" | "buttonPadding" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, "withoutOpacityEffect">;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { TabProps, TabTheme } from 'atoms';
 import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
+export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 export declare type TabGroupProps<T = string, K = string> = {
-    tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
+    tabs: TabType<T, K>[];
     activeTabKey: T;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;

package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { TabGroupProps } from './TabGroup';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabTheme } from 'atoms/Tab/Tab';
 import { SizesTypes, ThemeColors } from 'theme/types';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/index.d.ts

@@ -214,7 +214,7 @@ declare const TextButton: styled_components.StyledComponent<"div", styled_compon
     children?: React$1.ReactNode;
 } & {
     withoutOpacityEffect: boolean;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
+} & Pick<BaseButtonProps, "disabled" | "onClick" | "textSize" | "textColor" | "styles" | "children" | "buttonPadding" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, "withoutOpacityEffect">;
@@ -372,24 +372,44 @@ declare type TabTheme = 'light' | 'dark';
 declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem$1<K>[];
-    onOptionClick?: (optionKey: K) => void;
-    tabTheme?: TabTheme;
-    divider?: boolean;
-    tabFont?: FontSizesTypes$1;
-    textSize?: number;
-    tabPadding?: SizesTypes$1 | number;
-    textColor?: ThemeColors$1 | string;
-    selectedTabTextColor?: ThemeColors$1 | string;
-    selectedTabIndicatorColor?: ThemeColors$1 | string;
-    styles?: StylesType;
-};
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem$1<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes$1;
+    textSize: number;
+    tabPadding: SizesTypes$1 | number;
+    textColor: ThemeColors$1 | string;
+    selectedTabTextColor: ThemeColors$1 | string;
+    selectedTabIndicatorColor: ThemeColors$1 | string;
+    styles: StylesType;
+}>;
 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;
-declare const Tab: <T, K>(props: TabProps<T, K> & {
+declare const Tab: <T, K>(props: {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem$1<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes$1;
+    textSize: number;
+    tabPadding: SizesTypes$1 | number;
+    textColor: ThemeColors$1 | string;
+    selectedTabTextColor: ThemeColors$1 | string;
+    selectedTabIndicatorColor: ThemeColors$1 | string;
+    styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+}> & {
     ref?: React__default.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 
@@ -579,8 +599,9 @@ declare type AvatarDropdownProps<T> = {
 };
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
+declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 declare type TabGroupProps<T = string, K = string> = {
-    tabs: Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
+    tabs: TabType<T, K>[];
     activeTabKey: T;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
@@ -1085,4 +1106,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, 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, 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 };
+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

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