@splunk/react-ui 4.26.0 → 4.27.0

package/TextArea.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ $e
+        default: () => /* reexport */ Pe
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -76,8 +76,8 @@
     const s = require("lodash/has");
     var c =  e.n(s);
     // CONCATENATED MODULE: external "lodash/keys"
-    const p = require("lodash/keys");
-    var d =  e.n(p);
+    const d = require("lodash/keys");
+    var p =  e.n(d);
     // CONCATENATED MODULE: external "lodash/noop"
     const u = require("lodash/noop");
     var f =  e.n(u);
@@ -103,109 +103,98 @@
     var O =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const I = require("@splunk/react-ui/EventListener");
-    var E =  e.n(I);
+    var j =  e.n(I);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const j = require("@splunk/react-icons/Magnifier");
-    var T =  e.n(j);
+    const E = require("@splunk/react-icons/Magnifier");
+    var T =  e.n(E);
     // CONCATENATED MODULE: external "@splunk/ui-utils/style"
     const M = require("@splunk/ui-utils/style");
     // CONCATENATED MODULE: external "@splunk/themes"
-    const P = require("@splunk/themes");
+    const $ = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const $ = require("@splunk/ui-utils/i18n");
+    const P = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const _ = require("styled-components");
     var D =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const N = require("@splunk/react-ui/Box");
-    var R =  e.n(N);
+    const R = require("@splunk/react-ui/Box");
+    var q =  e.n(R);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const q = require("@splunk/react-ui/Button");
-    var W =  e.n(q);
+    const N = require("@splunk/react-ui/Button");
+    var W =  e.n(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 B = (0, _.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
+    $.pick)({
+        enterprise: $.variables.borderRadius,
         prisma: "50%"
-    }), (0, P.pick)({
-        enterprise: (0, _.css)([ "width:", ";height:", ";" ], P.variables.inputHeight, P.variables.inputHeight),
+    }), (0, $.pick)({
+        enterprise: (0, _.css)([ "width:", ";height:", ";" ], $.variables.inputHeight, $.variables.inputHeight),
         prisma: {
             comfortable: (0, _.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
             compact: (0, _.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
         }
-    }), (0, P.pick)({
+    }), (0, $.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: $.variables.gray60,
+            dark: $.variables.white
         },
-        prisma: P.variables.contentColorMuted
+        prisma: $.variables.contentColorMuted
     }));
-    var H = D()(W()).withConfig({
+    var z = D()(W()).withConfig({
         displayName: "TextAreaStyles__StyledClearButton",
         componentId: "gfy8yp-0"
-    })([ "display:none;visibility:hidden;", "" ], z);
+    })([ "display:none;visibility:hidden;", "" ], B);
     var F = D().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:", ";", "" ], $.mixins.reset("inline-block"), (0, 
+    $.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: $.variables.gray60,
+            dark: $.variables.white
         },
-        prisma: P.variables.contentColorMuted
-    }), (0, P.pick)({
+        prisma: $.variables.contentColorMuted
+    }), (0, $.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, _.css)([ "", "" ], (0, $.pick)({
+            enterprise: (0, _.css)([ "color:", ";" ], $.variables.textDisabledColor),
+            prisma: (0, _.css)([ "color:", ";" ], $.variables.contentColorDisabled)
         }));
     }));
-    var V = D()(R()).withConfig({
+    var H = "230px";
+    var V = D()(q()).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
-    }), 
+    })([ "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;}}" ], H, H, $.variables.spacingSmall, 
     /* sc-sel */
-    F, (0, P.pick)({
+    F, (0, $.pick)({
         enterprise: (0, _.css)([ "display:none;" ])
     }), 
     /* sc-sel */
-    H);
+    z);
     var K = 12;
     var L = 10;
     var G = 0;
     var Q = D().span.withConfig({
         displayName: "TextAreaStyles__StyledTextAreaWrapper",
         componentId: "gfy8yp-3"
-    })([ "", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);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:", ";}", " ", " ", " ", "" ], $.mixins.reset("inline-flex"), $.variables.inputHeight, (0, 
+    $.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.gray20
+            light: $.variables.gray60,
+            dark: $.variables.gray20
         },
