widenarrow-ui 1.0.2 → 1.0.3

package/.eslintrc

@@ -1,12 +1,79 @@
 {
-	"extends": ["plugin:storybook/recommended", "plugin:@typescript-eslint/recommended"],
+	"parser": "@typescript-eslint/parser",
+	"plugins": ["react", "import", "@typescript-eslint"],
+	"extends": ["react-app", "airbnb-base", "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended"],
 	"rules": {
-		"no-undef": ["warn", { "typeof": true }],
+		"@typescript-eslint/explicit-module-boundary-types": 0,
+		"@typescript-eslint/no-unused-vars": "warn",
+		"@typescript-eslint/no-use-before-define": "warn",
+		"@typescript-eslint/no-var-requires": 0,
+		"@typescript-eslint/rule-name": 0,
+		"arrow-parens": 0,
+		"class-methods-use-this": 0,
+		"comma-dangle": ["error", "never"],
+		"consistent-return": 0,
+		"default-param-last": 0,
+		"func-names": 0,
+		"function-paren-newline": 0,
+		"generator-star-spacing": 0,
+		"implicit-arrow-linebreak": 0,
+		"import/extensions": 0,
+		"import/no-extraneous-dependencies": 0,
+		"import/no-mutable-exports": "warn",
+		"import/prefer-default-export": 0,
+		"indent": 0,
+		"linebreak-style": 0,
+		"no-confusing-arrow": 0,
 		"no-console": "warn",
+		"no-continue": 0,
+		"no-mixed-spaces-and-tabs": 0,
+		"no-nested-ternary": 0,
+		"no-param-reassign": 0,
+		"no-plusplus": 0,
+		"no-restricted-globals": 0,
+		"no-restricted-syntax": 0,
+		"no-return-assign": ["error", "except-parens"],
+		"no-shadow": 0,
+		"no-tabs": ["warn", { "allowIndentationTabs": true }],
+		"no-undef": ["warn", { "typeof": true }],
+		"no-underscore-dangle": 0,
+		"no-unused-expressions": ["error", { "allowTernary": true, "allowShortCircuit": true }],
+		"no-use-before-define": "warn",
+		"object-curly-newline": 0,
+		"operator-linebreak": 0,
+		"prefer-destructuring": 0,
+		"prefer-regex-literals": 0,
+		"react/display-name": 0,
+		"react/forbid-prop-types": 0,
+		"react/no-deprecated": "warn",
+		"react/react-in-jsx-scope": 0,
+		"space-before-function-paren": 0,
 		"spaced-comment": "warn",
-		"@typescript-eslint/no-use-before-define": "warn",
-		"@typescript-eslint/no-unused-vars": "warn",
-		"no-unused-expressions": ["error", { "allowTernary": true, "allowShortCircuit": true }]
+		"template-curly-spacing": 0,
+		"max-len": [
+			"error",
+			{
+				"code": 140,
+				"tabWidth": 2,
+				"ignoreComments": true,
+				"ignoreUrls": true,
+				"ignoreStrings": true,
+				"ignoreTemplateLiterals": true,
+				"ignoreRegExpLiterals": true
+			}
+		],
+		"import/no-unresolved": [
+			"error",
+			{
+				"ignore": [
+					"components/*",
+					"constants/*",
+					"types/*",
+					"utils/*",
+					"assets/*"
+				]
+			}
+		]
 	},
 	"env": {
 		"jest": true,

package/.storybook/{main.js → main.ts}

@@ -25,13 +25,15 @@ module.exports = {
 		}
 	],
 	webpackFinal: async (config) => {
-		config.resolve.plugins = [
-			new TsconfigPathsPlugin({
-				configFile: path.resolve(__dirname, '../tsconfig.json')
-			})
-		];
-
-		// Return the altered config
+		if (config.resolve) {
+			config.resolve.plugins = [
+				...(config.resolve.plugins || []),
+				new TsconfigPathsPlugin({
+					configFile: path.resolve(__dirname, '../tsconfig.json'),
+					extensions: config.resolve.extensions
+				})
+			];
+		}
 		return config;
 	},
 	docs: {

package/lib/components/Box/Box.d.ts

@@ -1,27 +1,4 @@
-import React, { CSSProperties } from 'react';
-import { ColorTypes } from 'src/constants';
-import { MarginInterface, PaddingInterface, FlexStylingInterface } from 'src/types/styling';
-interface Props extends MarginInterface, PaddingInterface, FlexStylingInterface {
-    children: React.ReactNode;
-    className?: string;
-    position?: string;
-    borderColor?: Partial<ColorTypes>;
-    border?: '1' | '2' | '3';
-    borderTop?: '1' | '2' | '3';
-    borderBottom?: '1' | '2' | '3';
-    borderRight?: '1' | '2' | '3';
-    borderLeft?: '1' | '2' | '3';
-    backgroundColor?: Partial<ColorTypes>;
-    showOnBreakpoint?: string;
-    withBorderRadius?: boolean;
-    width?: string;
-    minWidth?: string;
-    /**
-     * Max width in percentage e.g 50 = 50%
-     */
-    maxWidth?: string;
-    style?: CSSProperties;
-    onClickCallback?: () => void;
-}
-declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default Box;
+/// <reference types="react" />
+import { BoxProps } from './Box.types';
+declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Box };

package/lib/components/Box/Box.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Box from 'src/components/Box';
+import { Box } from 'src/components/Box';
 declare const meta: Meta<typeof Box>;
 export default meta;
 type Story = StoryObj<typeof Box>;

package/lib/components/Box/Box.types.d.ts

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from 'react';
+import { FlexStylingInterface, MarginInterface, PaddingInterface } from '../../types/styling.types';
+import { ColorTypes } from '../../constants';
+export interface BoxProps extends MarginInterface, PaddingInterface, FlexStylingInterface {
+    children: React.ReactNode;
+    className?: string;
+    position?: string;
+    borderColor?: Partial<ColorTypes>;
+    border?: '1' | '2' | '3';
+    borderTop?: '1' | '2' | '3';
+    borderBottom?: '1' | '2' | '3';
+    borderRight?: '1' | '2' | '3';
+    borderLeft?: '1' | '2' | '3';
+    backgroundColor?: Partial<ColorTypes>;
+    showOnBreakpoint?: string;
+    withBorderRadius?: boolean;
+    width?: string;
+    minWidth?: string;
+    /**
+     * Max width in percentage e.g 50 = 50%
+     */
+    maxWidth?: string;
+    style?: CSSProperties;
+    onClickCallback?: () => void;
+}

package/lib/components/Box/index.d.ts

@@ -1 +1 @@
-export { default } from './Box';
+export * from './Box';

package/lib/components/Button/Button.d.ts

@@ -1,25 +1,4 @@
-import { FC, ReactNode, MouseEvent, CSSProperties } from 'react';
-import { HierarchyTypes, SizeTypes, IconTypes } from 'src/constants';
-interface Props {
-    text?: string;
-    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    type?: Partial<HierarchyTypes>;
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    icon?: Partial<IconTypes>;
-    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    withIconLeft?: boolean;
-    disabled?: boolean;
-    className?: string;
-    toolTip?: string;
-    style?: CSSProperties;
-    withEllipsis?: boolean;
-    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
-    id?: string | number;
-    loading?: boolean;
-    autoFocus?: boolean;
-    children?: ReactNode;
-    ariaLabel?: string;
-    tabIndex?: number;
-}
-declare const Button: FC<Props>;
-export default Button;
+import { FC } from 'react';
+import { ButtonProps } from './Button.types';
+declare const Button: FC<ButtonProps>;
+export { Button };

package/lib/components/Button/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Button from 'src/components/Button';
+import { Button } from 'src/components/Button';
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;

package/lib/components/Button/Button.types.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
+export interface ButtonProps {
+    text?: string;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    type?: Partial<HierarchyTypes>;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    icon?: Partial<IconTypes>;
+    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE | SizeTypes.AUTO;
+    withIconLeft?: boolean;
+    disabled?: boolean;
+    className?: string;
+    toolTip?: string;
+    style?: CSSProperties;
+    withEllipsis?: boolean;
+    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
+    id?: string | number;
+    loading?: boolean;
+    autoFocus?: boolean;
+    children?: ReactNode;
+    ariaLabel?: string;
+    tabIndex?: number;
+}

package/lib/components/Button/index.d.ts

@@ -1 +1 @@
-export { default } from './Button';
+export * from './Button';

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,18 +1,4 @@
-import { FC, ChangeEvent, MouseEvent } from 'react';
-interface Props {
-    name: string;
-    label: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onChangeFake?: (event: MouseEvent<HTMLDivElement>) => void;
-    className?: string;
-    ariaLabel?: string;
-    helperText?: string;
-    checked: boolean;
-    blocked?: boolean;
-    indeterminate?: boolean;
-    wordWrap?: boolean;
-    disabled?: boolean;
-    isFake?: boolean;
-}
-declare const Checkbox: FC<Props>;
-export default Checkbox;
+import { FC } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+declare const Checkbox: FC<CheckboxProps>;
+export { Checkbox };

package/lib/components/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import Checkbox from 'src/components/Checkbox';
+import { Checkbox } from 'src/components/Checkbox';
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
 type Story = StoryObj<typeof Checkbox>;

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, MouseEvent } from 'react';
+export interface CheckboxProps {
+    name: string;
+    label?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChangeFake?: (event: MouseEvent<HTMLDivElement>) => void;
+    className?: string;
+    ariaLabel?: string;
+    helperText?: string;
+    checked?: boolean;
+    blocked?: boolean;
+    indeterminate?: boolean;
+    wordWrap?: boolean;
+    disabled?: boolean;
+    isFake?: boolean;
+}

package/lib/components/Checkbox/index.d.ts

@@ -1 +1 @@
-export { default } from './Checkbox';
+export * from './Checkbox';

package/lib/components/DropDown/DropDown.d.ts

@@ -1,27 +1,4 @@
-import { FC, ReactNode } from 'react';
-import { Placement, PositioningStrategy } from '@popperjs/core';
-interface Props {
-    children: ReactNode[] | ReactNode;
-    buttonComponent: ReactNode;
-    buttonCallbackName?: string;
-    footerComponent?: ReactNode;
-    title?: string;
-    className?: string;
-    childrenClassName?: string;
-    dark?: boolean;
-    withArrow?: boolean;
-    loading?: boolean;
-    childrenIsList?: boolean;
-    withVisibleOverflow?: boolean;
-    placement?: Placement;
-    strategy?: PositioningStrategy;
-    offset?: {
-        horizontal: number;
-        vertical: number;
-    };
-    arrowPadding?: number;
-    onCloseCallback?: () => void;
-    onOpenCallback?: () => void;
-}
-declare const DropDown: FC<Props>;
-export default DropDown;
+import { FC } from 'react';
+import { DropDownProps } from './DropDown.types';
+declare const DropDown: FC<DropDownProps>;
+export { DropDown };

package/lib/components/DropDown/DropDown.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import DropDown from 'src/components/DropDown';
+import { DropDown } from 'src/components/DropDown';
 declare const meta: Meta<typeof DropDown>;
 export default meta;
 type Story = StoryObj<typeof DropDown>;

