@itcase/ui 1.0.5 → 1.0.7

package/dist/components/Scrollbar.js

@@ -3,7 +3,7 @@
 var React$1 = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var ReactDOM = require('react-dom');
+var require$$2 = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var require$$2__default = /*#__PURE__*/_interopDefault(require$$2);
 
 var isArray = Array.isArray;
 var toClassName = function (val) {
@@ -829,7 +829,7 @@ var React = _interopRequireWildcard(React__namespace.default);
 
 var _propTypes = _interopRequireDefault(PropTypes__default.default);
 
-var _reactDom = _interopRequireDefault(ReactDOM__default.default);
+var _reactDom = _interopRequireDefault(require$$2__default.default);
 
 var _domFns = domFns;
 
@@ -1405,7 +1405,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
 
 	var _propTypes = _interopRequireDefault(PropTypes__default.default);
 
-	var _reactDom = _interopRequireDefault(ReactDOM__default.default);
+	var _reactDom = _interopRequireDefault(require$$2__default.default);
 
 	var _clsx2 = _interopRequireDefault(clsx__default.default);
 

package/dist/components/Search.js

@@ -7,20 +7,13 @@ var fill = require('../constants/componentProps/fill.js');
 var index = require('./Icon.js');
 var index$1 = require('./Text.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var index$2 = require('./Scrollbar.js');
 require('react-inlinesvg');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-e4accb53.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/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -28,6 +21,13 @@ 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');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -137,8 +137,11 @@ var SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Search
     prefix: 'width_',
     propsKey: 'width'
   });
