@zealicsolutions/web-ui 0.2.62 → 0.2.64

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/src/molecules/TabGroup/TabGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme/types';
-import { TabProps, TabTheme } from 'molecules/Tab/Tab';
+import { TabProps, TabTheme } from '../Tab/Tab';
 export declare type TabGroupProps<T = string, K = string> = {
     tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
     activeTabKey: T;

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

@@ -10,6 +10,7 @@ export * from './Drawer/Drawer';
 export * from './Columns/Columns';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
+export * from './Tab/Tab';
 export * from './TabGroup/TabGroup';
 export * from './FieldSection/FieldSection';
 export * from './MenuNavigation/MenuNavigation';

package/dist/cjs/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/cjs/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/cjs/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>;