@zealicsolutions/web-ui 0.2.40 → 0.2.42

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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, {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, ComponentType, Dispatch, SetStateAction } 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 { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
@@ -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, 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, LinkButtonProps as LinkButtonProps$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';
@@ -453,8 +453,8 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
 }>) => JSX.Element;
 
 declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-declare type SizesTypes = '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = SizesTypes | 'H2' | 'H1';
+declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
 declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare type ThemeColorsType = Record<ThemeColors, string>;
 declare type ThemeTextType = Record<FontSizesTypes, {
@@ -517,18 +517,21 @@ declare type DrawerProps = DrawerProps$1 & {
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
+declare type ColumnsTemplateKeys = 'horizontal' | 'card';
+
+declare type ColumnsProps = {
+    type: 'columns';
+    columns: ColumnItem[];
+    containerStyles?: CSSProperties$1;
+    template?: ColumnsTemplateKeys;
+};
 declare type ColumnItem = {
     title?: string;
     mainContent?: string;
-    button?: LinkButtonProps;
+    button?: LinkButtonProps$1;
     icon: string;
 };
-declare type ColumnsProps = {
-    type: 'columns';
-    columns: ColumnItem[];
-    containerStyles?: CSSProperties;
-};
-declare const Columns: ({ columns, containerStyles }: ColumnsProps) => JSX.Element;
+declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
 
 declare type MenuItem<T> = {
     id: T;

package/package.json

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