@zealicsolutions/web-ui 0.2.40 → 0.2.42

package/dist/cjs/src/molecules/Columns/Column.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseColumnProps } from './types';
+export declare const Column: ({ item }: BaseColumnProps) => JSX.Element;

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

@@ -1,15 +1,16 @@
-/// <reference types="react" />
-import { CSSProperties } from 'styled-components';
-import { LinkButtonProps } from '../../atoms';
+import { CSSProperties } from 'react';
+import { ColumnsTemplateKeys } from './types';
+import { LinkButtonProps } from 'atoms';
+export declare type ColumnsProps = {
+    type: 'columns';
+    columns: ColumnItem[];
+    containerStyles?: CSSProperties;
+    template?: ColumnsTemplateKeys;
+};
 export declare type ColumnItem = {
     title?: string;
     mainContent?: string;
     button?: LinkButtonProps;
     icon: string;
 };
-export declare type ColumnsProps = {
-    type: 'columns';
-    columns: ColumnItem[];
-    containerStyles?: CSSProperties;
-};
-export declare const Columns: ({ columns, containerStyles }: ColumnsProps) => JSX.Element;
+export declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;

package/dist/cjs/src/molecules/Columns/Columns.stories.d.ts

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { Columns as ColumnsComponent } from './Columns';
 declare const _default: {
     title: string;
-    component: ({ columns, containerStyles }: import("./Columns").ColumnsProps) => JSX.Element;
+    component: ({ columns, containerStyles, template }: import("./Columns").ColumnsProps) => JSX.Element;
 };
 export default _default;
 export declare const Columns: ComponentStory<typeof ColumnsComponent>;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const ColumnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Link: 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?: import("../../typescript").Callback | undefined;
+    buttonLink?: string | undefined;
+    elementId?: string | undefined;
+}, never>;
+export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/Columns/types.d.ts

@@ -0,0 +1,5 @@
+import { ColumnItem } from './Columns';
+export declare type ColumnsTemplateKeys = 'horizontal' | 'card';
+export declare type BaseColumnProps = {
+    item: ColumnItem;
+};

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

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

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

@@ -1,6 +1,6 @@
 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' | 'L' | 'M' | 'S' | 'XS';
-export declare type FontSizesTypes = SizesTypes | 'H2' | 'H1';
+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 ThemeColorsType = Record<ThemeColors, string>;
 export declare type ThemeTextType = Record<FontSizesTypes, {