@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Icon.js

@@ -1,49 +1,39 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var SVG = require('react-inlinesvg');
-var index = require('./Link.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-var fill = require('../constants/componentProps/fill.js');
-var borderColor = require('../constants/componentProps/borderColor.js');
-var borderType = require('../constants/componentProps/borderType.js');
-var iconSize = require('../constants/componentProps/iconSize.js');
-var shape = require('../constants/componentProps/shape.js');
-var strokeColor = require('../constants/componentProps/strokeColor.js');
-var index$1 = require('./Tooltip.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/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('./Text.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textSize.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);
-var SVG__default = /*#__PURE__*/_interopDefault(SVG);
+import React__default, { useState, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import SVG from 'react-inlinesvg';
+import { LinkWrapper } from './Link.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import fillProps from '../constants/componentProps/fill.js';
+import borderColorProps from '../constants/componentProps/borderColor.js';
+import borderTypeProps from '../constants/componentProps/borderType.js';
+import iconSizeProps from '../constants/componentProps/iconSize.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import strokeColorProps from '../constants/componentProps/strokeColor.js';
+import { Tooltip } from './Tooltip.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/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../Text-DffpwlYq.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import './Title.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/textSize.js';
 
 const iconConfig = {
   appearance: {},
@@ -51,8 +41,8 @@ const iconConfig = {
     iconConfig.appearance = newComponent;
   }
 };
-const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, ref) {
-  const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
+const Icon = /*#__PURE__*/React__default.forwardRef(function Icon(props, ref) {
+  const [isTooltipVisible, setIsTooltipVisible] = useState(false);
   const {
     Badge,
     SvgImage,
@@ -76,7 +66,7 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     width,
     onClick
   } = props;
-  const svgSizes = React.useMemo(() => {
+  const svgSizes = useMemo(() => {
     const sizes = {};
     if (width) {
       sizes.width = width;
@@ -86,100 +76,100 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     }
     return sizes;
   }, [height, width]);
-  const cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const cursorClass = useDeviceTargetClass(props, {
     prefix: 'cursor_',
     propsKey: 'cursor'
   });
-  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 fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'fillDisabled'
   });
-  const fillSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillSizeClass = useDeviceTargetClass(props, {
     prefix: 'icon_fill_size_',
     propsKey: 'fillSize'
   });
-  const iconFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconFillClass = useDeviceTargetClass(props, {
     prefix: 'icon_fill_',
     propsKey: 'iconFill'
   });
-  const iconFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconFillHoverClass = useDeviceTargetClass(props, {
     prefix: 'icon_fill_hover_',
     propsKey: 'iconFillHover'
   });
-  const iconFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconFillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'icon_fill_disabled_',
     propsKey: 'iconFillDisabled'
   });
-  const iconStrokeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconStrokeClass = useDeviceTargetClass(props, {
     prefix: 'icon_stroke_',
     propsKey: 'iconStroke'
   });
-  const iconStrokeHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconStrokeHoverClass = useDeviceTargetClass(props, {
     prefix: 'icon_stroke_hover_',
     propsKey: 'iconStrokeHover'
   });
-  const iconStrokeDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconStrokeDisabledClass = useDeviceTargetClass(props, {
     prefix: 'icon_stroke_disabled_',
     propsKey: 'iconStrokeDisabled'
   });
-  const iconSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const iconSizeClass = useDeviceTargetClass(props, {
     prefix: 'icon_size_',
     propsKey: 'iconSize'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'icon_shape_',
     propsKey: 'shape'
   });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorHoverClass = useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
     propsKey: 'borderColorHover'
   });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  const alignmentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignmentClass = useDeviceTargetClass(props, {
     prefix: 'alignment_',
     propsKey: 'alignment'
   });
   const {
     styles: iconStyles
-  } = useStyles.useStyles(props);
-  const ImageComponent = React.useMemo(() => {
+  } = useStyles(props);
+  const ImageComponent = useMemo(() => {
     if (SvgImage) {
-      return /*#__PURE__*/React__default.default.createElement(SvgImage, svgSizes);
+      return /*#__PURE__*/React__default.createElement(SvgImage, svgSizes);
     }
     if (imageSrc) {
       if (imageSrc.endsWith('.svg')) {
-        return /*#__PURE__*/React__default.default.createElement(SVG__default.default, {
+        return /*#__PURE__*/React__default.createElement(SVG, {
           preProcessor: removeFillStroke,
           src: imageSrc
         });
       }
-      return /*#__PURE__*/React__default.default.createElement("img", {
+      return /*#__PURE__*/React__default.createElement("img", {
         src: imageSrc
       });
     }
     return null;
   }, [SvgImage, svgSizes, imageSrc]);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, iconStrokeDisabledClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, iconStrokeDisabledClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'),
     "data-tour": dataTour,
     id: id,
     ref: ref,
@@ -187,15 +177,15 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     onClick: onClick,
     onMouseEnter: () => setIsTooltipVisible(true),
     onMouseLeave: () => setIsTooltipVisible(false)
-  }, /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    className: clsx__default.default(link || href ? 'icon__link' : 'icon__item', iconSizeClass),
+  }, /*#__PURE__*/React__default.createElement(LinkWrapper, {
+    className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass),
     DefaultComponent: "div",
     href: link || href,
     rel: linkRel,
     target: linkTarget
-  }, before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && /*#__PURE__*/React__default.default.createElement(index$1.Tooltip, {
+  }, before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && /*#__PURE__*/React__default.createElement(Tooltip, {
     appearance: tooltipAppearance,
-    className: clsx__default.default(className, 'icon__tooltip', alignmentClass),
+    className: clsx(className, 'icon__tooltip', alignmentClass),
     text: tooltipText,
     textSize: tooltipTextSize,
     title: tooltipTitle,
@@ -203,51 +193,51 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   })));
 });
 Icon.propTypes = {
-  after: PropTypes__default.default.any,
+  after: PropTypes.any,
   // "bool" type is valid for condition constructions, e.g. "Boolean(some) && <Badge>"
-  Badge: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.bool]),
-  before: PropTypes__default.default.any,
-  borderColor: PropTypes__default.default.oneOf(borderColor.default),
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  className: PropTypes__default.default.string,
-  dataTour: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillSize: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  fillSizeDesktop: PropTypes__default.default.string,
-  fillSizeMobile: PropTypes__default.default.string,
-  fillSizeTablet: PropTypes__default.default.string,
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  height: PropTypes__default.default.string,
-  href: PropTypes__default.default.string,
-  iconStroke: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
-  iconStrokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
-  id: PropTypes__default.default.string,
-  imageSrc: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  LinkComponent: PropTypes__default.default.any,
-  linkRel: PropTypes__default.default.string,
-  linkTarget: 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),
-  showTooltip: PropTypes__default.default.bool,
-  size: PropTypes__default.default.oneOf(iconSize.default),
-  sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
-  sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
-  sizeTablet: PropTypes__default.default.oneOf(iconSize.default),
-  SvgImage: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.func, PropTypes__default.default.object]),
-  tooltipAppearance: PropTypes__default.default.string,
-  tooltipText: PropTypes__default.default.string,
-  tooltipTextSize: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  tooltipTitle: PropTypes__default.default.string,
-  tooltipTitleSize: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  width: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func
+  Badge: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
+  before: PropTypes.any,
+  borderColor: PropTypes.oneOf(borderColorProps),
+  borderType: PropTypes.oneOf(borderTypeProps),
+  className: PropTypes.string,
+  dataTour: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  fillSizeDesktop: PropTypes.string,
+  fillSizeMobile: PropTypes.string,
+  fillSizeTablet: PropTypes.string,
+  fillTablet: PropTypes.oneOf(fillProps),
+  height: PropTypes.string,
+  href: PropTypes.string,
+  iconStroke: PropTypes.oneOf(strokeColorProps),
+  iconStrokeDesktop: PropTypes.oneOf(strokeColorProps),
+  iconStrokeMobile: PropTypes.oneOf(strokeColorProps),
+  iconStrokeTablet: PropTypes.oneOf(strokeColorProps),
+  id: PropTypes.string,
+  imageSrc: PropTypes.string,
+  link: PropTypes.string,
+  LinkComponent: PropTypes.any,
+  linkRel: PropTypes.string,
+  linkTarget: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  showTooltip: PropTypes.bool,
+  size: PropTypes.oneOf(iconSizeProps),
+  sizeDesktop: PropTypes.oneOf(iconSizeProps),
+  sizeMobile: PropTypes.oneOf(iconSizeProps),
+  sizeTablet: PropTypes.oneOf(iconSizeProps),
+  SvgImage: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func, PropTypes.object]),
+  tooltipAppearance: PropTypes.string,
+  tooltipText: PropTypes.string,
+  tooltipTextSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  tooltipTitle: PropTypes.string,
+  tooltipTitleSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.string,
+  onClick: PropTypes.func
 };
 Icon.defaultProps = {
   LinkComponent: 'a'
@@ -638,5 +628,4 @@ Icon.__docgenInfo = {
   }
 };
 
-exports.Icon = Icon;
-exports.iconConfig = iconConfig;
+export { Icon, iconConfig };

package/dist/components/Image.js

@@ -1,28 +1,20 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var borderColor = require('../constants/componentProps/borderColor.js');
-var resizeMode = require('../constants/componentProps/resizeMode.js');
-var shape = require('../constants/componentProps/shape.js');
-var width = require('../constants/componentProps/width.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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 borderColorProps from '../constants/componentProps/borderColor.js';
+import resizeModeProps from '../constants/componentProps/resizeMode.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import widthProps from '../constants/componentProps/width.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.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 Image(props) {
   const {
@@ -42,55 +34,55 @@ function Image(props) {
     onClick,
     onError
   } = props;
-  const cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const cursorClass = useDeviceTargetClass(props, {
     prefix: 'cursor_',
     propsKey: 'cursor'
   });
-  const horizontalAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const horizontalAlignClass = useDeviceTargetClass(props, {
     prefix: 'image_horizontal-align_',
     propsKey: 'horizontalAlign'
   });
-  const verticalAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const verticalAlignClass = useDeviceTargetClass(props, {
     prefix: 'image_vertical-align_',
     propsKey: 'verticalContentAlign'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'image_shape_',
     propsKey: 'shape'
   });
-  const resizeModeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeModeClass = useDeviceTargetClass(props, {
     prefix: 'image_resize-mode_',
     propsKey: 'resizeMode'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  const heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const heightClass = useDeviceTargetClass(props, {
     prefix: 'height_',
     propsKey: 'height'
   });
-  const imageWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const imageWidthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'imageWidth'
   });
-  const imageHeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const imageHeightClass = useDeviceTargetClass(props, {
     prefix: 'height_',
     propsKey: 'imageHeight'
   });
-  const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'border'
   });
-  const borderColorImageClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorImageClass = useDeviceTargetClass(props, {
     prefix: 'border-color-image_',
     propsKey: 'borderColorImage'
   });
-  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'
   });
