ab-ui-library 1.0.1

package/components/Avatar/AvatarGroup.js

@@ -0,0 +1,102 @@
+import React from 'react';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { Avatar } from './Avatar.js';
+import { Positions } from '../Tooltip/types.js';
+import 'dayjs';
+import { useScreenSize } from '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import classNames from 'classnames';
+import { IconAdd } from '../SVGIcons/IconAdd.js';
+import '../../slicedToArray-0c706912.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../FileUpload/FileUpload.js';
+import '../../toConsumableArray-e0031ed3.js';
+import '../FileUpload/types.js';
+import '../Button/Button.js';
+import '../../extends-e8ef956f.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../objectWithoutProperties-fcd64cc7.js';
+import '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../Popover/Popover.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+import '../Button/consts.js';
+import '../../helperComponents/Label/Label.js';
+import '../FileUpload/UploadItems.js';
+import '../../hooks/useFormProps.js';
+import '../../context/types.js';
+import '../../helperComponents/ErrorMessage/ErrorMessage.js';
+import '../SVGIcons/IconDelete.js';
+import '../SVGIcons/IconEditFilled.js';
+import '../SVGIcons/IconEdit.js';
+import '../SVGIcons/IconAttach.js';
+
+var VISIBLE_AVATARS_AMOUNT = {
+  small: 2,
+  medium: 4,
+  large: 6
+};
+var AvatarGroup = function AvatarGroup(_ref) {
+  var _ref$avatarGroup = _ref.avatarGroup,
+    avatarGroup = _ref$avatarGroup === void 0 ? [] : _ref$avatarGroup,
+    onAddUser = _ref.onAddUser,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 0 : _ref$maxCount,
+    dataId = _ref.dataId;
+  var screenSize = useScreenSize();
+  var visibleAvatarsAmount = maxCount || VISIBLE_AVATARS_AMOUNT[screenSize];
+  var visibleAvatars = avatarGroup.slice(0, visibleAvatarsAmount);
+  var invisibleAvatarsAmount = avatarGroup.length - visibleAvatarsAmount > 0 ? avatarGroup.length - visibleAvatarsAmount : 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("avatar-group avatar-group--".concat(size))
+  }, visibleAvatars.map(function (avatar, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'avatar-group__item',
+      key: index
+    }, avatar.tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
+      text: avatar.tooltipContent,
+      id: "".concat(index),
+      position: Positions.TOP_CENTER
+    }) : null, /*#__PURE__*/React.createElement(Avatar, {
+      dataId: dataId,
+      id: "".concat(index),
+      size: size,
+      initials: avatar.initials,
+      imagePath: avatar.imagePath
+    }));
+  }), invisibleAvatarsAmount ? /*#__PURE__*/React.createElement("div", {
+    className: "avatar-group__item"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    text: 'Name Surname',
+    id: 'amountTooltip',
+    position: Positions.TOP_CENTER
+  }), /*#__PURE__*/React.createElement(Avatar, {
+    type: 'count',
+    size: size,
+    id: 'amountTooltip',
+    initials: "+".concat(invisibleAvatarsAmount)
+  })) : null, onAddUser ? /*#__PURE__*/React.createElement("div", {
+    className: classNames("avatar avatar-group__add avatar--".concat(size)),
+    onClick: onAddUser
+  }, /*#__PURE__*/React.createElement(IconAdd, {
+    type: "disabled",
+    size: size
+  })) : null);
+};
+
+export { AvatarGroup };

package/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar';
+export * from './AvatarGroup';

package/components/Avatar/index.js

@@ -0,0 +1,46 @@
+export { Avatar } from './Avatar.js';
+export { AvatarGroup } from './AvatarGroup.js';
+import '../../slicedToArray-0c706912.js';
+import 'react';
+import 'classnames';
+import '../FileUpload/FileUpload.js';
+import '../../toConsumableArray-e0031ed3.js';
+import '../FileUpload/types.js';
+import '../Button/Button.js';
+import '../../extends-e8ef956f.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../objectWithoutProperties-fcd64cc7.js';
+import 'dayjs';
+import '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../Popover/Popover.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+import '../Button/consts.js';
+import '../../helperComponents/Label/Label.js';
+import '../FileUpload/UploadItems.js';
+import '../../hooks/useFormProps.js';
+import '../../context/types.js';
+import '../../helperComponents/ErrorMessage/ErrorMessage.js';
+import '../SVGIcons/IconDelete.js';
+import '../SVGIcons/IconEditFilled.js';
+import '../SVGIcons/IconEdit.js';
+import '../SVGIcons/IconAttach.js';
+import '../Tooltip/Tooltip.js';
+import '../SVGIcons/IconAdd.js';