+  var _useStyles = useStyles.useStyles(props),
+    searchInputStyles = _useStyles.styles;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'search-input', shapeClass, fillClass, widthClass, type && "search-input_type_" + type)
+    className: clsx__default.default(className, 'search-input', shapeClass, fillClass, widthClass, type && "search-input_type_" + type),
+    style: searchInputStyles
   }, before, iconBefore && /*#__PURE__*/React__default.default.createElement(index.Icon, {
     className: "search-input__icon search-input__icon-before",
     fill: iconBeforeFill,

package/dist/components/Segmented.js

@@ -13,7 +13,6 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var Segmented = /*#__PURE__*/React__default.default.forwardRef(function (props, ref) {
   var name = props.name,
     className = props.className,
-    fill = props.fill,
     type = props.type,
     segments = props.segments,
     activeSegment = props.activeSegment,
@@ -36,7 +35,7 @@ var Segmented = /*#__PURE__*/React__default.default.forwardRef(function (props,
     controlRef.current.style.setProperty('--highlight-x-pos', offsetLeft - 2 + "px");
   }, [activeSegment, segmentsRefs]);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'segmented', type && "segmented_type_" + type, fill && "fill_" + fill.replace(/([A-Z])/g, '-$1').toLowerCase()),
+    className: clsx__default.default(className, 'segmented', type && "segmented_type_" + type),
     ref: controlRef
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "segmented__wrapper"
@@ -44,7 +43,7 @@ var Segmented = /*#__PURE__*/React__default.default.forwardRef(function (props,
     className: "segmented__wrapper-inner"
   }, segments == null ? void 0 : segments.map(function (item, i) {
     return /*#__PURE__*/React__default.default.createElement("div", {
-      className: "segmented__item " + (item.value === activeSegment.value ? 'segmented__item_active' : ''),
+      className: clsx__default.default('segmented__item', item.value === activeSegment.value ? 'segmented__item_active' : ''),
       key: item.value,
       ref: segmentsRefs.get(item.value)
     }, /*#__PURE__*/React__default.default.createElement("input", {
@@ -73,5 +72,8 @@ Segmented.propTypes = {
   setActiveSegment: PropTypes__default.default.func,
   type: PropTypes__default.default.string
 };
+Segmented.defaultProps = {
+  activeSegment: {}
+};
 
 exports.Segmented = Segmented;

package/dist/components/Select.js

@@ -5,7 +5,7 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var Select$1 = require('react-select');
 var objectWithoutProperties = require('../objectWithoutProperties-ea190611.js');
-var ReactDOM = require('react-dom');
+var require$$2 = require('react-dom');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var index$1 = require('./Icon.js');
 var index$2 = require('./Text.js');
@@ -4050,7 +4050,7 @@ var MenuPortal = function MenuPortal(props) {
   }), innerProps), children);
   return jsx(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /*#__PURE__*/ReactDOM.createPortal(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /*#__PURE__*/require$$2.createPortal(menuWrapper, appendTo) : menuWrapper);
 };
 
 // ==============================

package/dist/components/Switch.js

@@ -13,12 +13,13 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 function Switch(props) {
   var className = props.className,
     set = props.set,
+    size = props.size,
     id = props.id,
     checked = props.checked,
     disabled = props.disabled,
     onChange = props.onChange;
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('switch', className, set && "switch_set_" + set)
+    className: clsx__default.default('switch', className, size && "switch_size_" + size, set && "switch_set_" + set)
   }, /*#__PURE__*/React__default.default.createElement("input", {
     checked: checked,
     className: "switch__checkbox",

package/dist/components/Tab.js

@@ -0,0 +1,312 @@
+'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 index$2 = require('./Divider.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 textStyle = require('../constants/componentProps/textStyle.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('../useStyles-e4accb53.js');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var size = require('../constants/componentProps/size.js');
+var direction = require('../constants/componentProps/direction.js');
+var stacking = require('../constants/componentProps/stacking.js');
+var wrap = require('../constants/componentProps/wrap.js');
+var width = require('../constants/componentProps/width.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);
+
+var _Tab$propTypes;
+var tabConfig = {
+  appearance: {},
+  setAppearance: function setAppearance(newComponent) {
+    tabConfig.appearance = newComponent;
+  }
+};
+function Tab(props) {
+  var isActive = props.isActive,
+    isHover = props.isHover,
+    appearance = props.appearance,
+    after = props.after,
+    before = props.before,
+    children = props.children,
+    className = props.className,
+    href = props.href,
+    link = props.link,
+    set = props.set,
+    rel = props.rel,
+    target = props.target,
+    label = props.label,
+    labelColor = props.labelColor,
+    labelColorHover = props.labelColorHover,
+    labelColorActive = props.labelColorActive,
+    labelGradient = props.labelGradient,
+    labelSize = props.labelSize,
+    labelWrap = props.labelWrap,
+    labelStyle = props.labelStyle,
+    labelWeight = props.labelWeight,
+    dividerFill = props.dividerFill,
+    dividerFillHover = props.dividerFillHover,
+    dividerFillActive = props.dividerFillActive,
+    dividerFillActiveHover = props.dividerFillActiveHover,
+    dividerFillDisabled = props.dividerFillDisabled,
+    dividerSize = props.dividerSize,
+    dividerDirection = props.dividerDirection,
+    onClick = props.onClick,
+    onMouseEnter = props.onMouseEnter;
+  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
+  var fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_active_',
+    propsKey: 'fillActive'
+  });
+  var fillActiveHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_active_hover_',
+    propsKey: 'fillActiveHover'
+  });
+  var fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_disabled_',
+    propsKey: 'fillDisabled'
+  });
+  var linkFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    propsKey: 'linkFill'
+  });
+  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'tab_size_',
+    propsKey: 'size'
+  });
+  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'tab_shape_',
+    propsKey: 'shape'
+  });
+  var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'tab_justify-content_',
+    propsKey: 'justifyContent'
+  });
+  var typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'tab_type_',
+    propsKey: 'type'
+  });
+  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
+  var _useStyles = useStyles.useStyles(props),
+    tab = _useStyles.styles;
+  console.log(tabConfig.appearance);
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default('tab', isActive && 'tab_state_active', isHover && 'tab_state_hover', appearance && ("fill_" + tabConfig.appearance[appearance].fillClass).replace(/([A-Z])/g, '-$1').toLowerCase(), appearance && ("fill_hover_" + tabConfig.appearance[appearance].fillHoverClass).replace(/([A-Z])/g, '-$1').toLowerCase(), className, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "tab_set_" + set, justifyContentClass),
+    style: tab,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/React__default.default.createElement(index.Link, {
+    href: link || href,
+    className: clsx__default.default('tab__link', alignDirectionClass, alignClass),
+    fill: linkFillClass,
+    target: target,
+    rel: rel
+  }, /*#__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, {
+    className: "tab__label",
+    textColorActive: isActive && labelColorActive || appearance && tabConfig.appearance[appearance].labelColorActive.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textGradient: labelGradient,
+    size: labelSize,
+    textWeight: labelWeight,
+    textColor: labelColor || appearance && tabConfig.appearance[appearance].labelColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textWrap: labelWrap,
+    textColorHover: labelColorHover,
+    textStyle: labelStyle
+  }, dividerFillActive, " ", label), /*#__PURE__*/React__default.default.createElement(index$2.Divider, {
+    width: "fill",
+    fill: dividerFill || appearance && tabConfig.appearance[appearance].dividerFill.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    fillHover: isHover && (dividerFillHover || appearance && tabConfig.appearance[appearance].dividerFillHover.replace(/([A-Z])/g, '-$1').toLowerCase()),
+    fillActive: isActive && (dividerFillActive || appearance && tabConfig.appearance[appearance].dividerFillActive.replace(/([A-Z])/g, '-$1').toLowerCase()),
+    fillActiveHover: dividerFillActiveHover,
+    fillDisabled: dividerFillDisabled,
+    size: dividerSize,
+    direction: dividerDirection
+  })), after)));
+}
+Tab.propTypes = (_Tab$propTypes = {
+  before: PropTypes__default.default.any,
+  after: PropTypes__default.default.any,
+  children: PropTypes__default.default.any,
+  className: 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),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  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),
+  isActive: PropTypes__default.default.bool,
+  label: PropTypes__default.default.string,
+  labelSize: PropTypes__default.default.string,
+  onClick: PropTypes__default.default.func,
+  onMouseEnter: PropTypes__default.default.func,
+  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),
+  LinkComponent: PropTypes__default.default.any,
+  href: PropTypes__default.default.string,
+  link: PropTypes__default.default.string,
+  target: PropTypes__default.default.string,
+  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),
+  labelColor: PropTypes__default.default.oneOf(textColor.default),
+  labelColorHover: PropTypes__default.default.oneOf(textColorHover.default),
+  labelColorActive: PropTypes__default.default.oneOf(textColorActive.default),
+  labelGradient: PropTypes__default.default.oneOf(textGradient.default)
+}, _Tab$propTypes["labelSize"] = PropTypes__default.default.oneOf(size.default), _Tab$propTypes.labelWrap = PropTypes__default.default.string, _Tab$propTypes.labelStyle = PropTypes__default.default.oneOf(textStyle.default), _Tab$propTypes.labelWeight = PropTypes__default.default.oneOf(textWeight.default), _Tab$propTypes.type = PropTypes__default.default.oneOf(type.default), _Tab$propTypes.typeDesktop = PropTypes__default.default.oneOf(type.default), _Tab$propTypes.typeMobile = PropTypes__default.default.oneOf(type.default), _Tab$propTypes.typeTablet = PropTypes__default.default.oneOf(type.default), _Tab$propTypes.title = PropTypes__default.default.string, _Tab$propTypes.underline = PropTypes__default.default.oneOf(underline.default), _Tab$propTypes);
+Tab.defaultProps = {
+  size: 'normal',
+  LinkComponent: 'a',
+  direction: 'horizontal'
+};
+
+function TabGroup(props) {
+  var id = props.id,
+    children = props.children,
+    className = props.className,
+    horizontalScroll = props.horizontalScroll,
+    set = props.set,
+    style = props.style;
+  var contentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'group_content-align_',
+    propsKey: 'contentAlign'
+  });
+  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'group_direction_',
+    propsKey: 'direction'
+  });
+  var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'group_wrap_',
+    propsKey: 'wrap'
+  });
+  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'width_',
+    propsKey: 'width'
+  });
+  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-color_',
+    propsKey: 'borderColor'
+  });
+  var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-width_',
+    propsKey: 'borderWidth'
+  });
+  var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'border-type_',
+    propsKey: 'borderType'
+  });
+  var _useStyles = useStyles.useStyles(props),
+    groupStyles = _useStyles.styles,
+    groupWrapperStyles = _useStyles.wrapper;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default(className, 'tab-group', 'group', widthClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_" + set, horizontalScroll && 'group_type_horizontal_scroll', wrapClass, borderColorClass, borderWidthClass, borderTypeClass),
+    id: id,
+    style: Object.assign({}, groupStyles, style)
+  }, horizontalScroll ? /*#__PURE__*/React__default.default.createElement("div", {
+    className: "group__wrapper",
+    style: groupWrapperStyles
+  }, children) : children);
+}
+TabGroup.propTypes = {
+  id: PropTypes__default.default.string,
+  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),
+  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),
+  contentAlign: PropTypes__default.default.oneOf([null, 'center']),
+  contentAlignDesktop: PropTypes__default.default.oneOf([null, 'center']),
+  contentAlignMobile: PropTypes__default.default.oneOf([null, 'center']),
+  contentAlignTablet: PropTypes__default.default.oneOf([null, 'center']),
+  stacking: PropTypes__default.default.oneOf(stacking.default),
+  stackingDesktop: PropTypes__default.default.oneOf(stacking.default),
+  stackingMobile: PropTypes__default.default.oneOf(stacking.default),
+  stackingTablet: PropTypes__default.default.oneOf(stacking.default),
+  wrap: PropTypes__default.default.oneOf(wrap.default),
+  wrapDesktop: PropTypes__default.default.oneOf(wrap.default),
+  wrapMobile: PropTypes__default.default.oneOf(wrap.default),
+  wrapTablet: PropTypes__default.default.oneOf(wrap.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),
+  spaceBetweenItems: PropTypes__default.default.string,
+  spaceBetweenItemsDesktop: PropTypes__default.default.string,
+  spaceBetweenItemsMobile: PropTypes__default.default.string,
+  spaceBetweenItemsTablet: PropTypes__default.default.string,
+  width: PropTypes__default.default.oneOf(width.default),
+  widthMobile: PropTypes__default.default.oneOf(width.default),
+  widthTablet: PropTypes__default.default.oneOf(width.default),
+  widthDesktop: PropTypes__default.default.oneOf(width.default),
+  columns: PropTypes__default.default.number,
+  columnsDesktop: PropTypes__default.default.number,
+  columnsMobile: PropTypes__default.default.number,
+  columnsTablet: PropTypes__default.default.number,
+  set: PropTypes__default.default.string,
+  horizontalScroll: PropTypes__default.default.bool
+};
+
+exports.Tab = Tab;
+exports.TabGroup = TabGroup;
+exports.tabConfig = tabConfig;

package/dist/components/Text.js

@@ -113,9 +113,7 @@ Text.propTypes = {
   onClick: PropTypes__default.default.fund
 };
 Text.defaultProps = {
-  tag: 'span',
-  size: 'm',
-  textColor: 'surfaceTextPrimary'
+  tag: 'span'
 };
 
 exports.Text = Text;

package/dist/components/Textarea.js

@@ -16,8 +16,15 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
+var textareaConfig = {
+  state: {},
+  setState: function setState(newComponent) {
+    textareaConfig.state = newComponent;
+  }
+};
 function Textarea(props) {
-  var id = props.id,
+  props.state;
+    var id = props.id,
     className = props.className,
     placeholder = props.placeholder,
     disabled = props.disabled,
@@ -88,3 +95,4 @@ Textarea.defaultProps = {
 };
 
 exports.Textarea = Textarea;
+exports.textareaConfig = textareaConfig;