hrm_ui_lib 3.0.6 → 3.1.1

package/components/Alert/Alert.js

@@ -4,8 +4,8 @@ import classnames from 'classnames';
 import { Text } from '../Text';
 import { Button } from '../Button';
 import IconDismissFilled from '../SVGIcons/IconDismissFilled';
-import { IconDynamicComponent } from '../IconDynamicComponent';
+import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent';
 export const Alert = (props) => {
     const { buttonProps, type = 'information', position = 'inline', text, subtext, closeIcon, onClose, className = '' } = props;
-    return (_jsx("div", { className: classnames('alert', `alert--${type} alert--${position}`, className), children: _jsxs("div", { className: "alert__content", children: [_jsx(IconDynamicComponent, { componentName: ICONS_MAPPING[type], size: "small", type: TYPE_MAPPING[type] }), _jsxs("div", { className: "alert__text pl-8", children: [_jsxs("div", { children: [_jsx(Text, { type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text }), subtext ? (_jsx(Text, { className: 'mt-4', type: "secondary", size: "small", weight: "regular", lineHeight: "large", children: subtext })) : null] }), buttonProps ? (_jsxs("div", { className: "alert__actions", children: [buttonProps.confirm && (_jsx(Button, Object.assign({ size: "medium", type: "secondary" }, buttonProps.confirm))), buttonProps.cancel && (_jsx(Button, Object.assign({ size: "medium", type: "tertiary", className: "ml-12" }, buttonProps.cancel)))] })) : null] }), closeIcon ? (_jsx(IconDismissFilled, { type: TYPE_MAPPING[type], size: "xsmall", className: "ml-12 pointer", onClick: onClose })) : null] }) }));
+    return (_jsx("div", { className: classnames('alert', `alert--${type} alert--${position}`, className), children: _jsxs("div", { className: "alert__content", children: [_jsx(IconDynamicComponent, { Component: ICONS_MAPPING[type], size: "small", type: TYPE_MAPPING[type] }), _jsxs("div", { className: "alert__text pl-8", children: [_jsxs("div", { children: [_jsx(Text, { type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text }), subtext ? (_jsx(Text, { className: 'mt-4', type: "secondary", size: "small", weight: "regular", lineHeight: "large", children: subtext })) : null] }), buttonProps ? (_jsxs("div", { className: "alert__actions", children: [buttonProps.confirm && (_jsx(Button, Object.assign({ size: "medium", type: "secondary" }, buttonProps.confirm))), buttonProps.cancel && (_jsx(Button, Object.assign({ size: "medium", type: "tertiary", className: "ml-12" }, buttonProps.cancel)))] })) : null] }), closeIcon ? (_jsx(IconDismissFilled, { type: TYPE_MAPPING[type], size: "xsmall", className: "ml-12 pointer", onClick: onClose })) : null] }) }));
 };

package/components/Alert/consts.d.ts

@@ -1,7 +1,6 @@
-import { TSVGIconType } from '../SVGIcons/types';
+import React from 'react';
+import { ISVGIconProps, TSVGIconType } from '../../type';
 export declare const TYPE_MAPPING: {
     [key: string]: TSVGIconType;
 };
-export declare const ICONS_MAPPING: {
-    [key: string]: string;
-};
+export declare const ICONS_MAPPING: Record<string, React.LazyExoticComponent<React.ComponentType<ISVGIconProps>>>;

package/components/Alert/consts.js

