@splunk/react-ui 4.21.0 → 4.22.0

package/Text.js

@@ -1,1159 +1,1191 @@
-/******/ (() => { // 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 */ Text_Text)
-});
-
-;// 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/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/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 "@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-icons/Magnifier"
-const Magnifier_namespaceObject = require("@splunk/react-icons/Magnifier");
-var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
-var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/TextArea"
-const TextArea_namespaceObject = require("@splunk/react-ui/TextArea");
-var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/style"
-const style_namespaceObject = require("@splunk/ui-utils/style");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
-;// CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-const SVGEnterprise_namespaceObject = require("@splunk/react-icons/SVGEnterprise");
-var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_namespaceObject);
-;// CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
-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 IconOutlinedHide(props) {
-  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
-      family = _useSplunkTheme.family,
-      density = _useSplunkTheme.density;
-
-  if (family === 'enterprise') {
-    return /*#__PURE__*/external_react_default().createElement((SVGEnterprise_default()), _extends({
-      viewBox: "0 0 24 24",
-      size: 1.2,
-      screenReaderText: (0,i18n_namespaceObject._)('Hide password')
-    }, props), /*#__PURE__*/external_react_default().createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/external_react_default().createElement("path", {
-      d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/external_react_default().createElement("path", {
-      d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
-      fill: "currentColor"
-    }));
-  }
-
-  var size = density === 'compact' ? '20' : '24';
-  return /*#__PURE__*/external_react_default().createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: {
-      display: 'block'
-    }
-  }, /*#__PURE__*/external_react_default().createElement("title", null, (0,i18n_namespaceObject._)('Hide password')), /*#__PURE__*/external_react_default().createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_react_default().createElement("path", {
-    d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_react_default().createElement("path", {
-    d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
-    fill: "currentColor"
-  }));
-}
-
-/* harmony default export */ const Text_IconOutlinedHide = (IconOutlinedHide);
-;// CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
-function IconOutlinedView_extends() { IconOutlinedView_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 IconOutlinedView_extends.apply(this, arguments); }
-
-
-
-
-
-
-function IconOutlinedView(props) {
-  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
-      family = _useSplunkTheme.family,
-      density = _useSplunkTheme.density;
-
-  if (family === 'enterprise') {
-    return /*#__PURE__*/external_react_default().createElement((SVGEnterprise_default()), IconOutlinedView_extends({
-      viewBox: "0 0 24 24",
-      size: 1.2,
-      screenReaderText: (0,i18n_namespaceObject._)('View password')
-    }, props), /*#__PURE__*/external_react_default().createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/external_react_default().createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
-      fill: "currentColor"
-    }));
-  }
-
-  var size = density === 'compact' ? '20' : '24';
-  return /*#__PURE__*/external_react_default().createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: {
-      display: 'block'
-    }
-  }, /*#__PURE__*/external_react_default().createElement("title", null, (0,i18n_namespaceObject._)('View password')), /*#__PURE__*/external_react_default().createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_react_default().createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
-    fill: "currentColor"
-  }));
-}
-
-/* harmony default export */ const Text_IconOutlinedView = (IconOutlinedView);
-;// 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/Text/TextStyles.ts
-
-
-
-
-var disabledStyles = (0,external_styled_components_namespaceObject.css)(["&,&[type]{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: "TextStyles__StyledClearButton",
-  componentId: "eg7n6t-0"
-})(["display:none;visibility:hidden;", ""], buttonStyles);
-var StyledSearchIconWrapper = external_styled_components_default().span.withConfig({
-  displayName: "TextStyles__StyledSearchIconWrapper",
-  componentId: "eg7n6t-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: "TextStyles__StyledBox",
-  componentId: "eg7n6t-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, function (_ref2) {
-  var $isTimeInput = _ref2.$isTimeInput;
-  return $isTimeInput && (0,external_styled_components_namespaceObject.css)(["@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}"],
-  /* sc-sel */
-  StyledClearButton);
-});
-var StyledInputWrapper = external_styled_components_default().span.withConfig({
-  displayName: "TextStyles__StyledInputWrapper",
-  componentId: "eg7n6t-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:", ";align-items:center;", " ", " &: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 10px',
-  prisma: '0px 12px'
-}), function (_ref3) {
-  var $hasEndAdornment = _ref3.$hasEndAdornment;
-  return $hasEndAdornment && (0,external_styled_components_namespaceObject.css)(["padding-right:0;"]);
-}, function (_ref4) {
-  var $hasStartAdornment = _ref4.$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 (_ref5) {
-  var $error = _ref5.$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 (_ref6) {
-  var $append = _ref6.$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 (_ref7) {
-  var $prepend = _ref7.$prepend;
-  return $prepend && (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
-}, function (_ref8) {
-  var disabled = _ref8.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)
-  }));
-});
-/* Some of these need greater specificity than input[type=text] */
-
-var StyledInput = external_styled_components_default().input.withConfig({
-  displayName: "TextStyles__StyledInput",
-  componentId: "eg7n6t-4"
-})(["", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::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: '20px',
-  prisma: {
-    comfortable: '24px',
-    compact: '20px'
-  }
-}), (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.spacingHalf,
-  prisma: '14px'
-}), themes_namespaceObject.variables.contentColorMuted, function (_ref9) {
-  var $error = _ref9.$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 (_ref10) {
-  var disabled = _ref10.disabled;
-  return disabled && disabledStyles;
-});
-var StyledVisibilityToggle = external_styled_components_default()((Button_default())).withConfig({
-  displayName: "TextStyles__StyledVisibilityToggle",
-  componentId: "eg7n6t-5"
-})(["", ""], buttonStyles);
-var StyledPlaceholder = external_styled_components_default().span.withConfig({
-  displayName: "TextStyles__StyledPlaceholder",
-  componentId: "eg7n6t-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 (_ref11) {
-  var $hasStartAdornment = _ref11.$hasStartAdornment,
-      $startAdornmentWidth = _ref11.$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 */ Me
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var n =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
+    var a =  e.n(i);
+    // CONCATENATED MODULE: external "lodash/has"
+    const o = require("lodash/has");
+    var l =  e.n(o);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const s = require("lodash/keys");
+    var c =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const p = require("lodash/omit");
+    var d =  e.n(p);
+    // CONCATENATED MODULE: external "lodash/pickBy"
+    const u = require("lodash/pickBy");
+    var f =  e.n(u);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
+    const m = require("@splunk/react-ui/ControlGroup");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
+    const h = require("@splunk/react-icons/Cross");
+    var v =  e.n(h);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
+    const b = require("@splunk/react-icons/enterprise/Close");
+    var y =  e.n(b);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+    const C = require("@splunk/react-icons/enterprise/Search");
+    var g =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const x = require("@splunk/react-icons/Magnifier");
+    var w =  e.n(x);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const k = require("@splunk/react-ui/ScreenReaderContent");
+    var L =  e.n(k);
+    // CONCATENATED MODULE: external "@splunk/react-ui/TextArea"
+    const S = require("@splunk/react-ui/TextArea");
+    var E =  e.n(S);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const A = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
+    const O = require("@splunk/ui-utils/style");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const T = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
+    const I = require("@splunk/react-icons/SVGEnterprise");
+    var j =  e.n(I);
+    // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
+    function M() {
+        M = 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 M.apply(this, arguments);
     }
-  })));
-}, function (_ref12) {
-  var $hasEndAdornment = _ref12.$hasEndAdornment,
-      $endAdornmentWidth = _ref12.$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'
+    function R(e) {
+        var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
+        if (r === "enterprise") {
+            
+            return n().createElement(j(), M({
+                viewBox: "0 0 24 24",
+                size: 1.2,
+                screenReaderText: (0, T._)("Hide password")
+            }, e),  n().createElement("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
+                fill: "currentColor"
+            }),  n().createElement("path", {
+                d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
+                fill: "currentColor"
+            }),  n().createElement("path", {
+                d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
+                fill: "currentColor"
+            }));
+        }
+        var a = i === "compact" ? "20" : "24";
+        
+        return n().createElement("svg", {
+            width: a,
+            height: a,
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: {
+                display: "block"
+            }
+        },  n().createElement("title", null, (0, T._)("Hide password")),  n().createElement("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
+            fill: "currentColor"
+        }),  n().createElement("path", {
+            d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
+            fill: "currentColor"
+        }),  n().createElement("path", {
+            d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
+            fill: "currentColor"
+        }));
     }
