@splunk/react-ui 4.36.0 → 4.38.0

package/Text.js

@@ -76,8 +76,8 @@
     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);
+    const d = require("lodash/omit");
+    var p =  e.n(d);
     // CONCATENATED MODULE: external "lodash/pickBy"
     const u = require("lodash/pickBy");
     var f =  e.n(u);
@@ -111,8 +111,8 @@
     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) {
+    function $() {
+        $ = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -123,13 +123,13 @@
             }
             return e;
         };
-        return M.apply(this, arguments);
+        return $.apply(this, arguments);
     }
-    function R(e) {
+    function M(e) {
         var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
         if (r === "enterprise") {
             
-            return n().createElement(j(), M({
+            return n().createElement(j(), $({
                 viewBox: "0 0 24 24",
                 size: 1.2,
                 screenReaderText: (0, T._)("Hide password")
@@ -169,7 +169,7 @@
             fill: "currentColor"
         }));
     }
-    /* harmony default export */    const $ = R;
+    /* harmony default export */    const R = M;
     // CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
     function _() {
         _ = Object.assign || function(e) {
@@ -227,10 +227,10 @@
             fill: "currentColor"
         }));
     }
-    /* harmony default export */    const B = P;
+    /* harmony default export */    const D = P;
     // CONCATENATED MODULE: external "styled-components"
-    const D = require("styled-components");
-    var N =  e.n(D);
+    const B = require("styled-components");
+    var N =  e.n(B);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const q = require("@splunk/react-ui/Box");
     var V =  e.n(q);
@@ -238,7 +238,7 @@
     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, 
+    var Z = (0, B.css)([ "&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], (0, 
     A.pick)({
         enterprise: A.variables.textDisabledColor,
         prisma: A.variables.contentColorDisabled
@@ -246,15 +246,19 @@
         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, 
+    var F = (0, B.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);", "" ], A.variables.interactiveColorBorderDisabled, (0, 
+    A.pick)({
+        enterprise: (0, B.css)([ "background-color:", ";" ], A.variables.interactiveColorBackgroundDisabled)
+    }));
+    var H = (0, B.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),
+        enterprise: (0, B.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;" ])
+            comfortable: (0, B.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
+            compact: (0, B.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
         }
     }), (0, A.pick)({
         enterprise: {
@@ -263,11 +267,11 @@
         },
         prisma: A.variables.contentColorMuted
     }));
-    var H = N()(z()).withConfig({
+    var K = N()(z()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
-    })([ "display:none;visibility:hidden;", "" ], F);
-    var K = N().span.withConfig({
+    })([ "display:none;visibility:hidden;", "" ], H);
+    var G = N().span.withConfig({
         displayName: "TextStyles__StyledSearchIconWrapper",
         componentId: "eg7n6t-1"
     })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], A.mixins.reset("inline-block"), (0, 
@@ -282,30 +286,30 @@
         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)
+        return t && (0, B.css)([ "", "" ], (0, A.pick)({
+            enterprise: (0, B.css)([ "color:", ";" ], A.variables.textDisabledColor),
+            prisma: (0, B.css)([ "color:", ";" ], A.variables.contentColorDisabled)
         }));
     }));
-    var G = N()(V()).withConfig({
+    var U = 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;}}", "" ], A.variables.spacingSmall, 
     /* sc-sel */