package/components/Avatar/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from 'react';
+import type { FILE_UPLOAD_ERRORS } from '../../consts';
+export interface TAvatarProps extends IFormCompProps {
+    allowedTypes?: string;
+    id?: string;
+    dataId?: string;
+    imagePath?: string;
+    initials?: string | ReactElement;
+    color?: 'default' | 'purple' | 'blue' | 'green' | 'red';
+    type?: 'count';
+    size?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
+    className?: string;
+    isEditable?: boolean;
+    onAvatarChange?: (file: File) => void;
+    tooltipContent?: string | ReactElement;
+    onError?: (type: FILE_UPLOAD_ERRORS) => void;
+    fileAllowedSize?: number;
+}
+export interface TAvatarGroupProps {
+    dataId?: string;
+    avatarGroup: TAvatarProps[];
+    onAddUser?: () => void;
+    maxCount?: 0 | 2 | 4 | 6;
+    size?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
+}

package/components/Avatar/types.js

@@ -0,0 +1 @@
+

package/components/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TBadgeProps } from './types';
+export declare const Badge: (props: TBadgeProps) => ReactElement;

package/components/Badge/Badge.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Text } from '../Text/Text.js';
+import classNames from 'classnames';
+import { TEXT_SIZE_MAPPING, COLOR_TYPE_MAPPING } from './consts.js';
+import '../../utils/helpers.js';
+import 'dayjs';
+
+var Badge = function Badge(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'red' : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    text = props.text,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("badge badge--".concat(type, "  badge--").concat(size), className)
+  }, text ? /*#__PURE__*/React.createElement(Text, {
+    size: TEXT_SIZE_MAPPING[size],
+    type: COLOR_TYPE_MAPPING[type],
+    className: "badge__inner"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, text)) : null);
+};
+
+export { Badge };

package/components/Badge/consts.d.ts

@@ -0,0 +1,7 @@
+import type { TTextSize, TTextTypes } from '../SVGIcons/types';
+export declare const TEXT_SIZE_MAPPING: {
+    [key: string]: TTextSize;
+};
+export declare const COLOR_TYPE_MAPPING: {
+    [key: string]: TTextTypes;
+};

package/components/Badge/consts.js

@@ -0,0 +1,13 @@
+var TEXT_SIZE_MAPPING = {
+  large: 'standard',
+  small: 'small'
+};
+var COLOR_TYPE_MAPPING = {
+  transparent: 'tertiary',
+  red: 'inverse',
+  grey: 'secondary',
+  greyDark: 'secondary',
+  green: 'inverse'
+};
+
+export { COLOR_TYPE_MAPPING, TEXT_SIZE_MAPPING };

package/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from './Badge';

package/components/Badge/index.js

@@ -0,0 +1,7 @@
+export { Badge } from './Badge.js';
+import 'react';
+import '../Text/Text.js';
+import 'classnames';
+import '../../utils/helpers.js';
+import 'dayjs';
+import './consts.js';

package/components/Badge/types.d.ts

@@ -0,0 +1,6 @@
+export interface TBadgeProps extends IFormCompProps {
+    text?: number | string;
+    type?: 'red' | 'grey' | 'greyDark' | 'green' | 'transparent';
+    size?: 'large' | 'small';
+    className?: string;
+}

package/components/Badge/types.js

@@ -0,0 +1 @@
+

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TBreadCrumbProps } from './types';
+export declare const Breadcrumb: (props: TBreadCrumbProps) => ReactElement | null;