-        prisma: P.variables.interactiveColorBorder
-    }), P.variables.borderRadius, (0, P.pick)({
+        prisma: $.variables.interactiveColorBorder
+    }), $.variables.borderRadius, (0, $.pick)({
         enterprise: {
-            light: P.variables.white,
-            dark: P.variables.gray22
+            light: $.variables.white,
+            dark: $.variables.gray22
         },
-        prisma: P.variables.transparent
-    }), (0, P.pick)({
+        prisma: $.variables.transparent
+    }), (0, $.pick)({
         enterprise: "0px ".concat(G, "px 0px ").concat(L, "px"),
         prisma: "0px ".concat(K, "px")
     }), (function(e) {
@@ -214,25 +203,15 @@
     }), (function(e) {
         var t = e.$hasStartAdornment;
         return t && (0, _.css)([ "padding-left:0;" ]);
-    }), (0, P.pick)({
+    }), (0, $.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.gray20
+            light: $.variables.gray60,
+            dark: $.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: $.variables.interactiveColorBorderHover
+    }), $.variables.focusShadow, $.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, _.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], $.variables.accentColorNegative, $.variables.focusShadow, $.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;" ]);
@@ -242,64 +221,61 @@
     }), (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)({
+        $.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, _.css)([ "background-color:", ";border-color:", ";" ], $.variables.gray96, $.variables.gray92),
+                dark: (0, _.css)([ "background-color:", ";border-color:", ";" ], $.variables.gray22, $.variables.gray30)
             },
-            prisma: (0, _.css)([ "border-color:", ";" ], P.variables.interactiveColorBorderDisabled)
+            prisma: (0, _.css)([ "border-color:", ";" ], $.variables.interactiveColorBorderDisabled)
         }));
     }));
     var U = D().textarea.withConfig({
         displayName: "TextAreaStyles__StyledTextArea",
         componentId: "gfy8yp-4"
-    })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], 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;}", " ", "" ], $.mixins.reset("inline-flex"), $.variables.contentColorActive, $.variables.sansFontFamily, (0, 
+    $.pick)({
         enterprise: {
-            comfortable: P.variables.spacingQuarter,
+            comfortable: $.variables.spacingQuarter,
             compact: "3px"
         },
         prisma: {
-            comfortable: P.variables.spacingSmall,
+            comfortable: $.variables.spacingSmall,
             compact: "5px"
         }
-    }), (0, P.pick)({
+    }), (0, $.pick)({
         enterprise: {
-            comfortable: P.variables.spacingQuarter,
+            comfortable: $.variables.spacingQuarter,
             compact: "3px"
         },
         prisma: {
-            comfortable: P.variables.spacingSmall,
+            comfortable: $.variables.spacingSmall,
             compact: "5px"
         }
-    }), (0, P.pick)({
+    }), (0, $.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, _.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], $.variables.inputHeight, t - 1, $.variables.lineHeight, t > 1 ? "-3px" : "-2px");
+    }), $.variables.contentColorMuted, (function(e) {
         var t = e.$error;
-        return t && (0, _.css)([ "&,&:hover{color:", ";}" ], (0, P.pick)({
+        return t && (0, _.css)([ "color:", ";" ], (0, $.pick)({
             enterprise: {
-                light: P.variables.errorColorD10,
-                dark: P.variables.errorColorL20
+                light: $.variables.errorColorD10,
+                dark: $.variables.errorColorL20
             },
-            prisma: P.variables.contentColorActive
+            prisma: $.variables.contentColorActive
         }));
     }), (function(e) {
         var t = e.disabled;
-        return t && B;
+        return t && (0, _.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], $.variables.contentColorDisabled, $.variables.contentColorDisabled);
     }));
     var J = D()(U).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)({
+        return (0, _.css)([ "calc(100% - (", "));" ], (0, $.pick)({
             prisma: (0, _.css)([ "", "px + ", "px" ], t || K, r || K),
             enterprise: (0, _.css)([ "", "px + ", "px" ], t || L, r || G)
         }));
@@ -307,54 +283,8 @@
     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)({
+    })([ "", "" ], B);
+    var Y = (0, $.pick)({
         enterprise: {
             comfortable: "30px",
             compact: "26px"
@@ -363,67 +293,53 @@
             comfortable: "38px",
             compact: "30px"
         }
-    }));
-    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 Z = (0, $.pick)({
+        enterprise: "10px",
+        prisma: "14px"
+    });
+    var ee = D().span.withConfig({
+        displayName: "TextAreaStyles__StyledPlaceholder",
+        componentId: "gfy8yp-7"
+    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
+    $.pick)({
+        enterprise: $.variables.textGray,
+        prisma: $.variables.contentColorMuted
+    }), $.variables.lineHeight, Z, (function(e) {
+        var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
+        return t && (r ? (0, _.css)([ "margin-left:", "px;" ], r) : (0, _.css)([ "margin-left:", ";" ], Y));
+    }), (function(e) {
+        var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
+        return t && (r ? (0, _.css)([ "max-width:calc(100% - ", " - ", "px);" ], Z, r) : (0, 
+        _.css)([ "max-width:calc(100% - ", " - ", ");" ], Z, Y));
+    }), (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 te = D().div.withConfig({
-        displayName: "TextAreaStyles__StyledEndAdornmentHolder",
-        componentId: "gfy8yp-9"
-    })([ "", " ", ";" ], Z, (function(e) {
+        displayName: "TextAreaStyles__StyledAdornmentSpacer",
+        componentId: "gfy8yp-8"
+    })([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;", ";" ], Y, (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, _.css)([ "min-width:", "px;" ], t) : (0, _.css)([ "min-width:", ";" ], Y);
     }));
     var re = D().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-9"
+    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", " ", ";", "" ], Y, (0, 
+    $.pick)({
         enterprise: {
-            light: P.variables.gray60,
-            dark: P.variables.white
+            light: $.variables.gray60,
+            dark: $.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: $.variables.contentColorMuted
+    }), (0, $.pickVariant)("$position", {
+        start: (0, _.css)([ "top:1px;left:1px;" ]),
+        end: (0, _.css)([ "top:1px;right:1px;" ])
     }), (function(e) {
         var t = e.disabled;
-        return t && B;
-    }), (0, P.pick)({
+        return t && (0, _.css)([ "cursor:not-allowed;color:", ";" ], $.variables.contentColorDisabled);
+    }), (0, $.pick)({
         enterprise: (0, _.css)([ "margin-left:-1px;margin-right:-1px;" ])
     }));
     // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
@@ -459,9 +375,9 @@
             var l = parseInt(o, 10);
             var s = parseInt(i.getPropertyValue("padding-top"), 10);
             var c = parseInt(i.getPropertyValue("padding-bottom"), 10);
-            var p = parseInt(i.getPropertyValue("border-top-width"), 10);
-            var d = parseInt(i.getPropertyValue("border-bottom-width"), 10);
-            var u = a.scrollHeight + p + d + 1;
+            var d = parseInt(i.getPropertyValue("border-top-width"), 10);
+            var p = parseInt(i.getPropertyValue("border-bottom-width"), 10);
+            var u = a.scrollHeight + d + p + 1;
  // need one extra.
             /* eslint-disable no-restricted-globals */
             // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
@@ -470,11 +386,11 @@
                 return false;
             }
             /* eslint-enable no-restricted-globals */            if (r >= n) {
-                var f = r * l + s + c + p + d + 1;
+                var f = r * l + s + c + d + p + 1;
  // need one extra.
                                 u = Math.min(f, u);
             }