-    K, (0, A.pick)({
-        enterprise: (0, D.css)([ "display:none;" ])
+    G, (0, A.pick)({
+        enterprise: (0, B.css)([ "display:none;" ])
     }), 
     /* sc-sel */
-    H, (function(e) {
+    K, (function(e) {
         var t = e.$isTimeInput;
-        return t && (0, D.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], 
+        return t && (0, B.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], 
         /* sc-sel */
-        H);
+        K);
     }));
-    var U = N().span.withConfig({
+    var J = N().span.withConfig({
         displayName: "TextStyles__StyledInputWrapper",
         componentId: "eg7n6t-3"
-    })([ "", ";cursor:text;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]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, A.variables.interactiveColorBorder, A.variables.borderRadius, (0, 
+    })([ "", ";cursor:text;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;", " ", " ", " ", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, A.variables.interactiveColorBorder, A.variables.borderRadius, (0, 
     A.pick)({
         enterprise: {
             light: A.variables.white,
@@ -317,30 +321,30 @@
         prisma: "0 12px"
     }), (function(e) {
         var t = e.$hasEndAdornment;
-        return t && (0, D.css)([ "padding-right:0;" ]);
+        return t && (0, B.css)([ "padding-right:0;" ]);
     }), (function(e) {
         var t = e.$hasStartAdornment;
-        return t && (0, D.css)([ "padding-left:0;" ]);
-    }), A.variables.interactiveColorBorderHover, A.variables.focusShadow, A.variables.contentColorActive, (function(e) {
+        return t && (0, B.css)([ "padding-left:0;" ]);
+    }), (function(e) {
+        var t = e.$isDisabled;
+        return !t && (0, B.css)([ "&:focus-within{box-shadow:", ";color:", ";}" ], A.variables.focusShadow, A.variables.contentColorActive);
+    }), (function(e) {
+        var t = e.$isDisabled, r = e.$isDimmed;
+        return t || r ? F : (0, B.css)([ "&:hover{border-color:", ";}" ], A.variables.interactiveColorBorderHover);
+    }), (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}" ], A.variables.accentColorNegative);
+        return t && (0, B.css)([ "&,&:hover{border-color:", ";}" ], A.variables.accentColorNegative);
     }), (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;" ]);
+        return t && (0, B.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)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);", "" ], A.variables.interactiveColorBorderDisabled, (0, 
-        A.pick)({
-            enterprise: (0, D.css)([ "background-color:", ";" ], A.variables.interactiveColorBackgroundDisabled)
-        }));
+        return t && (0, B.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
     }));
