@splunk/react-ui 4.26.0 → 4.27.0

package/Text.js

@@ -84,8 +84,8 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
     const m = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const v = require("@splunk/react-icons/Cross");
-    var h =  e.n(v);
+    const h = require("@splunk/react-icons/Cross");
+    var v =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
     const b = require("@splunk/react-icons/enterprise/Close");
     var y =  e.n(b);
@@ -169,10 +169,10 @@
             fill: "currentColor"
         }));
     }
-    /* harmony default export */    const P = R;
+    /* harmony default export */    const $ = R;
     // CONCATENATED MODULE: ./src/Text/IconOutlinedView.tsx
-    function $() {
-        $ = Object.assign || function(e) {
+    function _() {
+        _ = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -183,13 +183,13 @@
             }
             return e;
         };
-        return $.apply(this, arguments);
+        return _.apply(this, arguments);
     }
-    function _(e) {
+    function P(e) {
         var t = (0, A.useSplunkTheme)(), r = t.family, i = t.density;
         if (r === "enterprise") {
             
-            return n().createElement(j(), $({
+            return n().createElement(j(), _({
                 viewBox: "0 0 24 24",
                 size: 1.2,
                 screenReaderText: (0, T._)("View password")
@@ -227,7 +227,7 @@
             fill: "currentColor"
         }));
     }
-    /* harmony default export */    const B = _;
+    /* harmony default export */    const B = P;
     // CONCATENATED MODULE: external "styled-components"
     const D = require("styled-components");
     var N =  e.n(D);
@@ -309,7 +309,7 @@
     var U = N().span.withConfig({
         displayName: "TextStyles__StyledInputWrapper",
         componentId: "eg7n6t-3"
-    })([ "", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, (0, 
+    })([ "", ";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, (0, 
     A.pick)({
         enterprise: {
             light: A.variables.gray60,
@@ -337,19 +337,9 @@
             dark: A.variables.gray20
         },
         prisma: A.variables.interactiveColorBorderHover
-    }), (0, A.pick)({
-        enterprise: (0, D.css)([ "box-shadow:", ";color:", ";" ], A.variables.focusShadow, A.variables.textColor),
-        prisma: (0, D.css)([ "border-color:", ";color:", ";" ], A.variables.interactiveColorPrimary, A.variables.contentColorActive)
-    }), (function(e) {
+    }), A.variables.focusShadow, A.variables.contentColorActive, (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}" ], (0, 
-        A.pick)({
-            enterprise: A.variables.errorColor,
-            prisma: A.variables.accentColorNegative
-        }), (0, A.pick)({
-            enterprise: (0, D.css)([ "box-shadow:", ";color:", ";" ], A.variables.focusShadow, A.variables.textColor),
-            prisma: (0, D.css)([ "border-color:", ";color:", ";" ], A.variables.interactiveColorPrimary, A.variables.contentColorActive)
-        }));
+        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], A.variables.accentColorNegative, A.variables.focusShadow, A.variables.contentColorActive);
     }), (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;" ]);
@@ -622,7 +612,7 @@
     }
     function me(e, t) {
         if (e == null) return {};
-        var r = ve(e, t);
+        var r = he(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -635,7 +625,7 @@
         }
         return r;
     }
-    function ve(e, t) {
+    function he(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -647,7 +637,7 @@
         }
         return r;
     }
-    function he(e, t) {
+    function ve(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
@@ -819,7 +809,7 @@
         } ]);
         function r(e) {
             var i;
-            he(this, r);
+            ve(this, r);
             i = t.call(this, e);
             Ee(ke(i), "controlledExternally", void 0);
             Ee(ke(i), "input", null);
@@ -929,7 +919,7 @@
                     return n().createElement(re, m, a);
                 }
                 if (o && !l) {
-                    var v = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement(P, null);
+                    var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement($, null);
                     
                     return n().createElement(re, m,  n().createElement(Q, {
                         appearance: p ? "secondary" : "pill",
@@ -937,7 +927,7 @@
                         inline: false,
                         onClick: i.handleVisibilityToggle,
                         type: "button",
-                        icon: v
+                        icon: h
                     }));
                 }
                 var b = i.context;
@@ -964,7 +954,7 @@
                         icon: u ?  n().createElement(y(), {
                             size: 1,
                             screenReaderText: x
-                        }) :  n().createElement(h(), {
+                        }) :  n().createElement(v(), {
                             "aria-label": x
                         }),
                         onClick: i.handleClear
@@ -989,7 +979,7 @@
                         icon: u ?  n().createElement(y(), {
                             inline: false,
                             screenReaderText: x
-                        }) :  n().createElement(h(), {
+                        }) :  n().createElement(v(), {
                             "aria-label": x,
                             height: f,
                             inline: false,
@@ -1087,13 +1077,13 @@
         }, {
             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, v = t.describedBy, h = t.elementRef, b = t.error, y = t.inline, C = 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, P = t.title, $ = t.type, _ = t.useSyntheticPlaceholder, B = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
+                var 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, y = t.inline, C = 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 = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
                 var D = fe(fe({
                     role: "textbox"
                 }, f()(B, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
                 }))), {}, {
-                    "aria-describedby": v,
+                    "aria-describedby": h,
                     "aria-labelledby": x,
                     "aria-invalid": b || undefined
                 });
@@ -1106,7 +1096,7 @@
                     $prepend: I || undefined
                 };
                 var W = this.state.hideVisibility ? "password" : "text";
-                var z = A ? W : $;
+                var z = A ? W : _;
                 var Z = fe(fe({}, D), {}, {
                     "data-test": "textbox",
                     autoCapitalize: i,
@@ -1115,7 +1105,7 @@
                     autoFocus: l,
                     id: g,
                     maxLength: k,
-                    placeholder: T && !_ ? T : undefined,
+                    placeholder: T && !P ? T : undefined,
                     name: S,
                     onChange: this.handleInputChange,
                     onKeyDown: this.handleInputKeyDown,
@@ -1129,17 +1119,17 @@
                     style: {
                         height: this.state.height
                     },
-                    title: P,
+                    title: $,
                     tabIndex: R,
                     type: z,
                     value: q,
                     $error: b
                 });
-                var F = _ && T && !q;
+                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;
+                                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 K = _ === "time";
                 var Q = !!this.renderEndAdornment();
                 var Y = !!this.renderStartAdornment();
                 if (w) {
@@ -1153,7 +1143,7 @@
                     className: (0, O.toClassName)(p, u),
                     "data-test": "text",
                     "data-test-value": H,
-                    elementRef: h,
+                    elementRef: v,
                     flex: true,
                     inline: y
                 }, N), this.renderStartAdornment(),  n().createElement(U, ae({
@@ -1169,7 +1159,7 @@
                     readOnly: true,
                     type: z,
                     value: q,
-                    placeholder: T && !_ ? T : undefined
+                    placeholder: T && !P ? T : undefined
                 }, D)) :  n().createElement(J, ae({}, Z, {
                     onClick: this.handleInputClick
                 })), F &&  n().createElement(L(), null, T), F &&  n().createElement(X, {