package/lib/components/DropDown/DropDown.types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+export interface DropDownProps {
+    children: ReactNode[] | ReactNode;
+    buttonComponent: ReactNode;
+    buttonCallbackName?: string;
+    footerComponent?: ReactNode;
+    title?: string;
+    className?: string;
+    childrenClassName?: string;
+    dark?: boolean;
+    withArrow?: boolean;
+    loading?: boolean;
+    childrenIsList?: boolean;
+    withVisibleOverflow?: boolean;
+    closeDropDownOnClick?: boolean;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    offset?: {
+        horizontal: number;
+        vertical: number;
+    };
+    arrowPadding?: number;
+    onCloseCallback?: () => void;
+    onOpenCallback?: () => void;
+}

package/lib/components/DropDown/index.d.ts

@@ -1 +1 @@
-export { default } from './DropDown';
+export * from './DropDown';

package/lib/components/DropDownItem/DropDownItem.d.ts

@@ -1,21 +1,4 @@
-import { FC, MouseEvent } from 'react';
-import { ColorTypes, IconTypes, SizeTypes, HierarchyTypes } from 'src/constants';
-interface Props {
-    text: string;
-    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    active?: boolean;
-    withChevronRight?: boolean;
-    disabled?: boolean;
-    wrapperElement?: 'div' | 'li';
-    className?: string;
-    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
-    leftIcon?: Partial<IconTypes>;
-    rightIcon?: Partial<IconTypes>;
-    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
-    iconColor?: Partial<ColorTypes>;
-    textColor?: Partial<ColorTypes>;
-    iconClassName?: string;
-}
-declare const DropDownItem: FC<Props>;
-export default DropDownItem;
+import { FC } from 'react';
+import { DropDownItemProps } from './DropDownItem.types';
+declare const DropDownItem: FC<DropDownItemProps>;
+export { DropDownItem };