-    /* Some of these need greater specificity than input[type=text] */    var J = N().input.withConfig({
+    /* Some of these need greater specificity than input[type=text] */    var Q = 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, 
+    })([ "", ";&,&[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;}", " &[disabled],&[aria-disabled='true']{", "}}" ], A.mixins.reset("inline-flex"), (0, 
     A.pick)({
         enterprise: A.variables.textColor,
         prisma: A.variables.contentColorActive
@@ -355,22 +359,19 @@
         prisma: "14px"
     }), A.variables.contentColorMuted, (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover{color:", ";}" ], (0, A.pick)({
+        return t && (0, B.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({
+    }), Z);
+    var X = N()(z()).withConfig({
         displayName: "TextStyles__StyledVisibilityToggle",
         componentId: "eg7n6t-5"
-    })([ "", "" ], F);
-    var X = N().span.withConfig({
+    })([ "", "" ], H);
+    var Y = 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, 
@@ -382,7 +383,7 @@
         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, 
+        return t && (r ? (0, B.css)([ "margin-left:", "px;" ], r) : (0, B.css)([ "margin-left:", ";" ], (0, 
         A.pick)({
             enterprise: {
                 comfortable: "30px",
@@ -395,10 +396,10 @@
         })));
     }), (function(e) {
         var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
-        return t && (r ? (0, D.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, A.pick)({
+        return t && (r ? (0, B.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, A.pick)({
             enterprise: "10px",
             prisma: "14px"
-        }), r) : (0, D.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, A.pick)({
+        }), r) : (0, B.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, A.pick)({
             enterprise: "10px",
             prisma: "14px"
         }), (0, A.pick)({
@@ -413,9 +414,9 @@
         })));
     }), (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);
+        return t && (0, B.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, 
+    var ee = (0, B.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
     A.pick)({
         enterprise: {
             comfortable: "30px",
@@ -426,12 +427,12 @@
             compact: "30px"
         }
     }));
-    var ee = N().div.withConfig({
+    var te = N().div.withConfig({
         displayName: "TextStyles__StyledStartAdornmentHolder",
         componentId: "eg7n6t-7"
-    })([ "", " ", ";" ], Y, (function(e) {
+    })([ "", " ", ";" ], ee, (function(e) {
         var t = e.$width;
-        return t ? (0, D.css)([ "min-width:", "px;" ], t) : (0, D.css)([ "min-width:", ";" ], (0, 
+        return t ? (0, B.css)([ "min-width:", "px;" ], t) : (0, B.css)([ "min-width:", ";" ], (0, 
         A.pick)({
             enterprise: {
                 comfortable: "30px",
@@ -443,12 +444,12 @@
             }
         }));
     }));
-    var te = N().div.withConfig({
+    var re = N().div.withConfig({
         displayName: "TextStyles__StyledEndAdornmentHolder",
         componentId: "eg7n6t-8"
-    })([ "", " ", ";" ], Y, (function(e) {
+    })([ "", " ", ";" ], ee, (function(e) {
         var t = e.$width;
-        return t ? (0, D.css)([ "min-width:", "px;" ], t) : (0, D.css)([ "min-width:", ";" ], (0, 
+        return t ? (0, B.css)([ "min-width:", "px;" ], t) : (0, B.css)([ "min-width:", ";" ], (0, 
         A.pick)({
             enterprise: {
                 comfortable: "30px",
@@ -460,7 +461,7 @@
             }
         }));
     }));
-    var re = N().div.withConfig({
+    var ne = 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, 
@@ -481,12 +482,12 @@
         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;" ]);
+        return t === "start" ? (0, B.css)([ "top:1px;left:1px;" ]) : (0, B.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;" ])
+        enterprise: (0, B.css)([ "margin-left:-1px;margin-right:-1px;" ])
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -495,7 +496,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ne(e, t) {
+    function ie(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -508,26 +509,26 @@
         }
     }
     // CONCATENATED MODULE: ./src/Text/Text.tsx
-    function ie(e) {
+    function ae(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            ie = function e(t) {
+            ae = function e(t) {
                 return typeof t;
             };
         } else {
-            ie = function e(t) {
+            ae = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return ie(e);
+        return ae(e);
     }
-    function ae(e) {
-        return ce(e) || se(e) || le(e) || oe();
+    function oe(e) {
+        return de(e) || ce(e) || se(e) || le();
     }
-    function oe() {
+    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 le(e, t) {
+    function se(e, t) {
         if (!e) return;
         if (typeof e === "string") return pe(e, t);
         var r = Object.prototype.toString.call(e).slice(8, -1);
@@ -535,10 +536,10 @@
         if (r === "Map" || r === "Set") return Array.from(e);
         if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return pe(e, t);
     }
-    function se(e) {
+    function ce(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function ce(e) {
+    function de(e) {
         if (Array.isArray(e)) return pe(e);
     }
     function pe(e, t) {
@@ -548,7 +549,7 @@
         }
         return n;
     }
-    function de(e, t) {
+    function ue(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -559,26 +560,26 @@
         }
         return r;
     }
-    function ue(e) {
+    function fe(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                de(Object(r), true).forEach((function(t) {
-                    Ee(e, t, r[t]);
+                ue(Object(r), true).forEach((function(t) {
+                    Ae(e, t, r[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
             } else {
-                de(Object(r)).forEach((function(t) {
+                ue(Object(r)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
                 }));
             }
         }
         return e;
     }
-    function fe(e, t) {
+    function me(e, t) {
         if (e == null) return {};
-        var r = me(e, t);
+        var r = he(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -591,7 +592,7 @@
         }
         return r;
     }
-    function me(e, t) {
+    function he(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -603,8 +604,8 @@
         }
         return r;
     }
-    function he() {
-        he = Object.assign || function(e) {
+    function ve() {
+        ve = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -615,14 +616,14 @@
             }
             return e;
         };
-        return he.apply(this, arguments);
+        return ve.apply(this, arguments);
     }
-    function ve(e, t) {
+    function be(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function be(e, t) {
+    function Ce(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -631,12 +632,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function Ce(e, t, r) {
-        if (t) be(e.prototype, t);
-        if (r) be(e, r);
+    function ye(e, t, r) {
+        if (t) Ce(e.prototype, t);
+        if (r) Ce(e, r);
         return e;
     }
-    function ye(e, t) {
+    function ge(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -647,41 +648,41 @@
                 configurable: true
             }
         });
-        if (t) ge(e, t);
+        if (t) xe(e, t);
     }
-    function ge(e, t) {
-        ge = Object.setPrototypeOf || function e(t, r) {
+    function xe(e, t) {
+        xe = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return ge(e, t);
+        return xe(e, t);
     }
-    function xe(e) {
-        var t = Le();
+    function we(e) {
+        var t = Se();
         return function r() {
-            var n = Se(e), i;
+            var n = Ee(e), i;
             if (t) {
-                var a = Se(this).constructor;
+                var a = Ee(this).constructor;
                 i = Reflect.construct(n, arguments, a);
             } else {
                 i = n.apply(this, arguments);
             }
-            return we(this, i);
+            return ke(this, i);
         };
     }
-    function we(e, t) {
-        if (t && (ie(t) === "object" || typeof t === "function")) {
+    function ke(e, t) {
+        if (t && (ae(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return ke(e);
+        return Le(e);
     }
-    function ke(e) {
+    function Le(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Le() {
+    function Se() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -692,13 +693,13 @@
             return false;
         }
     }
-    function Se(e) {
-        Se = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Ee(e) {
+        Ee = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Se(e);
+        return Ee(e);
     }
-    function Ee(e, t, r) {
+    function Ae(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -711,7 +712,7 @@
         }
         return e;
     }
-    /** @public */    var Ae = {
+    /** @public */    var Oe = {
         appearance: a().oneOf([ "default", "search" ]),
         append: a().bool,
         autoCapitalize: a().string,
@@ -724,7 +725,7 @@
         classNamePrivate: a().string,
         defaultValue: a().string,
         describedBy: a().string,
-        disabled: a().bool,
+        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         endAdornment: a().node,
         error: a().bool,
@@ -759,7 +760,7 @@
         useSyntheticPlaceholder: a().bool,
         value: a().string
     };
-    var Oe = {
+    var Te = {
         appearance: "default",
         append: false,
         autoFocus: false,
@@ -776,10 +777,10 @@
         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) {
-        ye(r, e);
-        var t = xe(r);
-        Ce(r, null, [ {
+    /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    var Ie =  function(e) {
+        ge(r, e);
+        var t = we(r);
+        ye(r, null, [ {
             key: "validateRows",
             // @docs-props-type TextPropsBase
             value: function e(t) {
@@ -789,13 +790,13 @@
         } ]);
         function r(e) {
             var i;
-            ve(this, r);
+            be(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() {
+            Ae(Le(i), "controlledExternally", void 0);
+            Ae(Le(i), "input", null);
+            Ae(Le(i), "startAdornment", null);
+            Ae(Le(i), "endAdornment", null);
+            Ae(Le(i), "getAdornmentWidth", (function() {
                 var e = i.startAdornment ? i.startAdornment.getBoundingClientRect() : undefined;
                 var t = e && Math.round(e.width);
                 if (i.state.startAdornmentWidth !== t) {
@@ -811,11 +812,11 @@
                     });
                 }
             }));
-            Ee(ke(i), "handleInputMount", (function(e) {
+            Ae(Le(i), "handleInputMount", (function(e) {
                 i.input = e;
-                ne(i.props.inputRef, e);
+                ie(i.props.inputRef, e);
             }));
-            Ee(ke(i), "handleInputChange", (function(e) {
+            Ae(Le(i), "handleInputChange", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -829,19 +830,19 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleInputKeyDown", (function(e) {
+            Ae(Le(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) {
+            Ae(Le(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) {
+            Ae(Le(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), "handleBoxClick", (function(e) {
+            Ae(Le(i), "handleBoxClick", (function(e) {
                 var t, r;
                 if (document.activeElement !== i.input) {
                     var n;
@@ -849,10 +850,10 @@
                 }
                 (t = (r = i.props).onClick) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Ee(ke(i), "handleAdornmentClick", (function(e) {
+            Ae(Le(i), "handleAdornmentClick", (function(e) {
                 e.stopPropagation();
             }));
-            Ee(ke(i), "handleInputFocus", (function(e) {
+            Ae(Le(i), "handleInputFocus", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -861,7 +862,7 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleInputBlur", (function(e) {
+            Ae(Le(i), "handleInputBlur", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -870,7 +871,7 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleClear", (function(e) {
+            Ae(Le(i), "handleClear", (function(e) {
                 var t, r;
                 e.preventDefault();
                 var n = "";
@@ -886,38 +887,38 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleVisibilityToggle", (function() {
+            Ae(Le(i), "handleVisibilityToggle", (function() {
                 i.setState((function(e) {
                     return {
                         hideVisibility: !e.hideVisibility
                     };
                 }));
             }));
-            Ee(ke(i), "renderEndAdornment", (function() {
+            Ae(Le(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 d = c.isPrisma, p = c.isCompact, u = c.isEnterprise;
+                var f = p ? "20px" : "24px";
                 var m = {
                     ref: function e(t) {
                         i.endAdornment = t;
                     },
-                    disabled: l,
+                    disabled: !!l,
                     $position: "end"
                 };
                 if (a) {
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, ve({
                         "data-test": "end-adornment",
                         onClick: i.handleAdornmentClick
                     }, m), a);
                 }
                 if (o && !l) {
-                    var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement($, null);
+                    var h = i.state.hideVisibility ?  n().createElement(D, null) :  n().createElement(R, null);
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, ve({
                         onClick: i.handleAdornmentClick
-                    }, m),  n().createElement(Q, {
+                    }, m),  n().createElement(X, {
                         appearance: "subtle",
                         "data-test": "password-toggle",
                         inline: false,
@@ -933,8 +934,8 @@
                 if (u && r === "search") {
                     if (!w) {
                         
-                        return n().createElement(re, m,  n().createElement(K, {
-                            $disabled: l,
+                        return n().createElement(ne, m,  n().createElement(G, {
+                            $disabled: !!l,
                             "data-test": "search-icon"
                         },  n().createElement(g(), {
                             screenReaderText: null,
@@ -944,7 +945,7 @@
                         })));
                     }
                     
-                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                    return n().createElement(ne, m, !l &&  n().createElement(K, {
                         appearance: "subtle",
                         "data-test": "clear",
                         inline: false,
@@ -954,9 +955,9 @@
                             screenReaderText: null
                         }),
                         onClick: i.handleClear
-                    }),  n().createElement(K, {
+                    }),  n().createElement(G, {
                         "data-test": "search-icon",
-                        $disabled: l
+                        $disabled: !!l
                     },  n().createElement(g(), {
                         screenReaderText: null,
                         hideDefaultTooltip: true,
@@ -964,9 +965,9 @@
                         inline: false
                     })));
                 }
-                if (!!w && (p && r === "search" || s)) {
+                if (!!w && (d && r === "search" || s)) {
                     
-                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                    return n().createElement(ne, m, !l &&  n().createElement(K, {
                         "data-test": "clear",
                         appearance: "subtle",
                         "aria-label": x,
@@ -983,29 +984,29 @@
                 }
                 return undefined;
             }));
-            Ee(ke(i), "renderStartAdornment", (function() {
+            Ae(Le(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 = {
+                var d = {
                     ref: function e(t) {
                         i.startAdornment = t;
                     },
-                    disabled: o,
+                    disabled: !!o,
                     $position: "start"
                 };
                 if (r) {
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, ve({
                         "data-test": "start-adornment",
                         onClick: i.handleAdornmentClick
-                    }, p), r);
+                    }, d), r);
                 }
                 if (l && t === "search") {
                     
-                    return n().createElement(re, p,  n().createElement(K, {
+                    return n().createElement(ne, d,  n().createElement(G, {
                         "data-test": "search-icon",
-                        $disabled: o
+                        $disabled: !!o
                     },  n().createElement(w(), {
                         height: c,
                         width: c
@@ -1013,7 +1014,7 @@
                 }
                 return undefined;
             }));
-            Ee(ke(i), "getDisplayValue", (function() {
+            Ae(Le(i), "getDisplayValue", (function() {
                 var e = i.isControlled() ? i.props.value : i.state.value;
                 return e;
             }));
@@ -1034,7 +1035,7 @@
             r.validateRows(e);
             return i;
         }
-        Ce(r, [ {
+        ye(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.getAdornmentWidth();
@@ -1075,27 +1076,28 @@
         }, {
             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, C = t.inline, y = 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, $ = t.title, _ = t.type, P = t.useSyntheticPlaceholder, B = fe(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 = ue(ue({
+                var t = this.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, d = t.className, u = t.classNamePrivate, m = t.disabled, h = t.describedBy, v = t.elementRef, b = t.error, C = t.inline, y = 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, $ = t.spellCheck, M = t.tabIndex, R = t.title, _ = t.type, P = t.useSyntheticPlaceholder, D = 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 B = fe(fe({
                     role: "textbox"
-                }, f()(B, (function(e, t) {
+                }, f()(D, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
                     "aria-describedby": h,
                     "aria-labelledby": x,
-                    "aria-invalid": b || undefined
+                    "aria-invalid": b || undefined,
+                    "aria-disabled": m === "dimmed"
                 });
-                var N = d()(B, [ "inputRef", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ae(c()(D))));
+                var N = p()(D, [ "inputRef", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(oe(c()(B))));
                 var q = this.getDisplayValue();
                 var V = {
-                    className: (0, O.toClassName)(p, y),
+                    className: (0, O.toClassName)(d, y),
                     $append: r || undefined,
                     $error: b,
                     $prepend: I || undefined
                 };
                 var W = this.state.hideVisibility ? "password" : "text";
                 var z = A ? W : _;
-                var Z = ue(ue({}, D), {}, {
+                var Z = fe(fe({}, B), {}, {
                     "data-test": "textbox",
                     autoCapitalize: i,
                     autoComplete: a,
@@ -1113,12 +1115,12 @@
                     onBlur: this.handleInputBlur,
                     ref: this.handleInputMount,
                     required: j,
-                    spellCheck: M,
+                    spellCheck: $,
                     style: {
                         height: this.state.height
                     },
-                    title: $,
-                    tabIndex: R,
+                    title: R,
+                    tabIndex: M,
                     type: z,
                     value: q,
                     $error: b
@@ -1128,65 +1130,66 @@
                                 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.renderStartAdornment();
-                var Y = this.renderEndAdornment();
-                var re = !!Q;
-                var ne = !!Y;
+                var G = this.renderStartAdornment();
+                var X = this.renderEndAdornment();
+                var ee = !!G;
+                var ne = !!X;
                 if (w) {
                     
                     return n().createElement(E(), this.props);
                 }
                 
-                return n().createElement(G, he({
+                return n().createElement(U, ve({
                     tabIndex: -1,
                     $isTimeInput: K,
-                    className: (0, O.toClassName)(p, u),
+                    className: (0, O.toClassName)(d, u),
                     "data-test": "text",
                     "data-test-value": H,
                     elementRef: v,
                     flex: true,
                     inline: C,
                     onClick: this.handleBoxClick
-                }, N), Q,  n().createElement(U, he({
+                }, N), G,  n().createElement(J, ve({
                     $hasEndAdornment: ne,
-                    $hasStartAdornment: re,
-                    disabled: m
-                }, V), re &&  n().createElement(ee, {
+                    $hasStartAdornment: ee,
+                    $isDisabled: m === true,
+                    $isDimmed: m === "dimmed"
+                }, V), ee &&  n().createElement(te, {
                     $width: this.state.startAdornmentWidth
-                }), m ?  n().createElement(J, he({
-                    className: (0, O.toClassName)(p, u),
+                }), m ?  n().createElement(Q, ve({
+                    className: (0, O.toClassName)(d, u),
                     "data-test": "textbox",
-                    disabled: true,
+                    disabled: m === true,
                     readOnly: true,
                     type: z,
                     value: q,
                     placeholder: T && !P ? T : undefined
-                }, D)) :  n().createElement(J, he({}, Z, {
+                }, B)) :  n().createElement(Q, ve({}, Z, {
                     onClick: this.handleInputClick
-                })), F &&  n().createElement(L(), null, T), F &&  n().createElement(X, {
+                })), F &&  n().createElement(L(), null, T), F &&  n().createElement(Y, {
                     $endAdornmentWidth: this.state.endAdornmentWidth,
-                    $hasBothAdornment: re && ne,
+                    $hasBothAdornment: ee && ne,
                     $hasEndAdornment: ne,
-                    $hasStartAdornment: re,
+                    $hasStartAdornment: ee,
                     $startAdornmentWidth: this.state.startAdornmentWidth,
                     "aria-hidden": true,
                     "data-role": "placeholder"
-                }, T), s, ne &&  n().createElement(te, {
+                }, T), s, ne &&  n().createElement(re, {
                     $width: this.state.endAdornmentWidth
-                })), Y);
+                })), X);
             }
         } ]);
         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;
+    Ae(Ie, "propTypes", Oe);
+    Ae(Ie, "defaultProps", Te);
+    Ae(Ie, "componentType", "Text");
+    Ae(Ie, "contextType", m.ControlGroupContext);
+    var je = (0, A.withSplunkTheme)(Ie);
+    var $e = je;
+    $e.propTypes = Ie.propTypes;
+    $e.componentType = Ie.componentType;
+    /* harmony default export */    const Me = $e;
     // CONCATENATED MODULE: ./src/Text/index.ts
     module.exports = t;
     /******/})();