@splunk/react-ui 4.39.0 → 4.41.0

package/MessageBar.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ se
+        default: () => /* reexport */ ie
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
@@ -90,10 +90,10 @@
     var y =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationCircle"
     const m = require("@splunk/react-icons/ExclamationCircle");
-    var f =  e.n(m);
+    var k =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
-    const k = require("@splunk/react-icons/InformationCircle");
-    var x =  e.n(k);
+    const f = require("@splunk/react-icons/InformationCircle");
+    var x =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
     const C = require("@splunk/react-icons/ExclamationTriangle");
     var w =  e.n(C);
@@ -115,11 +115,13 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const N = require("@splunk/react-ui/Clickable");
     var R =  e.n(N);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const T = require("@splunk/react-ui/Link");
     // CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
-    var T = g().div.withConfig({
+    var W = g().div.withConfig({
         displayName: "MessageBarStyles__MessageBarContent",
         componentId: "sc-1uyhzza-0"
-    })([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), u.variables.borderRadius, (0, 
+    })([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,& ", "{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), /* sc-sel */ T.StyledLink, u.variables.borderRadius, (0, 
     u.pick)({
         enterprise: {
             dark: (0, b.css)([ "box-shadow:0 0 0 2px ", ";" ], u.variables.gray80),
@@ -135,7 +137,7 @@
             dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
         }
     }));
-    var W = g()(R()).withConfig({
+    var P = g()(R()).withConfig({
         displayName: "MessageBarStyles__MessageBarCloseWrapper",
         componentId: "sc-1uyhzza-1"
     })([ "", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:1px solid;border-color:", ";color:", ";}&:active{", ";}", "" ], u.mixins.reset("flex"), u.variables.borderRadius, (0, 
@@ -173,40 +175,40 @@
             dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
         }))
     }));
-    var P = (0, b.css)([ "margin-left:auto;" ]);
-    var $ = g()(y()).withConfig({
+    var $ = (0, b.css)([ "margin-left:auto;" ]);
+    var A = g()(y()).withConfig({
         displayName: "MessageBarStyles__StyledCheckCircleIcon",
         componentId: "sc-1uyhzza-2"
-    })([ "", "" ], P);
-    var A = g()(f()).withConfig({
+    })([ "", "" ], $);
+    var L = g()(k()).withConfig({
         displayName: "MessageBarStyles__StyledExclamationCircleIcon",
         componentId: "sc-1uyhzza-3"
-    })([ "", "" ], P);
-    var L = g()(x()).withConfig({
+    })([ "", "" ], $);
+    var V = g()(x()).withConfig({
         displayName: "MessageBarStyles__StyledInformationCircleIcon",
         componentId: "sc-1uyhzza-4"
-    })([ "", "" ], P);
-    var V = g()(w()).withConfig({
+    })([ "", "" ], $);
+    var D = g()(w()).withConfig({
         displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
         componentId: "sc-1uyhzza-5"
-    })([ "", "" ], P);
-    var D = g()(_()).withConfig({
+    })([ "", "" ], $);
+    var H = g()(_()).withConfig({
         displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
         componentId: "sc-1uyhzza-6"
-    })([ "", " color:", ";" ], P, u.variables.errorColor);
-    var H = g()(z()).withConfig({
+    })([ "", " color:", ";" ], $, u.variables.errorColor);
+    var X = g()(z()).withConfig({
         displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
         componentId: "sc-1uyhzza-7"
-    })([ "", " color:", ";" ], P, u.variables.infoColor);
-    var X = g()(E()).withConfig({
+    })([ "", " color:", ";" ], $, u.variables.infoColor);
+    var F = g()(E()).withConfig({
         displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
         componentId: "sc-1uyhzza-8"
-    })([ "", " color:", ";" ], P, u.variables.successColor);
-    var F = g()(B()).withConfig({
+    })([ "", " color:", ";" ], $, u.variables.successColor);
+    var G = g()(B()).withConfig({
         displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
         componentId: "sc-1uyhzza-9"
-    })([ "", " color:", ";" ], P, u.variables.warningColor);
-    var G = g()(j()).withConfig({
+    })([ "", " color:", ";" ], $, u.variables.warningColor);
+    var J = g()(j()).withConfig({
         displayName: "MessageBarStyles__MessageBarWrapper",
         componentId: "sc-1uyhzza-10"
     })([ "", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";" ], u.mixins.reset("block"), u.variables.spacingSmall, (function(e) {
@@ -266,8 +268,8 @@
         }))
     }));
     // CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
