@itcase/ui 1.1.0 → 1.1.2

package/dist/components/Accordion.js

@@ -36,6 +36,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 

package/dist/components/Avatar.js

@@ -40,6 +40,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/Breadcrumbs.js

@@ -37,6 +37,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../constants/componentProps/size.js');
+require('../constants/componentProps/textSize.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/underline.js');

package/dist/components/Button.js

@@ -36,6 +36,7 @@ require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../constants/componentProps/textSize.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/underline.js');
@@ -139,7 +140,7 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
     className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass || buttonConfig.appearance[appearance] && `border-width_${buttonConfig.appearance[appearance].borderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || buttonConfig.appearance[appearance] && `border-color_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass || buttonConfig.appearance[appearance] && `border-type_${buttonConfig.appearance[appearance].borderType}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
-    "data-testid": `${dataTestId}Button`,
+    "data-test-id": `${dataTestId}Button`,
     "data-tour": dataTour,
     DefaultComponent: "button",
     disabled: isDisabled,
@@ -208,7 +209,7 @@ Button.propTypes = {
   iconSize: PropTypes__default.default.string,
   iconStroke: PropTypes__default.default.string,
   isDisabled: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
+  label: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   labelTextColor: PropTypes__default.default.string,
   labelTextColorHover: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
@@ -434,7 +435,12 @@ Button.__docgenInfo = {
     "label": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "union",
+        "value": [{
+          "name": "string"
+        }, {
+          "name": "number"
+        }]
       },
       "required": false
     },

package/dist/components/Cell.js

@@ -6,12 +6,15 @@ var clsx = require('clsx');
 var index$1 = require('./Icon.js');
 var index = require('./Text.js');
 var index$2 = require('./Label.js');
-var size = require('../constants/componentProps/size.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/textColor.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
@@ -32,8 +35,6 @@ require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Tooltip.js');
 require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -74,6 +75,7 @@ function Cell(props) {
     mode,
     size,
     value,
+    valueTextAlign,
     valueTextSize,
     valueTextColor,
     valueTextWeight,
@@ -81,6 +83,7 @@ function Cell(props) {
     titleTextSize,
     titleTextColor,
     titleTextWeight,
+    titleTextWrap,
     showTitleLabel,
     titleLabelAppearance,
     titleLabel,
@@ -93,7 +96,6 @@ function Cell(props) {
     valueLabelTextSize,
     valueLabelShape,
     valueLabelSize,
-    titleTextWrap,
     valueTextWrap,
     zeroPadding,
     zeroGap,
@@ -188,6 +190,7 @@ function Cell(props) {
     className: "cell__value",
     size: valueTextSize,
     tag: valueTag,
+    textAlign: valueTextAlign,
     textColor: valueTextColor,
     textWeight: valueTextWeight,
     textWrap: valueTextWrap
@@ -222,14 +225,15 @@ Cell.propTypes = {
   titleIcon: PropTypes__default.default.any,
   titleIconFill: PropTypes__default.default.string,
   titleIconStroke: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.string,
-  titleTextSize: PropTypes__default.default.oneOf(size.default),
+  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,
-  valueTextColor: PropTypes__default.default.string,
-  valueTextSize: PropTypes__default.default.oneOf(size.default),
+  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
 };
@@ -326,7 +330,9 @@ Cell.__docgenInfo = {
     "titleTextColor": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "textColorProps"
       },
       "required": false
     },
@@ -335,7 +341,7 @@ Cell.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "titleSizeProps"
       },
       "required": false
     },
@@ -372,10 +378,21 @@ Cell.__docgenInfo = {
       },
       "required": false
     },
+    "valueTextAlign": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "textAlignProps"
+      },
+      "required": false
+    },
     "valueTextColor": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "textColorProps"
       },
       "required": false
     },
@@ -384,7 +401,7 @@ Cell.__docgenInfo = {
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "textSizeProps"
       },
       "required": false
     },

package/dist/components/Choice.js

@@ -36,6 +36,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/ContextMenu.js

@@ -38,6 +38,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('../constants/componentProps/direction.js');
 require('../constants/componentProps/width.js');
 

package/dist/components/CookiesWarning.js

@@ -37,6 +37,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('./Loader.js');
 require('../constants/componentProps/width.js');
 require('../constants/componentProps/direction.js');

package/dist/components/DatePicker.js

@@ -35,6 +35,7 @@ require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/borderType.js');
 require('./Loader.js');
@@ -9182,13 +9183,14 @@ function DatePickerClearButton(props, ref) {
   } = props;
   const onClick = React.useCallback(event => {
     datepickerRef?.current?.onClearClick(event);
+    datepickerRef?.current?.handleFocus(event);
   }, []);
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, clearLabel && /*#__PURE__*/React__namespace.default.createElement(index$3.Label, {
     className: clsx__default.default('react-datepicker__clear-label', onClick && 'cursor_type_pointer'),
     label: clearLabel,
-    labelTextSize: clearLabelTextSize,
     labelTextColor: clearLabelTextColor,
     labelTextColorHover: clearLabelTextColorHover,
+    labelTextSize: clearLabelTextSize,
     onClick: onClick
   }), (clearIcon || clearIconSrc) && /*#__PURE__*/React__namespace.default.createElement(index$4.Icon, {
     className: clsx__default.default('react-datepicker__clear-icon', onClick && 'cursor_type_pointer'),

package/dist/components/Empty.js

@@ -37,6 +37,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('./Loader.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');

package/dist/components/FormField.js

@@ -10,7 +10,7 @@ var index = require('./Text.js');
 var index$1 = require('./Icon.js');
 var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var index$3 = require('./RadioButton.js');
+var index$3 = require('./Radio.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -43,6 +43,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('react-select');
 require('react-dom');
 require('../floating-ui.dom-C34fOuI9.js');
@@ -114,7 +115,7 @@ function FormField(props) {
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'form-field', set && `form-field_set_${set}`, sizeClass, fillClass, shapeClass, directionClass),
-    "data-testId": dataTestId,
+    "data-test-id": dataTestId,
     style: formFieldStyles
   }, label && /*#__PURE__*/React__default.default.createElement("label", {
     htmlFor: id,
@@ -139,10 +140,10 @@ function FormField(props) {
     size: clearIconSize
   }), afterItem), /*#__PURE__*/React__default.default.createElement(index$2.Divider, {
     className: "form-field__item-divider",
-    width: dividerWidth,
     direction: dividerDirection,
+    fill: dividerFill,
     size: dividerSize,
-    fill: dividerFill
+    width: dividerWidth
   })), message && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__message"
   }, /*#__PURE__*/React__default.default.createElement(index.Text, {
@@ -325,40 +326,40 @@ FormField.__docgenInfo = {
 
 function ChoiceField(props) {
   const {
-    radioButtonId,
-    radioButtonClassName,
-    radioButtonFillCheckmark,
-    radioButtonFillChecked,
-    radioButtonFill,
-    radioButtonFillDisable,
-    radioButtonShape,
-    radioButtonBorder
+    radioId,
+    radioClassName,
+    radioFillCheckmark,
+    radioFillChecked,
+    radioFill,
+    radioFillDisable,
+    radioShape,
+    radioBorder
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$3.RadioButton, {
-    id: radioButtonId,
-    className: radioButtonClassName,
-    fillCheckmark: radioButtonFillCheckmark,
-    fillChecked: radioButtonFillChecked,
-    fill: radioButtonFill,
-    fillDisable: radioButtonFillDisable,
-    shape: radioButtonShape,
-    border: radioButtonBorder
+  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$3.Radio, {
+    id: radioId,
+    className: radioClassName,
+    fillCheckmark: radioFillCheckmark,
+    fillChecked: radioFillChecked,
+    fill: radioFill,
+    fillDisable: radioFillDisable,
+    shape: radioShape,
+    border: radioBorder
   }));
 }
 ChoiceField.propTypes = {
-  radioButtonClassName: PropTypes__default.default.string
+  radioClassName: PropTypes__default.default.string
 };
 ChoiceField.defaultProps = {
-  radioButtonClassName: 'form-field__item-radio-button'
+  radioClassName: 'form-field__item-radio'
 };
 ChoiceField.__docgenInfo = {
   "description": "",
   "methods": [],
   "displayName": "ChoiceField",
   "props": {
-    "radioButtonClassName": {
+    "radioClassName": {
       "defaultValue": {
-        "value": "'form-field__item-radio-button'",
+        "value": "'form-field__item-radio'",
         "computed": false
       },
       "description": "",

package/dist/components/Grid.js

@@ -36,7 +36,7 @@ function Grid(props) {
     children,
     className,
     horizontalResizing,
-    scroll,
+    horizontalScroll,
     onClick,
     type,
     useGridSystem,
@@ -102,7 +102,7 @@ function Grid(props) {
     gridWrapperInner: gridWrapperInnerStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'grid', useGridSystem && `grid_state_system`, scroll && `grid_scroll_${scroll}`, type && `grid_type_${type}`, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`),
