@splunk/react-ui 4.38.0 → 4.40.0

package/Message.js

@@ -62,20 +62,20 @@
     // EXPORTS
         e.d(r, {
         Link: () => /* reexport */ z,
-        default: () => /* reexport */ pe
+        default: () => /* reexport */ ue
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
     var n =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var o =  e.n(i);
+    var s =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
-    const t = require("@splunk/react-icons/CheckCircle");
-    var s =  e.n(t);
+    const o = require("@splunk/react-icons/CheckCircle");
+    var t =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const c = require("@splunk/react-icons/Cross");
-    var l =  e.n(c);
+    const l = require("@splunk/react-icons/Cross");
+    var c =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
     const p = require("@splunk/react-icons/enterprise/Close");
     var u =  e.n(p);
@@ -98,18 +98,18 @@
     const x = require("@splunk/react-icons/enterprise/Success");
     var w =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Warning"
-    const O = require("@splunk/react-icons/enterprise/Warning");
-    var S =  e.n(O);
+    const S = require("@splunk/react-icons/enterprise/Warning");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/MessageBar"
-    const j = require("@splunk/react-ui/MessageBar");
-    var q =  e.n(j);
+    const q = require("@splunk/react-ui/MessageBar");
+    var _ =  e.n(q);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const _ = require("@splunk/react-ui/ScreenReaderContent");
-    var E =  e.n(_);
+    const E = require("@splunk/react-ui/ScreenReaderContent");
+    var P =  e.n(E);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const I = require("@splunk/themes");
+    const j = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const P = require("@splunk/ui-utils/i18n");
+    const I = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const R = require("styled-components");
     var T =  e.n(R);
@@ -123,37 +123,32 @@
     })([ "" ]);
     // CONCATENATED MODULE: ./src/Message/Link.tsx
     function A(e, r) {
-        if (e == null) return {};
-        var a = N(e, r);
-        var n, i;
+        if (null == e) return {};
+        var a, n, i = N(e, r);
         if (Object.getOwnPropertySymbols) {
-            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];
+            var s = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < s.length; n++) {
+                a = s[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
     function N(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var a = {};
-        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];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
+            }
         }
         return a;
     }
     var W = {
-        children: o().node,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        openInNewContext: o().bool,
-        to: o().string
+        children: s().node,
+        elementRef: s().oneOfType([ s().func, s().object ]),
+        openInNewContext: s().bool,
+        to: s().string
     };
     /**
  * @deprecated `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead.
@@ -178,242 +173,228 @@
     var F = T().p.withConfig({
         displayName: "TitleStyles__StyledTitle",
         componentId: "sc-6gbjha-0"
-    })([ "", " ", "" ], I.mixins.reset("block"), (0, I.pick)({
+    })([ "", " ", "" ], j.mixins.reset("block"), (0, j.pick)({
         prisma: (0, R.css)([ "font-size:14px;line-height:20px;" ])
     }));
     // CONCATENATED MODULE: ./src/Message/MessageStyles.ts
     var G = T().div.withConfig({
         displayName: "MessageStyles__StyledContent",
         componentId: "eg66af-0"
-    })([ "display:flex;align-items:baseline;flex:1;", ";", " ", ";" ], (0, I.pick)({
-        prisma: (0, R.css)([ "padding:", " 0;color:", ";" ], I.variables.spacingMedium, I.variables.contentColorActive),
+    })([ "width:100%;", ";", " ", ";" ], (0, j.pick)({
+        prisma: (0, R.css)([ "padding:", " 0;color:", ";" ], j.variables.spacingMedium, j.variables.contentColorActive),
         enterprise: (0, R.css)([ "padding:12px 0;" ])
-    }), (0, I.pick)({
-        prisma: (0, R.css)([ "padding-left:", ";" ], I.variables.spacingXSmall),
+    }), (0, j.pick)({
+        prisma: (0, R.css)([ "padding-left:", ";" ], j.variables.spacingXSmall),
         enterprise: (0, R.css)([ "padding-left:15px;" ])
     }), (function(e) {
         var r = e.$fillStyle;
-        return r && (0, I.pick)({
-            prisma: (0, R.css)([ "padding-left:", ";" ], I.variables.spacingMedium)
+        return r && (0, j.pick)({
+            prisma: (0, R.css)([ "padding-left:", ";" ], j.variables.spacingMedium)
         });
     }));
-    var J = T()(H()).withConfig({
-        displayName: "MessageStyles__StyledRemove",
+    var J = T().div.withConfig({
+        displayName: "MessageStyles__StyledWrapper",
         componentId: "eg66af-1"
-    })([ "", ";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)({
+    })([ "display:flex;align-items:baseline;flex:1;" ]);
+    var K = T()(H()).withConfig({
+        displayName: "MessageStyles__StyledRemove",
+        componentId: "eg66af-2"
+    })([ "", ";border:1px solid transparent;border-radius:", ";color:", ";", ";cursor:pointer;position:absolute;", " padding:8px;&:hover,&:focus{background:", ";color:", ";}&:active{", ";}", "" ], j.mixins.reset("flex"), (0, 
+    j.pick)({
         prisma: "50%",
-        enterprise: I.variables.borderRadius
-    }), (0, I.pick)({
-        prisma: I.variables.contentColorMuted,
+        enterprise: j.variables.borderRadius
+    }), (0, j.pick)({
+        prisma: j.variables.contentColorMuted,
         enterprise: {
-            dark: I.variables.gray96,
-            light: I.variables.gray45
+            dark: j.variables.gray96,
+            light: j.variables.gray45
         }
     }), (function(e) {
         var r = e.$appearance;
-        return r === "banner" && (0, I.pick)({
-            prisma: (0, R.css)([ "color:", ";" ], I.variables.contentColorInverted)
+        return r === "banner" && (0, j.pick)({
+            prisma: (0, R.css)([ "color:", ";" ], j.variables.contentColorInverted)
         });
-    }), (0, I.pick)({
+    }), (0, j.pick)({
         prisma: (0, R.css)([ "top:3px;right:2px;" ]),
         enterprise: (0, R.css)([ "top:8px;right:8px;" ])
-    }), (0, I.pick)({
-        prisma: I.variables.interactiveColorOverlayHover,
+    }), (0, j.pick)({
+        prisma: j.variables.interactiveColorOverlayHover,
         enterprise: {
-            dark: I.variables.gray30,
-            light: I.variables.gray92
+            dark: j.variables.gray30,
+            light: j.variables.gray92
         }
-    }), (0, I.pick)({
+    }), (0, j.pick)({
         enterprise: {
-            dark: I.variables.gray96,
-            light: I.variables.linkColor
+            dark: j.variables.gray96,
+            light: j.variables.linkColor
         },
-        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)
+        prisma: j.variables.contentColorActive
+    }), (0, j.pick)({
+        prisma: (0, R.css)([ "background:", ";" ], j.variables.interactiveColorOverlayActive),
+        enterprise: (0, R.css)([ "box-shadow:", ";" ], j.variables.focusShadow)
+    }), (0, j.pick)({
+        prisma: (0, R.css)([ "&:focus{box-shadow:0 0 0 3px ", ";}" ], j.variables.focusColor)
     }));
-    var K = T().span.withConfig({
+    var Q = T().span.withConfig({
         displayName: "MessageStyles__StyledIconWrapper",
-        componentId: "eg66af-2"
+        componentId: "eg66af-3"
     })([ "position:relative;min-width:", ";text-align:center;color:", ";", " ", "" ], (0, 
-    I.pick)({
-        prisma: I.variables.spacingXLarge,
+    j.pick)({
+        prisma: j.variables.spacingXLarge,
         enterprise: "25px"
-    }), I.variables.white, (0, I.pick)({
+    }), j.variables.white, (0, j.pick)({
         enterprise: (0, R.css)([ "top:-2px;" ]),
         prisma: (0, R.css)([ "top:-1.8px;" ])
-    }), (0, I.pickVariant)("$type", {
-        info: (0, R.css)([ "color:", ";" ], (0, I.pick)({
-            prisma: I.variables.contentColorMuted,
-            enterprise: I.variables.infoColor
+    }), (0, j.pickVariant)("$type", {
+        info: (0, R.css)([ "color:", ";" ], (0, j.pick)({
+            prisma: j.variables.contentColorMuted,
+            enterprise: j.variables.infoColor
         })),
-        success: (0, R.css)([ "color:", ";" ], I.variables.accentColorPositive),
-        warning: (0, R.css)([ "color:", ";" ], I.variables.accentColorWarning),
-        error: (0, R.css)([ "color:", ";" ], I.variables.accentColorNegative)
+        success: (0, R.css)([ "color:", ";" ], j.variables.accentColorPositive),
+        warning: (0, R.css)([ "color:", ";" ], j.variables.accentColorWarning),
+        error: (0, R.css)([ "color:", ";" ], j.variables.accentColorNegative)
     }));
-    var Q = T()(B()).withConfig({
+    var U = T()(B()).withConfig({
         displayName: "MessageStyles__StyledBox",
-        componentId: "eg66af-3"
-    })([ "", ";align-items:baseline;position:relative;border-radius:", ";margin-bottom:", ";", " word-wrap:break-word;", " ", "" ], I.mixins.reset("flex"), (0, 
-    I.pick)({
-        prisma: I.variables.borderRadius,
+        componentId: "eg66af-4"
+    })([ "", ";align-items:baseline;position:relative;border-radius:", ";margin-bottom:", ";", " word-wrap:break-word;", " ", "" ], j.mixins.reset("flex"), (0, 
+    j.pick)({
+        prisma: j.variables.borderRadius,
         enterprise: "5px"
-    }), I.variables.spacingSmall, (0, I.pickVariant)("$hasRemoveIcon", {
+    }), j.variables.spacingSmall, (0, j.pickVariant)("$hasRemoveIcon", {
         true: {
-            prisma: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingXXXLarge),
-            enterprise: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingXXLarge)
+            prisma: (0, R.css)([ "padding-right:", ";" ], j.variables.spacingXXXLarge),
+            enterprise: (0, R.css)([ "padding-right:", ";" ], j.variables.spacingXXLarge)
         },
-        false: (0, R.css)([ "padding-right:", ";" ], I.variables.spacingSmall)
+        false: (0, R.css)([ "padding-right:", ";" ], j.variables.spacingSmall)
     }), (function(e) {
         var r = e.$fillStyle;
-        return r && (0, I.pick)({
-            enterprise: (0, R.css)([ "& > ", "{left:", ";}", "" ], 
-            /* sc-sel */
-            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))
+        return r && (0, j.pick)({
+            enterprise: (0, R.css)([ "& > ", "{left:", ";}", "" ], /* sc-sel */ Q, j.variables.spacingXSmall, (0, 
+            j.pickVariant)("$type", {
+                info: (0, R.css)([ "", "" ], (0, j.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], j.variables.infoColorL50, j.variables.infoColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], j.mixins.colorWithAlpha(j.variables.infoColor, .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))
+                success: (0, R.css)([ "", "" ], (0, j.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], j.variables.successColorL50, j.variables.successColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], j.mixins.colorWithAlpha(j.variables.successColor, .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))
+                warning: (0, R.css)([ "", "" ], (0, j.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], j.variables.warningColorL50, j.variables.warningColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], j.mixins.colorWithAlpha(j.variables.warningColor, .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))
+                error: (0, R.css)([ "", "" ], (0, j.pick)({
+                    light: (0, R.css)([ "background-color:", ";border:1px solid ", ";" ], j.variables.errorColorL50, j.variables.errorColor),
+                    dark: (0, R.css)([ "background-color:", ";" ], j.mixins.colorWithAlpha(j.variables.errorColor, .5))
                 }))
             })),
             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
