@itcase/ui 1.1.6 → 1.1.8

package/dist/components/Caption.js

@@ -1,68 +1,60 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var fillGradient = require('../constants/componentProps/fillGradient.js');
-var captionPosition = require('../constants/componentProps/captionPosition.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.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');
-
-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 fillProps from '../constants/componentProps/fill.js';
+import fillGradientProps from '../constants/componentProps/fillGradient.js';
+import captionPositionProps from '../constants/componentProps/captionPosition.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.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';
 
 function Caption(props) {
   const {
     children,
     className
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillGradientClass = useDeviceTargetClass(props, {
     prefix: 'fill-gradient_',
     propsKey: 'fillGradient'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'caption_position_',
     propsKey: 'position'
   });
   const {
     styles: captionStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'caption', positionClass, fillClass, fillGradientClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'caption', positionClass, fillClass, fillGradientClass),
     style: captionStyles
   }, children);
 }
 Caption.propTypes = {
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillGradient: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientMobile: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientTablet: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientDesktop: PropTypes__default.default.oneOf(fillGradient.default),
-  position: PropTypes__default.default.oneOf(captionPosition.default),
-  positionMobile: PropTypes__default.default.oneOf(captionPosition.default),
-  positionTablet: PropTypes__default.default.oneOf(captionPosition.default),
-  positionDesktop: PropTypes__default.default.oneOf(captionPosition.default)
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillGradient: PropTypes.oneOf(fillGradientProps),
+  fillGradientMobile: PropTypes.oneOf(fillGradientProps),
+  fillGradientTablet: PropTypes.oneOf(fillGradientProps),
+  fillGradientDesktop: PropTypes.oneOf(fillGradientProps),
+  position: PropTypes.oneOf(captionPositionProps),
+  positionMobile: PropTypes.oneOf(captionPositionProps),
+  positionTablet: PropTypes.oneOf(captionPositionProps),
+  positionDesktop: PropTypes.oneOf(captionPositionProps)
 };
 Caption.__docgenInfo = {
   "description": "",
@@ -194,4 +186,4 @@ Caption.__docgenInfo = {
   }
 };
 
-exports.Caption = Caption;
+export { Caption };

package/dist/components/Card.js

@@ -1,38 +1,25 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var size = require('../constants/componentProps/size.js');
-var shape = require('../constants/componentProps/shape.js');
-var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
-var index$1 = require('./Text.js');
-var index = require('./Image.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('../hooks/useStyles.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('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/resizeMode.js');
-require('../constants/componentProps/width.js');
-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 sizeProps from '../constants/componentProps/size.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import { Image } from './Image.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useStyles.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 '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/resizeMode.js';
+import '../constants/componentProps/width.js';
+import 'lodash/castArray';
 
 function Card(props) {
   const {
@@ -53,31 +40,31 @@ function Card(props) {
     type,
     onClick
   } = props;
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'card_shape_',
     propsKey: 'shape'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'resize-horizontal_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'card', shapeClass, size && `card_size_${size}`, type && `card_type_${type}`, widthClass),
     onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "card__wrapper"
-  }, image, src && /*#__PURE__*/React__default.default.createElement(index.Image, {
+  }, image, src && /*#__PURE__*/React__default.createElement(Image, {
     className: "card__image",
     shape: imageShape,
     src: src
-  }), /*#__PURE__*/React__default.default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "card__data"
-  }, title && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, title && /*#__PURE__*/React__default.createElement(Text, {
     className: "card__data-title",
     size: titleSize,
     textColor: titleColor,
     tag: titleTag
-  }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
     size: textSize,
     tag: textTag,
     textColor: textColor,
@@ -85,21 +72,21 @@ function Card(props) {
   }, text)), children));
 }
 Card.propTypes = {
-  size: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(size.default)),
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  type: 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),
-  image: PropTypes__default.default.string,
-  onClick: PropTypes__default.default.func,
-  imageShape: PropTypes__default.default.oneOf(shape.default),
-  width: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
-  widthDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default)
+  size: PropTypes.oneOf(PropTypes.oneOf(sizeProps)),
+  children: PropTypes.any,
+  className: PropTypes.string,
+  type: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  image: PropTypes.string,
+  onClick: PropTypes.func,
+  imageShape: PropTypes.oneOf(shapeProps),
+  width: PropTypes.oneOf(horizontalResizeModeProps),
+  widthMobile: PropTypes.oneOf(horizontalResizeModeProps),
+  widthTablet: PropTypes.oneOf(horizontalResizeModeProps),
+  widthDesktop: PropTypes.oneOf(horizontalResizeModeProps)
 };
 Card.defaultProps = {
   textSize: 'p',
@@ -281,4 +268,4 @@ Card.__docgenInfo = {
   }
 };
 
-exports.Card = Card;
+export { Card };

package/dist/components/Cell.js

@@ -1,50 +1,37 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$1 = require('./Icon.js');
-var index = require('./Text.js');
-var index$2 = require('./Label.js');
-var titleSize = require('../constants/componentProps/titleSize.js');
-var textSize = require('../constants/componentProps/textSize.js');
-var textColor = require('../constants/componentProps/textColor.js');
-var textAlign = require('../constants/componentProps/textAlign.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.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('../hooks/useStyles.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('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-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 { I as Icon } from '../Icon-Dn2eEZvb.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import { Label } from './Label.js';
+import textSizeProps from '../constants/componentProps/textSize.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import textAlignProps from '../constants/componentProps/textAlign.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useStyles.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 'react-inlinesvg';
+import './Tooltip.js';
+import './Title.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/shape.js';
+import '../constants/componentProps/borderType.js';
+import 'lodash/castArray';
 
 function Cell(props) {
   const {
@@ -104,65 +91,65 @@ function Cell(props) {
     onClick,
     onMouseEnter
   } = props;
-  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 fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'fillDisabled'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'cell__wrapper_shape_',
     propsKey: 'shape'
   });
-  const bgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'bgFill'
   });