+    className: clsx__default.default(className, 'grid', useGridSystem && `grid_state_system`, horizontalScroll && `grid_scroll_horizontal`, type && `grid_type_${type}`, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`),
     "data-tour": dataTour,
     id: id,
     style: gridStyles,

package/dist/components/Icon.js

@@ -36,6 +36,7 @@ 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 }; }
 
@@ -53,26 +54,26 @@ const iconConfig = {
 const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props, ref) {
   const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
   const {
-    before,
-    after,
     Badge,
     SvgImage,
-    id,
-    imageSrc,
-    dataTour,
+    after,
+    before,
     className,
+    dataTour,
+    height,
     href,
+    id,
+    imageSrc,
     link,
-    linkTarget,
     linkRel,
-    width,
-    height,
+    linkTarget,
     showTooltip,
+    tooltipAppearance,
     tooltipText,
     tooltipTextSize,
     tooltipTitle,
     tooltipTitleSize,
-    tooltipAppearance,
+    width,
     onClick
   } = props;
   const svgSizes = React.useMemo(() => {
@@ -84,7 +85,7 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
       sizes.height = height;
     }
     return sizes;
-  }, []);
+  }, [height, width]);
   const cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'cursor_',
     propsKey: 'cursor'
@@ -176,7 +177,7 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
       });
     }
     return null;
-  }, [SvgImage, imageSrc]);
+  }, [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'),
     "data-tour": dataTour,
@@ -193,8 +194,8 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
     rel: linkRel,
     target: linkTarget
   }, before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && /*#__PURE__*/React__default.default.createElement(index$1.Tooltip, {
-    className: clsx__default.default(className, 'icon__tooltip', alignmentClass),
     appearance: tooltipAppearance,
+    className: clsx__default.default(className, 'icon__tooltip', alignmentClass),
     text: tooltipText,
     textSize: tooltipTextSize,
     title: tooltipTitle,
@@ -202,13 +203,18 @@ const Icon = /*#__PURE__*/React__default.default.forwardRef(function Icon(props,
   })));
 });
 Icon.propTypes = {
+  after: PropTypes__default.default.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.string,
+  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,
@@ -219,6 +225,7 @@ Icon.propTypes = {
   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,
@@ -228,11 +235,17 @@ Icon.propTypes = {
   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.element, PropTypes__default.default.func, PropTypes__default.default.object]),
+  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
 };
@@ -258,6 +271,32 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "after": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "Badge": {
+      "description": "",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "element"
+        }, {
+          "name": "bool"
+        }]
+      },
+      "required": false
+    },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "borderColor": {
       "description": "",
       "type": {
@@ -283,6 +322,13 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "dataTour": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "fill": {
       "description": "",
       "type": {
@@ -313,7 +359,12 @@ Icon.__docgenInfo = {
     "fillSize": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "union",
+        "value": [{
+          "name": "string"
+        }, {
+          "name": "number"
+        }]
       },
       "required": false
     },
@@ -397,6 +448,13 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "id": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "imageSrc": {
       "description": "",
       "type": {
@@ -461,6 +519,13 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "showTooltip": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "size": {
       "description": "",
       "type": {
@@ -502,7 +567,7 @@ Icon.__docgenInfo = {
       "type": {
         "name": "union",
         "value": [{
-          "name": "element"
+          "name": "elementType"
         }, {
           "name": "func"
         }, {
@@ -511,6 +576,51 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
+    "tooltipAppearance": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "tooltipText": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "tooltipTextSize": {
+      "description": "",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "string"
+        }, {
+          "name": "number"
+        }]
+      },
+      "required": false
+    },
+    "tooltipTitle": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "tooltipTitleSize": {
+      "description": "",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "string"
+        }, {
+          "name": "number"
+        }]
+      },
+      "required": false
+    },
     "width": {
       "description": "",
       "type": {

package/dist/components/Input.js

@@ -123,7 +123,7 @@ const Input = /*#__PURE__*/React__default.default.forwardRef(function Input(prop
     ref: ref,
     disabled: isDisabled,
     placeholder: placeholder,
-    "data-testid": dataTestId || (name ? `${name}Input` : 'input'),
+    "data-test-id": dataTestId || (name ? `${name}Input` : 'input'),
     value: value,
     onBlur: onBlur,
     onChange: onChange,

package/dist/components/InputPassword.js

@@ -36,6 +36,7 @@ require('./Title.js');
 require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/textSize.js');
 require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }