@splunk/react-ui 4.26.0 → 4.28.0

package/TextArea.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ $e
+        default: () => /* reexport */ De
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -92,269 +92,189 @@
     var g =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
     const x = require("@splunk/react-ui/ControlGroup");
-    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const w = require("@splunk/react-icons/Cross");
-    var C =  e.n(w);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-    const k = require("@splunk/react-icons/enterprise/Close");
-    var S =  e.n(k);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const A = require("@splunk/react-icons/enterprise/Search");
-    var O =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const I = require("@splunk/react-ui/EventListener");
-    var E =  e.n(I);
-    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const j = require("@splunk/react-icons/Magnifier");
-    var T =  e.n(j);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
-    const M = require("@splunk/ui-utils/style");
+    const w = require("@splunk/react-ui/EventListener");
+    var C =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const P = require("@splunk/themes");
+    const k = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const $ = require("@splunk/ui-utils/i18n");
+    const S = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
+    const A = require("@splunk/ui-utils/style");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
+    const O = require("@splunk/react-icons/Cross");
+    var I =  e.n(O);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
+    const j = require("@splunk/react-icons/enterprise/Close");
+    var E =  e.n(j);
     // CONCATENATED MODULE: external "styled-components"
-    const _ = require("styled-components");
-    var D =  e.n(_);
+    const T = require("styled-components");
+    var M =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const N = require("@splunk/react-ui/Box");
-    var R =  e.n(N);
+    const P = require("@splunk/react-ui/Box");
+    var $ =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const q = require("@splunk/react-ui/Button");
-    var W =  e.n(q);
+    const _ = require("@splunk/react-ui/Button");
+    var D =  e.n(_);
     // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