-    function J() {
-        return J = Object.assign ? Object.assign.bind() : function(e) {
+    function K() {
+        return K = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var s in a) {
@@ -275,11 +277,11 @@
                 }
             }
             return e;
-        }, J.apply(null, arguments);
+        }, K.apply(null, arguments);
     }
-    function K(e, r) {
+    function Q(e, r) {
         if (null == e) return {};
-        var a, s, i = Q(e, r);
+        var a, s, i = U(e, r);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
             for (s = 0; s < n.length; s++) {
@@ -288,7 +290,7 @@
         }
         return i;
     }
-    function Q(e, r) {
+    function U(e, r) {
         if (null == e) return {};
         var a = {};
         for (var s in e) {
@@ -299,39 +301,39 @@
         }
         return a;
     }
-    var U = {
+    var Y = {
         children: n().node.isRequired,
         onRequestClose: n().func,
         type: n().oneOf([ "info", "success", "warning", "error" ]).isRequired
     };
-    var Y = Object.freeze({
+    var Z = Object.freeze({
         info: (0, v._)("Info"),
         warning: (0, v._)("Warning"),
         error: (0, v._)("Alert"),
         success: (0, v._)("Success")
     });
-    var Z = Object.freeze({
-        info: H,
-        warning: F,
-        error: D,
-        success: X
-    });
     var ee = Object.freeze({
-        info: L,
-        warning: V,
-        error: A,
-        success: $
+        info: X,
+        warning: G,
+        error: H,
+        success: F
+    });
+    var re = Object.freeze({
+        info: V,
+        warning: D,
+        error: L,
+        success: A
     });
-    var re = "24px";
-    function ae(e) {
-        var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
+    var ae = "24px";
+    function se(e) {
+        var r = e.children, a = e.type, i = e.onRequestClose, n = Q(e, [ "children", "type", "onRequestClose" ]);
         // @docs-props-type MessageBarPropsBase
                 var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
-        var p = l && a === "error" ? "22px" : re;
-        var b = l && a === "warning" ? "21px" : re;
+        var p = l && a === "error" ? "22px" : ae;
+        var b = l && a === "warning" ? "21px" : ae;
         var g;
         if (l) {
-            var h = Z[a];
+            var h = ee[a];
             g =  s().createElement(h, {
                 height: b,
                 width: p,
@@ -341,27 +343,27 @@
                 "data-test": "icon"
             });
         } else {
-            var y = ee[a];
+            var y = re[a];
             g =  s().createElement(y, {
-                height: re,
-                width: re,
+                height: ae,
+                width: ae,
                 variant: "filled",
                 "aria-hidden": true,
                 "data-test": "icon"
             });
         }
         
-        return s().createElement(G, J({
+        return s().createElement(J, K({
             $type: a,
             "data-test": "message-bar",
             "data-test-type": a
         }, n, {
             role: "region",
             $hasCloseButton: Boolean(i)
-        }), g,  s().createElement(d(), null, Y[a]),  s().createElement(T, {
+        }), g,  s().createElement(d(), null, Z[a]),  s().createElement(W, {
             $type: a,
             "data-test": "content"
-        }, r), i &&  s().createElement(W, {
+        }, r), i &&  s().createElement(P, {
             $type: a,
             onClick: i
         }, l ?  s().createElement(c(), {
@@ -377,8 +379,8 @@
             width: "19px"
         }),  s().createElement(d(), null, (0, v._)("Close"))));
     }
-    ae.propTypes = U;
-    /* harmony default export */    const se = ae;
+    se.propTypes = Y;
+    /* harmony default export */    const ie = se;
     // CONCATENATED MODULE: ./src/MessageBar/index.ts
     module.exports = r;
     /******/})();