@splunk/react-ui 4.37.0 → 4.39.0

package/Text.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ Me
+        default: () => /* reexport */ Be
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -80,310 +80,217 @@
     var d =  e.n(p);
     // CONCATENATED MODULE: external "lodash/pickBy"
     const u = require("lodash/pickBy");
-    var f =  e.n(u);
+    var m =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
-    const m = require("@splunk/react-ui/ControlGroup");
+    const f = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const h = require("@splunk/react-icons/Cross");
-    var v =  e.n(h);
+    const v = require("@splunk/react-icons/Cross");
+    var h =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
     const b = require("@splunk/react-icons/enterprise/Close");
-    var C =  e.n(b);
+    var y =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const y = require("@splunk/react-icons/enterprise/Search");
-    var g =  e.n(y);
+    const g = require("@splunk/react-icons/enterprise/Search");
+    var x =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const x = require("@splunk/react-icons/Magnifier");
-    var w =  e.n(x);
+    const w = require("@splunk/react-icons/Magnifier");
+    var C =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const k = require("@splunk/react-ui/ScreenReaderContent");
-    var L =  e.n(k);
+    var S =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/react-ui/TextArea"
-    const S = require("@splunk/react-ui/TextArea");
-    var E =  e.n(S);
+    const A = require("@splunk/react-ui/TextArea");
+    var E =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const A = require("@splunk/themes");
+    const O = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/style"
-    const O = require("@splunk/ui-utils/style");
+    const T = require("@splunk/ui-utils/style");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const T = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-    const I = require("@splunk/react-icons/SVGEnterprise");
-    var j =  e.n(I);
+    const I = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-icons/EyeSlashed"
+    const $ = require("@splunk/react-icons/EyeSlashed");
+    var j =  e.n($);
     // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
-    function M() {
-        M = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
-                }
-            }
-            return e;
-        };
-        return M.apply(this, arguments);
-    }
-    function R(e) {
-        var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
-        if (r === "enterprise") {
-            
-            return n().createElement(j(), M({
-                viewBox: "0 0 24 24",
-                size: 1.2,
-                screenReaderText: (0, T._)("Hide password")
-            }, e),  n().createElement("path", {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
-                fill: "currentColor"
-            }),  n().createElement("path", {
-                d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
-                fill: "currentColor"
-            }),  n().createElement("path", {
-                d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
-                fill: "currentColor"
-            }));
-        }
-        var a = i === "compact" ? "20" : "24";
+    function P() {
+        var e = (0, O.useSplunkTheme)(), t = e.family, r = e.density;
+        var i = r === "compact" ? "20" : "24";
+        var a = "1.2em";
+        var o = t === "prisma" ? i : a;
         
-        return n().createElement("svg", {
-            width: a,
-            height: a,
-            viewBox: "0 0 24 24",
-            xmlns: "http://www.w3.org/2000/svg",
-            style: {
-                display: "block"
-            }
-        },  n().createElement("title", null, (0, T._)("Hide password")),  n().createElement("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M4.00691 3.89287C3.61638 3.50234 2.98322 3.50235 2.5927 3.89287C2.20217 4.2834 2.20217 4.91656 2.5927 5.30708L4.35908 7.07346C3.63043 7.75302 2.99174 8.52671 2.46085 9.37612L1.18794 11.4128C0.963393 11.7721 0.963395 12.2279 1.18794 12.5872L2.46085 14.6239C3.3213 16.0006 4.46494 17.1784 5.81576 18.0789L5.94933 18.1679C7.74121 19.3625 9.8466 20 12.0002 20C13.5116 20 14.9993 19.686 16.3715 19.0858L18.5982 21.3125C18.9887 21.703 19.6218 21.703 20.0124 21.3125C20.4029 20.922 20.4029 20.2888 20.0124 19.8983L4.00691 3.89287ZM14.8257 17.54L13.0353 15.7496C12.7056 15.8405 12.3583 15.889 11.9997 15.889C9.85196 15.889 8.11084 14.1479 8.11084 12.0001C8.11084 11.6415 8.15937 11.2943 8.25022 10.9646L5.77433 8.48871C5.15179 9.06078 4.60729 9.71541 4.15685 10.4361L3.17943 12L4.15685 13.5639C4.86685 14.6999 5.81053 15.6717 6.92516 16.4148L7.05873 16.5038C8.52208 17.4794 10.2415 18 12.0002 18C12.9658 18 13.9196 17.8431 14.8257 17.54Z",
-            fill: "currentColor"
-        }),  n().createElement("path", {
-            d: "M10.9657 8.25019L15.7496 13.0342C15.8402 12.7049 15.8886 12.3581 15.8886 12.0001C15.8886 9.85232 14.1475 8.11121 11.9997 8.11121C11.6417 8.11121 11.2949 8.15959 10.9657 8.25019Z",
-            fill: "currentColor"
-        }),  n().createElement("path", {
-            d: "M19.8435 13.5639C19.3932 14.2844 18.8488 14.939 18.2264 15.5109L19.6417 16.9262C20.3702 16.2467 21.0087 15.4731 21.5395 14.6239L22.8124 12.5872C23.037 12.2279 23.037 11.7721 22.8124 11.4128L21.5395 9.37612C20.6791 7.99942 19.5354 6.82164 18.1846 5.9211L18.051 5.83205C16.2591 4.63746 14.1538 4 12.0002 4C10.489 4 9.00149 4.31389 7.62941 4.91392L9.17525 6.45977C10.0811 6.15687 11.0347 6 12.0002 6C13.7589 6 15.4783 6.52059 16.9416 7.49615L17.0752 7.5852C18.1898 8.32829 19.1335 9.30013 19.8435 10.4361L20.8209 12L19.8435 13.5639Z",
-            fill: "currentColor"
-        }));
+        return n().createElement(j(), {
+            width: o,
+            height: o
+        });
     }
