@splunk/react-ui 4.21.0 → 4.21.1

package/TextArea.js

@@ -1,1109 +1,1121 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ TextArea_TextArea)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/defer"
-const defer_namespaceObject = require("lodash/defer");
-var defer_default = /*#__PURE__*/__webpack_require__.n(defer_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/has"
-const has_namespaceObject = require("lodash/has");
-var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/keys"
-const keys_namespaceObject = require("lodash/keys");
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/noop"
-const noop_namespaceObject = require("lodash/noop");
-var noop_default = /*#__PURE__*/__webpack_require__.n(noop_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/omit"
-const omit_namespaceObject = require("lodash/omit");
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/pickBy"
-const pickBy_namespaceObject = require("lodash/pickBy");
-var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/throttle"
-const throttle_namespaceObject = require("lodash/throttle");
-var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
-const ControlGroup_namespaceObject = require("@splunk/react-ui/ControlGroup");
-;// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-const Cross_namespaceObject = require("@splunk/react-icons/Cross");
-var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-const Close_namespaceObject = require("@splunk/react-icons/enterprise/Close");
-var Close_default = /*#__PURE__*/__webpack_require__.n(Close_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-const Search_namespaceObject = require("@splunk/react-icons/enterprise/Search");
-var Search_default = /*#__PURE__*/__webpack_require__.n(Search_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-const EventListener_namespaceObject = require("@splunk/react-ui/EventListener");
-var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-const Magnifier_namespaceObject = require("@splunk/react-icons/Magnifier");
-var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/ui-utils/style"
-const style_namespaceObject = require("@splunk/ui-utils/style");
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
-const Box_namespaceObject = require("@splunk/react-ui/Box");
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
-const Button_namespaceObject = require("@splunk/react-ui/Button");
-var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
-;// CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
-
-
-
-
-var disabledStyles = (0,external_styled_components_namespaceObject.css)(["cursor:not-allowed;color:", ";&::placeholder{color:", ";}"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.textDisabledColor,
-  prisma: themes_namespaceObject.variables.contentColorDisabled
-}), (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.textDisabledColor,
-  prisma: themes_namespaceObject.variables.contentColorDisabled
-}));
-var buttonStyles = (0,external_styled_components_namespaceObject.css)(["border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.borderRadius,
-  prisma: '50%'
-}), (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["width:", ";height:", ";"], themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.inputHeight),
-  prisma: {
-    comfortable: (0,external_styled_components_namespaceObject.css)(["width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;"]),
-    compact: (0,external_styled_components_namespaceObject.css)(["width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;"])
-  }
-}), (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.white
-  },
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}));
-var StyledClearButton = external_styled_components_default()((Button_default())).withConfig({
-  displayName: "TextAreaStyles__StyledClearButton",
-  componentId: "gfy8yp-0"
-})(["display:none;visibility:hidden;", ""], buttonStyles);
-var StyledSearchIconWrapper = external_styled_components_default().span.withConfig({
-  displayName: "TextAreaStyles__StyledSearchIconWrapper",
-  componentId: "gfy8yp-1"
-})(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_namespaceObject.mixins.reset('inline-block'), (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.white
-  },
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}), (0,themes_namespaceObject.pick)({
-  comfortable: '0 8px',
-  compact: '0 6px'
-}), function (_ref) {
-  var $disabled = _ref.$disabled;
-  return $disabled && (0,external_styled_components_namespaceObject.css)(["", ""], (0,themes_namespaceObject.pick)({
-    enterprise: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.textDisabledColor),
-    prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled)
-  }));
-});
-var StyledBox = external_styled_components_default()((Box_default())).withConfig({
-  displayName: "TextAreaStyles__StyledBox",
-  componentId: "gfy8yp-2"
-})(["display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.spacingHalf,
-  prisma: themes_namespaceObject.variables.spacingSmall
-}),
-/* sc-sel */
-StyledSearchIconWrapper, (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["display:none;"])
-}),
-/* sc-sel */
-StyledClearButton);
-var StyledTextAreaWrapper = external_styled_components_default().span.withConfig({
-  displayName: "TextAreaStyles__StyledTextAreaWrapper",
-  componentId: "gfy8yp-3"
-})(["", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", ""], themes_namespaceObject.mixins.reset('inline-flex'), themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.gray20
-  },
-  prisma: themes_namespaceObject.variables.interactiveColorBorder
-}), themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.white,
-    dark: themes_namespaceObject.variables.gray22
-  },
-  prisma: themes_namespaceObject.variables.transparent
-}), (0,themes_namespaceObject.pick)({
-  enterprise: '0px 0px 0px 10px',
-  prisma: '0px 12px'
-}), function (_ref2) {
-  var $hasEndAdornment = _ref2.$hasEndAdornment;
-  return $hasEndAdornment && (0,external_styled_components_namespaceObject.css)(["padding-right:0;"]);
-}, function (_ref3) {
-  var $hasStartAdornment = _ref3.$hasStartAdornment;
-  return $hasStartAdornment && (0,external_styled_components_namespaceObject.css)(["padding-left:0;"]);
-}, (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.gray20
-  },
-  prisma: themes_namespaceObject.variables.interactiveColorBorderHover
-}), (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";color:", ";"], themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.textColor),
-  prisma: (0,external_styled_components_namespaceObject.css)(["border-color:", ";color:", ";"], themes_namespaceObject.variables.interactiveColorPrimary, themes_namespaceObject.variables.contentColorActive)
-}), function (_ref4) {
-  var $error = _ref4.$error;
-  return $error && (0,external_styled_components_namespaceObject.css)(["&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}"], (0,themes_namespaceObject.pick)({
-    enterprise: themes_namespaceObject.variables.errorColor,
-    prisma: themes_namespaceObject.variables.accentColorNegative
-  }), (0,themes_namespaceObject.pick)({
-    enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";color:", ";"], themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.textColor),
-    prisma: (0,external_styled_components_namespaceObject.css)(["border-color:", ";color:", ";"], themes_namespaceObject.variables.interactiveColorPrimary, themes_namespaceObject.variables.contentColorActive)
-  }));
-}, function (_ref5) {
-  var $append = _ref5.$append;
-  return $append && (0,external_styled_components_namespaceObject.css)(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
-}, function (_ref6) {
-  var $prepend = _ref6.$prepend;
-  return $prepend && (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
-}, function (_ref7) {
-  var disabled = _ref7.disabled;
-  return disabled && (0,external_styled_components_namespaceObject.css)(["", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      light: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-color:", ";"], themes_namespaceObject.variables.gray96, themes_namespaceObject.variables.gray92),
-      dark: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-color:", ";"], themes_namespaceObject.variables.gray22, themes_namespaceObject.variables.gray30)
-    },
-    prisma: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.interactiveColorBorderDisabled)
-  }));
-});
-var StyledTextArea = external_styled_components_default().textarea.withConfig({
-  displayName: "TextAreaStyles__StyledTextArea",
-  componentId: "gfy8yp-4"
-})(["", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;&::placeholder{color:", ";opacity:1;}", " ", ""], themes_namespaceObject.mixins.reset('inline-flex'), (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.textColor,
-  prisma: themes_namespaceObject.variables.contentColorActive
-}), themes_namespaceObject.variables.sansFontFamily, (0,themes_namespaceObject.pick)({
-  enterprise: {
-    comfortable: themes_namespaceObject.variables.spacingQuarter,
-    compact: '3px'
-  },
-  prisma: {
-    comfortable: themes_namespaceObject.variables.spacingSmall,
-    compact: '5px'
-  }
-}), (0,themes_namespaceObject.pick)({
-  enterprise: {
-    comfortable: themes_namespaceObject.variables.spacingQuarter,
-    compact: '3px'
-  },
-  prisma: {
-    comfortable: themes_namespaceObject.variables.spacingSmall,
-    compact: '5px'
-  }
-}), (0,themes_namespaceObject.pick)({
-  enterprise: '10px',
-  prisma: '14px'
-}), themes_namespaceObject.variables.contentColorMuted, function (_ref8) {
-  var $error = _ref8.$error;
-  return $error && (0,external_styled_components_namespaceObject.css)(["&,&:hover{color:", ";}"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      light: themes_namespaceObject.variables.errorColorD10,
-      dark: themes_namespaceObject.variables.errorColorL20
-    },
-    prisma: themes_namespaceObject.variables.contentColorActive
-  }));
-}, function (_ref9) {
-  var disabled = _ref9.disabled;
-  return disabled && disabledStyles;
-});
-var StyledVisibilityToggle = external_styled_components_default()((Button_default())).withConfig({
-  displayName: "TextAreaStyles__StyledVisibilityToggle",
-  componentId: "gfy8yp-5"
-})(["", ""], buttonStyles);
-var StyledPlaceholder = external_styled_components_default().span.withConfig({
-  displayName: "TextAreaStyles__StyledPlaceholder",
-  componentId: "gfy8yp-6"
-})(["pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", ""], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.textGray,
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}), themes_namespaceObject.variables.lineHeight, (0,themes_namespaceObject.pick)({
-  enterprise: '10px',
-  prisma: '14px'
-}), function (_ref10) {
-  var $hasStartAdornment = _ref10.$hasStartAdornment,
-      $startAdornmentWidth = _ref10.$startAdornmentWidth;
-  return $hasStartAdornment && ($startAdornmentWidth ? (0,external_styled_components_namespaceObject.css)(["margin-left:", "px;"], $startAdornmentWidth) : (0,external_styled_components_namespaceObject.css)(["margin-left:", ";"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      comfortable: '30px',
-      compact: '26px'
-    },
-    prisma: {
-      comfortable: '38px',
-      compact: '30px'
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(r, {
+                a: r
+            });
+            /******/            return r;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
+                        enumerable: true,
+                        get: r[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        default: () => /* reexport */ je
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var n =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "lodash/defer"
+    const o = require("lodash/defer");
+    var l =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/has"
+    const s = require("lodash/has");
+    var c =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const p = require("lodash/keys");
+    var d =  e.n(p);
+    // CONCATENATED MODULE: external "lodash/noop"
+    const u = require("lodash/noop");
+    var f =  e.n(u);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const h = require("lodash/omit");
+    var m =  e.n(h);
+    // CONCATENATED MODULE: external "lodash/pickBy"
+    const v = require("lodash/pickBy");
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "lodash/throttle"
+    const y = require("lodash/throttle");
+    var g =  e.n(y);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
+    const x = require("@splunk/react-ui/ControlGroup");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
+    const w = require("@splunk/react-icons/Cross");
+    var C =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
+    const k = require("@splunk/react-icons/enterprise/Close");
+    var S =  e.n(k);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+    const A = require("@splunk/react-icons/enterprise/Search");
+    var O =  e.n(A);
+    // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+    const I = require("@splunk/react-ui/EventListener");
+    var E =  e.n(I);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const j = require("@splunk/react-icons/Magnifier");
+    var P =  e.n(j);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
+    const T = require("@splunk/ui-utils/style");
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const _ = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const M = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "styled-components"
+    const $ = require("styled-components");
+    var D =  e.n($);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const N = require("@splunk/react-ui/Box");
+    var R =  e.n(N);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const q = require("@splunk/react-ui/Button");
+    var B =  e.n(q);
+    // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
+    var W = (0, $.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], (0, 
+    _.pick)({
+        enterprise: _.variables.textDisabledColor,
+        prisma: _.variables.contentColorDisabled
+    }), (0, _.pick)({
+        enterprise: _.variables.textDisabledColor,
+        prisma: _.variables.contentColorDisabled
+    }));
+    var z = (0, $.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
+    _.pick)({
+        enterprise: _.variables.borderRadius,
+        prisma: "50%"
+    }), (0, _.pick)({
+        enterprise: (0, $.css)([ "width:", ";height:", ";" ], _.variables.inputHeight, _.variables.inputHeight),
+        prisma: {
+            comfortable: (0, $.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
+            compact: (0, $.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
+        }
+    }), (0, _.pick)({
+        enterprise: {
+            light: _.variables.gray60,
+            dark: _.variables.white
+        },
+        prisma: _.variables.contentColorMuted
+    }));
+    var F = D()(B()).withConfig({
+        displayName: "TextAreaStyles__StyledClearButton",
+        componentId: "gfy8yp-0"
+    })([ "display:none;visibility:hidden;", "" ], z);
+    var H = D().span.withConfig({
+        displayName: "TextAreaStyles__StyledSearchIconWrapper",
+        componentId: "gfy8yp-1"
+    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], _.mixins.reset("inline-block"), (0, 
+    _.pick)({
+        enterprise: {
+            light: _.variables.gray60,
+            dark: _.variables.white
+        },
+        prisma: _.variables.contentColorMuted
+    }), (0, _.pick)({
+        comfortable: "0 8px",
+        compact: "0 6px"
+    }), (function(e) {
+        var t = e.$disabled;
+        return t && (0, $.css)([ "", "" ], (0, _.pick)({
+            enterprise: (0, $.css)([ "color:", ";" ], _.variables.textDisabledColor),
+            prisma: (0, $.css)([ "color:", ";" ], _.variables.contentColorDisabled)
+        }));
+    }));
+    var V = D()(R()).withConfig({
+        displayName: "TextAreaStyles__StyledBox",
+        componentId: "gfy8yp-2"
+    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}" ], (0, 
+    _.pick)({
+        enterprise: _.variables.spacingHalf,
+        prisma: _.variables.spacingSmall
+    }), 
+    /* sc-sel */
+    H, (0, _.pick)({
+        enterprise: (0, $.css)([ "display:none;" ])
+    }), 
+    /* sc-sel */
+    F);
+    var K = D().span.withConfig({
+        displayName: "TextAreaStyles__StyledTextAreaWrapper",
+        componentId: "gfy8yp-3"
+    })([ "", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", "" ], _.mixins.reset("inline-flex"), _.variables.inputHeight, (0, 
+    _.pick)({
+        enterprise: {
+            light: _.variables.gray60,
+            dark: _.variables.gray20
+        },
+        prisma: _.variables.interactiveColorBorder
+    }), _.variables.borderRadius, (0, _.pick)({
+        enterprise: {
+            light: _.variables.white,
+            dark: _.variables.gray22
+        },
+        prisma: _.variables.transparent
+    }), (0, _.pick)({
+        enterprise: "0px 0px 0px 10px",
+        prisma: "0px 12px"
+    }), (function(e) {
+        var t = e.$hasEndAdornment;
+        return t && (0, $.css)([ "padding-right:0;" ]);
+    }), (function(e) {
+        var t = e.$hasStartAdornment;
+        return t && (0, $.css)([ "padding-left:0;" ]);
+    }), (0, _.pick)({
+        enterprise: {
+            light: _.variables.gray60,
+            dark: _.variables.gray20
+        },
+        prisma: _.variables.interactiveColorBorderHover
+    }), (0, _.pick)({
+        enterprise: (0, $.css)([ "box-shadow:", ";color:", ";" ], _.variables.focusShadow, _.variables.textColor),
+        prisma: (0, $.css)([ "border-color:", ";color:", ";" ], _.variables.interactiveColorPrimary, _.variables.contentColorActive)
+    }), (function(e) {
+        var t = e.$error;
+        return t && (0, $.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}" ], (0, 
+        _.pick)({
+            enterprise: _.variables.errorColor,
+            prisma: _.variables.accentColorNegative
+        }), (0, _.pick)({
+            enterprise: (0, $.css)([ "box-shadow:", ";color:", ";" ], _.variables.focusShadow, _.variables.textColor),
+            prisma: (0, $.css)([ "border-color:", ";color:", ";" ], _.variables.interactiveColorPrimary, _.variables.contentColorActive)
+        }));
+    }), (function(e) {
+        var t = e.$append;
+        return t && (0, $.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
+    }), (function(e) {
+        var t = e.$prepend;
+        return t && (0, $.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+    }), (function(e) {
+        var t = e.disabled;
+        return t && (0, $.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0, 
+        _.pick)({
+            enterprise: {
+                light: (0, $.css)([ "background-color:", ";border-color:", ";" ], _.variables.gray96, _.variables.gray92),
+                dark: (0, $.css)([ "background-color:", ";border-color:", ";" ], _.variables.gray22, _.variables.gray30)
+            },
+            prisma: (0, $.css)([ "border-color:", ";" ], _.variables.interactiveColorBorderDisabled)
+        }));
+    }));
+    var L = D().textarea.withConfig({
+        displayName: "TextAreaStyles__StyledTextArea",
+        componentId: "gfy8yp-4"
+    })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;&::placeholder{color:", ";opacity:1;}", " ", "" ], _.mixins.reset("inline-flex"), (0, 
+    _.pick)({
+        enterprise: _.variables.textColor,
+        prisma: _.variables.contentColorActive
+    }), _.variables.sansFontFamily, (0, _.pick)({
+        enterprise: {
+            comfortable: _.variables.spacingQuarter,
+            compact: "3px"
+        },
+        prisma: {
+            comfortable: _.variables.spacingSmall,
+            compact: "5px"
+        }
+    }), (0, _.pick)({
+        enterprise: {
+            comfortable: _.variables.spacingQuarter,
+            compact: "3px"
+        },
+        prisma: {
+            comfortable: _.variables.spacingSmall,
+            compact: "5px"
+        }
+    }), (0, _.pick)({
+        enterprise: "10px",
+        prisma: "14px"
+    }), _.variables.contentColorMuted, (function(e) {
+        var t = e.$error;
+        return t && (0, $.css)([ "&,&:hover{color:", ";}" ], (0, _.pick)({
+            enterprise: {
+                light: _.variables.errorColorD10,
+                dark: _.variables.errorColorL20
+            },
+            prisma: _.variables.contentColorActive
+        }));
+    }), (function(e) {
+        var t = e.disabled;
+        return t && W;
+    }));
+    var G = D()(B()).withConfig({
+        displayName: "TextAreaStyles__StyledVisibilityToggle",
+        componentId: "gfy8yp-5"
+    })([ "", "" ], z);
+    var Q = D().span.withConfig({
+        displayName: "TextAreaStyles__StyledPlaceholder",
+        componentId: "gfy8yp-6"
+    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
+    _.pick)({
+        enterprise: _.variables.textGray,
+        prisma: _.variables.contentColorMuted
+    }), _.variables.lineHeight, (0, _.pick)({
+        enterprise: "10px",
+        prisma: "14px"
+    }), (function(e) {
+        var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
+        return t && (r ? (0, $.css)([ "margin-left:", "px;" ], r) : (0, $.css)([ "margin-left:", ";" ], (0, 
+        _.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        })));
+    }), (function(e) {
+        var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
+        return t && (r ? (0, $.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, _.pick)({
+            enterprise: "10px",
+            prisma: "14px"
+        }), r) : (0, $.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, _.pick)({
+            enterprise: "10px",
+            prisma: "14px"
+        }), (0, _.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        })));
+    }), (function(e) {
+        var t = e.$hasBothAdornment, r = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
+        return t && (0, $.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
+    }));
+    var U = (0, $.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
+    _.pick)({
+        enterprise: {
+            comfortable: "30px",
+            compact: "26px"
+        },
+        prisma: {
+            comfortable: "38px",
+            compact: "30px"
+        }
+    }));
+    var J = D().div.withConfig({
+        displayName: "TextAreaStyles__StyledStartAdornmentHolder",
+        componentId: "gfy8yp-7"
+    })([ "", " ", ";" ], U, (function(e) {
+        var t = e.$width;
+        return t ? (0, $.css)([ "min-width:", "px;" ], t) : (0, $.css)([ "min-width:", ";" ], (0, 
+        _.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        }));
+    }));
+    var X = D().div.withConfig({
+        displayName: "TextAreaStyles__StyledEndAdornmentHolder",
+        componentId: "gfy8yp-8"
+    })([ "", " ", ";" ], U, (function(e) {
+        var t = e.$width;
+        return t ? (0, $.css)([ "min-width:", "px;" ], t) : (0, $.css)([ "min-width:", ";" ], (0, 
+        _.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        }));
+    }));
+    var Y = D().div.withConfig({
+        displayName: "TextAreaStyles__StyledAdornment",
+        componentId: "gfy8yp-9"
+    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", "" ], (0, 
+    _.pick)({
+        enterprise: {
+            comfortable: "30px",
+            compact: "26px"
+        },
+        prisma: {
+            comfortable: "38px",
+            compact: "30px"
+        }
+    }), (0, _.pick)({
+        enterprise: {
+            light: _.variables.gray60,
+            dark: _.variables.white
+        },
+        prisma: _.variables.contentColorMuted
+    }), (function(e) {
+        var t = e.$position;
+        return t === "start" ? (0, $.css)([ "top:1px;left:1px;" ]) : (0, $.css)([ "top:1px;right:1px;" ]);
+    }), (function(e) {
+        var t = e.disabled;
+        return t && W;
+    }), (0, _.pick)({
+        enterprise: (0, $.css)([ "margin-left:-1px;margin-right:-1px;" ])
+    }));
+    // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
+    // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
+    // which is MIT-licensed:
+    // The MIT License (MIT)
+    // Copyright (c) 2014 Call-Em-All
+    // Permission is hereby granted, free of charge, to any person obtaining a copy
+    // of this software and associated documentation files (the "Software"), to deal
+    // in the Software without restriction, including without limitation the rights
+    // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    // copies of the Software, and to permit persons to whom the Software is
+    // furnished to do so, subject to the following conditions:
+    // The above copyright notice and this permission notice shall be included in all
+    // copies or substantial portions of the Software.
+    // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    // SOFTWARE.
+    // End of MIT license text.
+    function Z(e) {
+        var t = e.height, r = e.rowsMax, n = e.rowsMin, a = e.shadow;
+        if (a) {
+            var i = window.getComputedStyle(a);
+            var o = i.getPropertyValue("line-height");
+ // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
+                        if (o === "inherit" || o === "normal") {
+                return false;
+            }
+            var l = parseInt(o, 10);
+            var s = parseInt(i.getPropertyValue("padding-top"), 10);
+            var c = parseInt(i.getPropertyValue("padding-bottom"), 10);
+            var p = parseInt(i.getPropertyValue("border-top-width"), 10);
+            var d = parseInt(i.getPropertyValue("border-bottom-width"), 10);
+            var u = a.scrollHeight + p + d;
+            /* eslint-disable no-restricted-globals */
+            // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
+            // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
+                        if (u === undefined || isNaN(u)) {
+                return false;
+            }
+            /* eslint-enable no-restricted-globals */            if (r >= n) {
+                var f = r * l + s + c + p + d + 1;
+ // need one extra.
+                                u = Math.min(f, u);
+            }
+            var h = n * l + s + c + p + d + 1;
+ // need one extra.
+                        u = Math.max(h, u);
+            if (t !== u) {
+                return u;
+            }
+        }
+        return false;
     }