@@ -1,3 +1,4 @@
+import { lazy } from 'react';
 export const TYPE_MAPPING = {
     warning: 'warning',
     success: 'success',
@@ -6,9 +7,9 @@ export const TYPE_MAPPING = {
     discovery: 'discovery'
 };
 export const ICONS_MAPPING = {
-    warning: 'warningFilled',
-    success: 'checkmarkCircleFilled',
-    error: 'errorCircleFilled',
-    information: 'infoFilled',
-    discovery: 'infoFilled'
+    warning: lazy(() => import('../SVGIcons/IconWarningFilled')),
+    success: lazy(() => import('../SVGIcons/IconCheckmarkFilled')),
+    error: lazy(() => import('../SVGIcons/IconErrorCircleFilled')),
+    information: lazy(() => import('../SVGIcons/IconInfoFilled')),
+    discovery: lazy(() => import('../SVGIcons/IconInfoFilled'))
 };

package/components/BadgeV2/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TSVGIconType } from '../SVGIcons/types';
+import { TSVGIconType } from '../../type';
 export interface TBadgeV2Props extends IFormCompProps {
     text?: number | string | ReactNode;
     type?: 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal';

package/components/Button/Button.js

@@ -18,6 +18,7 @@ export const Button = (props) => {
     const justIcon = !buttonText && !children && iconProps !== undefined;
     const clickHandler = (e) => {
         if (pressed || disabled || isLoading) {
+            e.preventDefault();
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);

package/components/Button/consts.d.ts

@@ -1,4 +1,4 @@
-import { TSVGIconSize, TSVGIconType } from '../SVGIcons/types';
+import { TSVGIconSize, TSVGIconType } from '../../type';
 export declare const LITE_LOADER_TYPES: string[];
 export declare const ICON_SIZE_MAPPING: {
     [key: string]: TSVGIconSize;

package/components/Button/types.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, LegacyRef, PropsWithChildren, ReactElement } from 'react';
-import { TSVGIconType } from '../SVGIcons/types';
+import { TSVGIconType } from '../../type';
 export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>> {
     id?: string;
     disabled?: boolean;

package/components/ButtonGroup/consts.d.ts

@@ -1,5 +1,5 @@
 import { TTextSize } from '../Text/types';
-import { TSVGIconSize } from '../SVGIcons/types';
+import { TSVGIconSize } from '../../type';
 export declare const TEXT_SIZE_MAPPING: {
     [key: string]: TTextSize;
 };

package/components/ButtonGroup/types.d.ts

@@ -1,4 +1,4 @@
-import { ISVGIconProps } from '../SVGIcons/types';
+import { ISVGIconProps } from '../../type';
 interface IButtonGroupBase {
     type?: 'primary';
     size?: 'small' | 'medium' | 'large';

package/components/Checkbox/Checkbox.js

@@ -5,7 +5,8 @@ import { Popover } from '../Popover';
 import { Link } from '../Link';
 import { Text } from '../Text';
 import IconInfo from '../SVGIcons/IconInfo';
-import { IconDynamicComponent } from '../IconDynamicComponent';
+import { ICONS_MAPPING } from './consts';
+import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent';
 export const Checkbox = forwardRef((props, ref) => {
     const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid, stopPropagation = false } = props;
     const localRef = useRef(null);
@@ -38,6 +39,6 @@ export const Checkbox = forwardRef((props, ref) => {
                 'controller--disabled': disabled,
                 'controller--error': isInvalid,
                 [className]: !!className
-            }), onClick: (e) => stopPropagation && e.stopPropagation(), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { componentName: iconProps.name, size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
+            }), onClick: (e) => stopPropagation && e.stopPropagation(), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { Component: ICONS_MAPPING[iconProps.name], size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
 });
 Checkbox.displayName = 'Checkbox';

package/components/Checkbox/consts.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISVGIconProps } from '../../type';
+export declare const ICONS_MAPPING: Record<string, React.LazyExoticComponent<React.ComponentType<ISVGIconProps>>>;

package/components/Checkbox/consts.js

@@ -0,0 +1,4 @@
+import { lazy } from 'react';
+export const ICONS_MAPPING = {
+    checkmark: lazy(() => import('../SVGIcons/IconCheckmark'))
+};

package/components/Chips/consts.d.ts

@@ -1,4 +1,4 @@
-import { TSVGIconSize, TTextSize } from '../SVGIcons/types';
+import { TSVGIconSize, TTextSize } from '../../type';
 export declare const ICON_SIZE_MAPPING: {
     [key: string]: TSVGIconSize;
 };

package/components/Chips/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ISVGIconProps } from '../SVGIcons/types';
+import { ISVGIconProps } from '../../type';
 export type TChipsColors = 'primary' | 'disabled' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
 export interface TChipsProps extends IFormCompProps {
     text?: string | ReactNode;

package/components/Image/Image.js

@@ -5,7 +5,7 @@ export const Image = (props) => {
             backgroundImage: `${imagePath ? `url(${imagePath})` : ''}`,
             backgroundSize: backgroundSize,
             aspectRatio: ratio
-        } })) : (_jsx("img", { className: `image ${className}`, src: imagePath, alt: name, fetchPriority: "low", style: {
+        } })) : (_jsx("img", { className: `image ${className}`, src: imagePath, alt: name, style: {
             aspectRatio: ratio,
             width: isFullWidth ? '100%' : '',
             height: isFullHeight ? '100%' : ''

package/components/Input/types.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactElement, RefObject, FocusEvent } from 'react';
-import { ISVGIconProps } from '../SVGIcons/types';
+import { ISVGIconProps } from '../../type';
 export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onFocus' | 'value' | 'onChange' | 'autoComplete'> {
     mask?: string;
     maskChar?: string | null;

package/components/Pagination/consts.d.ts

@@ -1,4 +1,4 @@
-import { TSVGIconSize } from '../SVGIcons/types';
+import { TSVGIconSize } from '../../type';
 export declare const PAGE_RANGE_DISPLAYED = 3;
 export declare const ICON_SIZE_MAPPING: {
     [key: string]: TSVGIconSize;

package/components/SVGIcons/IconAdd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAdd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAdd;

package/components/SVGIcons/IconAddCircle.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAddCircle: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddCircle;

package/components/SVGIcons/IconAddCircleFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAddCircleFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddCircleFilled;

package/components/SVGIcons/IconAddFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAddFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAddFilled;

package/components/SVGIcons/IconAirplaneTakeOff.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAirplaneTakeOff: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOff;

package/components/SVGIcons/IconAirplaneTakeOffFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAirplaneTakeOffFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAirplaneTakeOffFilled;

package/components/SVGIcons/IconAlert.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAlert: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAlert;

package/components/SVGIcons/IconAlertBadge.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAlertBadge: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAlertBadge;

package/components/SVGIcons/IconAlertBadgeFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAlertBadgeFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAlertBadgeFilled;

package/components/SVGIcons/IconAlertFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAlertFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAlertFilled;

package/components/SVGIcons/IconAm.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
-declare const IconAm: ({ size, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+import { ISVGIconProps } from '../../type';
+declare const IconAm: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAm;

package/components/SVGIcons/IconAm.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconAm = ({ size, className = '', onClick, refHandler, id, dataId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconAm = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
         [className]: className
     }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: [_jsx("rect", { y: "3.43005", width: "24", height: "17.1429", rx: "2", fill: "white" }), _jsx("mask", { id: "mask0_1993_1683", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "0", y: "3", width: "24", height: "18", children: _jsx("rect", { y: "3.43005", width: "24", height: "17.1429", rx: "2", fill: "white" }) }), _jsxs("g", { mask: "url(#mask0_1993_1683)", children: [_jsx("path", { d: "M0 14.8587H24V9.14441H0V14.8587Z", fill: "#1047B9" }), _jsx("path", { d: "M0 9.14434H24V3.43005H0V9.14434Z", fill: "#F01C31" }), _jsx("path", { d: "M0 20.5729H24V14.8586H0V20.5729Z", fill: "#FECB2F" })] })] }));
 export default IconAm;

package/components/SVGIcons/IconAmd.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAmd: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAmd;

package/components/SVGIcons/IconAmdFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAmdFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAmdFilled;

package/components/SVGIcons/IconApple.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconApple: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconApple;

package/components/SVGIcons/IconArrowDown.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDown: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDown;

package/components/SVGIcons/IconArrowDownFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDownFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDownFilled;

package/components/SVGIcons/IconArrowDownLeft.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDownLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDownLeft;

package/components/SVGIcons/IconArrowDownLeftFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDownLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDownLeftFilled;

package/components/SVGIcons/IconArrowDownload.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDownload: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDownload;

package/components/SVGIcons/IconArrowDownloadFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowDownloadFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowDownloadFilled;

package/components/SVGIcons/IconArrowEnter.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowEnter: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowEnter;

package/components/SVGIcons/IconArrowEnterFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowEnterFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowEnterFilled;

package/components/SVGIcons/IconArrowExit.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExit: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExit;

package/components/SVGIcons/IconArrowExitFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExitFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExitFilled;

package/components/SVGIcons/IconArrowExportLeftToRight.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportLeftToRight: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportLeftToRight;

package/components/SVGIcons/IconArrowExportLeftToRightFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportLeftToRightFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportLeftToRightFilled;

package/components/SVGIcons/IconArrowExportRightToLeft.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportRightToLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportRightToLeft;

package/components/SVGIcons/IconArrowExportRightToLeftFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportRightToLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportRightToLeftFilled;

package/components/SVGIcons/IconArrowExportUp.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportUp: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportUp;

package/components/SVGIcons/IconArrowExportUpFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowExportUpFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowExportUpFilled;

package/components/SVGIcons/IconArrowImport.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowImport: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowImport;

package/components/SVGIcons/IconArrowImportFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowImportFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowImportFilled;

package/components/SVGIcons/IconArrowLeft.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowLeft;

package/components/SVGIcons/IconArrowLeftFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowLeftFilled;

package/components/SVGIcons/IconArrowRepeatAll.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowRepeatAll: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowRepeatAll;

package/components/SVGIcons/IconArrowRepeatAllFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowRepeatAllFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowRepeatAllFilled;

package/components/SVGIcons/IconArrowReset.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowReset: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowReset;

package/components/SVGIcons/IconArrowResetFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowResetFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowResetFilled;

package/components/SVGIcons/IconArrowRight.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowRight: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowRight;

package/components/SVGIcons/IconArrowRightFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowRightFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowRightFilled;

package/components/SVGIcons/IconArrowSort.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowSort: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowSort;

package/components/SVGIcons/IconArrowSortFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowSortFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowSortFilled;

package/components/SVGIcons/IconArrowSync.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowSync: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowSync;

package/components/SVGIcons/IconArrowSyncFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowSyncFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowSyncFilled;

package/components/SVGIcons/IconArrowUp.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUp: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUp;

package/components/SVGIcons/IconArrowUpFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUpFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUpFilled;

package/components/SVGIcons/IconArrowUpLeft.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUpLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUpLeft;

package/components/SVGIcons/IconArrowUpLeftFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUpLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUpLeftFilled;

package/components/SVGIcons/IconArrowUpRight.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUpRight: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUpRight;

package/components/SVGIcons/IconArrowUpRightFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconArrowUpRightFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconArrowUpRightFilled;

package/components/SVGIcons/IconAttach.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAttach: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAttach;

package/components/SVGIcons/IconAttachFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconAttachFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconAttachFilled;

package/components/SVGIcons/IconBeach.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconBeach: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconBeach;

package/components/SVGIcons/IconBeachFilled.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconBeachFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconBeachFilled;

package/components/SVGIcons/IconBook.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { ISVGIconProps } from './types';
+import { ISVGIconProps } from '../../type';
 declare const IconBook: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
 export default IconBook;