@zealicsolutions/web-ui 0.2.142 → 0.3.0

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

@@ -1,49 +1,9 @@
 /// <reference types="react" />
-import { StoryFn } from '@storybook/react';
-import { SelectFieldProps } from './SelectField';
+import type { ComponentStory } from '@storybook/react';
+import { SelectField as SelectFieldComponent } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: Partial<{
-        selectProps: Partial<{
-            ref: import("react-hook-form").RefCallBack;
-            onBlur: import("typescript").Callback;
-            value: string;
-            optionsPresentation: boolean;
-            onChange: (value: string) => void;
-            placeholder: string;
-            disabled: boolean;
-            options: import("../..").SelectOption[];
-            isError: boolean;
-            isEditMode: boolean;
-            selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
-            isRichText: boolean;
-        }>;
-        labelsProps: import("..").FieldLabelsProps;
-        name: string;
-        rules: Omit<Partial<{
-            required: string | import("react-hook-form").ValidationRule<boolean>;
-            min: import("react-hook-form").ValidationRule<string | number>;
-            max: import("react-hook-form").ValidationRule<string | number>;
-            maxLength: import("react-hook-form").ValidationRule<number>;
-            minLength: import("react-hook-form").ValidationRule<number>;
-            pattern: import("react-hook-form").ValidationRule<RegExp>;
-            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
-            valueAsNumber: boolean;
-            valueAsDate: boolean;
-            value: any;
-            setValueAs: (value: any) => any;
-            shouldUnregister?: boolean | undefined;
-            onChange?: ((event: any) => void) | undefined;
-            onBlur?: ((event: any) => void) | undefined;
-            disabled: boolean;
-            deps: string | string[];
-        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
-        control: import("react-hook-form").Control<any, any>;
-        required: boolean;
-        optional: boolean;
-        defaultValue: string;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>) => JSX.Element;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: import("./SelectField").SelectFieldProps) => JSX.Element;
 };
 export default _default;
-export declare const SelectField: StoryFn<SelectFieldProps>;
+export declare const SelectField: ComponentStory<typeof SelectFieldComponent>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconNames } from 'atoms';
+import { IconNames } from '../../atoms';
 export declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;

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/molecules/SelectableInfoCard/styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { SizesTypes } from 'theme';
-export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    variant: "M";
+import { SizesTypes } from '../../theme';
+export declare const InfoText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
+    variant: string;
 }, "variant">;
 export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isActive?: boolean | undefined;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { MenuItem } from '..';
+export declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+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;
+};
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
+export declare const Tab: <T, K>(props: TabProps<T, K> & {
+    ref?: React.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+export {};

package/dist/{cjs/src/atoms → esm/src/molecules}/Tab/styles.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { TabProps } from 'atoms/Tab/Tab';
-declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
-declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;
-export declare const TabText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, TabTextProps, never>;
+import { TabProps } from './Tab';
+declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled'>;
+export declare const TabText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms/TextWrapper/TextWrapper").TextWrapperProps & {
+    variant: string;
+}, "variant">;
 export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
 export {};

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

@@ -1,28 +1,14 @@
 /// <reference types="react" />
-import { TabProps, TabTheme } from 'atoms';
-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 AdditionalTabContainerProps = {
-    containerStyle?: StylesType;
-    containerProps?: Record<string, unknown>;
-};
+import { CSSProperties } from 'styled-components';
+import { SizesTypes } from 'theme/types';
+import { TabProps } from '../Tab/Tab';
 export declare type TabGroupProps<T = string, K = string> = {
-    tabs: TabType<T, K>[];
+    tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
     activeTabKey: T;
+    spacing?: SizesTypes;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
-    styles?: StylesType;
+    style?: CSSProperties;
     vertical?: boolean;
-    tabTheme?: TabTheme;
-    tabFont?: FontSizesTypes;
-    textSize?: number;
-    tabPadding?: SizesTypes | number;
-    tabSpacing?: SizesTypes;
-    defaultTabTextColor?: ThemeColors | string;
-    selectedTabTextColor?: ThemeColors | string;
-    selectedTabIndicatorColor?: ThemeColors | string;
-    wide?: AdditionalTabContainerProps;
-    compact?: AdditionalTabContainerProps;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { TabGroupProps } from './TabGroup';
+import type { ComponentStory } from '@storybook/react';
+import { TabGroup as TabGroupComponent } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
-export declare const TabGroup: StoryFn<TabGroupProps>;
+export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;

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

@@ -1,34 +1,12 @@
-/// <reference types="react" />
-import { TabTheme } from 'atoms/Tab/Tab';
-import { SizesTypes, ThemeColors } from 'theme/types';
-import { OverrideStyles, StyledTransientProps } from 'typescript';
-export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
+import { SizesTypes } from 'theme/types';
+export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;
     vertical: boolean;
-}> & OverrideStyles, never>;
+}, never>;
+export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare type TabSliderProps = {
     width: number;
     left: number;
-    isActiveTab?: boolean;
-    vertical?: boolean;
-    tabTheme?: TabTheme;
-    selectedTabIndicatorColor?: ThemeColors | string;
 };
 export declare const TabSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabSliderProps, never>;