-  })));
-}, function (_ref11) {
-  var $hasEndAdornment = _ref11.$hasEndAdornment,
-      $endAdornmentWidth = _ref11.$endAdornmentWidth;
-  return $hasEndAdornment && ($endAdornmentWidth // calc(100% - padding - adorment width)
-  ? (0,external_styled_components_namespaceObject.css)(["max-width:calc( 100% - ", " - ", "px );"], (0,themes_namespaceObject.pick)({
-    enterprise: '10px',
-    prisma: '14px'
-  }), $endAdornmentWidth) : (0,external_styled_components_namespaceObject.css)(["max-width:calc( 100% - ", " - ", " );"], (0,themes_namespaceObject.pick)({
-    enterprise: '10px',
-    prisma: '14px'
-  }), (0,themes_namespaceObject.pick)({
-    enterprise: {
-      comfortable: '30px',
-      compact: '26px'
-    },
-    prisma: {
-      comfortable: '38px',
-      compact: '30px'
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+    function ee(e, t) {
+        if (e) {
+            if (typeof e === "function") {
+                e(t);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = t;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
     }
-  })));
-}, function (_ref12) {
-  var $hasBothAdornment = _ref12.$hasBothAdornment,
-      $endAdornmentWidth = _ref12.$endAdornmentWidth,
-      $startAdornmentWidth = _ref12.$startAdornmentWidth;
-  return $hasBothAdornment && (0,external_styled_components_namespaceObject.css)(["max-width:calc(100% - ", "px - ", "px);"], $startAdornmentWidth, $endAdornmentWidth);
-});
-var adornmentHolder = (0,external_styled_components_namespaceObject.css)(["display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;"], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    comfortable: '30px',
-    compact: '26px'
-  },
-  prisma: {
-    comfortable: '38px',
-    compact: '30px'
-  }
-}));
-var StyledStartAdornmentHolder = external_styled_components_default().div.withConfig({
-  displayName: "TextAreaStyles__StyledStartAdornmentHolder",
-  componentId: "gfy8yp-7"
-})(["", " ", ";"], adornmentHolder, function (_ref13) {
-  var $width = _ref13.$width;
-  return $width ? (0,external_styled_components_namespaceObject.css)(["min-width:", "px;"], $width) : (0,external_styled_components_namespaceObject.css)(["min-width:", ";"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      comfortable: '30px',
-      compact: '26px'
-    },
-    prisma: {
-      comfortable: '38px',
-      compact: '30px'
+    // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
+    function te(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            te = function e(t) {
+                return typeof t;
+            };
+        } else {
+            te = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return te(e);
     }
-  }));
-});
-var StyledEndAdornmentHolder = external_styled_components_default().div.withConfig({
-  displayName: "TextAreaStyles__StyledEndAdornmentHolder",
-  componentId: "gfy8yp-8"
-})(["", " ", ";"], adornmentHolder, function (_ref14) {
-  var $width = _ref14.$width;
-  return $width ? (0,external_styled_components_namespaceObject.css)(["min-width:", "px;"], $width) : (0,external_styled_components_namespaceObject.css)(["min-width:", ";"], (0,themes_namespaceObject.pick)({
-    enterprise: {
-      comfortable: '30px',
-      compact: '26px'
-    },
-    prisma: {
-      comfortable: '38px',
-      compact: '30px'
+    function re() {
+        re = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return re.apply(this, arguments);
     }
-  }));
-});
-var StyledAdornment = external_styled_components_default().div.withConfig({
-  displayName: "TextAreaStyles__StyledAdornment",
-  componentId: "gfy8yp-9"
-})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], (0,themes_namespaceObject.pick)({
-  enterprise: {
-    comfortable: '30px',
-    compact: '26px'
-  },
-  prisma: {
-    comfortable: '38px',
-    compact: '30px'
-  }
-}), (0,themes_namespaceObject.pick)({
-  enterprise: {
-    light: themes_namespaceObject.variables.gray60,
-    dark: themes_namespaceObject.variables.white
-  },
-  prisma: themes_namespaceObject.variables.contentColorMuted
-}), function (_ref15) {
-  var $position = _ref15.$position;
-  return $position === 'start' ? (0,external_styled_components_namespaceObject.css)(["top:1px;left:1px;"]) : (0,external_styled_components_namespaceObject.css)(["top:1px;right:1px;"]);
-}, function (_ref16) {
-  var disabled = _ref16.disabled;
-  return disabled && disabledStyles;
-}, (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["margin-left:-1px;margin-right:-1px;"])
-}));
-
-;// CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
-// This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
-// which is MIT-licensed:
-//
-// The MIT License (MIT)
-//
-// Copyright (c) 2014 Call-Em-All
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-//
-// End of MIT license text.
-function syncHeightWithShadow(_ref) {
-  var height = _ref.height,
-      rowsMax = _ref.rowsMax,
-      rowsMin = _ref.rowsMin,
-      shadow = _ref.shadow;
-
-  if (shadow) {
-    var style = window.getComputedStyle(shadow);
-    var lineHeightValue = style.getPropertyValue('line-height'); // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
-
-    if (lineHeightValue === 'inherit' || lineHeightValue === 'normal') {
-      return false;
+    function ne(e) {
+        return le(e) || oe(e) || ie(e) || ae();
     }
-
-    var lineHeight = parseInt(lineHeightValue, 10);
-    var paddingTop = parseInt(style.getPropertyValue('padding-top'), 10);
-    var paddingBottom = parseInt(style.getPropertyValue('padding-bottom'), 10);
-    var borderTop = parseInt(style.getPropertyValue('border-top-width'), 10);
-    var borderBottom = parseInt(style.getPropertyValue('border-bottom-width'), 10);
-    var newHeight = shadow.scrollHeight + borderTop + borderBottom;
-    /* eslint-disable no-restricted-globals */
-    // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
-    // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
-
-    if (newHeight === undefined || isNaN(newHeight)) {
-      return false;
+    function ae() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    /* eslint-enable no-restricted-globals */
-
-
-    if (rowsMax >= rowsMin) {
-      var maxHeight = rowsMax * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom + 1; // need one extra.
-
-      newHeight = Math.min(maxHeight, newHeight);
+    function ie(e, t) {
+        if (!e) return;
+        if (typeof e === "string") return se(e, t);
+        var r = Object.prototype.toString.call(e).slice(8, -1);
+        if (r === "Object" && e.constructor) r = e.constructor.name;
+        if (r === "Map" || r === "Set") return Array.from(e);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return se(e, t);
     }
-
-    var minHeight = rowsMin * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom + 1; // need one extra.
-
-    newHeight = Math.max(minHeight, newHeight);
-
-    if (height !== newHeight) {
-      return newHeight;
+    function oe(e) {
+        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-  }
-
-  return false;
-}
-;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-/**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-function updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } else {
-      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-      // the intention here is to signal "we will take care of setting 'current', not you".
-      ref.current = current; // eslint-disable-line no-param-reassign
+    function le(e) {
+        if (Array.isArray(e)) return se(e);
     }
-  }
-}
-
-
-;// CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/** @public */
-
-var propTypes = {
-  appearance: external_prop_types_default().oneOf(['default', 'search']),
-  append: (external_prop_types_default()).bool,
-  autoCapitalize: (external_prop_types_default()).string,
-  autoComplete: (external_prop_types_default()).string,
-  autoCorrect: (external_prop_types_default()).string,
-  autoFocus: (external_prop_types_default()).bool,
-  canClear: (external_prop_types_default()).bool,
-  children: (external_prop_types_default()).node,
-
-  /** @private. */
-  classNamePrivate: (external_prop_types_default()).string,
-  defaultValue: (external_prop_types_default()).string,
-  describedBy: (external_prop_types_default()).string,
-  disabled: (external_prop_types_default()).bool,
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  endAdornment: (external_prop_types_default()).node,
-  error: (external_prop_types_default()).bool,
-  inline: (external_prop_types_default()).bool,
-
-  /** @private. */
-  inputClassName: (external_prop_types_default()).string,
-  inputId: (external_prop_types_default()).string,
-  inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  labelledBy: (external_prop_types_default()).string,
-  maxLength: (external_prop_types_default()).number,
-  name: (external_prop_types_default()).string,
-  onBlur: (external_prop_types_default()).func,
-  onChange: (external_prop_types_default()).func,
-  onFocus: (external_prop_types_default()).func,
-  onKeyDown: (external_prop_types_default()).func,
-  onSelect: (external_prop_types_default()).func,
-  onInputClick: (external_prop_types_default()).func,
-  placeholder: (external_prop_types_default()).string,
-  prepend: (external_prop_types_default()).bool,
-
-  /** @private. */
-  required: (external_prop_types_default()).bool,
-  rowsMax: (external_prop_types_default()).number,
-  rowsMin: (external_prop_types_default()).number,
-  spellCheck: (external_prop_types_default()).bool,
-  tabIndex: (external_prop_types_default()).number,
-  startAdornment: (external_prop_types_default()).node,
-
-  /** @private */
-  splunkTheme: (external_prop_types_default()).object,
-  value: (external_prop_types_default()).string
-};
-var defaultProps = {
-  appearance: 'default',
-  append: false,
-  autoFocus: false,
-  canClear: false,
-  disabled: false,
-  error: false,
-  inline: false,
-  placeholder: '',
-  prepend: false,
-  rowsMax: 8,
-  rowsMin: 2,
-  tabIndex: 0
-};
-
-/** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */
-var TextArea = /*#__PURE__*/function (_Component) {
-  _inherits(TextArea, _Component);
-
-  var _super = _createSuper(TextArea);
-
-  _createClass(TextArea, null, [{
-    key: "validateRows",
-    // @docs-props-type TextAreaPropsBase
-    value: function validateRows(_ref) {
-      var rowsMin = _ref.rowsMin,
-          rowsMax = _ref.rowsMax;
-
-      if (false) {}
+    function se(e, t) {
+        if (t == null || t > e.length) t = e.length;
+        for (var r = 0, n = new Array(t); r < t; r++) {
+            n[r] = e[r];
+        }
+        return n;
     }
-  }]);
-
-  function TextArea(props) {
-    var _this;
-
-    _classCallCheck(this, TextArea);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "input", null);
-
-    _defineProperty(_assertThisInitialized(_this), "shadow", null);
-
-    _defineProperty(_assertThisInitialized(_this), "startAdornment", null);
-
-    _defineProperty(_assertThisInitialized(_this), "endAdornment", null);
-
-    _defineProperty(_assertThisInitialized(_this), "getAdornmentWidth", function () {
-      var startIconRect = _this.startAdornment ? _this.startAdornment.getBoundingClientRect() : undefined;
-      var startIconWidth = startIconRect && Math.round(startIconRect.width);
-
-      if (_this.state.startAdornmentWidth !== startIconWidth) {
-        _this.setState({
-          startAdornmentWidth: startIconWidth
-        });
-      }
-
-      var endIconRect = _this.endAdornment ? _this.endAdornment.getBoundingClientRect() : undefined;
-      var endIconWidth = endIconRect && Math.round(endIconRect.width);
-
-      if (_this.state.endAdornmentWidth !== endIconWidth) {
-        _this.setState({
-          endAdornmentWidth: endIconWidth
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
-      _this.syncHeightWithShadow();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputMount", function (el) {
-      _this.input = el;
-      updateReactRef(_this.props.inputRef, el);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (e) {
-      var _this$props$onChange, _this$props;
-
-      var value = e.target.value;
-      var name = _this.props.name;
-
-      if (!_this.isControlled()) {
-        _this.setState({
-          value: value
-        });
-      }
-
-      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, {
-        value: value,
-        name: name
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputKeyDown", function (e) {
-      var _this$props$onKeyDown, _this$props2;
-
-      (_this$props$onKeyDown = (_this$props2 = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props2, e);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputSelect", function (e) {
-      var _this$props$onSelect, _this$props3;
-
-      (_this$props$onSelect = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props3, e);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputClick", function (e) {
-      var _this$props$onInputCl, _this$props4;
-
-      (_this$props$onInputCl = (_this$props4 = _this.props).onInputClick) === null || _this$props$onInputCl === void 0 ? void 0 : _this$props$onInputCl.call(_this$props4, e);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputFocus", function (e) {
-      var _this$props$onFocus, _this$props5;
-
-      (_this$props$onFocus = (_this$props5 = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props5, e);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleInputBlur", function (e) {
-      var _this$props$onBlur, _this$props6;
-
-      (_this$props$onBlur = (_this$props6 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props6, e);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleClear", function (e) {
-      var _this$props$onChange2, _this$props7;
-
-      e.preventDefault();
-      var value = '';
-      var name = _this.props.name;
-
-      if (!_this.isControlled()) {
-        _this.setState({
-          value: value
-        });
-      }
-
-      _this.focus();
-
-      (_this$props$onChange2 = (_this$props7 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props7, e, {
-        value: value,
-        name: name
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "syncHeightWithShadow", function () {
-      var newHeight = syncHeightWithShadow({
-        height: _this.state.height,
-        rowsMax: _this.props.rowsMax,
-        rowsMin: _this.props.rowsMin,
-        shadow: _this.shadow
-      });
-
-      if (newHeight !== false) {
-        _this.setState({
-          height: newHeight
+    function ce(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (t) n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            r.push.apply(r, n);
+        }
+        return r;
+    }
+    function pe(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                ce(Object(r), true).forEach((function(t) {
+                    ke(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                ce(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
+        }
+        return e;
+    }
+    function de(e, t) {
+        if (e == null) return {};
+        var r = ue(e, t);
+        var n, a;
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (a = 0; a < i.length; a++) {
+                n = i[a];
+                if (t.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                r[n] = e[n];
+            }
+        }
+        return r;
+    }
+    function ue(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var n = Object.keys(e);
+        var a, i;
+        for (i = 0; i < n.length; i++) {
+            a = n[i];
+            if (t.indexOf(a) >= 0) continue;
+            r[a] = e[a];
+        }
+        return r;
+    }
+    function fe(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function he(e, t) {
+        for (var r = 0; r < t.length; r++) {
+            var n = t[r];
+            n.enumerable = n.enumerable || false;
+            n.configurable = true;
+            if ("value" in n) n.writable = true;
+            Object.defineProperty(e, n.key, n);
+        }
+    }
+    function me(e, t, r) {
+        if (t) he(e.prototype, t);
+        if (r) he(e, r);
+        return e;
+    }
+    function ve(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
         });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderEndAdornment", function () {
-      var _controlGroupContext$;
-
-      var _this$props8 = _this.props,
-          appearance = _this$props8.appearance,
-          endAdornment = _this$props8.endAdornment,
-          disabled = _this$props8.disabled,
-          canClear = _this$props8.canClear,
-          splunkTheme = _this$props8.splunkTheme;
-      var isPrisma = splunkTheme.isPrisma,
-          isEnterprise = splunkTheme.isEnterprise,
-          isCompact = splunkTheme.isCompact;
-      var prismaSize = isCompact ? '20px' : '24px';
-      var adornmentProps = {
-        ref: function ref(el) {
-          _this.endAdornment = el;
-        },
-        disabled: disabled,
-        $position: 'end'
-      };
-
-      if (endAdornment) {
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, endAdornment);
-      }
-
-      var controlGroupContext = _this.context;
-      var controlGroupLabel = (_controlGroupContext$ = controlGroupContext.labelAttrs) === null || _controlGroupContext$ === void 0 ? void 0 : _controlGroupContext$.text;
-      var clearButtonText = controlGroupLabel ? (0,i18n_namespaceObject._)("Clear ".concat(controlGroupLabel, " text field")) : (0,i18n_namespaceObject._)('Clear text field');
-
-      if (!isPrisma && appearance === 'search') {
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default().createElement(StyledClearButton, {
-          appearance: "pill",
-          "data-test": "clear",
-          inline: false,
-          icon: /*#__PURE__*/external_react_default().createElement((Close_default()), {
-            size: 1,
-            screenReaderText: clearButtonText
-          }),
-          onClick: _this.handleClear
-        }), /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, {
-          $disabled: disabled
-        }, isEnterprise ? /*#__PURE__*/external_react_default().createElement((Search_default()), {
-          hideDefaultTooltip: true,
-          inline: false,
-          screenReaderText: null,
-          size: "16px"
-        }) : /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
-          height: prismaSize,
-          width: prismaSize
-        })));
-      }
-
-      var displayValue = _this.getDisplayValue();
-
-      if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default().createElement(StyledClearButton, {
-          "data-test": "clear",
-          appearance: "secondary",
-          onClick: _this.handleClear,
-          icon: /*#__PURE__*/external_react_default().createElement((Cross_default()), {
-            "aria-label": clearButtonText,
-            inline: false,
-            width: prismaSize,
-            height: prismaSize
-          })
-        }));
-      }
-
-      return undefined;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderStartAdornment", function () {
-      var _this$props9 = _this.props,
-          appearance = _this$props9.appearance,
-          startAdornment = _this$props9.startAdornment,
-          splunkTheme = _this$props9.splunkTheme,
-          disabled = _this$props9.disabled;
-      var isPrisma = splunkTheme.isPrisma,
-          isCompact = splunkTheme.isCompact;
-      var prismaSize = isCompact ? '20px' : '24px';
-      var adornmentProps = {
-        ref: function ref(el) {
-          _this.startAdornment = el;
-        },
-        disabled: disabled,
-        $position: 'start'
-      };
-
-      if (startAdornment) {
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, startAdornment);
-      }
-
-      if (isPrisma && appearance === 'search') {
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, {
-          $disabled: disabled
-        }, /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
-          "aria-label": "Search",
-          height: prismaSize,
-          width: prismaSize
-        })));
-      }
-
-      return undefined;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getDisplayValue", function () {
-      var displayValue = _this.isControlled() ? _this.props.value : _this.state.value;
-      return displayValue;
-    });
-
-    _this.controlledExternally = has_default()(props, 'value');
-    _this.state = {
-      value: props.defaultValue || ''
-    };
-
-    if (false) {}
-
-    if (false) {}
-
-    if (false) {}
-
-    TextArea.validateRows(props);
-    _this.handleResize = throttle_default()(_this.handleResize, 100);
-    return _this;
-  }
-
-  _createClass(TextArea, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      defer_default()(this.syncHeightWithShadow); // wait for styles to load
-
-      this.getAdornmentWidth();
+        if (t) be(e, t);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (false) {}
-
-      if (false) {}
-
-      this.syncHeightWithShadow();
-      TextArea.validateRows(this.props);
-      this.getAdornmentWidth();
+    function be(e, t) {
+        be = Object.setPrototypeOf || function e(t, r) {
+            t.__proto__ = r;
+            return t;
+        };
+        return be(e, t);
     }
-  }, {
-    key: "isControlled",
-    value: function isControlled() {
-      return this.controlledExternally;
+    function ye(e) {
+        var t = we();
+        return function r() {
+            var n = Ce(e), a;
+            if (t) {
+                var i = Ce(this).constructor;
+                a = Reflect.construct(n, arguments, i);
+            } else {
+                a = n.apply(this, arguments);
+            }
+            return ge(this, a);
+        };
     }
-  }, {
-    key: "blur",
-    value: function blur() {
-      var _this$input;
-
-      (_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.blur();
+    function ge(e, t) {
+        if (t && (te(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return xe(e);
     }
-    /**
-     * Place focus on the input.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$input2;
-
-      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus();
+    function xe(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
     }
-  }, {
-    key: "select",
-    value: function select() {
-      var _this$input3;
-
-      (_this$input3 = this.input) === null || _this$input3 === void 0 ? void 0 : _this$input3.select();
+    function we() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props10 = this.props,
-          append = _this$props10.append,
-          autoCapitalize = _this$props10.autoCapitalize,
-          autoComplete = _this$props10.autoComplete,
-          autoCorrect = _this$props10.autoCorrect,
-          autoFocus = _this$props10.autoFocus,
-          children = _this$props10.children,
-          className = _this$props10.className,
-          classNamePrivate = _this$props10.classNamePrivate,
-          disabled = _this$props10.disabled,
-          describedBy = _this$props10.describedBy,
-          elementRef = _this$props10.elementRef,
-          error = _this$props10.error,
-          inline = _this$props10.inline,
-          inputClassName = _this$props10.inputClassName,
-          inputId = _this$props10.inputId,
-          labelledBy = _this$props10.labelledBy,
-          maxLength = _this$props10.maxLength,
-          name = _this$props10.name,
-          placeholder = _this$props10.placeholder,
-          prepend = _this$props10.prepend,
-          required = _this$props10.required,
-          spellCheck = _this$props10.spellCheck,
-          tabIndex = _this$props10.tabIndex,
-          title = _this$props10.title,
-          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title"]);
-
-      var ariaProps = _objectSpread(_objectSpread({}, pickBy_default()(otherProps, function (val, key) {
-        return key === 'role' || key.indexOf('aria-') === 0;
-      })), {}, {
-        'aria-describedby': describedBy,
-        'aria-labelledby': labelledBy,
-        'aria-invalid': error || undefined,
-        'aria-multiline': true
-      });
-
-      var boxProps = omit_default()(otherProps, ['inputRef', 'onBlur', 'onChange', 'onFocus', 'onKeyDown', 'onSelect', 'onInputClick', 'rowsMax', 'rowsMin'].concat(_toConsumableArray(keys_default()(ariaProps))));
-      var displayValue = this.getDisplayValue();
-      var displayProps = {
-        className: (0,style_namespaceObject.toClassName)(className, inputClassName),
-        $append: append || undefined,
-        $error: error,
-        $prepend: prepend || undefined
-      };
-
-      var inputProps = _objectSpread(_objectSpread({}, ariaProps), {}, {
-        'data-test': 'textbox',
-        autoCapitalize: autoCapitalize,
-        autoComplete: autoComplete,
-        autoCorrect: autoCorrect,
-        autoFocus: autoFocus,
-        id: inputId,
-        maxLength: maxLength,
-        placeholder: placeholder,
-        name: name,
-        onChange: this.handleInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        onSelect: this.handleInputSelect,
-        onClick: this.handleInputClick,
-        onFocus: this.handleInputFocus,
-        onBlur: this.handleInputBlur,
-        ref: this.handleInputMount,
-        role: 'textbox',
-        required: required,
-        spellCheck: spellCheck,
-        style: {
-          height: this.state.height
-        },
-        title: title,
-        tabIndex: tabIndex,
-        value: displayValue,
-        $error: error
-      });
-
-      var hasEndAdornment = !!this.renderEndAdornment();
-      var hasStartAdornment = !!this.renderStartAdornment();
-      return /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
-        tabIndex: -1,
-        className: (0,style_namespaceObject.toClassName)(className, classNamePrivate),
-        "data-test": "text",
-        "data-test-value": displayValue,
-        elementRef: elementRef,
-        flex: true,
-        inline: inline
-      }, boxProps), this.renderStartAdornment(), /*#__PURE__*/external_react_default().createElement(StyledTextAreaWrapper, _extends({
-        $hasEndAdornment: hasEndAdornment,
-        $hasStartAdornment: hasStartAdornment,
-        disabled: disabled
-      }, displayProps), hasStartAdornment && /*#__PURE__*/external_react_default().createElement(StyledStartAdornmentHolder, {
-        $width: this.state.startAdornmentWidth
-      }), /*#__PURE__*/external_react_default().createElement(StyledTextArea, {
-        "aria-hidden": "true",
-        onChange: (noop_default()),
-        onClick: this.handleInputClick,
-        style: {
-          width: '100%',
-          position: 'absolute',
-          overflow: 'hidden',
-          left: -10000,
-          top: -10000
-        },
-        tabIndex: -1,
-        ref: function ref(el) {
-          _this2.shadow = el;
-        },
-        value: displayValue
-      }), disabled ? /*#__PURE__*/external_react_default().createElement(StyledTextArea, _extends({
-        as: "textarea",
-        className: (0,style_namespaceObject.toClassName)(className, classNamePrivate),
-        "data-multiline": "true",
-        "data-test": "text",
-        disabled: true,
-        readOnly: true,
-        style: {
-          height: this.state.height
-        },
-        value: displayValue,
-        placeholder: placeholder,
-        ref: function ref(el) {
-          _this2.shadow = el;
+    function Ce(e) {
+        Ce = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return Ce(e);
+    }
+    function ke(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
         }
-      }, ariaProps)) : /*#__PURE__*/external_react_default().createElement(StyledTextArea, _extends({
-        as: "textarea"
-      }, inputProps, {
-        onClick: this.handleInputClick
-      })), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
-        target: window,
-        eventType: "resize",
-        listener: this.handleResize
-      }), children, hasEndAdornment && /*#__PURE__*/external_react_default().createElement(StyledEndAdornmentHolder, {
-        $width: this.state.endAdornmentWidth
-      })), this.renderEndAdornment());
+        return e;
     }
-  }]);
-
-  return TextArea;
-}(external_react_namespaceObject.Component);
-
-_defineProperty(TextArea, "propTypes", propTypes);
-
-_defineProperty(TextArea, "defaultProps", defaultProps);
-
-_defineProperty(TextArea, "componentType", 'TextArea');
-
-_defineProperty(TextArea, "contextType", ControlGroup_namespaceObject.ControlGroupContext);
-
-var TextAreaWithThemeBase = (0,themes_namespaceObject.withSplunkTheme)(TextArea);
-var TextAreaWithTheme = TextAreaWithThemeBase;
-TextAreaWithTheme.propTypes = TextArea.propTypes;
-TextAreaWithTheme.componentType = TextArea.componentType;
-/* harmony default export */ const TextArea_TextArea = (TextAreaWithTheme);
-;// CONCATENATED MODULE: ./src/TextArea/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+    /** @public */    var Se = {
+        appearance: i().oneOf([ "default", "search" ]),
+        append: i().bool,
+        autoCapitalize: i().string,
+        autoComplete: i().string,
+        autoCorrect: i().string,
+        autoFocus: i().bool,
+        canClear: i().bool,
+        children: i().node,
+        /** @private. */
+        classNamePrivate: i().string,
+        defaultValue: i().string,
+        describedBy: i().string,
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        endAdornment: i().node,
+        error: i().bool,
+        inline: i().bool,
+        /** @private. */
+        inputClassName: i().string,
+        inputId: i().string,
+        inputRef: i().oneOfType([ i().func, i().object ]),
+        labelledBy: i().string,
+        maxLength: i().number,
+        name: i().string,
+        onBlur: i().func,
+        onChange: i().func,
+        onFocus: i().func,
+        onKeyDown: i().func,
+        onSelect: i().func,
+        onInputClick: i().func,
+        placeholder: i().string,
+        prepend: i().bool,
+        /** @private. */
+        required: i().bool,
+        rowsMax: i().number,
+        rowsMin: i().number,
+        spellCheck: i().bool,
+        tabIndex: i().number,
+        startAdornment: i().node,
+        /** @private */
+        splunkTheme: i().object,
+        value: i().string
+    };
+    var Ae = {
+        appearance: "default",
+        append: false,
+        autoFocus: false,
+        canClear: false,
+        disabled: false,
+        error: false,
+        inline: false,
+        placeholder: "",
+        prepend: false,
+        rowsMax: 8,
+        rowsMin: 2,
+        tabIndex: 0
+    };
+    /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    var Oe =  function(e) {
+        ve(r, e);
+        var t = ye(r);
+        me(r, null, [ {
+            key: "validateRows",
+            // @docs-props-type TextAreaPropsBase
+            value: function e(t) {
+                var r = t.rowsMin, n = t.rowsMax;
+                if (false) {}
+            }
+        } ]);
+        function r(e) {
+            var a;
+            fe(this, r);
+            a = t.call(this, e);
+            ke(xe(a), "controlledExternally", void 0);
+            ke(xe(a), "input", null);
+            ke(xe(a), "shadow", null);
+            ke(xe(a), "startAdornment", null);
+            ke(xe(a), "endAdornment", null);
+            ke(xe(a), "getAdornmentWidth", (function() {
+                var e = a.startAdornment ? a.startAdornment.getBoundingClientRect() : undefined;
+                var t = e && Math.round(e.width);
+                if (a.state.startAdornmentWidth !== t) {
+                    a.setState({
+                        startAdornmentWidth: t
+                    });
+                }
+                var r = a.endAdornment ? a.endAdornment.getBoundingClientRect() : undefined;
+                var n = r && Math.round(r.width);
+                if (a.state.endAdornmentWidth !== n) {
+                    a.setState({
+                        endAdornmentWidth: n
+                    });
+                }
+            }));
+            ke(xe(a), "handleResize", (function() {
+                a.syncHeightWithShadow();
+            }));
+            ke(xe(a), "handleInputMount", (function(e) {
+                a.input = e;
+                ee(a.props.inputRef, e);
+            }));
+            ke(xe(a), "handleInputChange", (function(e) {
+                var t, r;
+                var n = e.target.value;
+                var i = a.props.name;
+                if (!a.isControlled()) {
+                    a.setState({
+                        value: n
+                    });
+                }
+                (t = (r = a.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: i
+                });
+            }));
+            ke(xe(a), "handleInputKeyDown", (function(e) {
+                var t, r;
+                (t = (r = a.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            ke(xe(a), "handleInputSelect", (function(e) {
+                var t, r;
+                (t = (r = a.props).onSelect) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            ke(xe(a), "handleInputClick", (function(e) {
+                var t, r;
+                (t = (r = a.props).onInputClick) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            ke(xe(a), "handleInputFocus", (function(e) {
+                var t, r;
+                (t = (r = a.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            ke(xe(a), "handleInputBlur", (function(e) {
+                var t, r;
+                (t = (r = a.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            ke(xe(a), "handleClear", (function(e) {
+                var t, r;
+                e.preventDefault();
+                var n = "";
+                var i = a.props.name;
+                if (!a.isControlled()) {
+                    a.setState({
+                        value: n
+                    });
+                }
+                a.focus();
+                (t = (r = a.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: i
+                });
+            }));
+            ke(xe(a), "syncHeightWithShadow", (function() {
+                var e = Z({
+                    height: a.state.height,
+                    rowsMax: a.props.rowsMax,
+                    rowsMin: a.props.rowsMin,
+                    shadow: a.shadow
+                });
+                if (e !== false) {
+                    a.setState({
+                        height: e
+                    });
+                }
+            }));
+            ke(xe(a), "renderEndAdornment", (function() {
+                var e;
+                var t = a.props, r = t.appearance, i = t.endAdornment, o = t.disabled, l = t.canClear, s = t.splunkTheme;
+                var c = s.isPrisma, p = s.isEnterprise, d = s.isCompact;
+                var u = d ? "20px" : "24px";
+                var f = {
+                    ref: function e(t) {
+                        a.endAdornment = t;
+                    },
+                    disabled: o,
+                    $position: "end"
+                };
+                if (i) {
+                    
+                    return n().createElement(Y, f, i);
+                }
+                var h = a.context;
+                var m = (e = h.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var v = m ? (0, M._)("Clear ".concat(m, " text field")) : (0, M._)("Clear text field");
+                if (!c && r === "search") {
+                    
+                    return n().createElement(Y, f,  n().createElement(F, {
+                        appearance: "pill",
+                        "data-test": "clear",
+                        inline: false,
+                        icon:  n().createElement(S(), {
+                            size: 1,
+                            screenReaderText: v
+                        }),
+                        onClick: a.handleClear
+                    }),  n().createElement(H, {
+                        $disabled: o
+                    }, p ?  n().createElement(O(), {
+                        hideDefaultTooltip: true,
+                        inline: false,
+                        screenReaderText: null,
+                        size: "16px"
+                    }) :  n().createElement(P(), {
+                        height: u,
+                        width: u
+                    })));
+                }
+                var b = a.getDisplayValue();
+                if (!!b && (c && r === "search" || l)) {
+                    
+                    return n().createElement(Y, f, !o &&  n().createElement(F, {
+                        "data-test": "clear",
+                        appearance: "secondary",
+                        onClick: a.handleClear,
+                        icon:  n().createElement(C(), {
+                            "aria-label": v,
+                            inline: false,
+                            width: u,
+                            height: u
+                        })
+                    }));
+                }
+                return undefined;
+            }));
+            ke(xe(a), "renderStartAdornment", (function() {
+                var e = a.props, t = e.appearance, r = e.startAdornment, i = e.splunkTheme, o = e.disabled;
+                var l = i.isPrisma, s = i.isCompact;
+                var c = s ? "20px" : "24px";
+                var p = {
+                    ref: function e(t) {
+                        a.startAdornment = t;
+                    },
+                    disabled: o,
+                    $position: "start"
+                };
+                if (r) {
+                    
+                    return n().createElement(Y, p, r);
+                }
+                if (l && t === "search") {
+                    
+                    return n().createElement(Y, p,  n().createElement(H, {
+                        $disabled: o
+                    },  n().createElement(P(), {
+                        "aria-label": "Search",
+                        height: c,
+                        width: c
+                    })));
+                }
+                return undefined;
+            }));
+            ke(xe(a), "getDisplayValue", (function() {
+                var e = a.isControlled() ? a.props.value : a.state.value;
+                return e;
+            }));
+            a.controlledExternally = c()(e, "value");
+            a.state = {
+                value: e.defaultValue || ""
+            };
+            if (false) {}
+            if (false) {}
+            if (false) {}
+            r.validateRows(e);
+            a.handleResize = g()(a.handleResize, 100);
+            return a;
+        }
+        me(r, [ {
+            key: "componentDidMount",
+            value: function e() {
+                l()(this.syncHeightWithShadow);
+ // wait for styles to load
+                                this.getAdornmentWidth();
+            }
+        }, {
+            key: "componentDidUpdate",
+            value: function e(t) {
+                if (false) {}
+                if (false) {}
+                this.syncHeightWithShadow();
+                r.validateRows(this.props);
+                this.getAdornmentWidth();
+            }
+        }, {
+            key: "isControlled",
+            value: function e() {
+                return this.controlledExternally;
+            }
+        }, {
+            key: "blur",
+            value: function e() {
+                var t;
+                (t = this.input) === null || t === void 0 ? void 0 : t.blur();
+            }
+            /**
+     * Place focus on the input.
+     */        }, {
+            key: "focus",
+            value: function e() {
+                var t;
+                (t = this.input) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }, {
+            key: "select",
+            value: function e() {
+                var t;
+                (t = this.input) === null || t === void 0 ? void 0 : t.select();
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this;
+                var r = this.props, a = r.append, i = r.autoCapitalize, o = r.autoComplete, l = r.autoCorrect, s = r.autoFocus, c = r.children, p = r.className, u = r.classNamePrivate, h = r.disabled, v = r.describedBy, y = r.elementRef, g = r.error, x = r.inline, w = r.inputClassName, C = r.inputId, k = r.labelledBy, S = r.maxLength, A = r.name, O = r.placeholder, I = r.prepend, j = r.required, P = r.spellCheck, _ = r.tabIndex, M = r.title, $ = de(r, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title" ]);
+                var D = pe(pe({}, b()($, (function(e, t) {
+                    return t === "role" || t.indexOf("aria-") === 0;
+                }))), {}, {
+                    "aria-describedby": v,
+                    "aria-labelledby": k,
+                    "aria-invalid": g || undefined,
+                    "aria-multiline": true
+                });
+                var N = m()($, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ne(d()(D))));
+                var R = this.getDisplayValue();
+                var q = {
+                    className: (0, T.toClassName)(p, w),
+                    $append: a || undefined,
+                    $error: g,
+                    $prepend: I || undefined
+                };
+                var B = pe(pe({}, D), {}, {
+                    "data-test": "textbox",
+                    autoCapitalize: i,
+                    autoComplete: o,
+                    autoCorrect: l,
+                    autoFocus: s,
+                    id: C,
+                    maxLength: S,
+                    placeholder: O,
+                    name: A,
+                    onChange: this.handleInputChange,
+                    onKeyDown: this.handleInputKeyDown,
+                    onSelect: this.handleInputSelect,
+                    onClick: this.handleInputClick,
+                    onFocus: this.handleInputFocus,
+                    onBlur: this.handleInputBlur,
+                    ref: this.handleInputMount,
+                    role: "textbox",
+                    required: j,
+                    spellCheck: P,
+                    style: {
+                        height: this.state.height
+                    },
+                    title: M,
+                    tabIndex: _,
+                    value: R,
+                    $error: g
+                });
+                var W = !!this.renderEndAdornment();
+                var z = !!this.renderStartAdornment();
+                
+                return n().createElement(V, re({
+                    tabIndex: -1,
+                    className: (0, T.toClassName)(p, u),
+                    "data-test": "text",
+                    "data-test-value": R,
+                    elementRef: y,
+                    flex: true,
+                    inline: x
+                }, N), this.renderStartAdornment(),  n().createElement(K, re({
+                    $hasEndAdornment: W,
+                    $hasStartAdornment: z,
+                    disabled: h
+                }, q), z &&  n().createElement(J, {
+                    $width: this.state.startAdornmentWidth
+                }),  n().createElement(L, {
+                    "aria-hidden": "true",
+                    onChange: f(),
+                    onClick: this.handleInputClick,
+                    style: {
+                        width: "100%",
+                        position: "absolute",
+                        overflow: "hidden",
+                        left: -1e4,
+                        top: -1e4
+                    },
+                    tabIndex: -1,
+                    ref: function e(r) {
+                        t.shadow = r;
+                    },
+                    value: R
+                }), h ?  n().createElement(L, re({
+                    as: "textarea",
+                    className: (0, T.toClassName)(p, u),
+                    "data-multiline": "true",
+                    "data-test": "text",
+                    disabled: true,
+                    readOnly: true,
+                    style: {
+                        height: this.state.height
+                    },
+                    value: R,
+                    placeholder: O,
+                    ref: function e(r) {
+                        t.shadow = r;
+                    }
+                }, D)) :  n().createElement(L, re({
+                    as: "textarea"
+                }, B, {
+                    onClick: this.handleInputClick
+                })),  n().createElement(E(), {
+                    target: window,
+                    eventType: "resize",
+                    listener: this.handleResize
+                }), c, W &&  n().createElement(X, {
+                    $width: this.state.endAdornmentWidth
+                })), this.renderEndAdornment());
+            }
+        } ]);
+        return r;
+    }(r.Component);
+    ke(Oe, "propTypes", Se);
+    ke(Oe, "defaultProps", Ae);
+    ke(Oe, "componentType", "TextArea");
+    ke(Oe, "contextType", x.ControlGroupContext);
+    var Ie = (0, _.withSplunkTheme)(Oe);
+    var Ee = Ie;
+    Ee.propTypes = Oe.propTypes;
+    Ee.componentType = Oe.componentType;
+    /* harmony default export */    const je = Ee;
+    // CONCATENATED MODULE: ./src/TextArea/index.ts
+    module.exports = t;
+    /******/})();