-  })));
-}, function (_ref13) {
-  var $hasBothAdornment = _ref13.$hasBothAdornment,
-      $endAdornmentWidth = _ref13.$endAdornmentWidth,
-      $startAdornmentWidth = _ref13.$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: "TextStyles__StyledStartAdornmentHolder",
-  componentId: "eg7n6t-7"
-})(["", " ", ";"], 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'
+    /* harmony default export */    const P = R;
+    // CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
+    function $() {
+        $ = 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 $.apply(this, arguments);
     }
-  }));
-});
-var StyledEndAdornmentHolder = external_styled_components_default().div.withConfig({
-  displayName: "TextStyles__StyledEndAdornmentHolder",
-  componentId: "eg7n6t-8"
-})(["", " ", ";"], adornmentHolder, function (_ref15) {
-  var $width = _ref15.$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 _(e) {
+        var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
+        if (r === "enterprise") {
+            
+            return n().createElement(j(), $({
+                viewBox: "0 0 24 24",
+                size: 1.2,
+                screenReaderText: (0, T._)("View password")
+            }, e),  n().createElement("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
+                fill: "currentColor"
+            }),  n().createElement("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
+                fill: "currentColor"
+            }));
+        }
+        var a = i === "compact" ? "20" : "24";
+        
+        return n().createElement("svg", {
+            width: a,
+            height: a,
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: {
+                display: "block"
+            }
+        },  n().createElement("title", null, (0, T._)("View password")),  n().createElement("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
+            fill: "currentColor"
+        }),  n().createElement("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
+            fill: "currentColor"
+        }));
     }