package/lib/components/DropDownItem/DropDownItem.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import DropDownItem from 'src/components/DropDownItem';
+import { DropDownItem } from 'src/components/DropDownItem';
 declare const meta: Meta<typeof DropDownItem>;
 export default meta;
 type Story = StoryObj<typeof DropDownItem>;

package/lib/components/DropDownItem/DropDownItem.types.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent } from 'react';
+import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
+export interface DropDownItemProps {
+    text: string;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    active?: boolean;
+    withChevronRight?: boolean;
+    disabled?: boolean;
+    wrapperElement?: 'div' | 'li';
+    className?: string;
+    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    leftIcon?: Partial<IconTypes>;
+    rightIcon?: Partial<IconTypes>;
+    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    iconColor?: Partial<ColorTypes>;
+    textColor?: 'inherit' | 'white' | 'grey' | 'black' | 'green' | 'red' | 'orange' | 'blue' | undefined;
+    iconClassName?: string;
+}

package/lib/components/DropDownItem/index.d.ts

@@ -1 +1 @@
-export { default } from './DropDownItem';
+export * from './DropDownItem';

package/lib/components/FacetButton/FacetButton.d.ts

@@ -1,17 +1,4 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-import { IconTypes } from 'src/constants';
-interface Props {
-    text?: string;
-    component?: ReactNode;
-    id?: string | number;
-    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    disabled?: boolean;
-    selected?: boolean;
-    icon?: Partial<IconTypes>;
-    children?: ReactNode;
-    className?: string;
-    toolTip?: string;
-    percent: number;
-}
-declare const FacetButton: FC<Props>;
-export default FacetButton;
+import { FC } from 'react';
+import { FacetButtonProps } from './FacetButton.types';
+declare const FacetButton: FC<FacetButtonProps>;
+export { FacetButton };

package/lib/components/FacetButton/FacetButton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import FacetButton from 'src/components/FacetButton';
+import { FacetButton } from 'src/components/FacetButton';
 declare const meta: Meta<typeof FacetButton>;
 export default meta;
 type Story = StoryObj<typeof FacetButton>;

package/lib/components/FacetButton/FacetButton.types.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent, ReactNode } from 'react';
+import { IconTypes } from '../../constants';
+export interface FacetButtonProps {
+    text?: string;
+    component?: ReactNode;
+    id?: string | number;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+    icon?: Partial<IconTypes>;
+    children?: ReactNode;
+    className?: string;
+    toolTip?: string;
+    percent: number;
+}

package/lib/components/FacetButton/index.d.ts

@@ -1 +1 @@
-export { default } from './FacetButton';
+export * from './FacetButton';

package/lib/components/FormSkeleton/FormSkeleton.d.ts

@@ -1,11 +1,4 @@
 import { FC } from 'react';
-interface Block {
-    height: number;
-    col: number;
-}
-interface Props {
-    className?: string;
-    blocks: Array<Block>;
-}
-declare const FormSkeleton: FC<Props>;
-export default FormSkeleton;
+import { FormSkeletonProps } from './FormSkeleton.types';
+declare const FormSkeleton: FC<FormSkeletonProps>;
+export { FormSkeleton };

package/lib/components/FormSkeleton/FormSkeleton.types.d.ts

@@ -0,0 +1,8 @@
+export interface Block {
+    height: number;
+    col: number;
+}
+export interface FormSkeletonProps {
+    className?: string;
+    blocks: Array<Block>;
+}

package/lib/components/FormSkeleton/index.d.ts