-    var B = (0, _.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], (0, 
-    P.pick)({
-        enterprise: P.variables.textDisabledColor,
-        prisma: P.variables.contentColorDisabled
-    }), (0, P.pick)({
-        enterprise: P.variables.textDisabledColor,
-        prisma: P.variables.contentColorDisabled
-    }));
-    var z = (0, _.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
-    P.pick)({
-        enterprise: P.variables.borderRadius,
+    var q = M()(D()).withConfig({
+        displayName: "TextAreaStyles__StyledClearButton",
+        componentId: "gfy8yp-0"
+    })([ "display:none;visibility:hidden;border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
+    k.pick)({
+        enterprise: k.variables.borderRadius,
         prisma: "50%"
-    }), (0, P.pick)({
-        enterprise: (0, _.css)([ "width:", ";height:", ";" ], P.variables.inputHeight, P.variables.inputHeight),
+    }), (0, k.pick)({
+        enterprise: (0, T.css)([ "width:", ";height:", ";" ], k.variables.inputHeight, k.variables.inputHeight),
         prisma: {
-            comfortable: (0, _.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
-            compact: (0, _.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
+            comfortable: (0, T.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
+            compact: (0, T.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
         }
-    }), (0, P.pick)({
+    }), (0, k.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: k.variables.gray60,
+            dark: k.variables.white
         },
-        prisma: P.variables.contentColorMuted
+        prisma: k.variables.contentColorMuted
     }));
-    var H = D()(W()).withConfig({
-        displayName: "TextAreaStyles__StyledClearButton",
-        componentId: "gfy8yp-0"
-    })([ "display:none;visibility:hidden;", "" ], z);
-    var F = D().span.withConfig({
+    var W = M().span.withConfig({
         displayName: "TextAreaStyles__StyledSearchIconWrapper",
         componentId: "gfy8yp-1"
-    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], P.mixins.reset("inline-block"), (0, 
-    P.pick)({
+    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], k.mixins.reset("inline-block"), (0, 
+    k.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: k.variables.gray60,
+            dark: k.variables.white
         },
-        prisma: P.variables.contentColorMuted
-    }), (0, P.pick)({
+        prisma: k.variables.contentColorMuted
+    }), (0, k.pick)({
         comfortable: "0 8px",
         compact: "0 6px"
     }), (function(e) {
         var t = e.$disabled;
-        return t && (0, _.css)([ "", "" ], (0, P.pick)({
-            enterprise: (0, _.css)([ "color:", ";" ], P.variables.textDisabledColor),
-            prisma: (0, _.css)([ "color:", ";" ], P.variables.contentColorDisabled)
+        return t && (0, T.css)([ "", "" ], (0, k.pick)({
+            enterprise: (0, T.css)([ "color:", ";" ], k.variables.textDisabledColor),
+            prisma: (0, T.css)([ "color:", ";" ], k.variables.contentColorDisabled)
         }));
     }));
-    var V = D()(R()).withConfig({
+    var N = "230px";
+    var R = M()($()).withConfig({
         displayName: "TextAreaStyles__StyledBox",
         componentId: "gfy8yp-2"
-    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}" ], (0, 
-    P.pick)({
-        enterprise: P.variables.spacingHalf,
-        prisma: P.variables.spacingSmall
-    }), 
-    /* sc-sel */
-    F, (0, P.pick)({
-        enterprise: (0, _.css)([ "display:none;" ])
+    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:", ";flex-basis:", ";[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", " ", "{visibility:visible;display:block;}}" ], N, N, k.variables.spacingSmall, (0, 
+    k.pick)({
+        enterprise: (0, T.css)([ "", "{display:none;}" ], 
+        /* sc-sel */
+        W)
     }), 
     /* sc-sel */
-    H);
-    var K = 12;
-    var L = 10;
-    var G = 0;
-    var Q = D().span.withConfig({
+    q);
+    var B = 12;
+    var z = 10;
+    var F = 0;
+    var H = M().span.withConfig({
         displayName: "TextAreaStyles__StyledTextAreaWrapper",
         componentId: "gfy8yp-3"
-    })([ "", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;padding:", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", "" ], P.mixins.reset("inline-flex"), P.variables.inputHeight, (0, 
-    P.pick)({
+    })([ "", " 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);align-items:center;padding:", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], k.mixins.reset("inline-flex"), k.variables.inputHeight, (0, 
+    k.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.gray20
+            light: k.variables.gray60,
+            dark: k.variables.gray20
         },
-        prisma: P.variables.interactiveColorBorder
-    }), P.variables.borderRadius, (0, P.pick)({
+        prisma: k.variables.interactiveColorBorder
+    }), k.variables.borderRadius, (0, k.pick)({
         enterprise: {
-            light: P.variables.white,
-            dark: P.variables.gray22
+            light: k.variables.white,
+            dark: k.variables.gray22
         },
-        prisma: P.variables.transparent
-    }), (0, P.pick)({
-        enterprise: "0px ".concat(G, "px 0px ").concat(L, "px"),
-        prisma: "0px ".concat(K, "px")
+        prisma: k.variables.transparent
+    }), (0, k.pick)({
+        enterprise: "0px ".concat(F, "px 0px ").concat(z, "px"),
+        prisma: "0px ".concat(B, "px")
     }), (function(e) {
         var t = e.$hasEndAdornment;
-        return t && (0, _.css)([ "padding-right:0;" ]);
+        return t && (0, T.css)([ "padding-right:0;" ]);
     }), (function(e) {
         var t = e.$hasStartAdornment;
-        return t && (0, _.css)([ "padding-left:0;" ]);
-    }), (0, P.pick)({
+        return t && (0, T.css)([ "padding-left:0;" ]);
+    }), (0, k.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.gray20
+            light: k.variables.gray60,
+            dark: k.variables.gray20
         },
-        prisma: P.variables.interactiveColorBorderHover
-    }), (0, P.pick)({
-        enterprise: (0, _.css)([ "box-shadow:", ";color:", ";" ], P.variables.focusShadow, P.variables.textColor),
-        prisma: (0, _.css)([ "border-color:", ";color:", ";" ], P.variables.interactiveColorPrimary, P.variables.contentColorActive)
-    }), (function(e) {
+        prisma: k.variables.interactiveColorBorderHover
+    }), k.variables.focusShadow, k.variables.contentColorActive, (function(e) {
         var t = e.$error;
-        return t && (0, _.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}" ], (0, 
-        P.pick)({
-            enterprise: P.variables.errorColor,
-            prisma: P.variables.accentColorNegative
-        }), (0, P.pick)({
-            enterprise: (0, _.css)([ "box-shadow:", ";color:", ";" ], P.variables.focusShadow, P.variables.textColor),
-            prisma: (0, _.css)([ "border-color:", ";color:", ";" ], P.variables.interactiveColorPrimary, P.variables.contentColorActive)
-        }));
+        return t && (0, T.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], k.variables.accentColorNegative, k.variables.focusShadow, k.variables.contentColorActive);
     }), (function(e) {
         var t = e.$append;
-        return t && (0, _.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
+        return t && (0, T.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
     }), (function(e) {
         var t = e.$prepend;
-        return t && (0, _.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+        return t && (0, T.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
     }), (function(e) {
         var t = e.disabled;
-        return t && (0, _.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0, 
-        P.pick)({
+        return t && (0, T.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0, 
+        k.pick)({
             enterprise: {
-                light: (0, _.css)([ "background-color:", ";border-color:", ";" ], P.variables.gray96, P.variables.gray92),
-                dark: (0, _.css)([ "background-color:", ";border-color:", ";" ], P.variables.gray22, P.variables.gray30)
+                light: (0, T.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray96, k.variables.gray92),
+                dark: (0, T.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray22, k.variables.gray30)
             },
-            prisma: (0, _.css)([ "border-color:", ";" ], P.variables.interactiveColorBorderDisabled)
+            prisma: (0, T.css)([ "border-color:", ";" ], k.variables.interactiveColorBorderDisabled)
         }));
     }));
-    var U = D().textarea.withConfig({
+    var V = M().textarea.withConfig({
         displayName: "TextAreaStyles__StyledTextArea",
         componentId: "gfy8yp-4"
-    })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], P.mixins.reset("inline-flex"), (0, 
-    P.pick)({
-        enterprise: P.variables.textColor,
-        prisma: P.variables.contentColorActive
-    }), P.variables.sansFontFamily, (0, P.pick)({
+    })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], k.mixins.reset("inline-flex"), k.variables.contentColorActive, k.variables.sansFontFamily, (0, 
+    k.pick)({
         enterprise: {
-            comfortable: P.variables.spacingQuarter,
+            comfortable: k.variables.spacingQuarter,
             compact: "3px"
         },
         prisma: {
-            comfortable: P.variables.spacingSmall,
+            comfortable: k.variables.spacingSmall,
             compact: "5px"
         }
-    }), (0, P.pick)({
+    }), (0, k.pick)({
         enterprise: {
-            comfortable: P.variables.spacingQuarter,
+            comfortable: k.variables.spacingQuarter,
             compact: "3px"
         },
         prisma: {
-            comfortable: P.variables.spacingSmall,
+            comfortable: k.variables.spacingSmall,
             compact: "5px"
         }
-    }), (0, P.pick)({
+    }), (0, k.pick)({
         enterprise: "10px",
         prisma: "14px"
     }), (function(e) {
         var t = e.$rowsMin;
-        return t && (0, _.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], P.variables.inputHeight, t - 1, P.variables.lineHeight, t > 1 ? "-3px" : "-2px");
-    }), P.variables.contentColorMuted, (function(e) {
+        return t && (0, T.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], k.variables.inputHeight, t - 1, k.variables.lineHeight, t > 1 ? "-3px" : "-2px");
+    }), k.variables.contentColorMuted, (function(e) {
         var t = e.$error;
-        return t && (0, _.css)([ "&,&:hover{color:", ";}" ], (0, P.pick)({
+        return t && (0, T.css)([ "color:", ";" ], (0, k.pick)({
             enterprise: {
-                light: P.variables.errorColorD10,
-                dark: P.variables.errorColorL20
+                light: k.variables.errorColorD10,
+                dark: k.variables.errorColorL20
             },
-            prisma: P.variables.contentColorActive
+            prisma: k.variables.contentColorActive
         }));
     }), (function(e) {
         var t = e.disabled;
-        return t && B;
+        return t && (0, T.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], k.variables.contentColorDisabled, k.variables.contentColorDisabled);
     }));
-    var J = D()(U).withConfig({
+    var K = M()(V).withConfig({
         displayName: "TextAreaStyles__StyledTextAreaShadow",
         componentId: "gfy8yp-5"
     })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;width:", ";" ], (function(e) {
         var t = e.$startAdornmentWidth, r = e.$endAdornmentWidth;
-        return (0, _.css)([ "calc(100% - (", "));" ], (0, P.pick)({
-            prisma: (0, _.css)([ "", "px + ", "px" ], t || K, r || K),
-            enterprise: (0, _.css)([ "", "px + ", "px" ], t || L, r || G)
+        return (0, T.css)([ "calc(100% - (", "));" ], (0, k.pick)({
+            prisma: (0, T.css)([ "", "px + ", "px" ], t || B, r || B),
+            enterprise: (0, T.css)([ "", "px + ", "px" ], t || z, r || F)
         }));
     }));
-    var X = D()(W()).withConfig({
-        displayName: "TextAreaStyles__StyledVisibilityToggle",
-        componentId: "gfy8yp-6"
-    })([ "", "" ], z);
-    var Y = D().span.withConfig({
-        displayName: "TextAreaStyles__StyledPlaceholder",
-        componentId: "gfy8yp-7"
-    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
-    P.pick)({
-        enterprise: P.variables.textGray,
-        prisma: P.variables.contentColorMuted
-    }), P.variables.lineHeight, (0, P.pick)({
-        enterprise: "10px",
-        prisma: "14px"
-    }), (function(e) {
-        var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
-        return t && (r ? (0, _.css)([ "margin-left:", "px;" ], r) : (0, _.css)([ "margin-left:", ";" ], (0, 
-        P.pick)({
-            enterprise: {
-                comfortable: "30px",
-                compact: "26px"
-            },
-            prisma: {
-                comfortable: "38px",
-                compact: "30px"
-            }
-        })));
-    }), (function(e) {
-        var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
-        return t && (r ? (0, _.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, P.pick)({
-            enterprise: "10px",
-            prisma: "14px"
-        }), r) : (0, _.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, P.pick)({
-            enterprise: "10px",
-            prisma: "14px"
-        }), (0, P.pick)({
-            enterprise: {
-                comfortable: "30px",
-                compact: "26px"
-            },
-            prisma: {
-                comfortable: "38px",
-                compact: "30px"
-            }
-        })));
-    }), (function(e) {
-        var t = e.$hasBothAdornment, r = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
-        return t && (0, _.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
-    }));
-    var Z = (0, _.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
-    P.pick)({
+    var L = (0, k.pick)({
         enterprise: {
             comfortable: "30px",
             compact: "26px"
@@ -363,69 +283,114 @@
             comfortable: "38px",
             compact: "30px"
         }
+    });
+    var G = (0, k.pick)({
+        enterprise: "10px",
+        prisma: "14px"
+    });
+    var Q = M().span.withConfig({
+        displayName: "TextAreaStyles__StyledPlaceholder",
+        componentId: "gfy8yp-6"
+    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
+    k.pick)({
+        enterprise: k.variables.textGray,
+        prisma: k.variables.contentColorMuted
+    }), k.variables.lineHeight, G, (function(e) {
+        var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
+        return t && (r ? (0, T.css)([ "margin-left:", "px;" ], r) : (0, T.css)([ "margin-left:", ";" ], L));
+    }), (function(e) {
+        var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
+        return t && (r ? (0, T.css)([ "max-width:calc(100% - ", " - ", "px);" ], G, r) : (0, 
+        T.css)([ "max-width:calc(100% - ", " - ", ");" ], G, L));
+    }), (function(e) {
+        var t = e.$hasBothAdornment, r = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
+        return t && (0, T.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
     }));
-    var ee = D().div.withConfig({
-        displayName: "TextAreaStyles__StyledStartAdornmentHolder",
-        componentId: "gfy8yp-8"
-    })([ "", " ", ";" ], Z, (function(e) {
-        var t = e.$width;
-        return t ? (0, _.css)([ "min-width:", "px;" ], t) : (0, _.css)([ "min-width:", ";" ], (0, 
-        P.pick)({
-            enterprise: {
-                comfortable: "30px",
-                compact: "26px"
-            },
-            prisma: {
-                comfortable: "38px",
-                compact: "30px"
-            }
-        }));
-    }));
-    var te = D().div.withConfig({
-        displayName: "TextAreaStyles__StyledEndAdornmentHolder",
-        componentId: "gfy8yp-9"
-    })([ "", " ", ";" ], Z, (function(e) {
+    var U = M().div.withConfig({
+        displayName: "TextAreaStyles__StyledAdornmentSpacer",
+        componentId: "gfy8yp-7"
+    })([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;", ";" ], L, (function(e) {
         var t = e.$width;
-        return t ? (0, _.css)([ "min-width:", "px;" ], t) : (0, _.css)([ "min-width:", ";" ], (0, 
-        P.pick)({
-            enterprise: {
-                comfortable: "30px",
-                compact: "26px"
-            },
-            prisma: {
-                comfortable: "38px",
-                compact: "30px"
-            }
-        }));
+        return t ? (0, T.css)([ "min-width:", "px;" ], t) : (0, T.css)([ "min-width:", ";" ], L);
     }));
-    var re = D().div.withConfig({
+    var J = M().div.withConfig({
         displayName: "TextAreaStyles__StyledAdornment",
-        componentId: "gfy8yp-10"
-    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", "" ], (0, 
-    P.pick)({
-        enterprise: {
-            comfortable: "30px",
-            compact: "26px"
-        },
-        prisma: {
-            comfortable: "38px",
-            compact: "30px"
-        }
-    }), (0, P.pick)({
+        componentId: "gfy8yp-8"
+    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", " ", ";", "" ], L, (0, 
+    k.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: k.variables.gray60,
+            dark: k.variables.white
         },
-        prisma: P.variables.contentColorMuted
-    }), (function(e) {
-        var t = e.$position;
-        return t === "start" ? (0, _.css)([ "top:1px;left:1px;" ]) : (0, _.css)([ "top:1px;right:1px;" ]);
+        prisma: k.variables.contentColorMuted
+    }), (0, k.pickVariant)("$position", {
+        start: (0, T.css)([ "top:1px;left:1px;" ]),
+        end: (0, T.css)([ "top:1px;right:1px;" ])
     }), (function(e) {
         var t = e.disabled;
-        return t && B;
-    }), (0, P.pick)({
-        enterprise: (0, _.css)([ "margin-left:-1px;margin-right:-1px;" ])
+        return t && (0, T.css)([ "cursor:not-allowed;color:", ";" ], k.variables.contentColorDisabled);
+    }), (0, k.pick)({
+        enterprise: (0, T.css)([ "margin-left:-1px;margin-right:-1px;" ])
     }));
+    // CONCATENATED MODULE: ./src/TextArea/icons/ClearButton.tsx
+    function X() {
+        X = 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 X.apply(this, arguments);
+    }
+    function Y(e) {
+        var t = (0, k.useSplunkTheme)(), r = t.isEnterprise, a = t.isCompact;
+        var i = r ? "pill" : "secondary";
+        var o = a ? "20px" : "24px";
+        var l = r ?  n().createElement(E(), {
+            size: 1
+        }) :  n().createElement(I(), {
+            width: o,
+            height: o
+        });
+        
+        return n().createElement(q, X({
+            "data-test": "clear",
+            icon: l,
+            appearance: i,
+            inline: false
+        }, e));
+    }
+    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+    const Z = require("@splunk/react-icons/Magnifier");
+    var ee =  e.n(Z);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+    const te = require("@splunk/react-icons/enterprise/Search");
+    var re =  e.n(te);
+    // CONCATENATED MODULE: ./src/TextArea/icons/SearchIcon.tsx
+    function ne() {
+        var e = (0, k.useSplunkTheme)(), t = e.isCompact, r = e.isEnterprise;
+        if (r) {
+            
+            return n().createElement(re(), {
+                hideDefaultTooltip: true,
+                inline: false,
+                screenReaderText: "Search",
+                size: "16px"
+            });
+        }
+        var a = t ? "20px" : "24px";
+        
+        return n().createElement(ee(), {
+            "aria-label": "Search",
+            height: a,
+            width: a
+        });
+    }
     // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
     // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
     // which is MIT-licensed:
@@ -447,7 +412,7 @@
     // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     // SOFTWARE.
     // End of MIT license text.
-    function ne(e) {
+    function ae(e) {
         var t = e.height, r = e.rowsMax, n = e.rowsMin, a = e.shadow;
         if (a) {
             var i = window.getComputedStyle(a);
@@ -490,7 +455,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ae(e, t) {
+    function ie(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -503,21 +468,21 @@
         }
     }
     // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-    function ie(e) {
+    function oe(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            ie = function e(t) {
+            oe = function e(t) {
                 return typeof t;
             };
         } else {
-            ie = function e(t) {
+            oe = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return ie(e);
+        return oe(e);
     }
-    function oe() {
-        oe = Object.assign || function(e) {
+    function le() {
+        le = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -528,36 +493,36 @@
             }
             return e;
         };
-        return oe.apply(this, arguments);
+        return le.apply(this, arguments);
     }
-    function le(e) {
-        return de(e) || pe(e) || ce(e) || se();
+    function se(e) {
+        return ue(e) || de(e) || pe(e) || ce();
     }
-    function se() {
+    function ce() {
         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 ce(e, t) {
+    function pe(e, t) {
         if (!e) return;
-        if (typeof e === "string") return ue(e, t);
+        if (typeof e === "string") return fe(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 ue(e, t);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return fe(e, t);
     }
-    function pe(e) {
+    function de(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function de(e) {
-        if (Array.isArray(e)) return ue(e);
+    function ue(e) {
+        if (Array.isArray(e)) return fe(e);
     }
-    function ue(e, t) {
+    function fe(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var r = 0, n = new Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function fe(e, t) {
+    function he(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -568,26 +533,26 @@
         }
         return r;
     }
-    function he(e) {
+    function ve(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                fe(Object(r), true).forEach((function(t) {
-                    Ie(e, t, r[t]);
+                he(Object(r), true).forEach((function(t) {
+                    je(e, t, r[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
             } else {
-                fe(Object(r)).forEach((function(t) {
+                he(Object(r)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
                 }));
             }
         }
         return e;
     }
-    function ve(e, t) {
+    function me(e, t) {
         if (e == null) return {};
-        var r = me(e, t);
+        var r = be(e, t);
         var n, a;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -600,7 +565,7 @@
         }
         return r;
     }
-    function me(e, t) {
+    function be(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -612,12 +577,12 @@
         }
         return r;
     }
-    function be(e, t) {
+    function ye(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function ye(e, t) {
+    function ge(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -626,12 +591,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function ge(e, t, r) {
-        if (t) ye(e.prototype, t);
-        if (r) ye(e, r);
+    function xe(e, t, r) {
+        if (t) ge(e.prototype, t);
+        if (r) ge(e, r);
         return e;
     }
-    function xe(e, t) {
+    function we(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -642,41 +607,41 @@
                 configurable: true
             }
         });
-        if (t) we(e, t);
+        if (t) Ce(e, t);
     }
-    function we(e, t) {
-        we = Object.setPrototypeOf || function e(t, r) {
+    function Ce(e, t) {
+        Ce = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return we(e, t);
+        return Ce(e, t);
     }
-    function Ce(e) {
-        var t = Ae();
+    function ke(e) {
+        var t = Oe();
         return function r() {
-            var n = Oe(e), a;
+            var n = Ie(e), a;
             if (t) {
-                var i = Oe(this).constructor;
+                var i = Ie(this).constructor;
                 a = Reflect.construct(n, arguments, i);
             } else {
                 a = n.apply(this, arguments);
             }
-            return ke(this, a);
+            return Se(this, a);
         };
     }
-    function ke(e, t) {
-        if (t && (ie(t) === "object" || typeof t === "function")) {
+    function Se(e, t) {
+        if (t && (oe(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Se(e);
+        return Ae(e);
     }
-    function Se(e) {
+    function Ae(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ae() {
+    function Oe() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -687,13 +652,13 @@
             return false;
         }
     }
-    function Oe(e) {
-        Oe = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Ie(e) {
+        Ie = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Oe(e);
+        return Ie(e);
     }
-    function Ie(e, t, r) {
+    function je(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -750,7 +715,7 @@
         splunkTheme: i().object,
         value: i().string
     };
-    var je = {
+    var Te = {
         appearance: "default",
         append: false,
         autoFocus: false,
@@ -764,10 +729,15 @@
         rowsMin: 2,
         tabIndex: 0
     };
-    /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    var Te =  function(e) {
-        xe(r, e);
-        var t = Ce(r);
-        ge(r, null, [ {
+    var Me = function e(t) {
+        var r = t ? t.getBoundingClientRect() : undefined;
+        var n = r && Math.round(r.width);
+        return n;
+    };
+    /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    var Pe =  function(e) {
+        we(r, e);
+        var t = ke(r);
+        xe(r, null, [ {
             key: "validateRows",
             // @docs-props-type TextAreaPropsBase
             value: function e(t) {
@@ -777,40 +747,38 @@
         } ]);
         function r(e) {
             var a;
-            be(this, r);
+            ye(this, r);
             a = t.call(this, e);
-            Ie(Se(a), "controlledExternally", void 0);
-            Ie(Se(a), "input", null);
-            Ie(Se(a), "shadow", null);
-            Ie(Se(a), "startAdornment", null);
-            Ie(Se(a), "endAdornment", null);
-            Ie(Se(a), "getAdornmentWidth", (function() {
-                var e = a.startAdornment ? a.startAdornment.getBoundingClientRect() : undefined;
-                var t = e && Math.round(e.width);
-                if (a.state.startAdornmentWidth !== t) {
+            je(Ae(a), "controlledExternally", void 0);
+            je(Ae(a), "input", null);
+            je(Ae(a), "shadow", null);
+            je(Ae(a), "startAdornment", null);
+            je(Ae(a), "endAdornment", null);
+            je(Ae(a), "getAdornmentWidth", (function() {
+                var e = Me(a.startAdornment);
+                if (a.state.startAdornmentWidth !== e) {
                     a.setState({
-                        startAdornmentWidth: t
+                        startAdornmentWidth: e
                     });
                 }
-                var r = a.endAdornment ? a.endAdornment.getBoundingClientRect() : undefined;
-                var n = r && Math.round(r.width);
-                if (a.state.endAdornmentWidth !== n) {
+                var t = Me(a.endAdornment);
+                if (a.state.endAdornmentWidth !== t) {
                     a.setState({
-                        endAdornmentWidth: n
+                        endAdornmentWidth: t
                     });
                 }
             }));
-            Ie(Se(a), "handleResize", (function() {
+            je(Ae(a), "handleResize", (function() {
                 a.syncHeightWithShadow();
             }));
-            Ie(Se(a), "handleInputMount", (function(e) {
+            je(Ae(a), "handleInputMount", (function(e) {
                 a.input = e;
-                ae(a.props.inputRef, e);
+                ie(a.props.inputRef, e);
             }));
-            Ie(Se(a), "handleShadowMount", (function(e) {
+            je(Ae(a), "handleShadowMount", (function(e) {
                 a.shadow = e;
             }));
-            Ie(Se(a), "handleInputChange", (function(e) {
+            je(Ae(a), "handleInputChange", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var i = a.props.name;
@@ -824,19 +792,19 @@
                     name: i
                 });
             }));
-            Ie(Se(a), "handleInputKeyDown", (function(e) {
+            je(Ae(a), "handleInputKeyDown", (function(e) {
                 var t, r;
                 (t = (r = a.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Ie(Se(a), "handleInputSelect", (function(e) {
+            je(Ae(a), "handleInputSelect", (function(e) {
                 var t, r;
                 (t = (r = a.props).onSelect) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Ie(Se(a), "handleInputClick", (function(e) {
+            je(Ae(a), "handleInputClick", (function(e) {
                 var t, r;
                 (t = (r = a.props).onInputClick) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Ie(Se(a), "handleInputFocus", (function(e) {
+            je(Ae(a), "handleInputFocus", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var i = a.props.name;
@@ -845,7 +813,7 @@
                     name: i
                 });
             }));
-            Ie(Se(a), "handleInputBlur", (function(e) {
+            je(Ae(a), "handleInputBlur", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var i = a.props.name;
@@ -854,7 +822,7 @@
                     name: i
                 });
             }));
-            Ie(Se(a), "handleClear", (function(e) {
+            je(Ae(a), "handleClear", (function(e) {
                 var t, r;
                 e.preventDefault();
                 var n = "";
@@ -870,8 +838,8 @@
                     name: i
                 });
             }));
-            Ie(Se(a), "syncHeightWithShadow", (function() {
-                var e = ne({
+            je(Ae(a), "syncHeightWithShadow", (function() {
+                var e = ae({
                     height: a.state.height,
                     rowsMax: a.props.rowsMax,
                     rowsMin: a.props.rowsMin,
@@ -883,93 +851,63 @@
                     });
                 }
             }));
-            Ie(Se(a), "renderEndAdornment", (function() {
+            je(Ae(a), "renderAdornment", (function(e, t) {
+                var r = a.props.disabled;
+                var i = t === "start" ? function(e) {
+                    a.startAdornment = e;
+                } : function(e) {
+                    a.endAdornment = e;
+                };
+                var o = {
+                    ref: i,
+                    disabled: r,
+                    $position: t
+                };
+                
+                return n().createElement(J, o, e);
+            }));
+            je(Ae(a), "renderEndAdornment", (function() {
                 var e;
                 var t = a.props, r = t.appearance, i = t.endAdornment, o = t.disabled, l = t.canClear, s = t.splunkTheme;
-                var c = s.isPrisma, p = s.isEnterprise, d = s.isCompact;
-                var u = d ? "20px" : "24px";
-                var f = {
-                    ref: function e(t) {
-                        a.endAdornment = t;
-                    },
-                    disabled: o,
-                    $position: "end"
-                };
+                var c = s.isPrisma, p = s.isEnterprise;
                 if (i) {
-                    
-                    return n().createElement(re, f, i);
+                    return a.renderAdornment(i, "end");
                 }
-                var h = a.context;
-                var v = (e = h.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-                var m = v ? (0, $._)("Clear ".concat(v, " text field")) : (0, $._)("Clear text field");
-                if (!c && r === "search") {
-                    
-                    return n().createElement(re, f,  n().createElement(H, {
-                        appearance: "pill",
-                        "data-test": "clear",
-                        inline: false,
-                        icon:  n().createElement(S(), {
-                            size: 1,
-                            screenReaderText: m
-                        }),
+                var d = a.context;
+                var u = (e = d.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var f = u ? (0, S._)("Clear ".concat(u, " text field")) : (0, S._)("Clear text field");
+                if (p && r === "search") {
+                    /* Both icons are rendered, and StyledBox toggles visibility based on :focus-within */
+                    return a.renderAdornment( n().createElement(n().Fragment, null,  n().createElement(Y, {
+                        "aria-label": f,
                         onClick: a.handleClear
-                    }),  n().createElement(F, {
+                    }),  n().createElement(W, {
                         $disabled: o
-                    }, p ?  n().createElement(O(), {
-                        hideDefaultTooltip: true,
-                        inline: false,
-                        screenReaderText: null,
-                        size: "16px"
-                    }) :  n().createElement(T(), {
-                        height: u,
-                        width: u
-                    })));
+                    },  n().createElement(ne, null))), "end");
                 }
-                var b = a.getDisplayValue();
-                if (!!b && (c && r === "search" || l)) {
-                    
-                    return n().createElement(re, f, !o &&  n().createElement(H, {
-                        "data-test": "clear",
-                        appearance: "secondary",
-                        onClick: a.handleClear,
-                        icon:  n().createElement(C(), {
-                            "aria-label": m,
-                            inline: false,
-                            width: u,
-                            height: u
-                        })
-                    }));
+                var h = !!a.getDisplayValue();
+                if (h && (c && r === "search" || l)) {
+                    return a.renderAdornment( n().createElement(n().Fragment, null, !o &&  n().createElement(Y, {
+                        "aria-label": f,
+                        onClick: a.handleClear
+                    })), "end");
                 }
                 return undefined;
             }));
-            Ie(Se(a), "renderStartAdornment", (function() {
+            je(Ae(a), "renderStartAdornment", (function() {
                 var e = a.props, t = e.appearance, r = e.startAdornment, i = e.splunkTheme, o = e.disabled;
-                var l = i.isPrisma, s = i.isCompact;
-                var c = s ? "20px" : "24px";
-                var p = {
-                    ref: function e(t) {
-                        a.startAdornment = t;
-                    },
-                    disabled: o,
-                    $position: "start"
-                };
+                var l = i.isPrisma;
                 if (r) {
-                    
-                    return n().createElement(re, p, r);
+                    return a.renderAdornment(r, "start");
                 }
                 if (l && t === "search") {
-                    
-                    return n().createElement(re, p,  n().createElement(F, {
+                    return a.renderAdornment( n().createElement(W, {
                         $disabled: o
-                    },  n().createElement(T(), {
-                        "aria-label": "Search",
-                        height: c,
-                        width: c
-                    })));
+                    },  n().createElement(ne, null)), "start");
                 }
                 return undefined;
             }));
-            Ie(Se(a), "getDisplayValue", (function() {
+            je(Ae(a), "getDisplayValue", (function() {
                 var e = a.isControlled() ? a.props.value : a.state.value;
                 return e;
             }));
@@ -984,7 +922,7 @@
             a.handleResize = g()(a.handleResize, 100);
             return a;
         }
-        ge(r, [ {
+        xe(r, [ {
             key: "componentDidMount",
             value: function e() {
                 l()(this.syncHeightWithShadow);
@@ -1028,23 +966,23 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.append, a = t.autoCapitalize, i = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, c = t.className, p = t.classNamePrivate, u = t.disabled, h = t.describedBy, m = t.elementRef, y = t.error, g = t.inline, x = t.inputClassName, w = t.inputId, C = t.labelledBy, k = t.maxLength, S = t.name, A = t.placeholder, O = t.prepend, I = t.required, j = t.rowsMin, T = t.spellCheck, P = t.tabIndex, $ = t.title, _ = ve(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "rowsMin", "spellCheck", "tabIndex", "title" ]);
-                var D = he(he({}, b()(_, (function(e, t) {
+                var t = this.props, r = t.append, a = t.autoCapitalize, i = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, c = t.className, p = t.classNamePrivate, u = t.disabled, h = t.describedBy, m = t.elementRef, y = t.error, g = t.inline, x = t.inputClassName, w = t.inputId, k = t.labelledBy, S = t.maxLength, O = t.name, I = t.placeholder, j = t.prepend, E = t.required, T = t.rowsMin, M = t.spellCheck, P = t.tabIndex, $ = t.title, _ = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "rowsMin", "spellCheck", "tabIndex", "title" ]);
+                var D = ve(ve({}, b()(_, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
                     "aria-describedby": h,
-                    "aria-labelledby": C,
+                    "aria-labelledby": k,
                     "aria-invalid": y || undefined
                 });
-                var N = v()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(le(d()(D))));
-                var R = this.getDisplayValue();
-                var q = {
-                    className: (0, M.toClassName)(c, x),
+                var q = v()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(se(d()(D))));
+                var W = this.getDisplayValue();
+                var N = {
+                    className: (0, A.toClassName)(c, x),
                     $append: r || undefined,
                     $error: y,
-                    $prepend: O || undefined
+                    $prepend: j || undefined
                 };
-                var W = he(he({}, D), {}, {
+                var B = ve(ve({}, D), {}, {
                     "data-test": "textbox",
                     autoCapitalize: a,
                     autoComplete: i,
@@ -1052,9 +990,9 @@
                     autoFocus: l,
                     disabled: u,
                     id: w,
-                    maxLength: k,
-                    placeholder: A,
-                    name: S,
+                    maxLength: S,
+                    placeholder: I,
+                    name: O,
                     onChange: this.handleInputChange,
                     onKeyDown: this.handleInputKeyDown,
                     onSelect: this.handleInputSelect,
@@ -1062,34 +1000,36 @@
                     onFocus: this.handleInputFocus,
                     onBlur: this.handleInputBlur,
                     ref: this.handleInputMount,
-                    required: I,
-                    spellCheck: T,
+                    required: E,
+                    spellCheck: M,
                     style: {
                         height: this.state.height
                     },
                     tabIndex: P,
                     title: $,
-                    value: R,
+                    value: W,
                     $error: y
                 });
-                var B = !!this.renderEndAdornment();
-                var z = !!this.renderStartAdornment();
+                var z = this.renderStartAdornment();
+                var F = this.renderEndAdornment();
+                var L = !!z;
+                var G = !!F;
                 
-                return n().createElement(V, oe({
+                return n().createElement(R, le({
                     tabIndex: -1,
-                    className: (0, M.toClassName)(c, p),
+                    className: (0, A.toClassName)(c, p),
                     "data-test": "text-area",
-                    "data-test-value": R,
+                    "data-test-value": W,
                     elementRef: m,
                     flex: true,
                     inline: g
-                }, N), this.renderStartAdornment(),  n().createElement(Q, oe({
-                    $hasEndAdornment: B,
-                    $hasStartAdornment: z,
+                }, q), z,  n().createElement(H, le({
+                    $hasEndAdornment: G,
+                    $hasStartAdornment: L,
                     disabled: u
-                }, q), z &&  n().createElement(ee, {
+                }, N), L &&  n().createElement(U, {
                     $width: this.state.startAdornmentWidth
-                }),  n().createElement(J, {
+                }),  n().createElement(K, {
                     "aria-hidden": "true",
                     onChange: f(),
                     $startAdornmentWidth: this.state.startAdornmentWidth,
@@ -1097,31 +1037,31 @@
                     tabIndex: -1,
                     rows: this.props.rowsMin,
                     ref: this.handleShadowMount,
-                    value: A && !R ? A : R
-                }),  n().createElement(U, oe({
-                    $rowsMin: j
-                }, W, {
+                    value: I && !W ? I : W
+                }),  n().createElement(V, le({
+                    $rowsMin: T
+                }, B, {
                     onClick: this.handleInputClick
-                })),  n().createElement(E(), {
+                })),  n().createElement(C(), {
                     target: window,
                     eventType: "resize",
                     listener: this.handleResize
-                }), s, B &&  n().createElement(te, {
+                }), s, G &&  n().createElement(U, {
                     $width: this.state.endAdornmentWidth
-                })), this.renderEndAdornment());
+                })), F);
             }
         } ]);
         return r;
     }(r.Component);
-    Ie(Te, "propTypes", Ee);
-    Ie(Te, "defaultProps", je);
-    Ie(Te, "componentType", "TextArea");
-    Ie(Te, "contextType", x.ControlGroupContext);
-    var Me = (0, P.withSplunkTheme)(Te);
-    var Pe = Me;
-    Pe.propTypes = Te.propTypes;
-    Pe.componentType = Te.componentType;
-    /* harmony default export */    const $e = Pe;
+    je(Pe, "propTypes", Ee);
+    je(Pe, "defaultProps", Te);
+    je(Pe, "componentType", "TextArea");
+    je(Pe, "contextType", x.ControlGroupContext);
+    var $e = (0, k.withSplunkTheme)(Pe);
+    var _e = $e;
+    _e.propTypes = Pe.propTypes;
+    _e.componentType = Pe.componentType;
+    /* harmony default export */    const De = _e;
     // CONCATENATED MODULE: ./src/TextArea/index.ts
     module.exports = t;
     /******/})();