@splunk/react-ui 4.33.0 → 4.35.0

package/Message.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (r, a) => {
-            /******/ for (var i in a) {
-                /******/ if (e.o(a, i) && !e.o(r, i)) {
-                    /******/ Object.defineProperty(r, i, {
+            /******/ for (var n in a) {
+                /******/ if (e.o(a, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: a[i]
+                        get: a[n]
                     });
                     /******/                }
                 /******/            }
@@ -66,13 +66,13 @@
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
-    var i =  e.n(a);
+    var n =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var s =  e.n(n);
+    const i = require("prop-types");
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
-    const o = require("@splunk/react-icons/CheckCircle");
-    var t =  e.n(o);
+    const t = require("@splunk/react-icons/CheckCircle");
+    var s =  e.n(t);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
     const c = require("@splunk/react-icons/Cross");
     var l =  e.n(c);
@@ -84,10 +84,10 @@
     var d =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
     const b = require("@splunk/react-icons/InformationCircle");
-    var g =  e.n(b);
+    var f =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
-    const f = require("@splunk/react-icons/ExclamationTriangle");
-    var m =  e.n(f);
+    const g = require("@splunk/react-icons/ExclamationTriangle");
+    var m =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Error"
     const y = require("@splunk/react-icons/enterprise/Error");
     var k =  e.n(y);
@@ -107,17 +107,17 @@
     const _ = require("@splunk/react-ui/ScreenReaderContent");
     var E =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const P = require("@splunk/themes");
+    const I = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const I = require("@splunk/ui-utils/i18n");
+    const P = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const R = require("styled-components");
-    var L =  e.n(R);
+    var T =  e.n(R);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const T = require("@splunk/react-ui/Link");
-    var $ =  e.n(T);
+    const $ = require("@splunk/react-ui/Link");
+    var L =  e.n($);
     // CONCATENATED MODULE: ./src/Message/LinkStyles.ts
-    var M = L()($()).withConfig({
+    var M = T()(L()).withConfig({
         displayName: "LinkStyles__StyledLink",
         componentId: "w06zjv-0"
     })([ "" ]);
@@ -125,14 +125,14 @@
     function A(e, r) {
         if (e == null) return {};
         var a = N(e, r);
-        var i, n;
+        var n, i;
         if (Object.getOwnPropertySymbols) {
-            var s = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < s.length; n++) {
-                i = s[n];
-                if (r.indexOf(i) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
-                a[i] = e[i];
+            var o = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < o.length; i++) {
+                n = o[i];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -140,20 +140,20 @@
     function N(e, r) {
         if (e == null) return {};
         var a = {};
-        var i = Object.keys(e);
-        var n, s;
-        for (s = 0; s < i.length; s++) {
-            n = i[s];
-            if (r.indexOf(n) >= 0) continue;
-            a[n] = e[n];
+        var n = Object.keys(e);
+        var i, o;
+        for (o = 0; o < n.length; o++) {
+            i = n[o];
+            if (r.indexOf(i) >= 0) continue;
+            a[i] = e[i];
         }
         return a;
     }
     var W = {
-        children: s().node,
-        elementRef: s().oneOfType([ s().func, s().object ]),
-        openInNewContext: s().bool,
-        to: s().string
+        children: o().node,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        openInNewContext: o().bool,
+        to: o().string
     };
     /**
  * @deprecated `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead.
@@ -164,7 +164,7 @@
         // @docs-props-type LinkPropsBase
                 if (false) {}
         
-        return i().createElement(M, a, r);
+        return n().createElement(M, a, r);
     }
     X.propTypes = W;
     /* harmony default export */    const z = X;
@@ -175,160 +175,158 @@
     const D = require("@splunk/react-ui/Clickable");
     var H =  e.n(D);
     // CONCATENATED MODULE: ./src/Message/TitleStyles.ts
-    var F = L().p.withConfig({
+    var F = T().p.withConfig({
         displayName: "TitleStyles__StyledTitle",
         componentId: "sc-6gbjha-0"
-    })([ "", " ", "" ], P.mixins.reset("block"), (0, P.pick)({
+    })([ "", " ", "" ], I.mixins.reset("block"), (0, I.pick)({
         prisma: (0, R.css)([ "font-size:14px;line-height:20px;" ])
     }));
     // CONCATENATED MODULE: ./src/Message/MessageStyles.ts
-    var G = L().div.withConfig({
+    var G = T().div.withConfig({
         displayName: "MessageStyles__StyledContent",
         componentId: "eg66af-0"
-    })([ "display:flex;align-items:baseline;flex:1;", ";", " ", ";" ], (0, P.pick)({
-        prisma: (0, R.css)([ "padding:", " 0;color:", ";" ], P.variables.spacingMedium, P.variables.contentColorActive),
+    })([ "display:flex;align-items:baseline;flex:1;", ";", " ", ";" ], (0, I.pick)({
+        prisma: (0, R.css)([ "padding:", " 0;color:", ";" ], I.variables.spacingMedium, I.variables.contentColorActive),
         enterprise: (0, R.css)([ "padding:12px 0;" ])
-    }), (0, P.pick)({
-        prisma: (0, R.css)([ "padding-left:", ";" ], P.variables.spacingXSmall),
+    }), (0, I.pick)({
+        prisma: (0, R.css)([ "padding-left:", ";" ], I.variables.spacingXSmall),
         enterprise: (0, R.css)([ "padding-left:15px;" ])
     }), (function(e) {
         var r = e.$fillStyle;
-        return r && (0, P.pick)({
-            prisma: (0, R.css)([ "padding-left:", ";" ], P.variables.spacingMedium)
+        return r && (0, I.pick)({
+            prisma: (0, R.css)([ "padding-left:", ";" ], I.variables.spacingMedium)
         });
     }));
-    var J = L()(H()).withConfig({
+    var J = T()(H()).withConfig({
         displayName: "MessageStyles__StyledRemove",
         componentId: "eg66af-1"
-    })([ "", ";border:1px solid transparent;border-radius:", ";color:", ";", ";cursor:pointer;position:absolute;", " padding:8px;&:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", "" ], P.mixins.reset("flex"), (0, 
-    P.pick)({
+    })([ "", ";border:1px solid transparent;border-radius:", ";color:", ";", ";cursor:pointer;position:absolute;", " padding:8px;&:hover,&:focus{background:", ";color:", ";}&:active{", ";}", "" ], I.mixins.reset("flex"), (0, 
+    I.pick)({
         prisma: "50%",
-        enterprise: P.variables.borderRadius
-    }), (0, P.pick)({
-        prisma: P.variables.contentColorMuted,
+        enterprise: I.variables.borderRadius
+    }), (0, I.pick)({
+        prisma: I.variables.contentColorMuted,
         enterprise: {
-            dark: P.variables.gray96,
-            light: P.variables.gray45
+            dark: I.variables.gray96,
+            light: I.variables.gray45
         }
     }), (function(e) {
         var r = e.$appearance;
-        return r === "banner" && (0, P.pick)({
-            prisma: (0, R.css)([ "color:", ";" ], P.variables.contentColorInverted)
+        return r === "banner" && (0, I.pick)({
+            prisma: (0, R.css)([ "color:", ";" ], I.variables.contentColorInverted)
         });
-    }), (0, P.pick)({
+    }), (0, I.pick)({
         prisma: (0, R.css)([ "top:3px;right:2px;" ]),
         enterprise: (0, R.css)([ "top:8px;right:8px;" ])
-    }), (0, P.pick)({
-        prisma: P.variables.interactiveColorOverlayHover,
+    }), (0, I.pick)({
+        prisma: I.variables.interactiveColorOverlayHover,
         enterprise: {
-            dark: P.variables.gray30,
-            light: P.variables.gray92
+            dark: I.variables.gray30,
+            light: I.variables.gray92
         }
-    }), (0, P.pick)({
-        prisma: (0, R.css)([ "1px solid inherit" ]),
-        enterprise: (0, R.css)([ "1px solid ", "" ], P.variables.gray80)
-    }), (0, P.pick)({
+    }), (0, I.pick)({
         enterprise: {
-            dark: P.variables.gray96,
-            light: P.variables.linkColor
+            dark: I.variables.gray96,
+            light: I.variables.linkColor
         },
-        prisma: P.variables.contentColorActive
-    }), (0, P.pick)({
-        prisma: (0, R.css)([ "background:", ";" ], P.variables.interactiveColorOverlayActive),
-        enterprise: (0, R.css)([ "box-shadow:", ";" ], P.variables.focusShadow)
-    }), (0, P.pick)({
-        prisma: (0, R.css)([ "&:focus{box-shadow:0 0 0 3px ", ";}" ], P.variables.focusColor)
+        prisma: I.variables.contentColorActive
+    }), (0, I.pick)({
+        prisma: (0, R.css)([ "background:", ";" ], I.variables.interactiveColorOverlayActive),
+        enterprise: (0, R.css)([ "box-shadow:", ";" ], I.variables.focusShadow)
+    }), (0, I.pick)({
+        prisma: (0, R.css)([ "&:focus{box-shadow:0 0 0 3px ", ";}" ], I.variables.focusColor)
     }));
-    var K = L().span.withConfig({
+    var K = T().span.withConfig({
         displayName: "MessageStyles__StyledIconWrapper",
         componentId: "eg66af-2"
     })([ "position:relative;min-width:", ";text-align:center;color:", ";", " ", "" ], (0, 
-    P.pick)({
-        prisma: P.variables.spacingXLarge,
+    I.pick)({
+        prisma: I.variables.spacingXLarge,
         enterprise: "25px"
-    }), P.variables.white, (0, P.pick)({
+    }), I.variables.white, (0, I.pick)({
         enterprise: (0, R.css)([ "top:-2px;" ]),
         prisma: (0, R.css)([ "top:-1.8px;" ])
-    }), (0, P.pickVariant)("$type", {
-        info: (0, R.css)([ "color:", ";" ], (0, P.pick)({
-            prisma: P.variables.contentColorMuted,
-            enterprise: P.variables.infoColor
+    }), (0, I.pickVariant)("$type", {
+        info: (0, R.css)([ "color:", ";" ], (0, I.pick)({
+            prisma: I.variables.contentColorMuted,
+            enterprise: I.variables.infoColor
         })),
-        success: (0, R.css)([ "color:", ";" ], P.variables.accentColorPositive),
-        warning: (0, R.css)([ "color:", ";" ], P.variables.accentColorWarning),
-        error: (0, R.css)([ "color:", ";" ], P.variables.accentColorNegative)
+        success: (0, R.css)([ "color:", ";" ], I.variables.accentColorPositive),
+        warning: (0, R.css)([ "color:", ";" ], I.variables.accentColorWarning),
+        error: (0, R.css)([ "color:", ";" ], I.variables.accentColorNegative)
     }));
-    var Q = L()(B()).withConfig({
+    var Q = T()(B()).withConfig({
         displayName: "MessageStyles__StyledBox",
         componentId: "eg66af-3"
-    })([ "", ";align-items:baseline;position:relative;border-radius:", ";margin-bottom:", ";", " word-wrap:break-word;", " ", "" ], P.mixins.reset("flex"), (0, 
-    P.pick)({
-        prisma: P.variables.borderRadius,
+    })([ "", ";align-items:baseline;position:relative;border-radius:", ";margin-bottom:", ";", " word-wrap:break-word;", " ", "" ], I.mixins.reset("flex"), (0, 
+    I.pick)({
+        prisma: I.variables.borderRadius,
         enterprise: "5px"
-    }), P.variables.spacingSmall, (0, P.pickVariant)("$hasRemoveIcon", {
+    }), I.variables.spacingSmall, (0, I.pickVariant)("$hasRemoveIcon", {
         true: {
-            prisma: (0, R.css)([ "padding-right:", ";" ], P.variables.spacingXXXLarge),
-            enterprise: (0, R.css)([ "padding-right:40px;" ])
+            prisma: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingXXXLarge),
+            enterprise: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingXXLarge)
         },
-        false: {
-            prisma: (0, R.css)([ "padding-right:", ";" ], P.variables.spacingSmall),
-            enterprise: (0, R.css)([ "padding-right:", ";" ], P.variables.spacingHalf)
-        }
+        false: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingSmall)
     }), (function(e) {
         var r = e.$fillStyle;
-        return r && (0, P.pick)({
+        return r && (0, I.pick)({
             enterprise: (0, R.css)([ "& > ", "{left:", ";}", "" ], 
             /* sc-sel */
-            K, P.variables.spacingXSmall, (0, P.pickVariant)("$type", {
-                info: (0, R.css)([ "", "" ], (0, P.pick)({
-                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], P.variables.infoColorL50, P.variables.infoColor),
-                    dark: (0, R.css)([ "background-color:", ";" ], P.mixins.colorWithAlpha(P.variables.infoColor, .5))
+            K, I.variables.spacingXSmall, (0, I.pickVariant)("$type", {
+                info: (0, R.css)([ "", "" ], (0, I.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], I.variables.infoColorL50, I.variables.infoColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], I.mixins.colorWithAlpha(I.variables.infoColor, .5))
                 })),
-                success: (0, R.css)([ "", "" ], (0, P.pick)({
-                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], P.variables.successColorL50, P.variables.successColor),
-                    dark: (0, R.css)([ "background-color:", ";" ], P.mixins.colorWithAlpha(P.variables.successColor, .5))
+                success: (0, R.css)([ "", "" ], (0, I.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], I.variables.successColorL50, I.variables.successColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], I.mixins.colorWithAlpha(I.variables.successColor, .5))
                 })),
-                warning: (0, R.css)([ "", "" ], (0, P.pick)({
-                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], P.variables.warningColorL50, P.variables.warningColor),
-                    dark: (0, R.css)([ "background-color:", ";" ], P.mixins.colorWithAlpha(P.variables.warningColor, .5))
+                warning: (0, R.css)([ "", "" ], (0, I.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], I.variables.warningColorL50, I.variables.warningColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], I.mixins.colorWithAlpha(I.variables.warningColor, .5))
                 })),
-                error: (0, R.css)([ "", "" ], (0, P.pick)({
-                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], P.variables.errorColorL50, P.variables.errorColor),
-                    dark: (0, R.css)([ "background-color:", ";" ], P.mixins.colorWithAlpha(P.variables.errorColor, .5))
+                error: (0, R.css)([ "", "" ], (0, I.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], I.variables.errorColorL50, I.variables.errorColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], I.mixins.colorWithAlpha(I.variables.errorColor, .5))
                 }))
             })),
-            prisma: (0, R.css)([ "background:linear-gradient( to right,", " ", " ", ",", " 100% );box-shadow:", ";& > ", "{color:", ";}" ], (0, 
-            P.pickVariant)("$type", {
-                info: (0, R.css)([ "", " 0,", " ", "," ], P.variables.contentColorActive, P.variables.contentColorActive, P.variables.spacingXLarge),
-                success: (0, R.css)([ "", " 0,", " ", "," ], P.variables.accentColorPositive, P.variables.accentColorPositive, P.variables.spacingXLarge),
-                warning: (0, R.css)([ "", " 0,", " ", "," ], P.variables.accentColorWarning, P.variables.accentColorWarning, P.variables.spacingXLarge),
-                error: (0, R.css)([ "", " 0,", " ", "," ], P.variables.accentColorNegative, P.variables.accentColorNegative, P.variables.spacingXLarge)
-            }), P.variables.backgroundColorPopup, P.variables.spacingXLarge, P.variables.backgroundColorPopup, P.variables.embossShadow, 
+            prisma: (0, R.css)([ "", ";box-shadow:", ";& > ", "{color:", ";}" ], (function(e) {
+                var r = e.$type;
+                var a = {
+                    info: I.variables.contentColorActive,
+                    success: I.variables.accentColorPositive,
+                    warning: I.variables.accentColorWarning,
+                    error: I.variables.accentColorNegative
+                };
+                var n = a[r];
+                return (0, R.css)([ "background:linear-gradient( to right,", " 0,", " ", ",", " ", ",", " 100% );" ], n, n, I.variables.spacingXLarge, I.variables.backgroundColorPopup, I.variables.spacingXLarge, I.variables.backgroundColorPopup);
+            }), I.variables.embossShadow, 
             /* sc-sel */
-            K, P.variables.backgroundColorPopup)
+            K, I.variables.backgroundColorPopup)
         });
-    }), (0, P.pick)({
+    }), (0, I.pick)({
         prisma: (0, R.css)([ "& ", "{color:", ";}" ], 
         /* sc-sel */
-        F, (0, P.pickVariant)("$type", {
-            info: P.variables.contentColorActive,
-            warning: P.variables.accentColorWarning,
-            error: P.variables.accentColorNegative,
-            success: P.variables.accentColorPositive
+        F, (0, I.pickVariant)("$type", {
+            info: I.variables.contentColorActive,
+            warning: I.variables.accentColorWarning,
+            error: I.variables.accentColorNegative,
+            success: I.variables.accentColorPositive
         }))
     }));
     // CONCATENATED MODULE: ./src/Message/Title.tsx
     function U(e, r) {
         if (e == null) return {};
         var a = Y(e, r);
-        var i, n;
+        var n, i;
         if (Object.getOwnPropertySymbols) {
-            var s = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < s.length; n++) {
-                i = s[n];
-                if (r.indexOf(i) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
-                a[i] = e[i];
+            var o = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < o.length; i++) {
+                n = o[i];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -336,17 +334,17 @@
     function Y(e, r) {
         if (e == null) return {};
         var a = {};
-        var i = Object.keys(e);
-        var n, s;
-        for (s = 0; s < i.length; s++) {
-            n = i[s];
-            if (r.indexOf(n) >= 0) continue;
-            a[n] = e[n];
+        var n = Object.keys(e);
+        var i, o;
+        for (o = 0; o < n.length; o++) {
+            i = n[o];
+            if (r.indexOf(i) >= 0) continue;
+            a[i] = e[i];
         }
         return a;
     }
     var Z = {
-        children: s().node
+        children: o().node
     };
     /**
  * A title component for use in `Message`.
@@ -354,7 +352,7 @@
         var r = e.children, a = U(e, [ "children" ]);
         // @docs-props-type TitleProps
                 
-        return i().createElement(F, a, r);
+        return n().createElement(F, a, r);
     }
     ee.propTypes = Z;
     /* harmony default export */    const re = ee;
@@ -363,9 +361,9 @@
         ae = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var i in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, i)) {
-                        e[i] = a[i];
+                for (var n in a) {
+                    if (Object.prototype.hasOwnProperty.call(a, n)) {
+                        e[n] = a[n];
                     }
                 }
             }
@@ -373,115 +371,115 @@
         };
         return ae.apply(this, arguments);
     }
-    function ie(e, r) {
+    function ne(e, r) {
         if (e == null) return {};
-        var a = ne(e, r);
-        var i, n;
+        var a = ie(e, r);
+        var n, i;
         if (Object.getOwnPropertySymbols) {
-            var s = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < s.length; n++) {
-                i = s[n];
-                if (r.indexOf(i) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
-                a[i] = e[i];
+            var o = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < o.length; i++) {
+                n = o[i];
+                if (r.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
     }
-    function ne(e, r) {
+    function ie(e, r) {
         if (e == null) return {};
         var a = {};
-        var i = Object.keys(e);
-        var n, s;
-        for (s = 0; s < i.length; s++) {
-            n = i[s];
-            if (r.indexOf(n) >= 0) continue;
-            a[n] = e[n];
+        var n = Object.keys(e);
+        var i, o;
+        for (o = 0; o < n.length; o++) {
+            i = n[o];
+            if (r.indexOf(i) >= 0) continue;
+            a[i] = e[i];
         }
         return a;
     }
-    var se = {
-        appearance: s().oneOf([ "default", "fill", "banner" ]),
-        children: s().node,
-        elementRef: s().oneOfType([ s().func, s().object ]),
-        onRequestRemove: s().func,
-        type: s().oneOf([ "info", "success", "warning", "error" ])
+    var oe = {
+        appearance: o().oneOf([ "default", "fill", "banner" ]),
+        children: o().node,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        onRequestRemove: o().func,
+        type: o().oneOf([ "info", "success", "warning", "error" ])
     };
-    var oe = Object.freeze({
-        info: (0, I._)("Info"),
-        warning: (0, I._)("Warning"),
-        error: (0, I._)("Alert"),
-        success: (0, I._)("Success")
-    });
     var te = Object.freeze({
+        info: (0, P._)("Info"),
+        warning: (0, P._)("Warning"),
+        error: (0, P._)("Alert"),
+        success: (0, P._)("Success")
+    });
+    var se = Object.freeze({
         info: C(),
         warning: S(),
         error: k(),
         success: w()
     });
     var ce = Object.freeze({
-        info: g(),
+        info: f(),
         warning: m(),
         error: d(),
-        success: t()
+        success: s()
     });
     function le(e) {
-        var r = e.appearance, n = r === void 0 ? "default" : r, s = e.children, o = e.type, t = o === void 0 ? "warning" : o, c = e.onRequestRemove, p = ie(e, [ "appearance", "children", "type", "onRequestRemove" ]);
+        var r = e.appearance, i = r === void 0 ? "default" : r, o = e.children, t = e.type, s = t === void 0 ? "warning" : t, c = e.onRequestRemove, p = ne(e, [ "appearance", "children", "type", "onRequestRemove" ]);
         // @docs-props-type MessagePropsBase
-                var v = (0, P.useSplunkTheme)(), d = v.isEnterprise;
+                var v = (0, I.useSplunkTheme)(), d = v.isEnterprise;
         if (false) {}
  // double check this can only be button
                 var b = (0, a.useCallback)((function(e) {
             c === null || c === void 0 ? void 0 : c(e);
         }), [ c ]);
-        if (n === "banner") {
+        if (i === "banner") {
             
-            return i().createElement(q(), ae({
-                type: t,
+            return n().createElement(q(), ae({
+                type: s,
                 "data-test": "banner",
                 onRequestClose: b
-            }, p), s);
+            }, p), o);
         }
-        var g = d ? te : ce;
-        var f = g[t];
-        var m = n === "fill";
-        var y = n === "default" || n === "fill";
+        var f = d ? se : ce;
+        var g = f[s];
+        var m = i === "fill";
+        var y = i === "default" || i === "fill";
         
-        return i().createElement(Q, ae({
-            $appearance: n,
+        return n().createElement(Q, ae({
+            $appearance: i,
             $fillStyle: m,
             $hasRemoveIcon: !!c,
-            $type: t,
-            "data-test-type": t,
+            $type: s,
+            "data-test-type": s,
             "data-test": "message"
-        }, p), y &&  i().createElement(K, {
+        }, p), y &&  n().createElement(K, {
             $fillStyle: m,
-            $type: t
-        }, d ?  i().createElement(f, {
+            $type: s
+        }, d ?  n().createElement(g, {
             height: "24px",
             width: "24px",
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  i().createElement(f, {
+        }) :  n().createElement(g, {
             variant: "filled"
-        }),  i().createElement(E(), null, oe[t])),  i().createElement(G, {
+        }),  n().createElement(E(), null, te[s])),  n().createElement(G, {
             "data-test": "content",
             $fillStyle: m
-        }, s), c &&  i().createElement(J, {
+        }, o), c &&  n().createElement(J, {
             "data-test": "remove",
             onClick: b,
-            $appearance: n
-        }, d ?  i().createElement(u(), {
+            $appearance: i
+        }, d ?  n().createElement(u(), {
             height: "12px",
             hideDefaultTooltip: true,
             screenReaderText: null,
             width: "12px"
-        }) :  i().createElement(l(), {
+        }) :  n().createElement(l(), {
             height: "20px",
             width: "20px"
         })));
     }
-    le.propTypes = se;
+    le.propTypes = oe;
     le.Title = re;
     le.Link = z;
     /* harmony default export */    const pe = le;