@@ -1 +1 @@
-export { default } from './FormSkeleton';
+export * from './FormSkeleton';

package/lib/components/Grid/Grid.d.ts

@@ -1,49 +1,4 @@
-import { FC, ReactNode } from 'react';
-import { MarginInterface, PaddingInterface, FlexStylingInterface } from 'src/types/styling';
-interface Props extends MarginInterface, PaddingInterface, FlexStylingInterface {
-    /**
-     * Number of columns on viewports < 576px
-     */
-    xs?: number;
-    /**
-     * Number of columns on viewports < 768px
-     */
-    sm?: number;
-    /**
-     * Number of columns on viewports < 1024px
-     */
-    md?: number;
-    /**
-     * Number of columns on viewports < 1200px
-     */
-    lg?: number;
-    /**
-     * Number of columns on viewports < 1646px
-     */
-    xl?: number;
-    /**
-     * Number of columns on viewports < 2000px
-     */
-    xxl?: number;
-    /**
-     * Optionally provide the number of columns in the grid.
-     * @default 12
-     */
-    /**
-     * If the component is a grid container
-     */
-    container?: boolean;
-    /**
-     * Optionally provide the spacing as a multiple of $half-base-size (4px) for each grid item.
-     * Takes either a single string for x and y,
-     * or an array for [y, x],
-     * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
-     * @default '4'
-     */
-    spacing?: string | Array<string> | Record<never, string | string[]>;
-    columns?: number;
-    className?: string;
-    children?: ReactNode;
-}
-declare const Grid: FC<Props>;
-export default Grid;
+import { FC } from 'react';
+import { GridProps } from './Grid.types';
+declare const Grid: FC<GridProps>;
+export { Grid };

package/lib/components/Grid/Grid.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Grid from 'src/components/Grid';
+import { Grid } from 'src/components/Grid';
 declare const meta: Meta<typeof Grid>;
 export default meta;
 type Story = StoryObj<typeof Grid>;

package/lib/components/Grid/Grid.types.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { FlexStylingInterface, MarginInterface, PaddingInterface } from '../../types/styling.types';
+export interface GridProps extends MarginInterface, PaddingInterface, FlexStylingInterface {
+    /**
+     * Number of columns on viewports < 576px
+     */
+    xs?: number | undefined;
+    /**
+     * Number of columns on viewports < 768px
+     */
+    sm?: number | undefined;
+    /**
+     * Number of columns on viewports < 1024px
+     */
+    md?: number | undefined;
+    /**
+     * Number of columns on viewports < 1200px
+     */
+    lg?: number | undefined;
+    /**
+     * Number of columns on viewports < 1646px
+     */
+    xl?: number | undefined;
+    /**
+     * Number of columns on viewports < 2000px
+     */
+    xxl?: number | undefined;
+    /**
+     * Optionally provide the number of columns in the grid.
+     * @default 12
+     */
+    /**
+     * If the component is a grid container
+     */
+    container?: boolean;
+    /**
+     * Optionally provide the spacing as a multiple of $half-base-size (4px) for each grid item.
+     * Takes either a single string for x and y,
+     * or an array for [y, x],
+     * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
+     * @default '4'
+     */
+    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
+    columns?: number | undefined;
+    className?: string | undefined;
+    children?: ReactNode | undefined;
+}
+export interface GridContextInterface {
+    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
+    columns?: number | undefined;
+}

package/lib/components/Grid/index.d.ts

@@ -1 +1 @@
-export { default } from './Grid';
+export * from './Grid';

package/lib/components/Icon/Icon.d.ts

@@ -1,13 +1,4 @@
 import { FC } from 'react';
-import { SizeTypes } from 'src/constants';
-import { IconStyleInterface, ColorStyleInterface } from 'src/types/styling';
-export interface Props extends IconStyleInterface, ColorStyleInterface {
-    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE | SizeTypes.AUTO;
-    rotateIcon?: boolean;
-    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
-    disabled?: boolean;
-    className?: string;
-    toolTip?: string;
-}
-declare const Icon: FC<Props>;
-export default Icon;
+import { IconProps } from './Icon.types';
+declare const Icon: FC<IconProps>;
+export { Icon };