@@ -98,65 +90,64 @@ function Image(props) {
     styles,
     wrapper: wrapperStyles,
     image: imageStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'image', mode && `image_mode_${mode}`, type && `image_type_${type}`, cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'image', mode && `image_mode_${mode}`, type && `image_type_${type}`, cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass),
     onClick: onClick,
     style: styles
-  }, before, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('image__wrapper', imageWrapperClassName),
+  }, before, /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('image__wrapper', imageWrapperClassName),
     style: wrapperStyles
-  }, /*#__PURE__*/React__default.default.createElement("img", {
+  }, /*#__PURE__*/React__default.createElement("img", {
     alt: alt,
     src: src,
     style: imageStyles,
     title: title,
-    className: clsx__default.default('image__item', imageWidthClass, imageHeightClass, imageClassName, borderClass, borderColorImageClass),
+    className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderClass, borderColorImageClass),
     onError: onError
   }), overlay, caption, children), after);
 }
 Image.propTypes = {
-  after: PropTypes__default.default.any,
-  alt: PropTypes__default.default.string,
-  before: PropTypes__default.default.any,
-  border: PropTypes__default.default.string,
-  borderColorImage: PropTypes__default.default.oneOf(borderColor.default),
-  borderColorImageDesktop: PropTypes__default.default.oneOf(borderColor.default),
-  borderColorImageMobile: PropTypes__default.default.oneOf(borderColor.default),
-  borderColorImageTablet: PropTypes__default.default.oneOf(borderColor.default),
-  overlay: PropTypes__default.default.any,
-  caption: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  imageClassName: PropTypes__default.default.string,
-  imgWrapClassName: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  resizeMode: PropTypes__default.default.oneOf(resizeMode.default),
-  resizeModeDesktop: PropTypes__default.default.oneOf(resizeMode.default),
-  resizeModeMobile: PropTypes__default.default.oneOf(resizeMode.default),
-  resizeModeTablet: PropTypes__default.default.oneOf(resizeMode.default),
-  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.string,
-  src: PropTypes__default.default.string,
-  style: PropTypes__default.default.object,
-  title: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  сontentX: PropTypes__default.default.string,
-  сontentXDesktop: PropTypes__default.default.string,
-  сontentXMobile: PropTypes__default.default.string,
-  сontentXTablet: PropTypes__default.default.string,
-  сontentY: PropTypes__default.default.string,
-  сontentYDesktop: PropTypes__default.default.string,
-  сontentYMobile: PropTypes__default.default.string,
-  сontentYTablet: PropTypes__default.default.string,
-  imageWidth: PropTypes__default.default.oneOf(width.default),
-  imageWidthMobile: PropTypes__default.default.oneOf(width.default),
-  imageWidthTablet: PropTypes__default.default.oneOf(width.default),
-  imageWidthDesktop: PropTypes__default.default.oneOf(width.default),
-  onError: PropTypes__default.default.func
+  after: PropTypes.any,
+  alt: PropTypes.string,
+  before: PropTypes.any,
+  border: PropTypes.string,
+  borderColorImage: PropTypes.oneOf(borderColorProps),
+  borderColorImageDesktop: PropTypes.oneOf(borderColorProps),
+  borderColorImageMobile: PropTypes.oneOf(borderColorProps),
+  borderColorImageTablet: PropTypes.oneOf(borderColorProps),
+  overlay: PropTypes.any,
+  caption: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  imageClassName: PropTypes.string,
+  imgWrapClassName: PropTypes.string,
+  onClick: PropTypes.func,
+  resizeMode: PropTypes.oneOf(resizeModeProps),
+  resizeModeDesktop: PropTypes.oneOf(resizeModeProps),
+  resizeModeMobile: PropTypes.oneOf(resizeModeProps),
+  resizeModeTablet: PropTypes.oneOf(resizeModeProps),
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  src: PropTypes.string,
+  style: PropTypes.object,
+  title: PropTypes.string,
+  type: PropTypes.string,
+  сontentX: PropTypes.string,
+  сontentXDesktop: PropTypes.string,
+  сontentXMobile: PropTypes.string,
+  сontentXTablet: PropTypes.string,
+  сontentY: PropTypes.string,
+  сontentYDesktop: PropTypes.string,
+  сontentYMobile: PropTypes.string,
+  сontentYTablet: PropTypes.string,
+  imageWidth: PropTypes.oneOf(widthProps),
+  imageWidthMobile: PropTypes.oneOf(widthProps),
+  imageWidthTablet: PropTypes.oneOf(widthProps),
+  imageWidthDesktop: PropTypes.oneOf(widthProps),
+  onError: PropTypes.func
 };
 Image.__docgenInfo = {
   "description": "",
@@ -348,13 +339,6 @@ Image.__docgenInfo = {
       },
       "required": false
     },
-    "size": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "src": {
       "description": "",
       "type": {
@@ -485,4 +469,4 @@ Image.__docgenInfo = {
   }
 };
 
-exports.Image = Image;
+export { Image };