-            var h = n * l + s + c + p + d + 1;
+            var h = n * l + s + c + d + p + 1;
  // need one extra.
                         u = Math.max(h, u);
             if (t !== u) {
@@ -531,7 +447,7 @@
         return oe.apply(this, arguments);
     }
     function le(e) {
-        return de(e) || pe(e) || ce(e) || se();
+        return pe(e) || de(e) || ce(e) || se();
     }
     function se() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -544,10 +460,10 @@
         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);
     }
-    function pe(e) {
+    function de(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function de(e) {
+    function pe(e) {
         if (Array.isArray(e)) return ue(e);
     }
     function ue(e, t) {
@@ -706,7 +622,7 @@
         }
         return e;
     }
-    /** @public */    var Ee = {
+    /** @public */    var je = {
         appearance: i().oneOf([ "default", "search" ]),
         append: i().bool,
         autoCapitalize: i().string,
@@ -750,7 +666,7 @@
         splunkTheme: i().object,
         value: i().string
     };
-    var je = {
+    var Ee = {
         appearance: "default",
         append: false,
         autoFocus: false,
@@ -886,8 +802,8 @@
             Ie(Se(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 c = s.isPrisma, d = s.isEnterprise, p = s.isCompact;
+                var u = p ? "20px" : "24px";
                 var f = {
                     ref: function e(t) {
                         a.endAdornment = t;
@@ -901,10 +817,10 @@
                 }
                 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");
+                var m = v ? (0, P._)("Clear ".concat(v, " text field")) : (0, P._)("Clear text field");
                 if (!c && r === "search") {
                     
-                    return n().createElement(re, f,  n().createElement(H, {
+                    return n().createElement(re, f,  n().createElement(z, {
                         appearance: "pill",
                         "data-test": "clear",
                         inline: false,
@@ -915,7 +831,7 @@
                         onClick: a.handleClear
                     }),  n().createElement(F, {
                         $disabled: o
-                    }, p ?  n().createElement(O(), {
+                    }, d ?  n().createElement(O(), {
                         hideDefaultTooltip: true,
                         inline: false,
                         screenReaderText: null,
@@ -928,7 +844,7 @@
                 var b = a.getDisplayValue();
                 if (!!b && (c && r === "search" || l)) {
                     
-                    return n().createElement(re, f, !o &&  n().createElement(H, {
+                    return n().createElement(re, f, !o &&  n().createElement(z, {
                         "data-test": "clear",
                         appearance: "secondary",
                         onClick: a.handleClear,
@@ -946,7 +862,7 @@
                 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 = {
+                var d = {
                     ref: function e(t) {
                         a.startAdornment = t;
                     },
@@ -955,11 +871,11 @@
                 };
                 if (r) {
                     
-                    return n().createElement(re, p, r);
+                    return n().createElement(re, d, r);
                 }
                 if (l && t === "search") {
                     
-                    return n().createElement(re, p,  n().createElement(F, {
+                    return n().createElement(re, d,  n().createElement(F, {
                         $disabled: o
                     },  n().createElement(T(), {
                         "aria-label": "Search",
@@ -1028,7 +944,7 @@
         }, {
             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 t = this.props, r = t.append, a = t.autoCapitalize, i = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, c = t.className, d = 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, E = t.rowsMin, T = t.spellCheck, $ = t.tabIndex, P = 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) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
@@ -1036,9 +952,9 @@
                     "aria-labelledby": C,
                     "aria-invalid": y || undefined
                 });
-                var N = v()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(le(d()(D))));
-                var R = this.getDisplayValue();
-                var q = {
+                var R = v()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(le(p()(D))));
+                var q = this.getDisplayValue();
+                var N = {
                     className: (0, M.toClassName)(c, x),
                     $append: r || undefined,
                     $error: y,
@@ -1067,9 +983,9 @@
                     style: {
                         height: this.state.height
                     },
-                    tabIndex: P,
-                    title: $,
-                    value: R,
+                    tabIndex: $,
+                    title: P,
+                    value: q,
                     $error: y
                 });
                 var B = !!this.renderEndAdornment();
@@ -1077,17 +993,17 @@
                 
                 return n().createElement(V, oe({
                     tabIndex: -1,
-                    className: (0, M.toClassName)(c, p),
+                    className: (0, M.toClassName)(c, d),
                     "data-test": "text-area",
-                    "data-test-value": R,
+                    "data-test-value": q,
                     elementRef: m,
                     flex: true,
                     inline: g
-                }, N), this.renderStartAdornment(),  n().createElement(Q, oe({
+                }, R), this.renderStartAdornment(),  n().createElement(Q, oe({
                     $hasEndAdornment: B,
                     $hasStartAdornment: z,
                     disabled: u
-                }, q), z &&  n().createElement(ee, {
+                }, N), z &&  n().createElement(te, {
                     $width: this.state.startAdornmentWidth
                 }),  n().createElement(J, {
                     "aria-hidden": "true",
@@ -1097,12 +1013,12 @@
                     tabIndex: -1,
                     rows: this.props.rowsMin,
                     ref: this.handleShadowMount,
-                    value: A && !R ? A : R
+                    value: A && !q ? A : q
                 }),  n().createElement(U, oe({
-                    $rowsMin: j
+                    $rowsMin: E
                 }, W, {
                     onClick: this.handleInputClick
-                })),  n().createElement(E(), {
+                })),  n().createElement(j(), {
                     target: window,
                     eventType: "resize",
                     listener: this.handleResize
@@ -1113,15 +1029,15 @@
         } ]);
         return r;
     }(r.Component);
-    Ie(Te, "propTypes", Ee);
-    Ie(Te, "defaultProps", je);
+    Ie(Te, "propTypes", je);
+    Ie(Te, "defaultProps", Ee);
     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;
+    var Me = (0, $.withSplunkTheme)(Te);
+    var $e = Me;
+    $e.propTypes = Te.propTypes;
+    $e.componentType = Te.componentType;
+    /* harmony default export */    const Pe = $e;
     // CONCATENATED MODULE: ./src/TextArea/index.ts
     module.exports = t;
     /******/})();