package/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,24 @@
+import React from 'react';
+
+var Breadcrumb = function Breadcrumb(props) {
+  var selectedValue = props.selectedValue,
+    breadCrumbItems = props.breadCrumbItems,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    onSelect = props.onSelect;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "breadcrumb ".concat(className)
+  }, breadCrumbItems.map(function (itemInfo) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "breadcrumb__item",
+      key: itemInfo.value
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "breadcrumb__item__inner ".concat(selectedValue === itemInfo.value ? 'selected' : ''),
+      onClick: function onClick() {
+        return onSelect(itemInfo.value);
+      }
+    }, itemInfo.label));
+  }));
+};
+
+export { Breadcrumb };

package/components/Breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './Breadcrumb';

package/components/Breadcrumb/index.js

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb.js';
+import 'react';

package/components/Breadcrumb/types.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from 'react';
+export type TBreadCrumbItem = {
+    value: number | string;
+    label: string | JSX.Element;
+    onClick: () => void;
+};
+export interface TBreadCrumbProps extends IFormCompProps {
+    breadCrumbItems: TBreadCrumbItem[];
+    className?: string;
+    selectedValue: number | string;
+    onSelect: (value: string | number) => void;
+}

package/components/Breadcrumb/types.js

@@ -0,0 +1 @@
+

package/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TButtonPropTypes } from './types';
+export declare const Button: (props: TButtonPropTypes) => ReactElement;

package/components/Button/Button.js

@@ -0,0 +1,80 @@
+import { _ as _extends } from '../../extends-e8ef956f.js';
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-fcd64cc7.js';
+import React from 'react';
+import classNames from 'classnames';
+import 'dayjs';
+import { Loader } from '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import 'react-syntax-highlighter';
+import { LITE_LOADER_TYPES, ICON_SIZE_MAPPING, ICON_TYPE_MAPPING } from './consts.js';
+import '../../typeof-ecd92d7f.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+
+var _excluded = ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"];
+var Button = function Button(props) {
+  var buttonText = props.buttonText,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    iconProps = props.iconProps,
+    _props$buttonActionTy = props.buttonActionType,
+    buttonActionType = _props$buttonActionTy === void 0 ? 'button' : _props$buttonActionTy,
+    disabled = props.disabled,
+    isLoading = props.isLoading,
+    formId = props.formId,
+    _props$dataId = props.dataId,
+    dataId = _props$dataId === void 0 ? '' : _props$dataId,
+    _onClick = props.onClick,
+    _props$refHandler = props.refHandler,
+    refHandler = _props$refHandler === void 0 ? null : _props$refHandler,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
+  var justIcon = !buttonText && !children && iconProps !== undefined;
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: refHandler,
+    "data-id": dataId,
+    disabled: disabled,
+    type: buttonActionType,
+    className: classNames('btn', "btn--".concat(type), "btn--".concat(size), _defineProperty({
+      'btn--icon': justIcon
+    }, "btn--icon-".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left'), !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component)), className),
+    onClick: function onClick(e) {
+      if (!isLoading) {
+        _onClick === null || _onClick === void 0 || _onClick(e);
+      }
+    },
+    form: formId
+  }, rest), isLoading ? /*#__PURE__*/React.createElement(Loader, {
+    size: size,
+    type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite'
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, {
+    size: ICON_SIZE_MAPPING[size],
+    type: ICON_TYPE_MAPPING[iconProps.type || type],
+    className: "btn__icon"
+  }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {
+    className: "btn__text"
+  }, buttonText || children) : null));
+};
+
+export { Button };

package/components/Button/consts.d.ts

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

package/components/Button/consts.js

@@ -0,0 +1,15 @@
+var LITE_LOADER_TYPES = ['primary', 'danger'];
+var ICON_SIZE_MAPPING = {
+  large: 'small',
+  medium: 'small',
+  small: 'xsmall'
+};
+var ICON_TYPE_MAPPING = {
+  primary: 'inverse',
+  secondary: 'secondary',
+  tertiary: 'primary',
+  danger: 'inverse',
+  text: 'primary'
+};
+
+export { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES };

package/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/components/Button/index.js

@@ -0,0 +1,30 @@
+export { Button } from './Button.js';
+import '../../extends-e8ef956f.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../objectWithoutProperties-fcd64cc7.js';
+import 'react';
+import 'classnames';
+import 'dayjs';
+import '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+import './consts.js';

package/components/Button/types.d.ts

