@ntbjs/react-components 2.0.0-rc.11 → 2.0.0-rc.13

package/cjs/components/inputs/MultiSelect/MultiSelect.styled.js

@@ -24,6 +24,8 @@ let _ = t => t,
   _t7,
   _t8,
   _t9,
+  _t0,
+  _t1,
   _t10,
   _t11,
   _t12,
@@ -39,9 +41,7 @@ let _ = t => t,
   _t22,
   _t23,
   _t24,
-  _t25,
-  _t26,
-  _t27;
+  _t25;
 const AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm["default"]);
 const showMoreHeight = 114;
 const sharedStyle = styled.css(_t || (_t = _`
@@ -50,7 +50,7 @@ const sharedStyle = styled.css(_t || (_t = _`
   font-weight: 400;
   position: relative;
 `), props => props.theme.primaryFontFamily);
-const Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
+styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
   ${0};
   flex-basis: 33.33%;
   font-size: 0.875rem;
@@ -75,7 +75,7 @@ const AsyncMultiSelect = styled__default["default"](reactSelectAsyncPaginate.Asy
 const MultiSelectWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t7 || (_t7 = _`
   position: relative;
 `));
-const Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
+styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
   && {
     align-items: flex-start;
     background: transparent;
@@ -87,7 +87,7 @@ const Control = styled__default["default"](Select.components.Control).attrs(defa
     cursor: ${0};
   }
 `), props => !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer');
-const ValueContainer = styled__default["default"](Select.components.ValueContainer)(_t9 || (_t9 = _`
+styled__default["default"](Select.components.ValueContainer)(_t9 || (_t9 = _`
   && {
     align-items: flex-start;
     gap: 8px;
@@ -98,21 +98,21 @@ const ValueContainer = styled__default["default"](Select.components.ValueContain
     ${0}
   }
 `), props => {
-  return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
-}, props => (props.error || props.warning) && styled.css(_t10 || (_t10 = _`
+  return props.showMore ? props.$error || props.$warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
+}, props => (props.$error || props.$warning) && styled.css(_t0 || (_t0 = _`
         border: 1px solid;
         border-radius: 3px;
         padding: 4px;
 
         border-color: ${0};
-      `), props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'));
-const MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t11 || (_t11 = _`
+      `), props => props.$error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'));
+const MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t1 || (_t1 = _`
   && {
     border-radius: 3px;
     margin: 0;
   }
 `));
-const MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_t12 || (_t12 = _`
+const MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_t10 || (_t10 = _`
   && {
     border-radius: 3px;
     margin: 0;
@@ -155,8 +155,8 @@ const MultiValue = styled__default["default"](Select.components.MultiValue).attr
     }
   }
 `), props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100')), props => props.isDisabled || props.readOnly ? '0 8px' : '0 3px 0 8px', props => props.theme.getColor('red-500'));
-const MultiValueRemove = styled__default["default"](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)(_t13 || (_t13 = _``));
-const Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_t14 || (_t14 = _`
+const MultiValueRemove = styled__default["default"](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)(_t11 || (_t11 = _``));
+styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_t12 || (_t12 = _`
   align-self: center;
   font-size: ${0};
   min-width: 150px;
@@ -165,7 +165,7 @@ const Input = styled__default["default"](Select.components.Input).attrs(defaultT
 
   ${0}
   }
-`), props => props.$focused ? '14px' : '12px', props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props => !props.$focused && styled.css(_t15 || (_t15 = _`
+`), props => props.$focused ? '14px' : '12px', props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props => !props.$focused && styled.css(_t13 || (_t13 = _`
       ${0}
 
       :before {
@@ -175,14 +175,14 @@ const Input = styled__default["default"](Select.components.Input).attrs(defaultT
         content: '${0}';
       }
     `), props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')), props => props.edittext));
-const DropdownMenu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_t16 || (_t16 = _`
+const DropdownMenu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_t14 || (_t14 = _`
   font-size: 14px;
 
   ${0}
 
   ${0}
 `), props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const sharedOptionStyle = styled.css(_t17 || (_t17 = _`
+const sharedOptionStyle = styled.css(_t15 || (_t15 = _`
   ${0}
 
   ${0}
@@ -192,31 +192,31 @@ const sharedOptionStyle = styled.css(_t17 || (_t17 = _`
   :hover {
     cursor: pointer;
   }
-`), props => props.isFocused && styled.css(_t18 || (_t18 = _`
+`), props => props.isFocused && styled.css(_t16 || (_t16 = _`
       ${0}
-    `), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))), props => props.isSelected && styled.css(_t19 || (_t19 = _`
+    `), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))), props => props.isSelected && styled.css(_t17 || (_t17 = _`
       ${0}
 
       ${0}
-    `), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))), props => props.isFocused && props.isSelected && styled.css(_t20 || (_t20 = _`
+    `), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))), props => props.isFocused && props.isSelected && styled.css(_t18 || (_t18 = _`
       ${0}
     `), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))));
-const Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_t21 || (_t21 = _`
+const Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_t19 || (_t19 = _`
   ${0}
 `), sharedOptionStyle);
-const SelectedOption = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_t22 || (_t22 = _`
+const SelectedOption = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_t20 || (_t20 = _`
   ${0}
 
   display: flex !important;
   justify-content: space-between;
 `), sharedOptionStyle);
-const DropdownOptionDeleteIcon = styled__default["default"](close.ReactComponent).attrs(defaultTheme.applyDefaultTheme)(_t23 || (_t23 = _`
+const DropdownOptionDeleteIcon = styled__default["default"](close.ReactComponent).attrs(defaultTheme.applyDefaultTheme)(_t21 || (_t21 = _`
   stroke-width: 1px;
   width: 8px;
 
   ${0}
 `), props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t24 || (_t24 = _`
+const ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t22 || (_t22 = _`
   align-items: end;
   display: flex;
   flex-direction: column;
@@ -234,7 +234,7 @@ const ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyD
     text-decoration: underline;
   }
 `), showMoreHeight + 16, props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500')));
-const ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t25 || (_t25 = _`
+const ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t23 || (_t23 = _`
   align-items: end;
   display: block;
   height: 100%;
@@ -245,27 +245,24 @@ const ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyD
 
   ${0}
 `), showMoreHeight, props => props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box'));
-const ShowMoreText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t26 || (_t26 = _`
+const ShowMoreText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t24 || (_t24 = _`
   font-size: 0.875rem;
   width: 100%;
   ${0}
 `), props => props.theme.themeProp('background-color', '#121212', '#fefefe'));
-const ErrorMessage = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t27 || (_t27 = _`
+const ErrorMessage = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t25 || (_t25 = _`
   color: ${0};
   font-size: 0.75rem;
   margin-top: 8px;
   padding: 0 12px;
-`), props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit');
+`), props => props.$error ? props.theme.getColor('red-500') : props.$warning ? props.theme.getColor('orange-500') : 'inherit');
 
 exports.AsyncCreatableMultiSelect = AsyncCreatableMultiSelect;
 exports.AsyncMultiSelect = AsyncMultiSelect;
-exports.Control = Control;
 exports.CreatableMultiSelect = CreatableMultiSelect;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownOptionDeleteIcon = DropdownOptionDeleteIcon;
 exports.ErrorMessage = ErrorMessage;
-exports.Input = Input;
-exports.Label = Label;
 exports.MultiSelect = MultiSelect;
 exports.MultiSelectWrapper = MultiSelectWrapper;
 exports.MultiValue = MultiValue;
@@ -276,4 +273,3 @@ exports.SelectedOption = SelectedOption;
 exports.ShowMoreOverlay = ShowMoreOverlay;
 exports.ShowMoreText = ShowMoreText;
 exports.ShowMoreWrapper = ShowMoreWrapper;
-exports.ValueContainer = ValueContainer;

package/cjs/components/inputs/Radio/Radio.styled.js

@@ -16,14 +16,21 @@ let _ = t => t,
   _t3,
   _t4;
 const radioSize = '18px';
-const RadioLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const RadioLabel = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
   padding-left: ${0};
   font-weight: 400;
   font-size: 0.875rem;
 
   ${0};
 `), polished.math(`${radioSize} + 10px`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')));
-const Radio = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
+const Radio = styled__default["default"].label.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
   display: block;
   position: relative;
   cursor: pointer;

package/cjs/components/inputs/Switch/Switch.js

@@ -42,7 +42,7 @@ const Switch = index["default"].forwardRef(function Switch({
     onBlur: onBlur,
     onChange: onChange
   }), index["default"].createElement(Switch_styled.SwitchIndicator, null, index["default"].createElement(Switch_styled.SwitchIndicatorButton, null)), typeof label === 'string' && label.length > 0 && index["default"].createElement(Switch_styled.SwitchIndicatorLabelText, null, label)), typeof description === 'string' && description.length > 0 && index["default"].createElement(Switch_styled.Description, {
-    spaciousDescription: spaciousDescription
+    $spaciousdescription: spaciousDescription
   }, description));
 });
 Switch.propTypes = process.env.NODE_ENV !== "production" ? {

package/cjs/components/inputs/Switch/Switch.styled.js

@@ -20,7 +20,12 @@ let _ = t => t,
   _t7,
   _t8;
 const switchButtonSize = '16px';
-const Switch = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Switch = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
   * {
     box-sizing: border-box;
   }
@@ -45,7 +50,9 @@ const Switch = styled__default["default"].div.attrs(defaultTheme.applyDefaultThe
         user-select: text;
       }
     `)));
-const SwitchIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t4 || (_t4 = _`
+const SwitchIndicator = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t4 || (_t4 = _`
   display: inline-block;
   position: relative;
   ${0}
@@ -56,7 +63,9 @@ const SwitchIndicator = styled__default["default"].div.attrs(defaultTheme.applyD
   ${0}
   transition: background 200ms;
 `), props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('gray-200')), polished.math(`${switchButtonSize} + 2px`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-300')));
-const SwitchIndicatorButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t5 || (_t5 = _`
+const SwitchIndicatorButton = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t5 || (_t5 = _`
   position: absolute;
   ${0}
   height: ${0};
@@ -65,7 +74,9 @@ const SwitchIndicatorButton = styled__default["default"].div.attrs(defaultTheme.
   box-shadow: ${0} 0 0px 2px 0px;
   transition: left 200ms;
 `), props => props.theme.themeProp('background', props.theme.getColor('gray-200'), props.theme.getColor('white')), switchButtonSize, switchButtonSize, props => props.theme.getColor('gray-500'));
-const SwitchIndicatorLabelText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t6 || (_t6 = _`
+const SwitchIndicatorLabelText = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t6 || (_t6 = _`
   padding-left: 10px;
   font-weight: 400;
   font-size: 0.875rem;
@@ -73,7 +84,9 @@ const SwitchIndicatorLabelText = styled__default["default"].div.attrs(defaultThe
 
   ${0};
 `), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')));
-const SwitchLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_t7 || (_t7 = _`
+const SwitchLabel = styled__default["default"].label.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t7 || (_t7 = _`
   display: inline-flex;
   margin-right: auto;
   cursor: pointer;
@@ -107,13 +120,15 @@ const SwitchLabel = styled__default["default"].label.attrs(defaultTheme.applyDef
     }
   }
 `), SwitchIndicatorButton, SwitchIndicatorButton, switchButtonSize, SwitchIndicator, props => props.theme.getColor('emerald-500'), props => props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-300'), 1), SwitchIndicatorButton, props => props.theme.themeProp('outline', `8px solid ${polished.rgba(props.theme.getColor('emerald-500'), 0.5)}`, `8px solid ${polished.rgba(props.theme.getColor('emerald-500'), 0.3)}`, 1));
-const Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
+const Description = styled__default["default"].div.withConfig({
+  shouldForwardProp
+}).attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
   margin: ${0} 0 0 0;
   font-size: 0.75rem;
   line-height: 1.333;
 
   ${0};
-`), props => props.spaciousDescription ? '16px' : '6px', props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')));
+`), props => props.$spaciousdescription ? '16px' : '6px', props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')));
 
 exports.Description = Description;
 exports.Switch = Switch;

package/cjs/components/inputs/TextArea/TextArea.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../../node_modules/react/index.js');
 var lodash = require('lodash');
-var useMergedRefs = require('../../../node_modules/@restart/hooks/esm/useMergedRefs.js');
+var useMergedRefs = require('../../../node_modules/@restart/hooks/lib/useMergedRefs.js');
 var nanoid = require('nanoid');
 var index$2 = require('../../../node_modules/prop-types/index.js');
 var editNote = require('../../../icons/edit-note.svg.js');
@@ -13,7 +13,7 @@ var TextArea_styled = require('./TextArea.styled.js');
 var Tooltip = require('../../data/Tooltip/Tooltip.js');
 var index$1 = require('../../../_virtual/index.js');
 
-const _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "instructionsTextArea", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
+const _excluded = ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "noBorder", "loadingIcon", "successIcon", "padding", "descriptionToolTip", "borderRadius", "fieldLabel"];
 const TextArea = index["default"].forwardRef(function TextArea(_ref, forwardedRef) {
   let {
       value,
@@ -36,7 +36,6 @@ const TextArea = index["default"].forwardRef(function TextArea(_ref, forwardedRe
       onChange,
       onBlur,
       noBorder,
-      instructionsTextArea,
       loadingIcon,
       successIcon,
       padding,
@@ -76,7 +75,7 @@ const TextArea = index["default"].forwardRef(function TextArea(_ref, forwardedRe
       type: type
     }, icon), index["default"].createElement(TextArea_styled.TextInputField, _rollupPluginBabelHelpers["extends"]({
       autoFocus: autoFocus,
-      borderRadius: borderRadius,
+      $borderRadius: borderRadius,
       ref: textInputRef,
       rows: rows,
       value: value,
@@ -86,15 +85,13 @@ const TextArea = index["default"].forwardRef(function TextArea(_ref, forwardedRe
       required: required,
       readOnly: readOnly,
       disabled: disabled,
-      edit: edit,
-      instructionsTextArea: instructionsTextArea,
+      $edit: edit,
       type: type,
       autoComplete: autoComplete,
-      hasIcon: Boolean(icon),
-      icon: icon,
+      $hasIcon: Boolean(icon),
       id: `text-input-${uniqueId}`,
       key: uniqueId,
-      padding: padding,
+      $padding: padding,
       onChange: e => {
         if (e.target.value) {
           setInputIsEmpty(false);
@@ -111,17 +108,16 @@ const TextArea = index["default"].forwardRef(function TextArea(_ref, forwardedRe
       },
       onKeyDown: onKeyDown,
       onBlur: onBlur,
-      noBorder: noBorder
+      $noBorder: noBorder
     }, rest)), !fieldLabel && (type === 'loading' || type === 'success') && index["default"].createElement(TextArea_styled.SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && index["default"].createElement(TextArea_styled.InputIconContainer, {
       disabled: disabled
     }, index["default"].createElement(editNote.ReactComponent, {
       className: padding === 'small' ? 'smallPadingIcon' : undefined
     })), label && index["default"].createElement(TextArea_styled.TextInputLabel, {
       htmlFor: `text-input-${uniqueId}`,
-      hasPlaceholder: Boolean(placeholder),
-      hasIcon: Boolean(icon),
-      inputIsEmpty: inputIsEmpty,
-      type: type
+      $hasPlaceholder: Boolean(placeholder),
+      $hasIcon: Boolean(icon),
+      $inputIsEmpty: inputIsEmpty
     }, label, required && ' *'), typeof description === 'string' && description.length > 0 && index["default"].createElement(TextArea_styled.Description, {
       type: type
     }, description)));
@@ -143,9 +139,7 @@ TextArea.defaultProps = {
   hidden: false,
   type: '',
   padding: 'medium',
-  instructionsTextArea: false,
   descriptionToolTip: '',
-  isExpanded: () => {},
   onChange: () => {},
   borderRadius: 0
 };
@@ -163,8 +157,6 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   edit: index$2["default"].bool,
   autoComplete: index$2["default"].string,
   description: index$2["default"].string,
-  error: index$2["default"].oneOfType([index$2["default"].bool, index$2["default"].string]),
-  warning: index$2["default"].oneOfType([index$2["default"].bool, index$2["default"].string]),
   icon: index$2["default"].element,
   rows: index$2["default"].oneOfType([index$2["default"].number, index$2["default"].string]),
   className: index$2["default"].string,
@@ -173,9 +165,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: index$2["default"].func,
   onBlur: index$2["default"].func,
   noBorder: index$2["default"].bool,
-  isExpanded: index$2["default"].func,
   type: index$2["default"].oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
-  instructionsTextArea: index$2["default"].bool,
   loadingIcon: index$2["default"].element,
   successIcon: index$2["default"].element,
   descriptionToolTip: index$2["default"].string,