@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Logo.js

@@ -1,36 +1,28 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index = require('./Link.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-var align = require('../constants/componentProps/align.js');
-var alignDirection = require('../constants/componentProps/alignDirection.js');
-var width = require('../constants/componentProps/width.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { LinkWrapper } from './Link.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import alignProps from '../constants/componentProps/align.js';
+import alignDirectionProps from '../constants/componentProps/alignDirection.js';
+import widthProps from '../constants/componentProps/width.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/underline.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
 
 function Logo(props) {
   const {
@@ -42,50 +34,50 @@ function Logo(props) {
     source,
     src
   } = props;
-  const alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignItemsClass = useDeviceTargetClass(props, {
     prefix: 'logo_align-items_',
     propsKey: 'alignItems'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
   const {
     styles: logo
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'logo', alignDirectionClass, alignClass, widthClass, alignItemsClass, size && `logo_size_${size}`, mode && `logo_mode_${mode}`),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'logo', alignDirectionClass, alignClass, widthClass, alignItemsClass, size && `logo_size_${size}`, mode && `logo_mode_${mode}`),
     style: logo
-  }, link || href ? /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
+  }, link || href ? /*#__PURE__*/React__default.createElement(LinkWrapper, {
     href: link || href
-  }, ' ', /*#__PURE__*/React__default.default.createElement("img", {
+  }, ' ', /*#__PURE__*/React__default.createElement("img", {
     className: "logo__image",
     src: src || source
-  })) : /*#__PURE__*/React__default.default.createElement("img", {
+  })) : /*#__PURE__*/React__default.createElement("img", {
     className: "logo__image",
     src: src || source
   }));
 }
 Logo.propTypes = {
-  align: PropTypes__default.default.oneOf(align.default),
-  alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
-  className: PropTypes__default.default.string,
-  href: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  size: PropTypes__default.default.string,
-  sizeMobile: PropTypes__default.default.string,
-  source: PropTypes__default.default.string,
-  src: PropTypes__default.default.string,
-  target: PropTypes__default.default.string,
-  width: PropTypes__default.default.oneOf(width.default)
+  align: PropTypes.oneOf(alignProps),
+  alignDirection: PropTypes.oneOf(alignDirectionProps),
+  className: PropTypes.string,
+  href: PropTypes.string,
+  link: PropTypes.string,
+  size: PropTypes.string,
+  sizeMobile: PropTypes.string,
+  source: PropTypes.string,
+  src: PropTypes.string,
+  target: PropTypes.string,
+  width: PropTypes.oneOf(widthProps)
 };
 Logo.defaultProps = {};
 Logo.__docgenInfo = {
@@ -179,4 +171,4 @@ Logo.__docgenInfo = {
   }
 };
 
-exports.Logo = Logo;
+export { Logo };

package/dist/components/Menu.js

@@ -1,41 +1,34 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var direction = require('../constants/componentProps/direction.js');
-var type = require('../constants/componentProps/type.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var index = require('./MenuItem.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-require('./Text.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/textWrap.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import directionProps from '../constants/componentProps/direction.js';
+import typeProps from '../constants/componentProps/type.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { MenuItem } from './MenuItem.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
+import '../Text-DffpwlYq.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import './Link.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/underline.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/textColorActive.js';
+import '../constants/componentProps/textColorHover.js';
+import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/textWrap.js';
 
 function Menu(props) {
   const {
@@ -47,44 +40,44 @@ function Menu(props) {
     type,
     onClickItem
   } = props;
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const directionClass = useDeviceTargetClass(props, {
     prefix: 'menu_direction_',
     propsKey: 'direction'
   });
-  const columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const columnsClass = useDeviceTargetClass(props, {
     prefix: 'menu_columns_',
     propsKey: 'columns'
   });
-  const flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const flexGrowClass = useDeviceTargetClass(props, {
     prefix: 'flex-grow_',
     propsKey: 'flexGrow'
   });
   const {
     styles: menuStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass)
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass)
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "menu__wrapper",
     style: menuStyles
-  }, before, children || items?.map((item, i) => /*#__PURE__*/React__default.default.createElement(index.MenuItem, {
+  }, before, children || items?.map((item, i) => /*#__PURE__*/React__default.createElement(MenuItem, {
     key: `menuItem_${item.id || i}`,
     label: item.label,
     onClick: onClickItem
   })), after));
 }
 Menu.propTypes = {
-  before: PropTypes__default.default.any,
-  after: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
-  type: PropTypes__default.default.oneOf(type.default),
-  items: PropTypes__default.default.array,
-  onClickItem: PropTypes__default.default.func
+  before: PropTypes.any,
+  after: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  direction: PropTypes.oneOf(directionProps),
+  directionDesktop: PropTypes.oneOf(directionProps),
+  directionMobile: PropTypes.oneOf(directionProps),
+  directionTablet: PropTypes.oneOf(directionProps),
+  type: PropTypes.oneOf(typeProps),
+  items: PropTypes.array,
+  onClickItem: PropTypes.func
 };
 Menu.defaultProps = {
   direction: 'horizontal'
@@ -188,4 +181,4 @@ Menu.__docgenInfo = {
   }
 };
 
-exports.Menu = Menu;
+export { Menu };

package/dist/components/MenuItem.js

@@ -1,39 +1,32 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$1 = require('./Text.js');
-var index = require('./Link.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var textColorActive = require('../constants/componentProps/textColorActive.js');
-var textColorHover = require('../constants/componentProps/textColorHover.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var textGradient = require('../constants/componentProps/textGradient.js');
-var textSize = require('../constants/componentProps/textSize.js');
-var textStyle = require('../constants/componentProps/textStyle.js');
-var textWrap = require('../constants/componentProps/textWrap.js');
-var textWeight = require('../constants/componentProps/textWeight.js');
-var type = require('../constants/componentProps/type.js');
-var underline = require('../constants/componentProps/underline.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var size = require('../constants/componentProps/size.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { Link } from './Link.js';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import textColorActiveProps from '../constants/componentProps/textColorActive.js';
+import textColorHoverProps from '../constants/componentProps/textColorHover.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import textGradientProps from '../constants/componentProps/textGradient.js';
+import textSizeProps from '../constants/componentProps/textSize.js';
+import textStyleProps from '../constants/componentProps/textStyle.js';
+import textWrapProps from '../constants/componentProps/textWrap.js';
+import textWeightProps from '../constants/componentProps/textWeight.js';
+import typeProps from '../constants/componentProps/type.js';
+import underlineProps from '../constants/componentProps/underline.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import sizeProps from '../constants/componentProps/size.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
 
 const menuItemConfig = {
   appearance: {},
@@ -76,87 +69,87 @@ function MenuItem(props) {
     onClick,
     onMouseEnter
   } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const directionClass = useDeviceTargetClass(props, {
     prefix: 'menu-item_direction_',
     propsKey: 'direction'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillActiveClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_',
     propsKey: 'fillActive'
   });
-  const fillActiveHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillActiveHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_hover_',
     propsKey: 'fillActiveHover'
   });
-  const fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'fillDisabled'
   });
-  const linkFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const linkFillClass = useDeviceTargetClass(props, {
     propsKey: 'linkFill'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'menu-item_size_',
     propsKey: 'size'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'menu-item_shape_',
     propsKey: 'shape'
   });
-  const justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const justifyContentClass = useDeviceTargetClass(props, {
     prefix: 'menu-item_justify-content_',
     propsKey: 'justifyContent'
   });
-  const typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const typeClass = useDeviceTargetClass(props, {
     prefix: 'menu-item_type_',
     propsKey: 'type'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
   const {
     styles: menuItem
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass || appearance && `fill_${menuItemConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && `menu-item_set_${set}`, justifyContentClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass || appearance && `fill_${menuItemConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && `menu-item_set_${set}`, justifyContentClass),
     style: menuItem,
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, /*#__PURE__*/React__default.default.createElement(index.Link, {
-    className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass),
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    className: clsx('menu-item__label', alignDirectionClass, alignClass),
     fill: linkFillClass,
     href: link || href,
     rel: rel,
     target: target,
     underline: underline
-  }, /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, before, children || /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, before, children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement(Text, {
     className: "menu-item__label",
     size: textSize,
     textColor: textColor || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textColorActive: isActive && (textColorActive || appearance && menuItemConfig.appearance[appearance].textColorActive.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textGradient: textGradient,
     textStyle: textStyle,
     textWeight: textWeight,
     textWrap: textWrap
-  }, label), desc && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, label), desc && /*#__PURE__*/React__default.createElement(Text, {
     className: "menu-item__desc",
     size: descTextSize,
     textColor: descTextColor,
@@ -168,57 +161,57 @@ function MenuItem(props) {
   }, desc)), after)));
 }
 MenuItem.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  desc: PropTypes__default.default.string,
-  descTextColor: PropTypes__default.default.oneOf(textColor.default),
-  descTextColorHover: PropTypes__default.default.oneOf(textColorHover.default),
-  descTextGradient: PropTypes__default.default.oneOf(textGradient.default),
-  descTextSize: PropTypes__default.default.oneOf(textSize.default),
-  descTextStyle: PropTypes__default.default.oneOf(textStyle.default),
-  descTextWeight: PropTypes__default.default.oneOf(textWeight.default),
-  descTextWrap: PropTypes__default.default.oneOf(textWrap.default),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  href: PropTypes__default.default.string,
-  isActive: PropTypes__default.default.bool,
-  isHover: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  LinkComponent: PropTypes__default.default.any,
-  linkFill: PropTypes__default.default.oneOf(fill.default),
-  linkFillDesktop: PropTypes__default.default.oneOf(fill.default),
-  linkFillMobile: PropTypes__default.default.oneOf(fill.default),
-  linkFillTablet: PropTypes__default.default.oneOf(fill.default),
-  rel: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
-  target: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.oneOf(textColor.default),
-  textColorActive: PropTypes__default.default.oneOf(textColorActive.default),
-  textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
-  textGradient: PropTypes__default.default.oneOf(textGradient.default),
-  textSize: PropTypes__default.default.oneOf(size.default),
-  textStyle: PropTypes__default.default.oneOf(textStyle.default),
-  textWeight: PropTypes__default.default.oneOf(textWeight.default),
-  textWrap: PropTypes__default.default.string,
-  type: PropTypes__default.default.oneOf(type.default),
-  typeDesktop: PropTypes__default.default.oneOf(type.default),
-  typeMobile: PropTypes__default.default.oneOf(type.default),
-  typeTablet: PropTypes__default.default.oneOf(type.default),
-  underline: PropTypes__default.default.oneOf(underline.default),
-  onClick: PropTypes__default.default.func,
-  onMouseEnter: PropTypes__default.default.func
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  desc: PropTypes.string,
+  descTextColor: PropTypes.oneOf(textColorProps),
+  descTextColorHover: PropTypes.oneOf(textColorHoverProps),
+  descTextGradient: PropTypes.oneOf(textGradientProps),
+  descTextSize: PropTypes.oneOf(textSizeProps),
+  descTextStyle: PropTypes.oneOf(textStyleProps),
+  descTextWeight: PropTypes.oneOf(textWeightProps),
+  descTextWrap: PropTypes.oneOf(textWrapProps),
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  href: PropTypes.string,
+  isActive: PropTypes.bool,
+  isHover: PropTypes.bool,
+  label: PropTypes.string,
+  link: PropTypes.string,
+  LinkComponent: PropTypes.any,
+  linkFill: PropTypes.oneOf(fillProps),
+  linkFillDesktop: PropTypes.oneOf(fillProps),
+  linkFillMobile: PropTypes.oneOf(fillProps),
+  linkFillTablet: PropTypes.oneOf(fillProps),
+  rel: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  size: PropTypes.oneOf(sizeProps),
+  sizeDesktop: PropTypes.oneOf(sizeProps),
+  sizeMobile: PropTypes.oneOf(sizeProps),
+  sizeTablet: PropTypes.oneOf(sizeProps),
+  target: PropTypes.string,
+  textColor: PropTypes.oneOf(textColorProps),
+  textColorActive: PropTypes.oneOf(textColorActiveProps),
+  textColorHover: PropTypes.oneOf(textColorHoverProps),
+  textGradient: PropTypes.oneOf(textGradientProps),
+  textSize: PropTypes.oneOf(sizeProps),
+  textStyle: PropTypes.oneOf(textStyleProps),
+  textWeight: PropTypes.oneOf(textWeightProps),
+  textWrap: PropTypes.string,
+  type: PropTypes.oneOf(typeProps),
+  typeDesktop: PropTypes.oneOf(typeProps),
+  typeMobile: PropTypes.oneOf(typeProps),
+  typeTablet: PropTypes.oneOf(typeProps),
+  underline: PropTypes.oneOf(underlineProps),
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func
 };
 MenuItem.defaultProps = {
   size: 'm',
@@ -675,5 +668,4 @@ MenuItem.__docgenInfo = {
   }
 };
 
-exports.MenuItem = MenuItem;
-exports.menuItemConfig = menuItemConfig;
+export { MenuItem, menuItemConfig };