-declare type TabWrapperProps = {
-    disabled?: boolean;
-    tabTheme?: TabTheme;
-    selectedTabTextColor?: ThemeColors | string;
-    isActiveTab?: boolean;
-    selectedTabIndicatorColor?: ThemeColors | string;
-};
-export declare const TabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    withoutOpacityEffect: boolean;
-} & TabWrapperProps, "withoutOpacityEffect">;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const useTabAnimation: (activeTab: string) => {
-    tabsUnderlineLeft: number[];
-    tabsUnderlineWidth: number[];
+    setActiveTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    tabUnderlineLeft: number;
+    tabUnderlineWidth: number;
     tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
 };

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

@@ -2,7 +2,6 @@ export * from './FieldLabels/FieldLabels';
 export * from './InputField/InputField';
 export * from './FieldMapper/FieldMapper';
 export * from './CheckboxField/CheckboxField';
-export * from './CheckboxField/CheckboxGroup';
 export * from './SelectField/SelectField';
 export * from './CustomValidation/CustomValidation';
 export * from './SelectableInfoCard/SelectableCardGroup';
@@ -22,9 +21,3 @@ export * from './PdfDocument/PdfDocument';
 export * from './FeedContentHeader/FeedContentHeader';
 export * from './HorizontalButtonsField/HorizontalButtonsField';
 export * from './BottomNavBarItem/BottomNavBarItem';