-    /* harmony default export */    const $ = R;
+    /* harmony default export */    const _ = P;
+    // CONCATENATED MODULE: external "@splunk/react-icons/Eye"
+    const D = require("@splunk/react-icons/Eye");
+    var B =  e.n(D);
     // CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
-    function _() {
-        _ = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
-                }
-            }
-            return e;
-        };
-        return _.apply(this, arguments);
-    }
-    function P(e) {
-        var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
-        if (r === "enterprise") {
-            
-            return n().createElement(j(), _({
-                viewBox: "0 0 24 24",
-                size: 1.2,
-                screenReaderText: (0, T._)("View password")
-            }, e),  n().createElement("path", {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
-                fill: "currentColor"
-            }),  n().createElement("path", {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
-                fill: "currentColor"
-            }));
-        }
-        var a = i === "compact" ? "20" : "24";
+    function N() {
+        var e = (0, O.useSplunkTheme)(), t = e.family, r = e.density;
+        var i = r === "compact" ? "20" : "24";
+        var a = "1.2em";
+        var o = t === "prisma" ? i : a;
         
-        return n().createElement("svg", {
-            width: a,
-            height: a,
-            viewBox: "0 0 24 24",
-            xmlns: "http://www.w3.org/2000/svg",
-            style: {
-                display: "block"
-            }
-        },  n().createElement("title", null, (0, T._)("View password")),  n().createElement("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M15.7745 11.8654C15.7745 14.0132 14.0334 15.7543 11.8857 15.7543C9.73788 15.7543 7.99677 14.0132 7.99677 11.8654C7.99677 9.71762 9.73788 7.9765 11.8857 7.9765C14.0334 7.9765 15.7745 9.71762 15.7745 11.8654ZM13.7745 11.8654C13.7745 12.9086 12.9289 13.7543 11.8857 13.7543C10.8424 13.7543 9.99677 12.9086 9.99677 11.8654C9.99677 10.8222 10.8424 9.9765 11.8857 9.9765C12.9289 9.9765 13.7745 10.8222 13.7745 11.8654Z",
-            fill: "currentColor"
-        }),  n().createElement("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M11.8859 3.86536C9.73235 3.86536 7.62695 4.50282 5.83507 5.69741L5.7015 5.78646C4.35068 6.687 3.20704 7.86477 2.3466 9.24148L1.07369 11.2781C0.849136 11.6374 0.849137 12.0933 1.07369 12.4526L2.3466 14.4892C3.20704 15.8659 4.35068 17.0437 5.7015 17.9443L5.83507 18.0333C7.62695 19.2279 9.73235 19.8654 11.8859 19.8654C14.0395 19.8654 16.1449 19.2279 17.9368 18.0333L18.0703 17.9443C19.4212 17.0437 20.5648 15.8659 21.4252 14.4892L22.6982 12.4526C22.9227 12.0933 22.9227 11.6374 22.6982 11.2781L21.4252 9.24148C20.5648 7.86477 19.4212 6.687 18.0703 5.78645L17.9368 5.69741C16.1449 4.50282 14.0395 3.86536 11.8859 3.86536ZM6.94447 7.36151C8.40782 6.38594 10.1272 5.86536 11.8859 5.86536C13.6446 5.86536 15.364 6.38594 16.8274 7.36151L16.9609 7.45056C18.0756 8.19364 19.0193 9.16549 19.7293 10.3015L20.7067 11.8654L19.7293 13.4292C19.0193 14.5652 18.0756 15.5371 16.9609 16.2802L16.8274 16.3692C15.364 17.3448 13.6446 17.8654 11.8859 17.8654C10.1272 17.8654 8.40782 17.3448 6.94447 16.3692L6.8109 16.2802C5.69627 15.5371 4.75259 14.5652 4.04259 13.4292L3.06517 11.8654L4.04259 10.3015C4.75259 9.16549 5.69627 8.19364 6.8109 7.45056L6.94447 7.36151Z",
-            fill: "currentColor"
-        }));
+        return n().createElement(B(), {
+            width: o,
+            height: o
+        });
     }
-    /* harmony default export */    const B = P;
+    /* harmony default export */    const q = N;
     // CONCATENATED MODULE: external "styled-components"
