@splunk/react-ui 5.1.0 → 5.3.0

package/Text.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ ue
+        default: () => /* reexport */ oe
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -80,106 +80,80 @@
     var d =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
     const v = require("@splunk/react-icons/Cross");
-    var p =  e.n(v);
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Eye"
+    const p = require("@splunk/react-icons/Eye");
+    var f =  e.n(p);
+    // CONCATENATED MODULE: external "@splunk/react-icons/EyeSlashed"
+    const y = require("@splunk/react-icons/EyeSlashed");
+    var m =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const b = require("@splunk/react-ui/Button");
-    var f =  e.n(b);
+    const g = require("@splunk/react-ui/Button");
+    var C =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
-    const m = require("@splunk/react-ui/ControlGroup");
+    const h = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const y = require("@splunk/react-ui/useControlled");
-    var g =  e.n(y);
+    const x = require("@splunk/react-ui/useControlled");
+    var k =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const h = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "@splunk/react-icons/EyeSlashed"
-    const C = require("@splunk/react-icons/EyeSlashed");
-    var x =  e.n(C);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const k = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
-    function w() {
-        var e = (0, k.useSplunkTheme)(), r = e.family, t = e.density;
-        var o = t === "compact" ? "20" : "24";
-        var a = "1.2em";
-        var i = r === "prisma" ? o : a;
-        
-        return n().createElement(x(), {
-            width: i,
-            height: i
-        });
-    }
-    /* harmony default export */    const S = w;
-    // CONCATENATED MODULE: external "@splunk/react-icons/Eye"
-    const O = require("@splunk/react-icons/Eye");
-    var j =  e.n(O);
-    // CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
-    function E() {
-        var e = (0, k.useSplunkTheme)(), r = e.family, t = e.density;
-        var o = t === "compact" ? "20" : "24";
-        var a = "1.2em";
-        var i = r === "prisma" ? o : a;
-        
-        return n().createElement(j(), {
-            width: i,
-            height: i
-        });
-    }
-    /* harmony default export */    const A = E;
+    const w = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
-    const T = require("styled-components");
-    var B =  e.n(T);
+    const S = require("styled-components");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const I = require("@splunk/react-ui/Box");
-    var P =  e.n(I);
+    const j = require("@splunk/react-ui/Box");
+    var E =  e.n(j);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const q = require("@splunk/react-ui/ButtonSimple");
+    const A = require("@splunk/react-ui/ButtonSimple");
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const B = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Text/TextStyles.ts
-    var $ = "230px";
-    var D = B()(f()).withConfig({
+    var I = "230px";
+    var P = O()(C()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
     })([ "display:none;visibility:hidden;" ]);
-    var _ = B()(P()).withConfig({
+    var T = O()(E()).withConfig({
         displayName: "TextStyles__StyledBox",
         componentId: "eg7n6t-1"
-    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;cursor:text;&:has(> input:focus){box-shadow:", ";}", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], k.variables.spacingXSmall, k.variables.spacingSmall, k.variables.inputHeight, k.variables.inputBorderWidth, k.variables.interactiveColorBorder, k.variables.borderRadius, k.variables.interactiveColorBackground, k.variables.focusShadow, (function(e) {
+    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;cursor:text;&:has(> input:focus){box-shadow:", ";}", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], B.variables.spacingXSmall, B.variables.spacingSmall, B.variables.inputHeight, B.variables.inputBorderWidth, B.variables.interactiveColorBorder, B.variables.borderRadius, B.variables.interactiveColorBackground, B.variables.focusShadow, (function(e) {
         var r = e.$append;
-        return r && (0, T.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
+        return r && (0, S.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
     }), (function(e) {
         var r = e.$prepend;
-        return r && (0, T.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+        return r && (0, S.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
     }), (function(e) {
         var r = e.$disabled, t = e.$error;
-        return r ? (0, T.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);background-color:", ";cursor:not-allowed;" ], t ? k.variables.interactiveColorAccentErrorWeak : k.variables.interactiveColorBorderDisabled, k.variables.interactiveColorBackgroundDisabled) : (0, 
-        T.css)([ "", " &:hover{border-color:", ";background-color:", ";}", "{visibility:visible;display:block;}" ], t && (0, 
-        T.css)([ "border-color:", ";" ], k.variables.interactiveColorAccentError), t ? k.variables.interactiveColorAccentErrorStrong : k.variables.interactiveColorBorderHover, k.variables.interactiveColorOverlayHover, /* sc-sel */ D);
-    }), $, $, (function(e) {
+        return r ? (0, S.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);background-color:", ";cursor:not-allowed;" ], t ? B.variables.interactiveColorAccentErrorWeak : B.variables.interactiveColorBorderDisabled, B.variables.interactiveColorBackgroundDisabled) : (0, 
+        S.css)([ "", " &:hover{border-color:", ";background-color:", ";}", "{visibility:visible;display:block;}" ], t && (0, 
+        S.css)([ "border-color:", ";" ], B.variables.interactiveColorAccentError), t ? B.variables.interactiveColorAccentErrorStrong : B.variables.interactiveColorBorderHover, B.variables.interactiveColorOverlayHover, /* sc-sel */ P);
+    }), I, I, (function(e) {
         var r = e.$isTimeInput;
-        return r && (0, T.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], /* sc-sel */ D);
+        return r && (0, S.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], /* sc-sel */ P);
     }));
-    /* Some of these need greater specificity than input[type=text] */    var N = B().input.withConfig({
+    /* Some of these need greater specificity than input[type=text] */    var q = O().input.withConfig({
         displayName: "TextStyles__StyledInput",
         componentId: "eg7n6t-2"
-    })([ "", ";", " width:100%;outline-style:none;border:0;background:transparent;flex-grow:1;font-size:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}}&::placeholder{color:", ";opacity:1;}&[disabled],&[aria-disabled='true']{color:", ";&::placeholder{color:", ";}}" ], k.mixins.reset("inline-flex"), k.mixins.typography("body", {
+    })([ "", ";", " width:100%;outline-style:none;border:0;background:transparent;flex-grow:1;font-size:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}}&::placeholder{color:", ";opacity:1;}&[disabled],&[aria-disabled='true']{color:", ";&::placeholder{color:", ";}}" ], B.mixins.reset("inline-flex"), B.mixins.typography("body", {
         lineHeight: "single",
         color: "active"
-    }), k.variables.contentColorMuted, k.variables.contentColorDisabled, k.variables.contentColorDisabled);
-    var R = B().div.withConfig({
+    }), B.variables.contentColorMuted, B.variables.contentColorDisabled, B.variables.contentColorDisabled);
+    var $ = O().div.withConfig({
         displayName: "TextStyles__StyledAdornment",
         componentId: "eg7n6t-3"
-    })([ "display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;color:", ";", " ", ";& > button{", "}& > button:focus,& > a:focus{box-shadow:", ";}" ], k.variables.contentColorMuted, (function() {
-        return (0, T.css)([ "height:calc(", " - 2px);" ], k.variables.inputHeight);
+    })([ "display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;color:", ";", " ", ";& > button{", "}& > button:focus,& > a:focus{box-shadow:", ";}" ], B.variables.contentColorMuted, (function() {
+        return (0, S.css)([ "height:calc(", " - 2px);" ], B.variables.inputHeight);
     }), (function(e) {
         var r = e.$disabled;
-        return r && (0, T.css)([ "color:", ";" ], k.variables.contentColorDisabled);
-    }), (0, q.buttonMixin)({
-        borderColor: k.variables.transparent,
-        borderColorHover: k.variables.transparent,
-        borderColorActive: k.variables.transparent,
-        borderColorDisabled: k.variables.transparent,
-        backgroundHover: k.variables.interactiveColorOverlayHover,
-        backgroundActive: k.variables.interactiveColorOverlayActive
-    }), k.variables.focusShadowInset);
+        return r && (0, S.css)([ "color:", ";" ], B.variables.contentColorDisabled);
+    }), (0, A.buttonMixin)({
+        borderColor: B.variables.transparent,
+        borderColorHover: B.variables.transparent,
+        borderColorActive: B.variables.transparent,
+        borderColorDisabled: B.variables.transparent,
+        backgroundHover: B.variables.interactiveColorOverlayHover,
+        backgroundActive: B.variables.interactiveColorOverlayActive
+    }), B.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -187,7 +161,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function F(e, r) {
+    function D(e, r) {
         if (e) {
             if (typeof e === "function") {
                 e(r);
@@ -200,27 +174,27 @@
         }
     }
     // CONCATENATED MODULE: ./src/Text/Text.tsx
-    function H(e) {
+    function _(e) {
         "@babel/helpers - typeof";
-        return H = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return _ = "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;
-        }, H(e);
+        }, _(e);
     }
-    function M(e) {
-        return K(e) || V(e) || Z(e) || z();
+    function N(e) {
+        return H(e) || F(e) || X(e) || R();
     }
-    function z() {
+    function R() {
         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 V(e) {
+    function F(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function K(e) {
-        if (Array.isArray(e)) return ee(e);
+    function H(e) {
+        if (Array.isArray(e)) return J(e);
     }
-    function L(e, r) {
+    function M(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -230,41 +204,41 @@
         }
         return t;
     }
-    function G(e) {
+    function z(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? L(Object(t), !0).forEach((function(r) {
-                W(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : L(Object(t)).forEach((function(r) {
+            r % 2 ? M(Object(t), !0).forEach((function(r) {
+                V(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : M(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function W(e, r, t) {
-        return (r = U(r)) in e ? Object.defineProperty(e, r, {
+    function V(e, r, t) {
+        return (r = K(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function U(e) {
-        var r = X(e, "string");
-        return "symbol" == H(r) ? r : r + "";
+    function K(e) {
+        var r = L(e, "string");
+        return "symbol" == _(r) ? r : r + "";
     }
-    function X(e, r) {
-        if ("object" != H(e) || !e) return e;
+    function L(e, r) {
+        if ("object" != _(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var n = t.call(e, r || "default");
-            if ("object" != H(n)) return n;
+            if ("object" != _(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function J() {
-        return J = Object.assign ? Object.assign.bind() : function(e) {
+    function G() {
+        return G = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -272,29 +246,29 @@
                 }
             }
             return e;
-        }, J.apply(null, arguments);
+        }, G.apply(null, arguments);
     }
-    function Q(e, r) {
-        return te(e) || re(e, r) || Z(e, r) || Y();
+    function W(e, r) {
+        return Y(e) || Q(e, r) || X(e, r) || U();
     }
-    function Y() {
+    function U() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Z(e, r) {
+    function X(e, r) {
         if (e) {
-            if ("string" == typeof e) return ee(e, r);
+            if ("string" == typeof e) return J(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ee(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? J(e, r) : void 0;
         }
     }
-    function ee(e, r) {
+    function J(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function re(e, r) {
+    function Q(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, o, a, i, l = [], u = !0, s = !1;
@@ -316,26 +290,26 @@
             return l;
         }
     }
-    function te(e) {
+    function Y(e) {
         if (Array.isArray(e)) return e;
     }
-    function ne(e, r) {
+    function Z(e, r) {
         if (null == e) return {};
-        var t, n, o = oe(e, r);
+        var t, n, o = ee(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
-                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function oe(e, r) {
+    function ee(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -343,7 +317,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var ae = {
+    /** @public */    var re = {
         append: d().bool,
         autoCapitalize: d().string,
         autoComplete: d().string,
@@ -385,107 +359,107 @@
         passwordVisibilityToggle: d().bool,
         value: d().string
     };
-    var ie =  n().createElement(p(), {
+    var te =  n().createElement(b(), {
         inline: false
     });
-    /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    function le(e) {
+    /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    function ne(e) {
         var r;
-        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, p = v === void 0 ? false : v, b = e.canClear, y = b === void 0 ? false : b, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, T = e.error, B = T === void 0 ? false : T, I = e.inline, P = I === void 0 ? false : I, q = e.inputClassName, $ = e.inputId, H = e.inputRef, z = e.labelledBy, V = e.maxLength, K = e.name, L = e.onBlur, W = e.onChange, U = e.onClick, X = e.onFocus, Y = e.onKeyDown, Z = e.onSelect, ee = e.passwordVisibilityToggle, re = ee === void 0 ? false : ee, te = e.placeholder, oe = e.prepend, ae = oe === void 0 ? false : oe, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, pe = e.type, be = pe === void 0 ? "text" : pe, fe = e.value, me = ne(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
+        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, p = e.canClear, y = p === void 0 ? false : p, g = e.children, x = e.defaultValue, S = e.disabled, O = S === void 0 ? false : S, j = e.describedBy, E = e.elementRef, A = e.endAdornment, B = e.error, I = B === void 0 ? false : B, _ = e.inline, R = _ === void 0 ? false : _, F = e.inputClassName, H = e.inputId, M = e.inputRef, V = e.labelledBy, K = e.maxLength, L = e.name, U = e.onBlur, X = e.onChange, J = e.onClick, Q = e.onFocus, Y = e.onKeyDown, ee = e.onSelect, re = e.passwordVisibilityToggle, ne = re === void 0 ? false : re, oe = e.placeholder, ae = e.prepend, ie = ae === void 0 ? false : ae, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, be = e.type, pe = be === void 0 ? "text" : be, fe = e.value, ye = Z(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
         // @docs-props-type TextPropsBase
-                var ye = (0, t.useContext)(m.ControlGroupContext);
-        var ge = g()({
+                var me = (0, t.useContext)(h.ControlGroupContext);
+        var ge = k()({
             componentName: "Text",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var he = (0, t.useRef)(null);
-        var Ce = (0, t.useState)(x || ""), xe = Q(Ce, 2), ke = xe[0], we = xe[1];
-        var Se = (0, t.useState)(true), Oe = Q(Se, 2), je = Oe[0], Ee = Oe[1];
+        var Ce = (0, t.useRef)(null);
+        var he = (0, t.useState)(x || ""), xe = W(he, 2), ke = xe[0], we = xe[1];
+        var Se = (0, t.useState)(true), Oe = W(Se, 2), je = Oe[0], Ee = Oe[1];
         var Ae = (0, t.useMemo)((function() {
             return ge ? fe : ke;
         }), [ ge, fe, ke ]);
-        var Te = (0, t.useCallback)((function(e) {
+        var Be = (0, t.useCallback)((function(e) {
             var r = e.target.value;
-            L === null || L === void 0 ? void 0 : L(e, {
+            U === null || U === void 0 ? void 0 : U(e, {
                 value: r,
-                name: K
+                name: L
             });
-        }), [ K, L ]);
-        var Be = (0, t.useCallback)((function(e) {
+        }), [ L, U ]);
+        var Ie = (0, t.useCallback)((function(e) {
             var r = e.target.value;
             if (!ge) {
                 we(r);
             }
-            W === null || W === void 0 ? void 0 : W(e, {
+            X === null || X === void 0 ? void 0 : X(e, {
                 value: r,
-                name: K
+                name: L
             });
-        }), [ ge, K, W ]);
-        var Ie = (0, t.useCallback)((function(e) {
+        }), [ ge, L, X ]);
+        var Pe = (0, t.useCallback)((function(e) {
             var r;
             e.preventDefault();
             var t = "";
             if (!ge) {
                 we(t);
             }
-            he === null || he === void 0 ? void 0 : (r = he.current) === null || r === void 0 ? void 0 : r.focus();
-            W === null || W === void 0 ? void 0 : W(e, {
+            Ce === null || Ce === void 0 ? void 0 : (r = Ce.current) === null || r === void 0 ? void 0 : r.focus();
+            X === null || X === void 0 ? void 0 : X(e, {
                 value: t,
-                name: K
+                name: L
             });
-        }), [ ge, K, W ]);
-        var Pe = (0, t.useCallback)((function(e) {
-            U === null || U === void 0 ? void 0 : U(e);
+        }), [ ge, L, X ]);
+        var Te = (0, t.useCallback)((function(e) {
+            J === null || J === void 0 ? void 0 : J(e);
             e.stopPropagation();
-        }), [ U ]);
+        }), [ J ]);
         var qe = (0, t.useCallback)((function(e) {
-            if (document.activeElement !== he.current) {
+            if (document.activeElement !== Ce.current) {
                 var r;
-                (r = he.current) === null || r === void 0 ? void 0 : r.focus();
+                (r = Ce.current) === null || r === void 0 ? void 0 : r.focus();
             }
-            U === null || U === void 0 ? void 0 : U(e);
-        }), [ U ]);
+            J === null || J === void 0 ? void 0 : J(e);
+        }), [ J ]);
         var $e = (0, t.useCallback)((function(e) {
             e.stopPropagation();
         }), []);
         var De = (0, t.useCallback)((function(e) {
             var r = e.target.value;
-            X === null || X === void 0 ? void 0 : X(e, {
+            Q === null || Q === void 0 ? void 0 : Q(e, {
                 value: r,
-                name: K
+                name: L
             });
-        }), [ K, X ]);
+        }), [ L, Q ]);
         var _e = (0, t.useCallback)((function(e) {
             Y === null || Y === void 0 ? void 0 : Y(e);
         }), [ Y ]);
         var Ne = (0, t.useCallback)((function(e) {
-            he.current = e;
-            F(H, e);
-        }), [ H, he ]);
+            Ce.current = e;
+            D(M, e);
+        }), [ M, Ce ]);
         var Re = (0, t.useCallback)((function(e) {
-            Z === null || Z === void 0 ? void 0 : Z(e);
-        }), [ Z ]);
+            ee === null || ee === void 0 ? void 0 : ee(e);
+        }), [ ee ]);
         var Fe = (0, t.useCallback)((function() {
             Ee(!je);
         }), [ je ]);
         var He = (0, t.useCallback)((function() {
             var e;
             var r = {
-                $disabled: !!w,
+                $disabled: !!O,
                 $position: "end"
             };
-            if (E) {
+            if (A) {
                 
-                return n().createElement(R, J({
+                return n().createElement($, G({
                     "data-test": "end-adornment",
                     onClick: $e
-                }, r), E);
+                }, r), A);
             }
-            if (re && !w) {
-                var t = je ?  n().createElement(A, null) :  n().createElement(S, null);
-                var o = je ? (0, h._)("Show password") : (0, h._)("Hide password");
+            if (ne && !O) {
+                var t = je ?  n().createElement(f(), null) :  n().createElement(m(), null);
+                var o = je ? (0, w._)("Show password") : (0, w._)("Hide password");
                 
-                return n().createElement(R, r,  n().createElement(f(), {
+                return n().createElement($, r,  n().createElement(C(), {
                     appearance: "secondary",
                     "data-test": "password-toggle",
                     inline: false,
@@ -495,73 +469,73 @@
                     "aria-label": o
                 }));
             }
-            var a = (e = ye.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-            var i = a ? (0, h._)("Clear ".concat(a, " text field")) : (0, h._)("Clear text field");
+            var a = (e = me.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+            var i = a ? (0, w._)("Clear ".concat(a, " text field")) : (0, w._)("Clear text field");
             if (!!Ae && y) {
                 
-                return n().createElement(R, r, !w &&  n().createElement(D, {
+                return n().createElement($, r, !O &&  n().createElement(P, {
                     "data-test": "clear",
                     appearance: "secondary",
                     "aria-label": i,
-                    onClick: Ie,
-                    icon: ie
+                    onClick: Pe,
+                    icon: te
                 }));
             }
             return undefined;
-        }), [ y, (r = ye.labelAttrs) === null || r === void 0 ? void 0 : r.text, w, Ae, E, $e, Ie, Fe, je, re ]);
+        }), [ y, (r = me.labelAttrs) === null || r === void 0 ? void 0 : r.text, O, Ae, A, $e, Pe, Fe, je, ne ]);
         var Me = (0, t.useCallback)((function() {
             var e = {
-                $disabled: !!w,
+                $disabled: !!O,
                 $position: "start"
             };
             if (se) {
                 
-                return n().createElement(R, J({
+                return n().createElement($, G({
                     "data-test": "start-adornment",
                     onClick: $e
                 }, e), se);
             }
             return undefined;
-        }), [ w, $e, se ]);
+        }), [ O, $e, se ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ y, re ]);
+        }), [ y, ne ]);
         var ze = (0, t.useMemo)((function() {
-            return G(G({
+            return z(z({
                 role: "textbox"
-            }, s()(me, (function(e, r) {
+            }, s()(ye, (function(e, r) {
                 return r === "role" || r.indexOf("aria-") === 0;
             }))), {}, {
-                "aria-describedby": O,
-                "aria-labelledby": z,
-                "aria-invalid": B || undefined,
-                "aria-disabled": w === "dimmed" || undefined
+                "aria-describedby": j,
+                "aria-labelledby": V,
+                "aria-invalid": I || undefined,
+                "aria-disabled": O === "dimmed" || undefined
             });
-        }), [ O, w, B, z, me ]);
-        var Ve = G({
+        }), [ j, O, I, V, ye ]);
+        var Ve = z({
             $append: i || undefined,
-            $error: B,
-            $prepend: ae || undefined
-        }, l()(me, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(M(a()(ze)))));
+            $error: I,
+            $prepend: ie || undefined
+        }, l()(ye, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(N(a()(ze)))));
         var Ke = je ? "password" : "text";
-        var Le = re ? Ke : be;
-        var Ge = G(G({}, ze), {}, {
+        var Le = ne ? Ke : pe;
+        var Ge = z(z({}, ze), {}, {
             "data-test": "textbox",
             autoCapitalize: u,
             autoComplete: c,
             autoCorrect: d,
-            autoFocus: p,
-            className: q,
-            id: $,
-            maxLength: V,
-            name: K,
-            onChange: Be,
+            autoFocus: b,
+            className: F,
+            id: H,
+            maxLength: K,
+            name: L,
+            onChange: Ie,
             onKeyDown: _e,
             onSelect: Re,
-            onClick: Pe,
+            onClick: Te,
             onFocus: De,
-            onBlur: Te,
-            placeholder: te,
+            onBlur: Be,
+            placeholder: oe,
             ref: Ne,
             required: le,
             spellCheck: ue,
@@ -569,39 +543,39 @@
             tabIndex: de,
             type: Le,
             value: Ae,
-            $error: B
+            $error: I
         });
         // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
-                var We = be === "password" || re ? undefined : Ae;
+                var We = pe === "password" || ne ? undefined : Ae;
         // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
-                var Ue = be === "time";
+                var Ue = pe === "time";
         
-        return n().createElement(_, J({
+        return n().createElement(T, G({
             tabIndex: -1,
             $isTimeInput: Ue,
             "data-test": "text",
             "data-test-value": We,
-            "data-test-disabled": w === "dimmed" && "dimmed" || w && "disabled" || undefined,
-            elementRef: j,
+            "data-test-disabled": O === "dimmed" && "dimmed" || O && "disabled" || undefined,
+            elementRef: E,
             flex: true,
-            inline: P,
+            inline: R,
             onClick: qe,
-            $disabled: !!w
-        }, Ve), Me(), w ?  n().createElement(N, J({
-            className: q,
+            $disabled: !!O
+        }, Ve), Me(), O ?  n().createElement(q, G({
+            className: F,
             "data-test": "textbox",
-            disabled: w === true,
-            placeholder: te,
+            disabled: O === true,
+            placeholder: oe,
             readOnly: true,
             type: Le,
             value: Ae
-        }, ze)) :  n().createElement(N, J({}, Ge, {
-            onClick: Pe
-        })), C, He());
+        }, ze)) :  n().createElement(q, G({}, Ge, {
+            onClick: Te
+        })), g, He());
     }
-    le.propTypes = ae;
-    le.componentType = "Text";
-    /* harmony default export */    const ue = le;
+    ne.propTypes = re;
+    ne.componentType = "Text";
+    /* harmony default export */    const oe = ne;
     // only for styled components using Text
         // CONCATENATED MODULE: ./src/Text/index.ts
     module.exports = r;