+                    info: j.variables.contentColorActive,
+                    success: j.variables.accentColorPositive,
+                    warning: j.variables.accentColorWarning,
+                    error: j.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, I.variables.backgroundColorPopup)
+                return (0, R.css)([ "background:linear-gradient( to right,", " 0,", " ", ",", " ", ",", " 100% );" ], n, n, j.variables.spacingXLarge, j.variables.backgroundColorPopup, j.variables.spacingXLarge, j.variables.backgroundColorPopup);
+            }), j.variables.embossShadow, /* sc-sel */ Q, j.variables.backgroundColorPopup)
         });
-    }), (0, I.pick)({
-        prisma: (0, R.css)([ "& ", "{color:", ";}" ], 
-        /* sc-sel */
-        F, (0, I.pickVariant)("$type", {
-            info: I.variables.contentColorActive,
-            warning: I.variables.accentColorWarning,
-            error: I.variables.accentColorNegative,
-            success: I.variables.accentColorPositive
+    }), (0, j.pick)({
+        prisma: (0, R.css)([ "& ", "{color:", ";}" ], /* sc-sel */ F, (0, j.pickVariant)("$type", {
+            info: j.variables.contentColorActive,
+            warning: j.variables.accentColorWarning,
+            error: j.variables.accentColorNegative,
+            success: j.variables.accentColorPositive
         }))
     }));
     // CONCATENATED MODULE: ./src/Message/Title.tsx
-    function U(e, r) {
-        if (e == null) return {};
-        var a = Y(e, r);
-        var n, i;
+    function Y(e, r) {
+        if (null == e) return {};
+        var a, n, i = Z(e, r);
         if (Object.getOwnPropertySymbols) {
-            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];
+            var s = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < s.length; n++) {
+                a = s[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
-    function Y(e, r) {
-        if (e == null) return {};
+    function Z(e, r) {
+        if (null == e) return {};
         var a = {};
-        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];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
+            }
         }
         return a;
     }
-    var Z = {
-        children: o().node
+    var ee = {
+        children: s().node
     };
     /**
  * A title component for use in `Message`.
- */    function ee(e) {
-        var r = e.children, a = U(e, [ "children" ]);
+ */    function re(e) {
+        var r = e.children, a = Y(e, [ "children" ]);
         // @docs-props-type TitleProps
                 
         return n().createElement(F, a, r);
     }
-    ee.propTypes = Z;
-    /* harmony default export */    const re = ee;
+    re.propTypes = ee;
+    /* harmony default export */    const ae = re;
     // CONCATENATED MODULE: ./src/Message/Message.tsx
-    function ae() {
-        ae = Object.assign || function(e) {
+    function ne() {
+        return ne = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var n in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, n)) {
-                        e[n] = a[n];
-                    }
+                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
                 }
             }
             return e;
-        };
-        return ae.apply(this, arguments);
+        }, ne.apply(null, arguments);
     }
-    function ne(e, r) {
-        if (e == null) return {};
-        var a = ie(e, r);
-        var n, i;
+    function ie(e, r) {
+        if (null == e) return {};
+        var a, n, i = se(e, r);
         if (Object.getOwnPropertySymbols) {
-            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];
+            var s = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < s.length; n++) {
+                a = s[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
-    function ie(e, r) {
-        if (e == null) return {};
+    function se(e, r) {
+        if (null == e) return {};
         var a = {};
-        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];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
+            }
         }
         return a;
     }
     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" ])
+        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 te = Object.freeze({
-        info: (0, P._)("Info"),
-        warning: (0, P._)("Warning"),
-        error: (0, P._)("Alert"),
-        success: (0, P._)("Success")
+        info: (0, I._)("Info"),
+        warning: (0, I._)("Warning"),
+        error: (0, I._)("Alert"),
+        success: (0, I._)("Success")
     });
-    var se = Object.freeze({
+    var le = Object.freeze({
         info: C(),
-        warning: S(),
+        warning: O(),
         error: k(),
         success: w()
     });
@@ -421,40 +402,49 @@
         info: f(),
         warning: m(),
         error: d(),
-        success: s()
+        success: t()
     });
-    function le(e) {
-        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" ]);
+    function pe(e) {
+        var r = e.appearance, i = r === void 0 ? "default" : r, s = e.children, o = e.type, t = o === void 0 ? "warning" : o, l = e.onRequestRemove, p = ie(e, [ "appearance", "children", "type", "onRequestRemove" ]);
         // @docs-props-type MessagePropsBase
-                var v = (0, I.useSplunkTheme)(), d = v.isEnterprise;
+                var v = (0, j.useSplunkTheme)(), d = v.isEnterprise;
         if (false) {}
- // double check this can only be button
+        // double check this can only be button
                 var b = (0, a.useCallback)((function(e) {
-            c === null || c === void 0 ? void 0 : c(e);
-        }), [ c ]);
+            l === null || l === void 0 ? void 0 : l(e);
+        }), [ l ]);
         if (i === "banner") {
             
-            return n().createElement(q(), ae({
-                type: s,
+            return n().createElement(_(), ne({
+                type: t,
                 "data-test": "banner",
                 onRequestClose: b
-            }, p), o);
+            }, p), s);
         }
-        var f = d ? se : ce;
-        var g = f[s];
+        var f = d ? le : ce;
+        var g = f[t];
         var m = i === "fill";
         var y = i === "default" || i === "fill";
+        // filters out Message.Title from other content
+                var k;
+        var h = n().Children.toArray(s).filter((function(e) {
+            if ( n().isValidElement(e) && e.type === ae) {
+                k = e;
+                return false;
+            }
+            return true;
+        }));
         
-        return n().createElement(Q, ae({
+        return n().createElement(U, ne({
             $appearance: i,
             $fillStyle: m,
-            $hasRemoveIcon: !!c,
-            $type: s,
-            "data-test-type": s,
+            $hasRemoveIcon: !!l,
+            $type: t,
+            "data-test-type": t,
             "data-test": "message"
-        }, p), y &&  n().createElement(K, {
+        }, p), y &&  n().createElement(Q, {
             $fillStyle: m,
-            $type: s
+            $type: t
         }, d ?  n().createElement(g, {
             height: "24px",
             width: "24px",
@@ -462,10 +452,10 @@
             screenReaderText: null
         }) :  n().createElement(g, {
             variant: "filled"
-        }),  n().createElement(E(), null, te[s])),  n().createElement(G, {
+        }),  n().createElement(P(), null, te[t])),  n().createElement(G, {
             "data-test": "content",
             $fillStyle: m
-        }, o), c &&  n().createElement(J, {
+        }, k,  n().createElement(J, null, h)), l &&  n().createElement(K, {
             "data-test": "remove",
             onClick: b,
             $appearance: i
@@ -474,15 +464,15 @@
             hideDefaultTooltip: true,
             screenReaderText: null,
             width: "12px"
-        }) :  n().createElement(l(), {
+        }) :  n().createElement(c(), {
             height: "20px",
             width: "20px"
         })));
     }
-    le.propTypes = oe;
-    le.Title = re;
-    le.Link = z;
-    /* harmony default export */    const pe = le;
+    pe.propTypes = oe;
+    pe.Title = ae;
+    pe.Link = z;
+    /* harmony default export */    const ue = pe;
     // CONCATENATED MODULE: ./src/Message/index.ts
     module.exports = r;
     /******/})();