-    const D = require("styled-components");
-    var N =  e.n(D);
+    const M = require("styled-components");
+    var R =  e.n(M);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const q = require("@splunk/react-ui/Box");
-    var V =  e.n(q);
+    const W = require("@splunk/react-ui/Box");
+    var V =  e.n(W);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const W = require("@splunk/react-ui/Button");
-    var z =  e.n(W);
+    const z = require("@splunk/react-ui/Button");
+    var F =  e.n(z);
     // CONCATENATED MODULE: ./src/Text/TextStyles.ts
-    var Z = (0, D.css)([ "&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], (0, 
-    A.pick)({
-        enterprise: A.variables.textDisabledColor,
-        prisma: A.variables.contentColorDisabled
-    }), (0, A.pick)({
-        enterprise: A.variables.textDisabledColor,
-        prisma: A.variables.contentColorDisabled
+    var H = (0, M.css)([ "&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], (0, 
+    O.pick)({
+        enterprise: O.variables.textDisabledColor,
+        prisma: O.variables.contentColorDisabled
+    }), (0, O.pick)({
+        enterprise: O.variables.textDisabledColor,
+        prisma: O.variables.contentColorDisabled
+    }));
+    var K = (0, M.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);", "" ], O.variables.interactiveColorBorderDisabled, (0, 
+    O.pick)({
+        enterprise: (0, M.css)([ "background-color:", ";" ], O.variables.interactiveColorBackgroundDisabled)
     }));
-    var F = (0, D.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
-    A.pick)({
-        enterprise: A.variables.borderRadius,
+    var L = (0, M.css)([ "border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
+    O.pick)({
+        enterprise: O.variables.borderRadius,
         prisma: "50%"
-    }), (0, A.pick)({
-        enterprise: (0, D.css)([ "width:", ";height:", ";" ], A.variables.inputHeight, A.variables.inputHeight),
+    }), (0, O.pick)({
+        enterprise: (0, M.css)([ "width:", ";height:", ";" ], O.variables.inputHeight, O.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, M.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
+            compact: (0, M.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
         }
-    }), (0, A.pick)({
+    }), (0, O.pick)({
         enterprise: {
-            light: A.variables.gray60,
-            dark: A.variables.white
+            light: O.variables.gray60,
+            dark: O.variables.white
         },
-        prisma: A.variables.contentColorMuted
+        prisma: O.variables.contentColorMuted
     }));
-    var H = N()(z()).withConfig({
+    var G = R()(F()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
-    })([ "display:none;visibility:hidden;", "" ], F);
-    var K = N().span.withConfig({
+    })([ "display:none;visibility:hidden;", "" ], L);
+    var U = R().span.withConfig({
         displayName: "TextStyles__StyledSearchIconWrapper",
         componentId: "eg7n6t-1"
-    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], A.mixins.reset("inline-block"), (0, 
-    A.pick)({
+    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], O.mixins.reset("inline-block"), (0, 
+    O.pick)({
         enterprise: {
-            light: A.variables.gray60,
-            dark: A.variables.white
+            light: O.variables.gray60,
+            dark: O.variables.white
         },
-        prisma: A.variables.contentColorMuted
-    }), (0, A.pick)({
+        prisma: O.variables.contentColorMuted
+    }), (0, O.pick)({
         comfortable: "0 8px",
         compact: "0 6px"
     }), (function(e) {
         var t = e.$disabled;
-        return t && (0, D.css)([ "", "" ], (0, A.pick)({
-            enterprise: (0, D.css)([ "color:", ";" ], A.variables.textDisabledColor),
-            prisma: (0, D.css)([ "color:", ";" ], A.variables.contentColorDisabled)
+        return t && (0, M.css)([ "", "" ], (0, O.pick)({
+            enterprise: (0, M.css)([ "color:", ";" ], O.variables.textDisabledColor),
+            prisma: (0, M.css)([ "color:", ";" ], O.variables.contentColorDisabled)
         }));
     }));
-    var G = N()(V()).withConfig({
+    var J = R()(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;" ])
-    }), 
-    /* sc-sel */
-    H, (function(e) {
+    })([ "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;}}", "" ], O.variables.spacingSmall, /* sc-sel */ U, (0, 
+    O.pick)({
+        enterprise: (0, M.css)([ "display:none;" ])
+    }), /* sc-sel */ G, (function(e) {
         var t = e.$isTimeInput;
-        return t && (0, D.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], 
-        /* sc-sel */
-        H);
+        return t && (0, M.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], /* sc-sel */ G);
     }));
-    var U = N().span.withConfig({
+    var Q = R().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, 
-    A.pick)({
+    })([ "", ";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;", " ", " ", " ", " ", " ", " ", "" ], O.mixins.reset("inline-flex"), O.variables.inputHeight, O.variables.interactiveColorBorder, O.variables.borderRadius, (0, 
+    O.pick)({
         enterprise: {
-            light: A.variables.white,
-            dark: A.variables.gray22
+            light: O.variables.white,
+            dark: O.variables.gray22
         },
-        prisma: A.variables.transparent
-    }), (0, A.pick)({
+        prisma: O.variables.transparent
+    }), (0, O.pick)({
         enterprise: "0 10px",
         prisma: "0 12px"
     }), (function(e) {
         var t = e.$hasEndAdornment;
-        return t && (0, D.css)([ "padding-right:0;" ]);
+        return t && (0, M.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, M.css)([ "padding-left:0;" ]);
+    }), (function(e) {
+        var t = e.$isDisabled;
+        return !t && (0, M.css)([ "&:focus-within{box-shadow:", ";color:", ";}" ], O.variables.focusShadow, O.variables.contentColorActive);
+    }), (function(e) {
+        var t = e.$isDisabled, r = e.$isDimmed;
+        return t || r ? K : (0, M.css)([ "&:hover{border-color:", ";}" ], O.variables.interactiveColorBorderHover);
+    }), (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}" ], A.variables.accentColorNegative);
+        return t && (0, M.css)([ "&,&:hover{border-color:", ";}" ], O.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, M.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, M.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 X = R().input.withConfig({
         displayName: "TextStyles__StyledInput",
         componentId: "eg7n6t-4"
-    })([ "", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}" ], A.mixins.reset("inline-flex"), (0, 
-    A.pick)({
-        enterprise: A.variables.textColor,
-        prisma: A.variables.contentColorActive
-    }), A.variables.sansFontFamily, (0, A.pick)({
+    })([ "", ";&,&[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']{", "}}" ], O.mixins.reset("inline-flex"), (0, 
+    O.pick)({
+        enterprise: O.variables.textColor,
+        prisma: O.variables.contentColorActive
+    }), O.variables.sansFontFamily, (0, O.pick)({
         enterprise: "20px",
         prisma: {
             comfortable: "24px",
             compact: "20px"
         }
-    }), (0, A.pick)({
-        enterprise: A.variables.spacingSmall,
+    }), (0, O.pick)({
+        enterprise: O.variables.spacingSmall,
         prisma: "14px"
-    }), A.variables.contentColorMuted, (function(e) {
+    }), O.variables.contentColorMuted, (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover{color:", ";}" ], (0, A.pick)({
+        return t && (0, M.css)([ "&,&:hover{color:", ";}" ], (0, O.pick)({
             enterprise: {
-                light: A.variables.errorColorD10,
-                dark: A.variables.errorColorL20
+                light: O.variables.errorColorD10,
+                dark: O.variables.errorColorL20
             },
-            prisma: A.variables.contentColorActive
+            prisma: O.variables.contentColorActive
         }));
-    }), (function(e) {
-        var t = e.disabled;
-        return t && Z;
-    }));
-    var Q = N()(z()).withConfig({
+    }), H);
+    var Y = R()(F()).withConfig({
         displayName: "TextStyles__StyledVisibilityToggle",
         componentId: "eg7n6t-5"
-    })([ "", "" ], F);
-    var X = N().span.withConfig({
+    })([ "", "" ], L);
+    var Z = R().span.withConfig({
         displayName: "TextStyles__StyledPlaceholder",
         componentId: "eg7n6t-6"
     })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
-    A.pick)({
-        enterprise: A.variables.textGray,
-        prisma: A.variables.contentColorMuted
-    }), A.variables.lineHeight, (0, A.pick)({
+    O.pick)({
+        enterprise: O.variables.textGray,
+        prisma: O.variables.contentColorMuted
+    }), O.variables.lineHeight, (0, O.pick)({
         enterprise: "10px",
         prisma: "14px"
     }), (function(e) {
         var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
-        return t && (r ? (0, D.css)([ "margin-left:", "px;" ], r) : (0, D.css)([ "margin-left:", ";" ], (0, 
-        A.pick)({
+        return t && (r ? (0, M.css)([ "margin-left:", "px;" ], r) : (0, M.css)([ "margin-left:", ";" ], (0, 
+        O.pick)({
             enterprise: {
                 comfortable: "30px",
                 compact: "26px"
@@ -395,13 +302,13 @@
         })));
     }), (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, M.css)([ "max-width:calc( 100% - ", " - ", "px );" ], (0, O.pick)({
             enterprise: "10px",
             prisma: "14px"
-        }), r) : (0, D.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, A.pick)({
+        }), r) : (0, M.css)([ "max-width:calc( 100% - ", " - ", " );" ], (0, O.pick)({
             enterprise: "10px",
             prisma: "14px"
-        }), (0, A.pick)({
+        }), (0, O.pick)({
             enterprise: {
                 comfortable: "30px",
                 compact: "26px"
@@ -413,10 +320,10 @@
         })));
     }), (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, M.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
     }));
-    var Y = (0, D.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
-    A.pick)({
+    var ee = (0, M.css)([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;" ], (0, 
+    O.pick)({
         enterprise: {
             comfortable: "30px",
             compact: "26px"
@@ -426,13 +333,13 @@
             compact: "30px"
         }
     }));
-    var ee = N().div.withConfig({
+    var te = R().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, 
-        A.pick)({
+        return t ? (0, M.css)([ "min-width:", "px;" ], t) : (0, M.css)([ "min-width:", ";" ], (0, 
+        O.pick)({
             enterprise: {
                 comfortable: "30px",
                 compact: "26px"
@@ -443,13 +350,13 @@
             }
         }));
     }));
-    var te = N().div.withConfig({
+    var re = R().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, 
-        A.pick)({
+        return t ? (0, M.css)([ "min-width:", "px;" ], t) : (0, M.css)([ "min-width:", ";" ], (0, 
+        O.pick)({
             enterprise: {
                 comfortable: "30px",
                 compact: "26px"
@@ -460,11 +367,11 @@
             }
         }));
     }));
-    var re = N().div.withConfig({
+    var ne = R().div.withConfig({
         displayName: "TextStyles__StyledAdornment",
         componentId: "eg7n6t-9"
     })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", "" ], (0, 
-    A.pick)({
+    O.pick)({
         enterprise: {
             comfortable: "30px",
             compact: "26px"
@@ -473,20 +380,20 @@
             comfortable: "38px",
             compact: "30px"
         }
-    }), (0, A.pick)({
+    }), (0, O.pick)({
         enterprise: {
-            light: A.variables.gray60,
-            dark: A.variables.white
+            light: O.variables.gray60,
+            dark: O.variables.white
         },
-        prisma: A.variables.contentColorMuted
+        prisma: O.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, M.css)([ "top:1px;left:1px;" ]) : (0, M.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;" ])
+        return t && H;
+    }), (0, O.pick)({
+        enterprise: (0, M.css)([ "margin-left:-1px;margin-right:-1px;" ])
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -495,7 +402,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,210 +415,184 @@
         }
     }
     // 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) {
-                return typeof t;
-            };
-        } else {
-            ie = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return ie(e);
+        return ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, ae(e);
     }
-    function ae(e) {
-        return ce(e) || se(e) || le(e) || oe();
+    function oe(e) {
+        return pe(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) {
-        if (!e) return;
-        if (typeof e === "string") return pe(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 pe(e, t);
-    }
-    function se(e) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    function se(e, t) {
+        if (e) {
+            if ("string" == typeof e) return de(e, t);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? de(e, t) : void 0;
+        }
     }
     function ce(e) {
-        if (Array.isArray(e)) return pe(e);
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function pe(e) {
+        if (Array.isArray(e)) return de(e);
     }
-    function pe(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var r = 0, n = new Array(t); r < t; r++) {
+    function de(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var r = 0, n = Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function de(e, t) {
+    function ue(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
-    function ue(e) {
+    function me(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]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                de(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            var r = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? ue(Object(r), !0).forEach((function(t) {
+                Oe(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
     function fe(e, t) {
-        if (e == null) return {};
-        var r = me(e, t);
-        var n, i;
+        if (null == e) return {};
+        var r, n, i = ve(e, t);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (n = 0; n < a.length; n++) {
+                r = a[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
-    function me(e, t) {
-        if (e == null) return {};
+    function ve(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
     function he() {
-        he = Object.assign || function(e) {
+        return he = Object.assign ? Object.assign.bind() : 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];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return he.apply(this, arguments);
-    }
-    function ve(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+        }, he.apply(null, arguments);
     }
     function be(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    }
+    function ye(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, Te(n.key), n);
         }
     }
-    function Ce(e, t, r) {
-        if (t) be(e.prototype, t);
-        if (r) be(e, r);
-        return e;
+    function ge(e, t, r) {
+        return t && ye(e.prototype, t), r && ye(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function ye(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function xe(e, t) {
+        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) ge(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && we(e, t);
     }
-    function ge(e, t) {
-        ge = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return ge(e, t);
+    function we(e, t) {
+        return we = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, we(e, t);
     }
-    function xe(e) {
-        var t = Le();
-        return function r() {
-            var n = Se(e), i;
+    function Ce(e) {
+        var t = Ae();
+        return function() {
+            var r, n = Ee(e);
             if (t) {
-                var a = Se(this).constructor;
-                i = Reflect.construct(n, arguments, a);
-            } else {
-                i = n.apply(this, arguments);
-            }
-            return we(this, i);
+                var i = Ee(this).constructor;
+                r = Reflect.construct(n, arguments, i);
+            } else r = n.apply(this, arguments);
+            return ke(this, r);
         };
     }
-    function we(e, t) {
-        if (t && (ie(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return ke(e);
+    function ke(e, t) {
+        if (t && ("object" == ae(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return Se(e);
     }
-    function ke(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function Se(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Le() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function Ae() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (Ae = function t() {
+            return !!e;
+        })();
     }
-    function Se(e) {
-        Se = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return Se(e);
+    function Ee(e) {
+        return Ee = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, Ee(e);
     }
-    function Ee(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function Oe(e, t, r) {
+        return (t = Te(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function Te(e) {
+        var t = Ie(e, "string");
+        return "symbol" == ae(t) ? t : t + "";
+    }
+    function Ie(e, t) {
+        if ("object" != ae(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != ae(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    /** @public */    var Ae = {
+    /** @public */
+    /** @public */
+    /** @public */    var $e = {
         appearance: a().oneOf([ "default", "search" ]),
         append: a().bool,
         autoCapitalize: a().string,
@@ -724,7 +605,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 +640,7 @@
         useSyntheticPlaceholder: a().bool,
         value: a().string
     };
-    var Oe = {
+    var je = {
         appearance: "default",
         append: false,
         autoFocus: false,
@@ -776,10 +657,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 Pe =  function(e) {
+        xe(r, e);
+        var t = Ce(r);
+        ge(r, null, [ {
             key: "validateRows",
             // @docs-props-type TextPropsBase
             value: function e(t) {
@@ -789,13 +670,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() {
+            Oe(Se(i), "controlledExternally", void 0);
+            Oe(Se(i), "input", null);
+            Oe(Se(i), "startAdornment", null);
+            Oe(Se(i), "endAdornment", null);
+            Oe(Se(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 +692,11 @@
                     });
                 }
             }));
-            Ee(ke(i), "handleInputMount", (function(e) {
+            Oe(Se(i), "handleInputMount", (function(e) {
                 i.input = e;
-                ne(i.props.inputRef, e);
+                ie(i.props.inputRef, e);
             }));
-            Ee(ke(i), "handleInputChange", (function(e) {
+            Oe(Se(i), "handleInputChange", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -829,19 +710,19 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleInputKeyDown", (function(e) {
+            Oe(Se(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) {
+            Oe(Se(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) {
+            Oe(Se(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) {
+            Oe(Se(i), "handleBoxClick", (function(e) {
                 var t, r;
                 if (document.activeElement !== i.input) {
                     var n;
@@ -849,10 +730,10 @@
                 }
                 (t = (r = i.props).onClick) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Ee(ke(i), "handleAdornmentClick", (function(e) {
+            Oe(Se(i), "handleAdornmentClick", (function(e) {
                 e.stopPropagation();
             }));
-            Ee(ke(i), "handleInputFocus", (function(e) {
+            Oe(Se(i), "handleInputFocus", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -861,7 +742,7 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleInputBlur", (function(e) {
+            Oe(Se(i), "handleInputBlur", (function(e) {
                 var t, r;
                 var n = e.target.value;
                 var a = i.props.name;
@@ -870,7 +751,7 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleClear", (function(e) {
+            Oe(Se(i), "handleClear", (function(e) {
                 var t, r;
                 e.preventDefault();
                 var n = "";
@@ -886,57 +767,60 @@
                     name: a
                 });
             }));
-            Ee(ke(i), "handleVisibilityToggle", (function() {
+            Oe(Se(i), "handleVisibilityToggle", (function() {
                 i.setState((function(e) {
                     return {
                         hideVisibility: !e.hideVisibility
                     };
                 }));
             }));
-            Ee(ke(i), "renderEndAdornment", (function() {
+            Oe(Se(i), "renderEndAdornment", (function() {
                 var e;
                 var t = i.props, r = t.appearance, a = t.endAdornment, o = t.passwordVisibilityToggle, l = t.disabled, s = t.canClear, c = t.splunkTheme;
-                var p = c.isPrisma, d = c.isCompact, u = c.isEnterprise;
-                var f = d ? "20px" : "24px";
-                var m = {
+                var p = i.state.hideVisibility;
+                var d = c.isPrisma, u = c.isCompact, m = c.isEnterprise;
+                var f = u ? "20px" : "24px";
+                var v = {
                     ref: function e(t) {
                         i.endAdornment = t;
                     },
-                    disabled: l,
+                    disabled: !!l,
                     $position: "end"
                 };
                 if (a) {
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, he({
                         "data-test": "end-adornment",
                         onClick: i.handleAdornmentClick
-                    }, m), a);
+                    }, v), a);
                 }
                 if (o && !l) {
-                    var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement($, null);
+                    var b = p ?  n().createElement(q, null) :  n().createElement(_, null);
+                    var g = p ? (0, I._)("Show password") : (0, I._)("Hide password");
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, he({
                         onClick: i.handleAdornmentClick
-                    }, m),  n().createElement(Q, {
+                    }, v),  n().createElement(Y, {
                         appearance: "subtle",
                         "data-test": "password-toggle",
                         inline: false,
                         onClick: i.handleVisibilityToggle,
                         type: "button",
-                        icon: h
+                        icon: b,
+                        "aria-label": g
                     }));
                 }
-                var b = i.context;
-                var y = (e = b.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-                var x = y ? (0, T._)("Clear ".concat(y, " text field")) : (0, T._)("Clear text field");
-                var w = i.getDisplayValue();
-                if (u && r === "search") {
-                    if (!w) {
+                var w = i.context;
+                var C = (e = w.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var k = C ? (0, I._)("Clear ".concat(C, " text field")) : (0, I._)("Clear text field");
+                var S = i.getDisplayValue();
+                if (m && r === "search") {
+                    if (!S) {
                         
-                        return n().createElement(re, m,  n().createElement(K, {
-                            $disabled: l,
+                        return n().createElement(ne, v,  n().createElement(U, {
+                            $disabled: !!l,
                             "data-test": "search-icon"
-                        },  n().createElement(g(), {
+                        },  n().createElement(x(), {
                             screenReaderText: null,
                             hideDefaultTooltip: true,
                             size: "16px",
@@ -944,37 +828,37 @@
                         })));
                     }
                     
-                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                    return n().createElement(ne, v, !l &&  n().createElement(G, {
                         appearance: "subtle",
                         "data-test": "clear",
                         inline: false,
-                        "aria-label": x,
-                        icon:  n().createElement(C(), {
+                        "aria-label": k,
+                        icon:  n().createElement(y(), {
                             size: 1,
                             screenReaderText: null
                         }),
                         onClick: i.handleClear
-                    }),  n().createElement(K, {
+                    }),  n().createElement(U, {
                         "data-test": "search-icon",
-                        $disabled: l
-                    },  n().createElement(g(), {
+                        $disabled: !!l
+                    },  n().createElement(x(), {
                         screenReaderText: null,
                         hideDefaultTooltip: true,
                         size: "16px",
                         inline: false
                     })));
                 }
-                if (!!w && (p && r === "search" || s)) {
+                if (!!S && (d && r === "search" || s)) {
                     
-                    return n().createElement(re, m, !l &&  n().createElement(H, {
+                    return n().createElement(ne, v, !l &&  n().createElement(G, {
                         "data-test": "clear",
                         appearance: "subtle",
-                        "aria-label": x,
+                        "aria-label": k,
                         onClick: i.handleClear,
-                        icon: u ?  n().createElement(C(), {
+                        icon: m ?  n().createElement(y(), {
                             inline: false,
                             screenReaderText: null
-                        }) :  n().createElement(v(), {
+                        }) :  n().createElement(h(), {
                             height: f,
                             inline: false,
                             width: f
@@ -983,7 +867,7 @@
                 }
                 return undefined;
             }));
-            Ee(ke(i), "renderStartAdornment", (function() {
+            Oe(Se(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";
@@ -991,29 +875,29 @@
                     ref: function e(t) {
                         i.startAdornment = t;
                     },
-                    disabled: o,
+                    disabled: !!o,
                     $position: "start"
                 };
                 if (r) {
                     
-                    return n().createElement(re, he({
+                    return n().createElement(ne, he({
                         "data-test": "start-adornment",
                         onClick: i.handleAdornmentClick
                     }, p), r);
                 }
                 if (l && t === "search") {
                     
-                    return n().createElement(re, p,  n().createElement(K, {
+                    return n().createElement(ne, p,  n().createElement(U, {
                         "data-test": "search-icon",
-                        $disabled: o
-                    },  n().createElement(w(), {
+                        $disabled: !!o
+                    },  n().createElement(C(), {
                         height: c,
                         width: c
                     })));
                 }
                 return undefined;
             }));
-            Ee(ke(i), "getDisplayValue", (function() {
+            Oe(Se(i), "getDisplayValue", (function() {
                 var e = i.isControlled() ? i.props.value : i.state.value;
                 return e;
             }));
@@ -1034,7 +918,7 @@
             r.validateRows(e);
             return i;
         }
-        Ce(r, [ {
+        ge(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.getAdornmentWidth();
@@ -1054,6 +938,7 @@
             }
         }, {
             key: "blur",
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var t;
                 (t = this.input) === null || t === void 0 ? void 0 : t.blur();
@@ -1066,7 +951,8 @@
                 var r;
                 (r = this.input) === null || r === void 0 ? void 0 : r.focus(t);
             }
-        }, {
+ // eslint-disable-next-line react/no-unused-class-component-methods
+                }, {
             key: "select",
             value: function e() {
                 var t;
@@ -1075,36 +961,37 @@
         }, {
             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, p = t.className, u = t.classNamePrivate, f = t.disabled, v = t.describedBy, h = t.elementRef, b = t.error, y = t.inline, g = t.inputClassName, x = t.inputId, w = t.labelledBy, C = t.multiline, k = t.maxLength, A = t.name, O = t.passwordVisibilityToggle, I = t.placeholder, $ = t.prepend, j = t.required, P = t.spellCheck, _ = t.tabIndex, D = t.title, B = t.type, N = t.useSyntheticPlaceholder, q = 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 M = me(me({
                     role: "textbox"
-                }, f()(B, (function(e, t) {
+                }, m()(q, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
-                    "aria-describedby": h,
-                    "aria-labelledby": x,
-                    "aria-invalid": b || undefined
+                    "aria-describedby": v,
+                    "aria-labelledby": w,
+                    "aria-invalid": b || undefined,
+                    "aria-disabled": f === "dimmed"
                 });
-                var N = d()(B, [ "inputRef", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ae(c()(D))));
-                var q = this.getDisplayValue();
+                var R = d()(q, [ "inputRef", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(oe(c()(M))));
+                var W = this.getDisplayValue();
                 var V = {
-                    className: (0, O.toClassName)(p, y),
+                    className: (0, T.toClassName)(p, g),
                     $append: r || undefined,
                     $error: b,
-                    $prepend: I || undefined
+                    $prepend: $ || undefined
                 };
-                var W = this.state.hideVisibility ? "password" : "text";
-                var z = A ? W : _;
-                var Z = ue(ue({}, D), {}, {
+                var z = this.state.hideVisibility ? "password" : "text";
+                var F = O ? z : B;
+                var H = me(me({}, M), {}, {
                     "data-test": "textbox",
                     autoCapitalize: i,
                     autoComplete: a,
                     autoCorrect: o,
                     autoFocus: l,
-                    id: g,
+                    id: x,
                     maxLength: k,
-                    placeholder: T && !P ? T : undefined,
-                    name: S,
+                    placeholder: I && !N ? I : undefined,
+                    name: A,
                     onChange: this.handleInputChange,
                     onKeyDown: this.handleInputKeyDown,
                     onSelect: this.handleInputSelect,
@@ -1113,80 +1000,82 @@
                     onBlur: this.handleInputBlur,
                     ref: this.handleInputMount,
                     required: j,
-                    spellCheck: M,
+                    spellCheck: P,
                     style: {
                         height: this.state.height
                     },
-                    title: $,
-                    tabIndex: R,
-                    type: z,
-                    value: q,
+                    title: D,
+                    tabIndex: _,
+                    type: F,
+                    value: W,
                     $error: b
                 });
-                var F = P && T && !q;
- // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
-                                var H = _ === "password" || A ? undefined : q;
- // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
-                                var K = _ === "time";
-                var Q = this.renderStartAdornment();
+                var K = N && I && !W;
+                // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
+                                var L = B === "password" || O ? undefined : W;
+                // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
+                                var G = B === "time";
+                var U = this.renderStartAdornment();
                 var Y = this.renderEndAdornment();
-                var re = !!Q;
+                var ee = !!U;
                 var ne = !!Y;
-                if (w) {
+                if (C) {
                     
                     return n().createElement(E(), this.props);
                 }
                 
-                return n().createElement(G, he({
+                return n().createElement(J, he({
                     tabIndex: -1,
-                    $isTimeInput: K,
-                    className: (0, O.toClassName)(p, u),
+                    $isTimeInput: G,
+                    className: (0, T.toClassName)(p, u),
                     "data-test": "text",
-                    "data-test-value": H,
-                    elementRef: v,
+                    "data-test-value": L,
+                    elementRef: h,
                     flex: true,
-                    inline: C,
+                    inline: y,
                     onClick: this.handleBoxClick
-                }, N), Q,  n().createElement(U, he({
+                }, R), U,  n().createElement(Q, he({
                     $hasEndAdornment: ne,
-                    $hasStartAdornment: re,
-                    disabled: m
-                }, V), re &&  n().createElement(ee, {
+                    $hasStartAdornment: ee,
+                    $isDisabled: f === true,
+                    $isDimmed: f === "dimmed"
+                }, V), ee &&  n().createElement(te, {
                     $width: this.state.startAdornmentWidth
-                }), m ?  n().createElement(J, he({
-                    className: (0, O.toClassName)(p, u),
+                }), f ?  n().createElement(X, he({
+                    className: (0, T.toClassName)(p, u),
                     "data-test": "textbox",
-                    disabled: true,
+                    disabled: f === true,
                     readOnly: true,
-                    type: z,
-                    value: q,
-                    placeholder: T && !P ? T : undefined
-                }, D)) :  n().createElement(J, he({}, Z, {
+                    type: F,
+                    value: W,
+                    placeholder: I && !N ? I : undefined
+                }, M)) :  n().createElement(X, he({}, H, {
                     onClick: this.handleInputClick
-                })), F &&  n().createElement(L(), null, T), F &&  n().createElement(X, {
+                })), K &&  n().createElement(S(), null, I), K &&  n().createElement(Z, {
                     $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, {
+                }, I), s, ne &&  n().createElement(re, {
                     $width: this.state.endAdornmentWidth
                 })), Y);
             }
         } ]);
         return r;
     }(r.Component);
-    Ee(Te, "propTypes", Ae);
-    Ee(Te, "defaultProps", Oe);
-    Ee(Te, "componentType", "Text");
-    Ee(Te, "contextType", m.ControlGroupContext);
-    var Ie = (0, A.withSplunkTheme)(Te);
-    var je = Ie;
-    je.propTypes = Te.propTypes;
-    je.componentType = Te.componentType;
-    /* harmony default export */    const Me = je;
-    // CONCATENATED MODULE: ./src/Text/index.ts
+    Oe(Pe, "propTypes", $e);
+    Oe(Pe, "defaultProps", je);
+    Oe(Pe, "componentType", "Text");
+    Oe(Pe, "contextType", f.ControlGroupContext);
+    var _e = (0, O.withSplunkTheme)(Pe);
+    var De = _e;
+    De.propTypes = Pe.propTypes;
+    De.componentType = Pe.componentType;
+    /* harmony default export */    const Be = De;
+    // only for styled components using Text
+        // CONCATENATED MODULE: ./src/Text/index.ts
     module.exports = t;
     /******/})();