-  }));
-});
-var StyledAdornment = external_styled_components_default().div.withConfig({
-  displayName: "TextStyles__StyledAdornment",
-  componentId: "eg7n6t-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 (_ref16) {
-  var $position = _ref16.$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 (_ref17) {
-  var disabled = _ref17.disabled;
-  return disabled && disabledStyles;
-}, (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["margin-left:-1px;margin-right:-1px;"])
-}));
-
-;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-/**
+    /* harmony default export */    const B = _;
+    // CONCATENATED MODULE: external "styled-components"
+    const D = require("styled-components");
+    var N =  e.n(D);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const q = require("@splunk/react-ui/Box");
+    var V =  e.n(q);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const W = require("@splunk/react-ui/Button");
+    var z =  e.n(W);
+    // CONCATENATED MODULE: ./src/Text/TextStyles.ts
+    var Z = (0, D.css)([ "&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], (0, 
+    A.pick)({
+        enterprise: A.variables.textDisabledColor,
+        prisma: A.variables.contentColorDisabled
+    }), (0, A.pick)({
+        enterprise: A.variables.textDisabledColor,
+        prisma: A.variables.contentColorDisabled
+    }));
+    var F = (0, D.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
+    A.pick)({
+        enterprise: A.variables.borderRadius,
+        prisma: "50%"
+    }), (0, A.pick)({
+        enterprise: (0, D.css)([ "width:", ";height:", ";" ], A.variables.inputHeight, A.variables.inputHeight),
+        prisma: {
+            comfortable: (0, D.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
+            compact: (0, D.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
+        }
+    }), (0, A.pick)({
+        enterprise: {
+            light: A.variables.gray60,
+            dark: A.variables.white
+        },
+        prisma: A.variables.contentColorMuted
+    }));
+    var H = N()(z()).withConfig({
+        displayName: "TextStyles__StyledClearButton",
+        componentId: "eg7n6t-0"
+    })([ "display:none;visibility:hidden;", "" ], F);
+    var K = N().span.withConfig({
+        displayName: "TextStyles__StyledSearchIconWrapper",
+        componentId: "eg7n6t-1"
+    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], A.mixins.reset("inline-block"), (0, 
+    A.pick)({
+        enterprise: {
+            light: A.variables.gray60,
+            dark: A.variables.white
+        },
+        prisma: A.variables.contentColorMuted
+    }), (0, A.pick)({
+        comfortable: "0 8px",
+        compact: "0 6px"
+    }), (function(e) {
+        var t = e.$disabled;
+        return t && (0, D.css)([ "", "" ], (0, A.pick)({
+            enterprise: (0, D.css)([ "color:", ";" ], A.variables.textDisabledColor),
+            prisma: (0, D.css)([ "color:", ";" ], A.variables.contentColorDisabled)
+        }));
+    }));
+    var G = N()(V()).withConfig({
+        displayName: "TextStyles__StyledBox",
+        componentId: "eg7n6t-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, 
+    A.pick)({
+        enterprise: A.variables.spacingHalf,
+        prisma: A.variables.spacingSmall
+    }), 
+    /* sc-sel */
+    K, (0, A.pick)({
+        enterprise: (0, D.css)([ "display:none;" ])
+    }), 
+    /* sc-sel */
+    H, (function(e) {
+        var t = e.$isTimeInput;
+        return t && (0, D.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], 
+        /* sc-sel */
+        H);
+    }));
+    var U = N().span.withConfig({
+        displayName: "TextStyles__StyledInputWrapper",
+        componentId: "eg7n6t-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:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, (0, 
+    A.pick)({
+        enterprise: {
+            light: A.variables.gray60,
+            dark: A.variables.gray20
+        },
+        prisma: A.variables.interactiveColorBorder
+    }), A.variables.borderRadius, (0, A.pick)({
+        enterprise: {
+            light: A.variables.white,
+            dark: A.variables.gray22
+        },
+        prisma: A.variables.transparent
+    }), (0, A.pick)({
+        enterprise: "0px 10px",
+        prisma: "0px 12px"
+    }), (function(e) {
+        var t = e.$hasEndAdornment;
+        return t && (0, D.css)([ "padding-right:0;" ]);
+    }), (function(e) {
+        var t = e.$hasStartAdornment;
+        return t && (0, D.css)([ "padding-left:0;" ]);
+    }), (0, A.pick)({
+        enterprise: {
+            light: A.variables.gray60,
+            dark: A.variables.gray20
+        },
+        prisma: A.variables.interactiveColorBorderHover
+    }), (0, A.pick)({
+        enterprise: (0, D.css)([ "box-shadow:", ";color:", ";" ], A.variables.focusShadow, A.variables.textColor),
+        prisma: (0, D.css)([ "border-color:", ";color:", ";" ], A.variables.interactiveColorPrimary, A.variables.contentColorActive)
+    }), (function(e) {
+        var t = e.$error;
+        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}" ], (0, 
+        A.pick)({
+            enterprise: A.variables.errorColor,
+            prisma: A.variables.accentColorNegative
+        }), (0, A.pick)({
+            enterprise: (0, D.css)([ "box-shadow:", ";color:", ";" ], A.variables.focusShadow, A.variables.textColor),
+            prisma: (0, D.css)([ "border-color:", ";color:", ";" ], A.variables.interactiveColorPrimary, A.variables.contentColorActive)
+        }));
+    }), (function(e) {
+        var t = e.$append;
+        return t && (0, D.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, D.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+    }), (function(e) {
+        var t = e.disabled;
+        return t && (0, D.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0, 
+        A.pick)({
+            enterprise: {
+                light: (0, D.css)([ "background-color:", ";border-color:", ";" ], A.variables.gray96, A.variables.gray92),
+                dark: (0, D.css)([ "background-color:", ";border-color:", ";" ], A.variables.gray22, A.variables.gray30)
+            },
+            prisma: (0, D.css)([ "border-color:", ";" ], A.variables.interactiveColorBorderDisabled)
+        }));
+    }));
+    /* Some of these need greater specificity than input[type=text] */    var J = N().input.withConfig({
+        displayName: "TextStyles__StyledInput",
+        componentId: "eg7n6t-4"
+    })([ "", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}" ], A.mixins.reset("inline-flex"), (0, 
+    A.pick)({
+        enterprise: A.variables.textColor,
+        prisma: A.variables.contentColorActive
+    }), A.variables.sansFontFamily, (0, A.pick)({
+        enterprise: "20px",
+        prisma: {
+            comfortable: "24px",
+            compact: "20px"
+        }
+    }), (0, A.pick)({
+        enterprise: A.variables.spacingHalf,
+        prisma: "14px"
+    }), A.variables.contentColorMuted, (function(e) {
+        var t = e.$error;
+        return t && (0, D.css)([ "&,&:hover{color:", ";}" ], (0, A.pick)({
+            enterprise: {
+                light: A.variables.errorColorD10,
+                dark: A.variables.errorColorL20
+            },
+            prisma: A.variables.contentColorActive
+        }));
+    }), (function(e) {
+        var t = e.disabled;
+        return t && Z;
+    }));
+    var Q = N()(z()).withConfig({
+        displayName: "TextStyles__StyledVisibilityToggle",
+        componentId: "eg7n6t-5"
+    })([ "", "" ], F);
+    var X = N().span.withConfig({
+        displayName: "TextStyles__StyledPlaceholder",
+        componentId: "eg7n6t-6"
+    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
+    A.pick)({
+        enterprise: A.variables.textGray,
+        prisma: A.variables.contentColorMuted
+    }), A.variables.lineHeight, (0, A.pick)({
+        enterprise: "10px",
+        prisma: "14px"
+    }), (function(e) {
+        var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
+        return t && (r ? (0, D.css)([ "margin-left:", "px;" ], r) : (0, D.css)([ "margin-left:", ";" ], (0, 
+        A.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        })));
+    }), (function(e) {
+        var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
+        return t && (r ? (0, D.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, A.pick)({
+            enterprise: "10px",
+            prisma: "14px"
+        }), r) : (0, D.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, A.pick)({
+            enterprise: "10px",
+            prisma: "14px"
+        }), (0, A.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, D.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
+    }));
+    var Y = (0, D.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
+    A.pick)({
+        enterprise: {
+            comfortable: "30px",
+            compact: "26px"
+        },
+        prisma: {
+            comfortable: "38px",
+            compact: "30px"
+        }
+    }));
+    var ee = N().div.withConfig({
+        displayName: "TextStyles__StyledStartAdornmentHolder",
+        componentId: "eg7n6t-7"
+    })([ "", " ", ";" ], Y, (function(e) {
+        var t = e.$width;
+        return t ? (0, D.css)([ "min-width:", "px;" ], t) : (0, D.css)([ "min-width:", ";" ], (0, 
+        A.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        }));
+    }));
+    var te = N().div.withConfig({
+        displayName: "TextStyles__StyledEndAdornmentHolder",
+        componentId: "eg7n6t-8"
+    })([ "", " ", ";" ], Y, (function(e) {
+        var t = e.$width;
+        return t ? (0, D.css)([ "min-width:", "px;" ], t) : (0, D.css)([ "min-width:", ";" ], (0, 
+        A.pick)({
+            enterprise: {
+                comfortable: "30px",
+                compact: "26px"
+            },
+            prisma: {
+                comfortable: "38px",
+                compact: "30px"
+            }
+        }));
+    }));
+    var re = N().div.withConfig({
+        displayName: "TextStyles__StyledAdornment",
+        componentId: "eg7n6t-9"
+    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", "" ], (0, 
+    A.pick)({
+        enterprise: {
+            comfortable: "30px",
+            compact: "26px"
+        },
+        prisma: {
+            comfortable: "38px",
+            compact: "30px"
+        }
+    }), (0, A.pick)({
+        enterprise: {
+            light: A.variables.gray60,
+            dark: A.variables.white
+        },
+        prisma: A.variables.contentColorMuted
+    }), (function(e) {
+        var t = e.$position;
+        return t === "start" ? (0, D.css)([ "top:1px;left:1px;" ]) : (0, D.css)([ "top:1px;right:1px;" ]);
+    }), (function(e) {
+        var t = e.disabled;
+        return t && Z;
+    }), (0, A.pick)({
+        enterprise: (0, D.css)([ "margin-left:-1px;margin-right:-1px;" ])
+    }));
+    // 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 ne(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
+                        }
+        }
     }
