linear-react-components-ui 1.0.10-beta.9 → 1.0.10-rc.1

package/lib/labels/WarningLabel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const WarningLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
 

package/lib/labels/index.d.ts

@@ -10,6 +10,8 @@ import '../@types/Position.js';
 import './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 
 

package/lib/labels/types.d.ts

@@ -2,11 +2,13 @@ import { ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
     customClass?: string;
     size?: Size;
-    iconName?: string;
+    iconName?: IconNames;
     iconAlign?: Position;
     icon?: ReactElement;
     targetRef?: (ref: HTMLDivElement | null) => void;

package/lib/list/Header.d.ts

@@ -1,6 +1,8 @@
 import { IListHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Header: ({ title, children, style, customClass }: IListHeaderProps) => JSX.Element;
 

package/lib/list/Item.d.ts

@@ -1,6 +1,8 @@
 import { IListItemProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Item: (props: IListItemProps) => JSX.Element | null;
 

package/lib/list/helpers.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IListContext } from './types.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ListContext: React__default.Context<IListContext>;
 declare const LIST_ITEMS_TYPES: {

package/lib/list/index.d.ts

@@ -4,6 +4,8 @@ export { default as ListSeparator } from './Separator.js';
 import { IListProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const List: (props: IListProps) => JSX.Element;
 

package/lib/list/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode, ReactElement, CSSProperties, Ref } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 type ItemId = string;
 interface KeyboardEvent {
@@ -40,8 +42,8 @@ interface IListItemProps {
     leftIcon?: ReactElement;
     rightIcon?: ReactElement;
     onClick?: (event?: React.MouseEvent<HTMLLIElement, MouseEvent> | KeyboardEvent, itemId?: string) => void;
-    leftIconName?: string;
-    rightIconName?: string;
+    leftIconName?: IconNames;
+    rightIconName?: IconNames;
     customClass?: string;
     url?: string;
     visible?: boolean;

package/lib/menus/float/MenuItem.d.ts

@@ -1,6 +1,8 @@
 import { IFloatMenuItemProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => JSX.Element;
 

package/lib/menus/float/helpers.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IFloatMenuContext } from './types.js';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const FloatMenuContext: React__default.Context<IFloatMenuContext>;
 

package/lib/menus/float/index.d.ts

@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { IFloatMenuProps } from './types.js';
 import 'react';
 import '../../@types/SizePixels.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
     title: any;

package/lib/menus/float/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 import { SizePixels } from '../../@types/SizePixels.js';
+import { IconNames } from '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 interface IFloatMenuContext {
     customClassMenuItem?: string;
@@ -17,7 +19,7 @@ interface IFloatMenuItemProps {
     title?: string;
     url?: string;
     urlHref?: string;
-    iconName?: string;
+    iconName?: IconNames;
     iconColor?: string;
     iconSize?: SizePixels;
     customClass?: string;

package/lib/menus/index.d.ts

@@ -3,6 +3,8 @@ import './float/MenuItem.js';
 import './float/types.js';
 import 'react';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 import 'prop-types';
 
 

package/lib/menus/sidenav/ExpandMenu.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
 

package/lib/menus/sidenav/MenuLink.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: {
     (props: IMenuLinkProps): JSX.Element;

package/lib/menus/sidenav/NavMenuGroup.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NavMenuGroup: ({ children, scrollable }: INavMenuGroupProps) => JSX.Element;
 

package/lib/menus/sidenav/NavMenuItem.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: {
     (props: INavMenuItemProps): JSX.Element;

package/lib/menus/sidenav/NavSubMenuItem.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => JSX.Element | null;
 

package/lib/menus/sidenav/helpers.d.ts

@@ -4,6 +4,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
 declare const SubMenuContext: React__default.Context<ISubMenuContext>;

package/lib/menus/sidenav/index.d.ts

@@ -8,6 +8,8 @@ import '../../@types/PermissionAttr.js';
 import '../../@types/Size.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const SideNav: (props: ISideNavProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -4,6 +4,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
 import '../../../internals/types.js';
 import '../../../@types/Position.js';
+import '../../../@types/Icon.js';
+import '../../../icons/helper.js';
 
 declare const EmptyList: ({ info, visible, }: IEmptyListProps) => JSX.Element;
 

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -4,6 +4,8 @@ import '../../../@types/PermissionAttr.js';
 import '../../../@types/Size.js';
 import '../../../internals/types.js';
 import '../../../@types/Position.js';
+import '../../../@types/Icon.js';
+import '../../../icons/helper.js';
 
 declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React__default.ReactPortal;
 

package/lib/menus/sidenav/types.d.ts

@@ -2,7 +2,9 @@ import { ReactNode, ReactElement, Ref, CSSProperties } from 'react';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { Size } from '../../@types/Size.js';
 import { WithTooltipProps } from '../../internals/types.js';
+import { IconNames } from '../../@types/Icon.js';
 import '../../@types/Position.js';
+import '../../icons/helper.js';
 
 interface ISideNavProps {
     children: ReactNode;
@@ -40,7 +42,7 @@ interface INavMenuGroupProps {
 interface INavMenuItemProps extends WithTooltipProps {
     children?: ReactNode;
     title?: string;
-    iconName?: string;
+    iconName?: IconNames;
     childrenIsSubMenu?: boolean;
     url?: string;
     customClass?: string;
@@ -58,7 +60,7 @@ interface INavSubMenuItemProps {
 interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
-    iconName?: string;
+    iconName?: IconNames;
 }
 interface IEmptyListProps {
     info?: string;

package/lib/panel/Content.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PanelContent: ({ customClass, children, style }: IPanelProps) => JSX.Element | null;
 

package/lib/panel/DangerPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DangerPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/Default.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, style, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, }: IPanelProps) => JSX.Element | null;
 

package/lib/panel/Header.d.ts

@@ -1,7 +1,9 @@
-import { a as IPanelHeaderProps } from '../types-90c43ae1.js';
+import { a as IPanelHeaderProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PanelHeader: (props: IPanelHeaderProps) => JSX.Element;
 

package/lib/panel/Header.js

@@ -13,9 +13,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var getIcon = function getIcon(titleIcon, icon) {
-  if (icon !== undefined) {
+  if (icon) {
     return icon;
-  } else if (titleIcon !== '') {
+  } else if (titleIcon) {
     return /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: titleIcon,
       color: "#000",
@@ -33,8 +33,7 @@ var getClassName = function getClassName(_ref) {
   return className;
 };
 var PanelHeader = function PanelHeader(props) {
-  var _props$titleIcon = props.titleIcon,
-    titleIcon = _props$titleIcon === void 0 ? '' : _props$titleIcon,
+  var titleIcon = props.titleIcon,
     icon = props.icon,
     title = props.title,
     children = props.children,

package/lib/panel/InfoPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InfoPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/PrimaryPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PrimaryPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/SuccessPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const SuccessPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/ToolBar.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const ToolBar: ({ children }: IPanelProps) => JSX.Element;
 

package/lib/panel/WarningPanel.d.ts

@@ -1,7 +1,9 @@
-import { I as IPanelProps } from '../types-90c43ae1.js';
+import { I as IPanelProps } from '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const WarningPanel: (props: IPanelProps) => JSX.Element;
 

package/lib/panel/helpers.d.ts

@@ -1,4 +1,6 @@
 import 'react';
-export { P as default, n as numberAroundZeroAndOne } from '../types-90c43ae1.js';
+export { P as default, n as numberAroundZeroAndOne } from '../types-c1e2d0c9.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/panel/index.d.ts

@@ -6,10 +6,12 @@ export { default as SuccessPanel } from './SuccessPanel.js';
 export { default as InfoPanel } from './InfoPanel.js';
 export { default as PanelHeader } from './Header.js';
 export { default as PanelContent } from './Content.js';
-import '../types-90c43ae1.js';
+import '../types-c1e2d0c9.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 
 

package/lib/panel/types.d.ts

@@ -1,4 +1,6 @@
 import 'react';
-export { C as ContextProps, a as IPanelHeaderProps, I as IPanelProps, b as IParameterFunction } from '../types-90c43ae1.js';
+export { C as ContextProps, a as IPanelHeaderProps, I as IPanelProps, b as IParameterFunction } from '../types-c1e2d0c9.js';
 import '../@types/PermissionAttr.js';
 import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/popover/PopoverText.d.ts

@@ -2,6 +2,8 @@ import { PopoverTextProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
 

package/lib/popover/PopoverTitle.d.ts

@@ -2,6 +2,8 @@ import { PopoverTitleProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
 

package/lib/popover/index.d.ts

@@ -4,6 +4,8 @@ import { IPopoverProps } from './types.js';
 import 'react';
 import '../@types/Position.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: {
     (props: IPopoverProps): JSX.Element;

package/lib/popover/index.js

@@ -30,8 +30,7 @@ var Popover = function Popover(_ref) {
     align = _ref$align === void 0 ? 'left' : _ref$align,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
-    _ref$iconName = _ref.iconName,
-    iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
+    iconName = _ref.iconName,
     _ref$iconSize = _ref.iconSize,
     iconSize = _ref$iconSize === void 0 ? 16 : _ref$iconSize,
     _ref$iconColor = _ref.iconColor,

package/lib/popover/types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { Position } from '../@types/Position.js';
 import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface PopoverTitleProps {
     children?: ReactNode;
@@ -9,7 +11,7 @@ interface PopoverTextProps {
     children?: ReactNode;
 }
 interface IPopoverProps {
-    iconName?: string;
+    iconName?: IconNames;
     iconColor?: string;
     customClass?: string;
     children?: ReactNode;

package/lib/radio/index.d.ts

@@ -1,12 +1,13 @@
 import { IRadioProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
 
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, permissionAttr }: IRadioProps) => JSX.Element | null;
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, size, permissionAttr }: IRadioProps) => JSX.Element | null;
 
 export { Radio as default };

package/lib/radio/index.js

@@ -39,6 +39,8 @@ var Radio = function Radio(_ref) {
     skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
     _ref$defaultChecked = _ref.defaultChecked,
     defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     permissionAttr = _ref.permissionAttr;
   var _useState = (0, _react.useState)(checked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -86,7 +88,7 @@ var Radio = function Radio(_ref) {
     required: required,
     disabled: shouldDisable()
   })), /*#__PURE__*/_react.default.createElement("label", {
-    className: "description",
+    className: "description ".concat(size && "-".concat(size)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };

package/lib/radio/types.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Size } from '../@types/Size.js';
 
 interface IRadioProps {
     label?: string;
@@ -9,6 +10,7 @@ interface IRadioProps {
     name?: string;
     id?: string;
     required?: boolean;
+    size?: Extract<Size, 'small' | 'medium' | 'large'>;
     onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
     checked?: boolean;
     permissionAttr?: PermissionAttr | PermissionAttr;

package/lib/tabs/DropdownItems.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DropdownItems: ({ handlerClick, handlerRemovePanel, dropdownPanels, tabMenuSize, }: MenuProps) => JSX.Element | null;
 

package/lib/tabs/Menu.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Menu: ({ menuRef, toolbar, toolBarRef, customClassForToolBar, ...props }: MenuProps) => JSX.Element;
 

package/lib/tabs/MenuItems.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const MenuItems: ({ handlerClick, currentPanels, handlerRemovePanel, tabWidth, tabMenuSize, tabMenuAlign, selectedTabId, firstTabIdent, }: MenuProps) => JSX.Element;
 

package/lib/tabs/Panel.d.ts

@@ -3,6 +3,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Panel: ({ id, children, onEndReached, permissionAttr, customClass, onEndReachedThreshold, }: PanelProps) => JSX.Element;
 

package/lib/tabs/index.d.ts

@@ -4,6 +4,8 @@ import 'react';
 import '../@types/Size.js';
 import '../@types/Position.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Tabs: ({ toolbar, children, selectedTab, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidthOnExceedCount, ...props }: ITabsPros) => JSX.Element;
 

package/lib/tabs/tabHelpers.d.ts

@@ -4,6 +4,8 @@ import { Position } from '../@types/Position.js';
 import { PanelTypeAndProps, TabsContextValues } from './types.js';
 import '../@types/Size.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 /**
  * Recursive funcion to get the panels passed as children elements to the Tabs Component.

package/lib/tabs/types.d.ts

@@ -2,6 +2,8 @@ import { ReactElement, CSSProperties, ReactNode } from 'react';
 import { Size } from '../@types/Size.js';
 import { Position } from '../@types/Position.js';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface PanelTypeAndProps extends ReactElement {
     props: PanelProps;
@@ -48,7 +50,7 @@ interface PanelProps {
     tooltip?: string;
     disabled?: boolean;
     closable?: boolean;
-    iconName?: string;
+    iconName?: IconNames;
     children?: ReactNode;
     closeable?: boolean;
     iconAlign?: Extract<Position, 'left' | 'right'>;