-export * from './Video/Video';
-export * from './Image/Image';
-export * from './Caruser/Carousel';
-export * from './TextMolecule/TextMolecule';
-export * from './Button/Button';
-export * from './ZealUIModal/ZealUIModal';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form';
-import { GoogleMapProps } from 'atoms';
-import { FieldSectionProps } from 'molecules';
+import { GoogleMapProps } from '../../atoms';
+import { FieldSectionProps } from '../../molecules';
 export declare type AccountInformationProps<T extends object> = {
     fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
     control: Control<any>;

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/organisms/Consent/Consent.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import { ComponentStory } from '@storybook/react';
 import { Consent as ConsentComponent } from './Consent';
 declare const _default: {
     title: string;
     component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const Consent: StoryFn<typeof ConsentComponent>;
+export declare const Consent: ComponentStory<typeof ConsentComponent>;

package/dist/esm/src/organisms/Consent/ConsentCapture.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { RadioButtonsProps } from 'atoms';
-import { ButtonProps } from 'molecules';
+import { ButtonProps, RadioButtonsProps } from 'atoms';
 export declare type ButtonCaptureProps = {
     type: 'button';
     acceptButton: ButtonProps;

package/dist/esm/src/organisms/FeedContent/types.d.ts

@@ -1,6 +1,6 @@
 import { FilteredFeedContentType } from 'organisms';
 import { CSSProperties } from 'styled-components';
-import { Callback, Nullable, StylesType } from 'typescript';
+import { Callback, Nullable } from 'typescript';
 export declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
 export declare type FeedContentProps = {
     feedContentType: Omit<FilteredFeedContentType, 'all'>;
@@ -26,7 +26,7 @@ export declare type FeedContentProps = {
     showDefaultDocumentStyles?: boolean;
     destinationLink?: string;
     onDestinationHandler?: Callback;
-    imageStyles?: StylesType;
+    imageStyles?: CSSProperties;
     videoStyles?: CSSProperties;
     isEnabledFavoriting?: boolean;
     isFavorite?: boolean;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { StoryFn } from '@storybook/react';
+import { ComponentStory } from '@storybook/react';
 import { Footer as FooterComponent } from './Footer';
 declare const _default: {
     title: string;
     component: (props: import("./Footer").FooterProps) => JSX.Element;
 };
 export default _default;
-export declare const Footer: StoryFn<typeof FooterComponent>;
+export declare const Footer: ComponentStory<typeof FooterComponent>;

package/dist/esm/src/organisms/Footer/styles.d.ts

@@ -1,15 +1,7 @@
 export declare const Wrapper: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
     isMobile?: boolean | undefined;
 }, never>;
-export declare const FooterImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: string | number;
-    height: string | number;
-    onClick: import("../../typescript").Callback;
-    cornerRadius: number;
-}> & import("../../typescript").OverrideStyles, never>;
+export declare const FooterImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
 export declare const ContactInfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FooterContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile?: boolean | undefined;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { StoryFn } from '@storybook/react';
+import { ComponentStory } from '@storybook/react';
 import { Header as HeaderComponent } from 'organisms/Header/Header';
 declare const _default: {
     title: string;
     component: <T extends string | number>(props: import("organisms/Header/Header").HeaderProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const Header: StoryFn<typeof HeaderComponent>;
+export declare const Header: ComponentStory<typeof HeaderComponent>;

package/dist/esm/src/organisms/Header/styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ImportantLinkText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    variant: "XS";
+export declare const ImportantLinkText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & {
+    variant: string;
 }, "variant">;
 export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ImportantLinksWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

package/dist/esm/src/organisms/ProcessTracker/mocks.d.ts

@@ -1,2 +1,2 @@
-import { ProcessTrackerProps } from 'organisms';
+import { ProcessTrackerProps } from './ProcessTracker';
 export declare const processTrackerMockProps: ProcessTrackerProps;

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

@@ -1,6 +1,7 @@
-import { AvatarProps, TabProps } from 'atoms';
 import { ReactNode } from 'react';
 import type { Callback } from 'typescript';
+import { AvatarProps } from '../../atoms';
+import { TabProps } from '../../molecules/Tab/Tab';
 export declare type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { UIFields } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
+import { UIFields } from '../../fieldsConfiguration';
 export declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;

package/dist/esm/src/organisms/SetPasswordForm/utils.d.ts

@@ -1,3 +1,3 @@
-import { CustomValidationRule } from 'molecules';
-import { SetPasswordRuleValidation } from 'organisms';
+import { CustomValidationRule } from '../../molecules';
+import { SetPasswordRuleValidation } from './SetPasswordForm';
 export declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule;

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

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { ContainerComponentProps } from 'containers';
-import { SubscribePanelProps } from './type';
+import type { ComponentStory } from '@storybook/react';
+import { SubscribePanel as SubscribePanelComponent } from './SubscribePanel';
 declare const _default: {
     title: string;
-    component: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
+    component: ({ template, onSubscribe, ...props }: import("./type").SubscribePanelProps) => JSX.Element;
 };
 export default _default;
-export declare const LegacySubscribePanel: StoryFn<SubscribePanelProps>;
-export declare const SubscribePanel: StoryFn<ContainerComponentProps>;
+export declare const SubscribePanel: ComponentStory<typeof SubscribePanelComponent>;

package/dist/esm/src/organisms/TwoFactorAuth/constants.d.ts

@@ -1,6 +1,6 @@
 import { UIField } from 'fieldsConfiguration';
 import { BaseSelectableProps } from 'molecules/SelectableInfoCard/BaseSelectable';
-import { AuthMethod } from 'organisms';
+import { AuthMethod } from './TwoFactorAuth';
 export declare const cards: BaseSelectableProps<AuthMethod>[];
 export declare const steps: {
     title: string;

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

@@ -1,8 +1,7 @@
-export declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'background';
-export declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-export declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
+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 FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
 export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 export declare type ThemeColorsType = Record<ThemeColors, string>;
 export declare type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;

package/dist/esm/src/typescript.d.ts

@@ -1,17 +1,4 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
-export declare type FileType = 'image' | 'video' | 'document' | 'audio';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
-export declare type StyledTransientProps<T> = {
-    [K in keyof T & string as `$${K}`]: T[K];
-};
-export declare type OverrideStyles = {
-    $styles?: StylesType;
-};
 export declare type Callback = () => void;
 export declare type Nullable<T> = T | null;
-declare type UnionKeys<T> = T extends any ? keyof T : never;
-declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
-export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
-export declare type AnyObject = Record<string, unknown>;
-export declare type LooseObject = Record<string, any>;
-export {};