-  }
-}
-
-
-;// CONCATENATED MODULE: ./src/Text/Text.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 Text_extends() { Text_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 Text_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,
-  multiline: (external_prop_types_default()).bool,
-  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,
-  type: (external_prop_types_default()).string,
-  passwordVisibilityToggle: (external_prop_types_default()).bool,
-  useSyntheticPlaceholder: (external_prop_types_default()).bool,
-  value: (external_prop_types_default()).string
-};
-var defaultProps = {
-  appearance: 'default',
-  append: false,
-  autoFocus: false,
-  canClear: false,
-  disabled: false,
-  error: false,
-  inline: false,
-  multiline: false,
-  placeholder: '',
-  prepend: false,
-  rowsMax: 8,
-  rowsMin: 2,
-  tabIndex: 0,
-  type: 'text',
-  passwordVisibilityToggle: false
-};
-
-/** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */
-var Text = /*#__PURE__*/function (_Component) {
-  _inherits(Text, _Component);
-
-  var _super = _createSuper(Text);
-
-  _createClass(Text, null, [{
-    key: "validateRows",
-    // @docs-props-type TextPropsBase
-    value: function validateRows(_ref) {
-      var rowsMin = _ref.rowsMin,
-          rowsMax = _ref.rowsMax;
-
-      if (false) {}
+    // CONCATENATED MODULE: ./src/Text/Text.tsx
+    function ie(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            ie = function e(t) {
+                return typeof t;
+            };
+        } else {
+            ie = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return ie(e);
     }
-  }]);
-
-  function Text(props) {
-    var _this;
-
-    _classCallCheck(this, Text);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "input", 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), "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), "handleVisibilityToggle", function () {
-      _this.setState(function (state) {
-        return {
-          hideVisibility: !state.hideVisibility
+    function ae() {
+        ae = 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;
         };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderEndAdornment", function () {
-      var _controlGroupContext$;
-
-      var _this$props8 = _this.props,
-          appearance = _this$props8.appearance,
-          endAdornment = _this$props8.endAdornment,
-          passwordVisibilityToggle = _this$props8.passwordVisibilityToggle,
-          disabled = _this$props8.disabled,
-          canClear = _this$props8.canClear,
-          splunkTheme = _this$props8.splunkTheme;
-      var isPrisma = splunkTheme.isPrisma,
-          isCompact = splunkTheme.isCompact,
-          isEnterprise = splunkTheme.isEnterprise;
-      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);
-      }
-
-      if (passwordVisibilityToggle && !disabled) {
-        var eyeIcon = _this.state.hideVisibility ? /*#__PURE__*/external_react_default().createElement(Text_IconOutlinedView, null) : /*#__PURE__*/external_react_default().createElement(Text_IconOutlinedHide, null);
-        return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default().createElement(StyledVisibilityToggle, {
-          appearance: isPrisma ? 'secondary' : 'pill',
-          "data-test": "password-toggle",
-          inline: false,
-          onClick: _this.handleVisibilityToggle,
-          type: "button",
-          icon: eyeIcon
-        }));
-      }
-
-      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');
-
-      var displayValue = _this.getDisplayValue();
-
-      if (!isPrisma && appearance === 'search') {
-        if (!displayValue) {
-          return /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, {
-            $disabled: disabled
-          }, /*#__PURE__*/external_react_default().createElement((Search_default()), {
-            screenReaderText: null,
-            hideDefaultTooltip: true,
-            size: "16px",
-            inline: false
-          })));
+        return ae.apply(this, arguments);
+    }
+    function oe(e) {
+        return pe(e) || ce(e) || se(e) || le();
+    }
+    function le() {
+        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 se(e, t) {
+        if (!e) return;
+        if (typeof e === "string") return de(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 de(e, t);
+    }
+    function ce(e) {
+        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    }
+    function pe(e) {
+        if (Array.isArray(e)) return de(e);
+    }
+    function de(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 /*#__PURE__*/external_react_default().createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default().createElement(StyledClearButton, {
-          appearance: isPrisma ? 'secondary' : 'pill',
-          "data-test": "clear",
-          inline: false,
-          icon: isEnterprise ? /*#__PURE__*/external_react_default().createElement((Close_default()), {
-            size: 1,
-            screenReaderText: clearButtonText
-          }) : /*#__PURE__*/external_react_default().createElement((Cross_default()), {
-            "aria-label": clearButtonText
-          }),
-          onClick: _this.handleClear
-        }), /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, {
-          $disabled: disabled
-        }, isEnterprise ? /*#__PURE__*/external_react_default().createElement((Search_default()), {
-          screenReaderText: null,
-          hideDefaultTooltip: true,
-          size: "16px",
-          inline: false
-        }) : /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
-          width: prismaSize,
-          height: prismaSize
-        })));
-      }
-
-      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: isPrisma ? 'secondary' : 'pill',
-          onClick: _this.handleClear,
-          icon: isEnterprise ? /*#__PURE__*/external_react_default().createElement((Close_default()), {
-            inline: false,
-            screenReaderText: clearButtonText
-          }) : /*#__PURE__*/external_react_default().createElement((Cross_default()), {
-            "aria-label": clearButtonText,
-            height: prismaSize,
-            inline: false,
-            width: 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 || '',
-      hideVisibility: true
-    };
-
-    if (false) {}
-
-    if (false) {}
-
-    if (has_default()(props, 'useSyntheticPlaceholder')) {
-      // eslint-disable-next-line no-console
-      console.warn("The 'Text' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
+        return n;
+    }
+    function ue(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 fe(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                ue(Object(r), true).forEach((function(t) {
+                    Ee(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                ue(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
+        }
+        return e;
     }
-
-    if (false) {}
-
-    if (false) {}
-
-    Text.validateRows(props);
-    return _this;
-  }
-
-  _createClass(Text, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.getAdornmentWidth();
+    function me(e, t) {
+        if (e == null) return {};
+        var r = he(e, t);
+        var n, i;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < a.length; i++) {
+                n = a[i];
+                if (t.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                r[n] = e[n];
+            }
+        }
+        return r;
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (false) {}
-
-      if (false) {}
-
-      Text.validateRows(this.props);
-      this.getAdornmentWidth();
+    function he(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var n = Object.keys(e);
+        var i, a;
+        for (a = 0; a < n.length; a++) {
+            i = n[a];
+            if (t.indexOf(i) >= 0) continue;
+            r[i] = e[i];
+        }
+        return r;
     }
-  }, {
-    key: "isControlled",
-    value: function isControlled() {
-      return this.controlledExternally;
+    function ve(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
     }
-  }, {
-    key: "blur",
-    value: function blur() {
-      var _this$input;
-
-      (_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.blur();
+    function be(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);
+        }
     }
-    /**
-     * Place focus on the input.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus(options) {
-      var _this$input2;
-
-      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus(options);
+    function ye(e, t, r) {
+        if (t) be(e.prototype, t);
+        if (r) be(e, r);
+        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 Ce(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
+            }
+        });
+        if (t) ge(e, t);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      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,
-          multiline = _this$props10.multiline,
-          maxLength = _this$props10.maxLength,
-          name = _this$props10.name,
-          passwordVisibilityToggle = _this$props10.passwordVisibilityToggle,
-          placeholder = _this$props10.placeholder,
-          prepend = _this$props10.prepend,
-          required = _this$props10.required,
-          spellCheck = _this$props10.spellCheck,
-          tabIndex = _this$props10.tabIndex,
-          title = _this$props10.title,
-          type = _this$props10.type,
-          useSyntheticPlaceholder = _this$props10.useSyntheticPlaceholder,
-          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder"]);
-
-      var ariaProps = _objectSpread(_objectSpread({
-        role: 'textbox'
-      }, pickBy_default()(otherProps, function (val, key) {
-        return key === 'role' || key.indexOf('aria-') === 0;
-      })), {}, {
-        'aria-describedby': describedBy,
-        'aria-labelledby': labelledBy,
-        'aria-invalid': error || undefined
-      });
-
-      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 passwordVisibility = this.state.hideVisibility ? 'password' : 'text';
-      var computedType = passwordVisibilityToggle ? passwordVisibility : type;
-
-      var inputProps = _objectSpread(_objectSpread({}, ariaProps), {}, {
-        'data-test': 'textbox',
-        autoCapitalize: autoCapitalize,
-        autoComplete: autoComplete,
-        autoCorrect: autoCorrect,
-        autoFocus: autoFocus,
-        id: inputId,
-        maxLength: maxLength,
-        placeholder: placeholder && !useSyntheticPlaceholder ? placeholder : undefined,
-        name: name,
-        onChange: this.handleInputChange,
-        onKeyDown: this.handleInputKeyDown,
-        onSelect: this.handleInputSelect,
-        onClick: this.handleInputClick,
-        onFocus: this.handleInputFocus,
-        onBlur: this.handleInputBlur,
-        ref: this.handleInputMount,
-        required: required,
-        spellCheck: spellCheck,
-        style: {
-          height: this.state.height
-        },
-        title: title,
-        tabIndex: tabIndex,
-        type: computedType,
-        value: displayValue,
-        $error: error
-      });
-
-      var haveSyntheticPlaceholder = useSyntheticPlaceholder && placeholder && !displayValue; // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
-
-      var dataTestValue = type === 'password' || passwordVisibilityToggle ? undefined : displayValue; // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
-
-      var isTimeInput = type === 'time';
-      var hasEndAdornment = !!this.renderEndAdornment();
-      var hasStartAdornment = !!this.renderStartAdornment();
-
-      if (multiline) {
-        return /*#__PURE__*/external_react_default().createElement((TextArea_default()), this.props);
-      }
-
-      return /*#__PURE__*/external_react_default().createElement(StyledBox, Text_extends({
-        tabIndex: -1,
-        $isTimeInput: isTimeInput,
-        className: (0,style_namespaceObject.toClassName)(className, classNamePrivate),
-        "data-test": "text",
-        "data-test-value": dataTestValue,
-        elementRef: elementRef,
-        flex: true,
-        inline: inline
-      }, boxProps), this.renderStartAdornment(), /*#__PURE__*/external_react_default().createElement(StyledInputWrapper, Text_extends({
-        $hasEndAdornment: hasEndAdornment,
-        $hasStartAdornment: hasStartAdornment,
-        disabled: disabled
-      }, displayProps), hasStartAdornment && /*#__PURE__*/external_react_default().createElement(StyledStartAdornmentHolder, {
-        $width: this.state.startAdornmentWidth
-      }), disabled ? /*#__PURE__*/external_react_default().createElement(StyledInput, Text_extends({
-        className: (0,style_namespaceObject.toClassName)(className, classNamePrivate),
-        "data-test": "textbox",
-        disabled: true,
-        readOnly: true,
-        type: computedType,
-        value: displayValue,
-        placeholder: placeholder && !useSyntheticPlaceholder ? placeholder : undefined
-      }, ariaProps)) : /*#__PURE__*/external_react_default().createElement(StyledInput, Text_extends({}, inputProps, {
-        onClick: this.handleInputClick
-      })), haveSyntheticPlaceholder && /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, placeholder), haveSyntheticPlaceholder && /*#__PURE__*/external_react_default().createElement(StyledPlaceholder, {
-        $endAdornmentWidth: this.state.endAdornmentWidth,
-        $hasBothAdornment: hasStartAdornment && hasEndAdornment // used to calculate the max-width
-        ,
-        $hasEndAdornment: hasEndAdornment,
-        $hasStartAdornment: hasStartAdornment,
-        $startAdornmentWidth: this.state.startAdornmentWidth,
-        "aria-hidden": true,
-        "data-role": "placeholder"
-      }, placeholder), children, hasEndAdornment && /*#__PURE__*/external_react_default().createElement(StyledEndAdornmentHolder, {
-        $width: this.state.endAdornmentWidth
-      })), this.renderEndAdornment());
+    function ge(e, t) {
+        ge = Object.setPrototypeOf || function e(t, r) {
+            t.__proto__ = r;
+            return t;
+        };
+        return ge(e, t);
+    }
+    function xe(e) {
+        var t = Le();
+        return function r() {
+            var n = Se(e), i;
+            if (t) {
+                var a = Se(this).constructor;
+                i = Reflect.construct(n, arguments, a);
+            } else {
+                i = n.apply(this, arguments);
+            }
+            return we(this, i);
+        };
+    }
+    function we(e, t) {
+        if (t && (ie(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return ke(e);
+    }
+    function ke(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
+    }
+    function Le() {
+        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 Se(e) {
+        Se = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return Se(e);
     }
-  }]);
-
-  return Text;
-}(external_react_namespaceObject.Component);
-
-_defineProperty(Text, "propTypes", propTypes);
-
-_defineProperty(Text, "defaultProps", defaultProps);
-
-_defineProperty(Text, "componentType", 'Text');
-
-_defineProperty(Text, "contextType", ControlGroup_namespaceObject.ControlGroupContext);
-
-var TextWithThemeBase = (0,themes_namespaceObject.withSplunkTheme)(Text);
-var TextWithTheme = TextWithThemeBase;
-TextWithTheme.propTypes = Text.propTypes;
-TextWithTheme.componentType = Text.componentType;
-/* harmony default export */ const Text_Text = (TextWithTheme);
-;// CONCATENATED MODULE: ./src/Text/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+    function Ee(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
+        }
+        return e;
+    }
+    /** @public */    var Ae = {
+        appearance: a().oneOf([ "default", "search" ]),
+        append: a().bool,
+        autoCapitalize: a().string,
+        autoComplete: a().string,
+        autoCorrect: a().string,
+        autoFocus: a().bool,
+        canClear: a().bool,
+        children: a().node,
+        /** @private. */
+        classNamePrivate: a().string,
+        defaultValue: a().string,
+        describedBy: a().string,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        endAdornment: a().node,
+        error: a().bool,
+        inline: a().bool,
+        /** @private. */
+        inputClassName: a().string,
+        inputId: a().string,
+        inputRef: a().oneOfType([ a().func, a().object ]),
+        labelledBy: a().string,
+        maxLength: a().number,
+        multiline: a().bool,
+        name: a().string,
+        onBlur: a().func,
+        onChange: a().func,
+        onFocus: a().func,
+        onKeyDown: a().func,
+        onSelect: a().func,
+        onInputClick: a().func,
+        placeholder: a().string,
+        prepend: a().bool,
+        /** @private. */
+        required: a().bool,
+        rowsMax: a().number,
+        rowsMin: a().number,
+        spellCheck: a().bool,
+        tabIndex: a().number,
+        startAdornment: a().node,
+        /** @private */
+        splunkTheme: a().object,
+        type: a().string,
+        passwordVisibilityToggle: a().bool,
+        useSyntheticPlaceholder: a().bool,
+        value: a().string
+    };
+    var Oe = {
+        appearance: "default",
+        append: false,
+        autoFocus: false,
+        canClear: false,
+        disabled: false,
+        error: false,
+        inline: false,
+        multiline: false,
+        placeholder: "",
+        prepend: false,
+        rowsMax: 8,
+        rowsMin: 2,
+        tabIndex: 0,
+        type: "text",
+        passwordVisibilityToggle: false
+    };
+    /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    var Te =  function(e) {
+        Ce(r, e);
+        var t = xe(r);
+        ye(r, null, [ {
+            key: "validateRows",
+            // @docs-props-type TextPropsBase
+            value: function e(t) {
+                var r = t.rowsMin, n = t.rowsMax;
+                if (false) {}
+            }
+        } ]);
+        function r(e) {
+            var i;
+            ve(this, r);
+            i = t.call(this, e);
+            Ee(ke(i), "controlledExternally", void 0);
+            Ee(ke(i), "input", null);
+            Ee(ke(i), "startAdornment", null);
+            Ee(ke(i), "endAdornment", null);
+            Ee(ke(i), "getAdornmentWidth", (function() {
+                var e = i.startAdornment ? i.startAdornment.getBoundingClientRect() : undefined;
+                var t = e && Math.round(e.width);
+                if (i.state.startAdornmentWidth !== t) {
+                    i.setState({
+                        startAdornmentWidth: t
+                    });
+                }
+                var r = i.endAdornment ? i.endAdornment.getBoundingClientRect() : undefined;
+                var n = r && Math.round(r.width);
+                if (i.state.endAdornmentWidth !== n) {
+                    i.setState({
+                        endAdornmentWidth: n
+                    });
+                }
+            }));
+            Ee(ke(i), "handleInputMount", (function(e) {
+                i.input = e;
+                ne(i.props.inputRef, e);
+            }));
+            Ee(ke(i), "handleInputChange", (function(e) {
+                var t, r;
+                var n = e.target.value;
+                var a = i.props.name;
+                if (!i.isControlled()) {
+                    i.setState({
+                        value: n
+                    });
+                }
+                (t = (r = i.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: a
+                });
+            }));
+            Ee(ke(i), "handleInputKeyDown", (function(e) {
+                var t, r;
+                (t = (r = i.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleInputSelect", (function(e) {
+                var t, r;
+                (t = (r = i.props).onSelect) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleInputClick", (function(e) {
+                var t, r;
+                (t = (r = i.props).onInputClick) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleInputFocus", (function(e) {
+                var t, r;
+                (t = (r = i.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleInputBlur", (function(e) {
+                var t, r;
+                (t = (r = i.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleClear", (function(e) {
+                var t, r;
+                e.preventDefault();
+                var n = "";
+                var a = i.props.name;
+                if (!i.isControlled()) {
+                    i.setState({
+                        value: n
+                    });
+                }
+                i.focus();
+                (t = (r = i.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
+                    value: n,
+                    name: a
+                });
+            }));
+            Ee(ke(i), "handleVisibilityToggle", (function() {
+                i.setState((function(e) {
+                    return {
+                        hideVisibility: !e.hideVisibility
+                    };
+                }));
+            }));
+            Ee(ke(i), "renderEndAdornment", (function() {
+                var e;
+                var t = i.props, r = t.appearance, a = t.endAdornment, o = t.passwordVisibilityToggle, l = t.disabled, s = t.canClear, c = t.splunkTheme;
+                var p = c.isPrisma, d = c.isCompact, u = c.isEnterprise;
+                var f = d ? "20px" : "24px";
+                var m = {
+                    ref: function e(t) {
+                        i.endAdornment = t;
+                    },
+                    disabled: l,
+                    $position: "end"
+                };
+                if (a) {
+                    
+                    return n().createElement(re, m, a);
+                }
+                if (o && !l) {
+                    var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement(P, null);
+                    
+                    return n().createElement(re, m,  n().createElement(Q, {
+                        appearance: p ? "secondary" : "pill",
+                        "data-test": "password-toggle",
+                        inline: false,
+                        onClick: i.handleVisibilityToggle,
+                        type: "button",
+                        icon: h
+                    }));
+                }
+                var b = i.context;
+                var C = (e = b.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var x = C ? (0, T._)("Clear ".concat(C, " text field")) : (0, T._)("Clear text field");
+                var k = i.getDisplayValue();
+                if (!p && r === "search") {
+                    if (!k) {
+                        
+                        return n().createElement(re, m,  n().createElement(K, {
+                            $disabled: l
+                        },  n().createElement(g(), {
+                            screenReaderText: null,
+                            hideDefaultTooltip: true,
+                            size: "16px",
+                            inline: false
+                        })));
+                    }
+                    
+                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                        appearance: p ? "secondary" : "pill",
+                        "data-test": "clear",
+                        inline: false,
+                        icon: u ?  n().createElement(y(), {
+                            size: 1,
+                            screenReaderText: x
+                        }) :  n().createElement(v(), {
+                            "aria-label": x
+                        }),
+                        onClick: i.handleClear
+                    }),  n().createElement(K, {
+                        $disabled: l
+                    }, u ?  n().createElement(g(), {
+                        screenReaderText: null,
+                        hideDefaultTooltip: true,
+                        size: "16px",
+                        inline: false
+                    }) :  n().createElement(w(), {
+                        width: f,
+                        height: f
+                    })));
+                }
+                if (!!k && (p && r === "search" || s)) {
+                    
+                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                        "data-test": "clear",
+                        appearance: p ? "secondary" : "pill",
+                        onClick: i.handleClear,
+                        icon: u ?  n().createElement(y(), {
+                            inline: false,
+                            screenReaderText: x
+                        }) :  n().createElement(v(), {
+                            "aria-label": x,
+                            height: f,
+                            inline: false,
+                            width: f
+                        })
+                    }));
+                }
+                return undefined;
+            }));
+            Ee(ke(i), "renderStartAdornment", (function() {
+                var e = i.props, t = e.appearance, r = e.startAdornment, a = e.splunkTheme, o = e.disabled;
+                var l = a.isPrisma, s = a.isCompact;
+                var c = s ? "20px" : "24px";
+                var p = {
+                    ref: function e(t) {
+                        i.startAdornment = t;
+                    },
+                    disabled: o,
+                    $position: "start"
+                };
+                if (r) {
+                    
+                    return n().createElement(re, p, r);
+                }
+                if (l && t === "search") {
+                    
+                    return n().createElement(re, p,  n().createElement(K, {
+                        $disabled: o
+                    },  n().createElement(w(), {
+                        "aria-label": "Search",
+                        height: c,
+                        width: c
+                    })));
+                }
+                return undefined;
+            }));
+            Ee(ke(i), "getDisplayValue", (function() {
+                var e = i.isControlled() ? i.props.value : i.state.value;
+                return e;
+            }));
+            i.controlledExternally = l()(e, "value");
+            i.state = {
+                value: e.defaultValue || "",
+                hideVisibility: true
+            };
+            if (false) {}
+            if (false) {}
+            if (l()(e, "useSyntheticPlaceholder")) {
+                // eslint-disable-next-line no-console
+                console.warn("The 'Text' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
+            }
+            if (false) {}
+            if (false) {}
+            r.validateRows(e);
+            return i;
+        }
+        ye(r, [ {
+            key: "componentDidMount",
+            value: function e() {
+                this.getAdornmentWidth();
+            }
+        }, {
+            key: "componentDidUpdate",
+            value: function e(t) {
+                if (false) {}
+                if (false) {}
+                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(t) {
+                var r;
+                (r = this.input) === null || r === void 0 ? void 0 : r.focus(t);
+            }
+        }, {
+            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.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, p = t.className, u = t.classNamePrivate, m = t.disabled, h = t.describedBy, v = t.elementRef, b = t.error, y = t.inline, C = t.inputClassName, g = t.inputId, x = t.labelledBy, w = t.multiline, k = t.maxLength, S = t.name, A = t.passwordVisibilityToggle, T = t.placeholder, I = t.prepend, j = t.required, M = t.spellCheck, R = t.tabIndex, P = t.title, $ = t.type, _ = t.useSyntheticPlaceholder, B = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
+                var D = fe(fe({
+                    role: "textbox"
+                }, f()(B, (function(e, t) {
+                    return t === "role" || t.indexOf("aria-") === 0;
+                }))), {}, {
+                    "aria-describedby": h,
+                    "aria-labelledby": x,
+                    "aria-invalid": b || undefined
+                });
+                var N = d()(B, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(oe(c()(D))));
+                var q = this.getDisplayValue();
+                var V = {
+                    className: (0, O.toClassName)(p, C),
+                    $append: r || undefined,
+                    $error: b,
+                    $prepend: I || undefined
+                };
+                var W = this.state.hideVisibility ? "password" : "text";
+                var z = A ? W : $;
+                var Z = fe(fe({}, D), {}, {
+                    "data-test": "textbox",
+                    autoCapitalize: i,
+                    autoComplete: a,
+                    autoCorrect: o,
+                    autoFocus: l,
+                    id: g,
+                    maxLength: k,
+                    placeholder: T && !_ ? T : undefined,
+                    name: S,
+                    onChange: this.handleInputChange,
+                    onKeyDown: this.handleInputKeyDown,
+                    onSelect: this.handleInputSelect,
+                    onClick: this.handleInputClick,
+                    onFocus: this.handleInputFocus,
+                    onBlur: this.handleInputBlur,
+                    ref: this.handleInputMount,
+                    required: j,
+                    spellCheck: M,
+                    style: {
+                        height: this.state.height
+                    },
+                    title: P,
+                    tabIndex: R,
+                    type: z,
+                    value: q,
+                    $error: b
+                });
+                var F = _ && T && !q;
+ // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
+                                var H = $ === "password" || A ? undefined : q;
+ // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
+                                var K = $ === "time";
+                var Q = !!this.renderEndAdornment();
+                var Y = !!this.renderStartAdornment();
+                if (w) {
+                    
+                    return n().createElement(E(), this.props);
+                }
+                
+                return n().createElement(G, ae({
+                    tabIndex: -1,
+                    $isTimeInput: K,
+                    className: (0, O.toClassName)(p, u),
+                    "data-test": "text",
+                    "data-test-value": H,
+                    elementRef: v,
+                    flex: true,
+                    inline: y
+                }, N), this.renderStartAdornment(),  n().createElement(U, ae({
+                    $hasEndAdornment: Q,
+                    $hasStartAdornment: Y,
+                    disabled: m
+                }, V), Y &&  n().createElement(ee, {
+                    $width: this.state.startAdornmentWidth
+                }), m ?  n().createElement(J, ae({
+                    className: (0, O.toClassName)(p, u),
+                    "data-test": "textbox",
+                    disabled: true,
+                    readOnly: true,
+                    type: z,
+                    value: q,
+                    placeholder: T && !_ ? T : undefined
+                }, D)) :  n().createElement(J, ae({}, Z, {
+                    onClick: this.handleInputClick
+                })), F &&  n().createElement(L(), null, T), F &&  n().createElement(X, {
+                    $endAdornmentWidth: this.state.endAdornmentWidth,
+                    $hasBothAdornment: Y && Q,
+                    $hasEndAdornment: Q,
+                    $hasStartAdornment: Y,
+                    $startAdornmentWidth: this.state.startAdornmentWidth,
+                    "aria-hidden": true,
+                    "data-role": "placeholder"
+                }, T), s, Q &&  n().createElement(te, {
+                    $width: this.state.endAdornmentWidth
+                })), this.renderEndAdornment());
+            }
+        } ]);
+        return r;
+    }(r.Component);
+    Ee(Te, "propTypes", Ae);
+    Ee(Te, "defaultProps", Oe);
+    Ee(Te, "componentType", "Text");
+    Ee(Te, "contextType", m.ControlGroupContext);
+    var Ie = (0, A.withSplunkTheme)(Te);
+    var je = Ie;
+    je.propTypes = Te.propTypes;
+    je.componentType = Te.componentType;
+    /* harmony default export */    const Me = je;
+    // CONCATENATED MODULE: ./src/Text/index.ts
+    module.exports = t;
+    /******/})();