@@ -0,0 +1,22 @@
+import type { ButtonHTMLAttributes, LegacyRef, PropsWithChildren, ReactElement } from 'react';
+import type { TSVGIconType } from '../SVGIcons/types';
+export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>> {
+    id?: string;
+    disabled?: boolean;
+    buttonActionType?: 'submit' | 'button' | 'reset';
+    buttonText?: string | ReactElement;
+    className?: string;
+    type?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'text';
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+    iconProps?: {
+        size?: TIconSize;
+        type?: TSVGIconType;
+        alignment?: string;
+        Component?: TSVGIconComponent;
+    };
+    onClick?: (event: TClickEventType) => void;
+    formId?: string;
+    dataId?: string;
+    refHandler?: LegacyRef<HTMLButtonElement> | undefined;
+}

package/components/Button/types.js

@@ -0,0 +1 @@
+

package/components/ButtonIcon/ButtonIcon.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TButtonIconPropTypes } from './types';
+export declare const ButtonIcon: (props: TButtonIconPropTypes) => ReactElement;

package/components/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,66 @@
+import { _ as _extends } from '../../extends-e8ef956f.js';
+import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-fcd64cc7.js';
+import React from 'react';
+import classNames from 'classnames';
+import 'dayjs';
+import { Loader } from '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import 'react-syntax-highlighter';
+import { ICON_SIZE_MAPPING } from './consts.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+
+var _excluded = ["size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler"];
+var ButtonIcon = function ButtonIcon(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    iconProps = props.iconProps,
+    _props$buttonActionTy = props.buttonActionType,
+    buttonActionType = _props$buttonActionTy === void 0 ? 'button' : _props$buttonActionTy,
+    disabled = props.disabled,
+    isLoading = props.isLoading,
+    formId = props.formId,
+    _props$dataId = props.dataId,
+    dataId = _props$dataId === void 0 ? '' : _props$dataId,
+    onClick = props.onClick,
+    _props$refHandler = props.refHandler,
+    refHandler = _props$refHandler === void 0 ? null : _props$refHandler,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: refHandler,
+    "data-id": dataId,
+    disabled: disabled,
+    type: buttonActionType,
+    className: classNames('btn-icon', "btn-icon--".concat(size), className),
+    onClick: onClick,
+    form: formId
+  }, rest), isLoading ? /*#__PURE__*/React.createElement(Loader, {
+    size: size,
+    type: 'dark'
+  }) : /*#__PURE__*/React.createElement(iconProps.Component, {
+    size: ICON_SIZE_MAPPING[size],
+    type: disabled ? 'disabled' : 'tertiary'
+  }));
+};
+
+export { ButtonIcon };

package/components/ButtonIcon/consts.d.ts

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

package/components/ButtonIcon/consts.js

@@ -0,0 +1,7 @@
+var ICON_SIZE_MAPPING = {
+  large: 'medium',
+  medium: 'small',
+  small: 'xsmall'
+};
+
+export { ICON_SIZE_MAPPING };

package/components/ButtonIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonIcon';

package/components/ButtonIcon/index.js

@@ -0,0 +1,30 @@
+export { ButtonIcon } from './ButtonIcon.js';
+import '../../extends-e8ef956f.js';
+import '../../objectWithoutProperties-fcd64cc7.js';
+import 'react';
+import 'classnames';
+import 'dayjs';
+import '../../helperComponents/Loader/Loader.js';
+import '../Checkbox/Checkbox.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+import './consts.js';

package/components/ButtonIcon/types.d.ts

@@ -0,0 +1,16 @@
+import type { ButtonHTMLAttributes, LegacyRef, PropsWithChildren } from 'react';
+export interface TButtonIconPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>> {
+    id?: string;
+    disabled?: boolean;
+    buttonActionType?: 'submit' | 'button' | 'reset';
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+    iconProps: {
+        Component: TSVGIconComponent;
+    };
+    onClick?: (event: TClickEventType) => void;
+    formId?: string;
+    dataId?: string;
+    refHandler?: LegacyRef<HTMLButtonElement> | undefined;
+}

package/components/ButtonIcon/types.js

@@ -0,0 +1 @@
+

package/components/CardBody/CardBody.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from 'react';
+import type { TCardBodyProps } from './types';
+export declare const CardBody: (props: TCardBodyProps) => JSX.Element;