-  const bgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'bgFillHover'
   });
-  const bgFillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillActiveClass = useDeviceTargetClass(props, {
     prefix: 'fill_active_',
     propsKey: 'bgFillActive'
   });
-  const bgFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgFillDisabledClass = useDeviceTargetClass(props, {
     prefix: 'fill_disabled_',
     propsKey: 'bgFillDisabled'
   });
-  const bgShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const bgShapeClass = useDeviceTargetClass(props, {
     prefix: 'cell_shape_',
     propsKey: 'bgShape'
   });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const directionClass = useDeviceTargetClass(props, {
     prefix: 'cell__wrapper_direction_',
     propsKey: 'direction'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'cell', mode && `cell_mode_${mode}`, size && `cell_size_${size}`, set && `cell_set_${set}`, bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'cell', mode && `cell_mode_${mode}`, size && `cell_size_${size}`, set && `cell_set_${set}`, bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'),
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, before && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__before"
-  }, before), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass)
-  }, title && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before), /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass)
+  }, title && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__data"
-  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     className: "cell__title",
     size: titleTextSize,
     tag: titleTag,
@@ -170,7 +157,7 @@ function Cell(props) {
     textTruncate: titleTextTruncate,
     textWeight: titleTextWeight,
     textWrap: titleTextWrap
-  }, title), (titleIcon || titleIconSrc) && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
+  }, title), (titleIcon || titleIconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "cell__icon",
     fill: titleIconFill,
     fillSize: titleIconFillSize,
@@ -180,15 +167,15 @@ function Cell(props) {
     imageSrc: titleIconSrc,
     shape: titleIconShape,
     SvgImage: titleIcon
-  }), showTitleLabel && /*#__PURE__*/React__default.default.createElement(index$2.Label, {
+  }), showTitleLabel && /*#__PURE__*/React__default.createElement(Label, {
     appearance: titleLabelAppearance,
     label: titleLabel,
     labelTextSize: titleLabelTextSize,
     shape: titleLabelShape,
     size: titleLabelSize
-  })), value && /*#__PURE__*/React__default.default.createElement("div", {
+  })), value && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__data"
-  }, /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     className: "cell__value",
     size: valueTextSize,
     tag: valueTag,
@@ -196,7 +183,7 @@ function Cell(props) {
     textColor: valueTextColor,
     textWeight: valueTextWeight,
     textWrap: valueTextWrap
-  }, value), (valueIcon || valueIconSrc) && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
+  }, value), (valueIcon || valueIconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "cell__icon",
     fill: valueIconFill,
     fillSize: valueIconFillSize,
@@ -206,38 +193,38 @@ function Cell(props) {
     imageSrc: valueIconSrc,
     shape: valueIconShape,
     SvgImage: valueIcon
-  }), showValueLabel && /*#__PURE__*/React__default.default.createElement(index$2.Label, {
+  }), showValueLabel && /*#__PURE__*/React__default.createElement(Label, {
     appearance: valueLabelAppearance,
     label: valueLabel,
     labelTextSize: valueLabelTextSize,
     shape: valueLabelShape,
     size: valueLabelSize
-  }))), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }))), after && /*#__PURE__*/React__default.createElement("div", {
     className: "cell__after"
   }, after));
 }
 Cell.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  isActive: PropTypes__default.default.bool,
-  isDisabled: PropTypes__default.default.bool,
-  title: PropTypes__default.default.string,
-  titleIcon: PropTypes__default.default.any,
-  titleIconFill: PropTypes__default.default.string,
-  titleIconStroke: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.oneOf(textColor.default),
-  titleTextSize: PropTypes__default.default.oneOf(titleSize.default),
-  value: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.string]),
-  valueIcon: PropTypes__default.default.any,
-  valueIconFill: PropTypes__default.default.string,
-  valueIconStroke: PropTypes__default.default.string,
-  valueTextAlign: PropTypes__default.default.oneOf(textAlign.default),
-  valueTextColor: PropTypes__default.default.oneOf(textColor.default),
-  valueTextSize: PropTypes__default.default.oneOf(textSize.default),
-  onClick: PropTypes__default.default.func,
-  onMouseEnter: PropTypes__default.default.func
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  title: PropTypes.string,
+  titleIcon: PropTypes.any,
+  titleIconFill: PropTypes.string,
+  titleIconStroke: PropTypes.string,
+  titleTextColor: PropTypes.oneOf(textColorProps),
+  titleTextSize: PropTypes.oneOf(textSizeProps),
+  value: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  valueIcon: PropTypes.any,
+  valueIconFill: PropTypes.string,
+  valueIconStroke: PropTypes.string,
+  valueTextAlign: PropTypes.oneOf(textAlignProps),
+  valueTextColor: PropTypes.oneOf(textColorProps),
+  valueTextSize: PropTypes.oneOf(textSizeProps),
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func
 };
 Cell.defaultProps = {
   isDisabled: false,
@@ -343,7 +330,7 @@ Cell.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "titleSizeProps"
+        "value": "textSizeProps"
       },
       "required": false
     },
@@ -424,4 +411,4 @@ Cell.__docgenInfo = {
   }
 };
 
-exports.Cell = Cell;
+export { Cell };