@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Markdown.js

@@ -67,9 +67,9 @@
         MarkdownCodeBlock: () => /* reexport */ F,
         MarkdownHeading: () => /* reexport */ V,
         MarkdownImage: () => /* reexport */ ee,
-        MarkdownItem: () => /* reexport */ ge,
-        MarkdownLink: () => /* reexport */ ae,
-        MarkdownList: () => /* reexport */ ve,
+        MarkdownItem: () => /* reexport */ ie,
+        MarkdownLink: () => /* reexport */ pe,
+        MarkdownList: () => /* reexport */ ge,
         MarkdownParagraph: () => /* reexport */ ke,
         default: () => /* reexport */ We
     });
@@ -79,14 +79,14 @@
     // CONCATENATED MODULE: external "prop-types"
     const l = require("prop-types");
     var o =  e.n(l);
-    // CONCATENATED MODULE: external "styled-components"
-    const i = require("styled-components");
-    var a =  e.n(i);
     // CONCATENATED MODULE: external "react-markdown"
-    const u = require("react-markdown");
-    var c =  e.n(u);
+    const i = require("react-markdown");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "remark-gfm"
-    const s = require("remark-gfm");
+    const u = require("remark-gfm");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "styled-components"
+    const s = require("styled-components");
     var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Prose"
     const d = require("@splunk/react-ui/Prose");
@@ -172,15 +172,15 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const k = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Markdown/MarkdownStyles.ts
-    var S = a().div.withConfig({
+    var S = f().div.withConfig({
         displayName: "MarkdownStyles__StyledCodeBlock",
         componentId: "sc-1xadih-0"
     })([ "", "" ], k.mixins.reset("block"));
-    var E = a().code.withConfig({
+    var E = f().code.withConfig({
         displayName: "MarkdownStyles__StyledCodeInline",
         componentId: "sc-1xadih-1"
     })([ "", ";font-size:inherit;font-family:", ";background-color:", ";" ], k.mixins.reset("inline"), k.variables.monoFontFamily, k.variables.neutral100);
-    var R = a().blockquote.withConfig({
+    var R = f().blockquote.withConfig({
         displayName: "MarkdownStyles__StyledHint",
         componentId: "sc-1xadih-2"
     })([ "", " padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}" ], k.mixins.reset("block"), k.variables.spacingSmall, (0, 
@@ -374,24 +374,13 @@
         }, o));
     }
     /* harmony default export */    const ee = Z;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const re = require("@splunk/react-ui/Link");
+    // CONCATENATED MODULE: external "@splunk/react-ui/List"
+    const re = require("@splunk/react-ui/List");
     var ne =  e.n(re);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
-    function te() {
-        return te = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                }
-            }
-            return e;
-        }, te.apply(null, arguments);
-    }
-    function le(e, r) {
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
+    function te(e, r) {
         if (null == e) return {};
-        var n, t, l = oe(e, r);
+        var n, t, l = le(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
@@ -400,7 +389,7 @@
         }
         return l;
     }
-    function oe(e, r) {
+    function le(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -411,20 +400,18 @@
         }
         return n;
     }
-    function ie(e) {
-        var r = e.children, n = e.href, l = le(e, [ "children", "href" ]);
+    function oe(e) {
+        var r = e.children, n = te(e, [ "children" ]);
         
-        return t().createElement(ne(), te({
-            to: n
-        }, l), r);
+        return t().createElement(re.Item, n, r);
     }
-    /* harmony default export */    const ae = ie;
-    // CONCATENATED MODULE: external "@splunk/react-ui/List"
-    const ue = require("@splunk/react-ui/List");
-    var ce =  e.n(ue);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
-    function se() {
-        return se = Object.assign ? Object.assign.bind() : function(e) {
+    /* harmony default export */    const ie = oe;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const ae = require("@splunk/react-ui/Link");
+    var ue =  e.n(ae);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
+    function ce() {
+        return ce = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -432,11 +419,11 @@
                 }
             }
             return e;
-        }, se.apply(null, arguments);
+        }, ce.apply(null, arguments);
     }
-    function fe(e, r) {
+    function se(e, r) {
         if (null == e) return {};
-        var n, t, l = de(e, r);
+        var n, t, l = fe(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
@@ -445,7 +432,7 @@
         }
         return l;
     }
-    function de(e, r) {
+    function fe(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -456,15 +443,26 @@
         }
         return n;
     }
-    function pe(e) {
-        var r = e.children, n = e.ordered, l = fe(e, [ "children", "ordered" ]);
+    function de(e) {
+        var r = e.children, n = e.href, l = se(e, [ "children", "href" ]);
         
-        return t().createElement(ce(), se({}, l, {
-            ordered: n
-        }), r);
+        return t().createElement(ue(), ce({
+            to: n
+        }, l), r);
+    }
+    /* harmony default export */    const pe = de;
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
+    function ve() {
+        return ve = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, ve.apply(null, arguments);
     }
-    /* harmony default export */    const ve = pe;
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
     function ye(e, r) {
         if (null == e) return {};
         var n, t, l = be(e, r);
@@ -488,9 +486,11 @@
         return n;
     }
     function me(e) {
-        var r = e.children, n = ye(e, [ "children" ]);
+        var r = e.children, n = e.ordered, l = ye(e, [ "children", "ordered" ]);
         
-        return t().createElement(ue.Item, n, r);
+        return t().createElement(ne(), ve({}, l, {
+            ordered: n
+        }), r);
     }
     /* harmony default export */    const ge = me;
     // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
@@ -733,13 +733,13 @@
         
         return t().createElement(t().Fragment, null, r.children);
     };
-    var Qe = [ f() ];
+    var Qe = [ c() ];
     /**
  * The `Markdown` component renders the given Markdown text as a React component.
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
  */    function Ve(e) {
-        var r = e.blockquoteRenderer, l = e.codeBlockRenderer, o = e.codeRenderer, a = e.elementRef, u = e.headingRenderer, s = e.imageRenderer, f = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, g = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
+        var r = e.blockquoteRenderer, l = e.codeBlockRenderer, o = e.codeRenderer, i = e.elementRef, u = e.headingRenderer, c = e.imageRenderer, f = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, g = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
  // @docs-props-type MarkdownPropsBase
                 var h = (0, n.useCallback)((function(e) {
             var r, n;
@@ -765,7 +765,7 @@
         }), [ l, o ]);
         var O = (0, n.useMemo)((function() {
             return {
-                a: d || ae,
+                a: d || pe,
                 blockquote: r || T,
                 code: h,
                 h1: u || V,
@@ -774,12 +774,12 @@
                 h4: u || V,
                 h5: u || V,
                 h6: u || V,
-                img: s || ee,
-                li: f || ge,
-                ol: v || ve,
+                img: c || ee,
+                li: f || ie,
+                ol: v || ge,
                 p: y || ke,
                 pre: Ke,
-                ul: v || ve,
+                ul: v || ge,
                 table: Me,
                 thead: _e,
                 th: Be,
@@ -787,17 +787,17 @@
                 tr: He,
                 tbody: Te
             };
-        }), [ r, h, u, s, f, d, v, y ]);
+        }), [ r, h, u, c, f, d, v, y ]);
         
         return t().createElement(p(), Ue({
             "data-test": "markdown",
-            elementRef: a,
+            elementRef: i,
             elementSelectors: {
                 /* stylelint-disable */
-                pre: (0, i.css)([ ":is(", ")" ], S),
-                blockquote: (0, i.css)([ ":is(", ")" ], R)
+                pre: (0, s.css)([ ":is(", ")" ], S),
+                blockquote: (0, s.css)([ ":is(", ")" ], R)
                 /* stylelint-enable */            }
-        }, g),  t().createElement(c(), Ue({
+        }, g),  t().createElement(a(), Ue({
             remarkPlugins: Qe,
             components: O
         }, m), b));

package/Menu.js

@@ -70,11 +70,11 @@
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const o = require("lodash/omit");
+    const a = require("lodash/omit");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
     var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
     const s = require("@splunk/ui-utils/focus");
@@ -310,9 +310,9 @@
         return r;
     }
     var U = {
-        children: i().node,
-        title: i().bool,
-        outerStyle: i().object
+        children: l().node,
+        title: l().bool,
+        outerStyle: l().object
     };
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
@@ -405,37 +405,37 @@
         return r;
     }
     var ge = {
-        active: i().bool,
-        children: i().node,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        endAdornment: i().node,
-        hasSubmenu: i().bool,
+        active: l().bool,
+        children: l().node,
+        description: l().string,
+        descriptionPosition: l().oneOf([ "right", "bottom" ]),
+        disabled: l().oneOfType([ l().bool, l().oneOf([ "dimmed", "disabled" ]) ]),
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        endAdornment: l().node,
+        hasSubmenu: l().bool,
         /** @private. The internal key of the tab */
-        itemKey: i().number,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
+        itemKey: l().number,
+        matchRanges: l().arrayOf(l().shape({
+            start: l().number.isRequired,
+            end: l().number.isRequired
         })),
-        onClick: i().func,
+        onClick: l().func,
         /** @private */
-        onFocus: i().func,
-        openInNewContext: i().oneOfType([ i().bool, i().string ]),
+        onFocus: l().func,
+        openInNewContext: l().oneOfType([ l().bool, l().string ]),
         /** @private */
-        preventFocus: i().bool,
-        role: i().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
-        selectable: i().bool,
-        selectableAppearance: i().oneOf([ "checkmark", "checkbox" ]),
-        selected: i().oneOfType([ i().bool, i().oneOf([ "some" ]) ]),
-        startAdornment: i().node,
-        to: i().string,
-        truncate: i().bool
+        preventFocus: l().bool,
+        role: l().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
+        selectable: l().bool,
+        selectableAppearance: l().oneOf([ "checkmark", "checkbox" ]),
+        selected: l().oneOfType([ l().bool, l().oneOf([ "some" ]) ]),
+        startAdornment: l().node,
+        to: l().string,
+        truncate: l().bool
     };
     var ye = (0, se._)("(Opens new window)");
     function he(e) {
-        var t = e.active, a = e.children, i = e.description, o = e.descriptionPosition, s = o === void 0 ? "bottom" : o, c = e.disabled, u = e.endAdornment, d = e.elementRef, v = e.hasSubmenu, p = e.itemKey, f = e.matchRanges, m = e.onClick, b = e.onFocus, g = e.openInNewContext, y = e.role, w = e.selectable, N = e.selectableAppearance, D = N === void 0 ? "checkmark" : N, T = e.selected, q = e.startAdornment, R = e.to, $ = e.truncate, H = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
+        var t = e.active, a = e.children, o = e.description, l = e.descriptionPosition, s = l === void 0 ? "bottom" : l, c = e.disabled, u = e.endAdornment, d = e.elementRef, v = e.hasSubmenu, p = e.itemKey, f = e.matchRanges, m = e.onClick, b = e.onFocus, g = e.openInNewContext, y = e.role, w = e.selectable, N = e.selectableAppearance, D = N === void 0 ? "checkmark" : N, T = e.selected, q = e.startAdornment, R = e.to, $ = e.truncate, H = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
         var F = (0, r.useContext)(A), M = F.preventFocus;
         (0, r.useEffect)((function() {
             if (false) {}
@@ -488,8 +488,8 @@
         } else if (V === "option") {
             X["aria-selected"] = W;
         }
-        var G = i && s === "right";
-        var J = i && !G;
+        var G = o && s === "right";
+        var J = o && !G;
         var Q = T && D === "checkmark" &&  n().createElement(k, null,  n().createElement(ne(), {
             "data-test": "selected-checkmark",
             inline: true
@@ -520,7 +520,7 @@
             tabIndex: M ? -1 : undefined,
             to: R,
             title: $ && te()(a) ? a : undefined
-        }, X, l()(H, "onFocus")), v &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, w && D === "checkbox" &&  n().createElement(x, {
+        }, X, i()(H, "onFocus")), v &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, w && D === "checkbox" &&  n().createElement(x, {
             disabled: !!c,
             selected: T
         }), q &&  n().createElement(O, null, q),  n().createElement(E, {
@@ -531,9 +531,9 @@
             "data-test": "label"
         }, B, g &&  n().createElement(n().Fragment, null,  n().createElement(pe, null),  n().createElement(le(), null, Y))), J &&  n().createElement(h, {
             "data-test": "description"
-        }, i), G &&  n().createElement(S, {
+        }, o), G &&  n().createElement(S, {
             "data-test": "description"
-        }, i)), u &&  n().createElement(O, {
+        }, o)), u &&  n().createElement(O, {
             endAdornment: u
         }, u), Q));
     }
@@ -609,10 +609,10 @@
         return r;
     }
     var Ne = {
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        focusMode: i().oneOf([ "roving", "normal", "never" ]),
-        stopScrollPropagation: i().bool
+        children: l().node,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        focusMode: l().oneOf([ "roving", "normal", "never" ]),
+        stopScrollPropagation: l().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
         var De = function e() {
@@ -632,7 +632,7 @@
         return r;
     };
     function Te(e) {
-        var t = e.children, a = e.elementRef, i = e.focusMode, o = i === void 0 ? "roving" : i, c = e.stopScrollPropagation, u = Pe(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
+        var t = e.children, a = e.elementRef, o = e.focusMode, l = o === void 0 ? "roving" : o, c = e.stopScrollPropagation, u = Pe(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
                 var d = (0, r.useContext)(A), v = d.role, p = v === void 0 ? "menu" : v;
         var f = (0, r.useRef)(null);
@@ -694,10 +694,10 @@
         var h = function e() {
             return {
                 role: "menu",
-                preventFocus: o === "never"
+                preventFocus: l === "never"
             };
         };
-        var S = o === "normal" || o === "never" ? undefined : y;
+        var S = l === "normal" || l === "never" ? undefined : y;
         var w = {
             "data-test": "menu",
             onKeyDown: S,
@@ -706,7 +706,7 @@
         return c ?  n().createElement(Ie, _e({}, w, {
             elementRef: b,
             stopScrollPropagation: true
-        }, l()(u, "tagName")), m) :  n().createElement(Ce, _e({}, w, {
+        }, i()(u, "tagName")), m) :  n().createElement(Ce, _e({}, w, {
             ref: b
         }, u),  n().createElement(A.Provider, {
             value: h()

package/Message.js

@@ -68,10 +68,10 @@
     var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
-    var i =  e.n(a);
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
-    const o = require("@splunk/react-icons/CheckCircle");
-    var l =  e.n(o);
+    const i = require("@splunk/react-icons/CheckCircle");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
     const s = require("@splunk/react-icons/Cross");
     var c =  e.n(s);
@@ -104,40 +104,44 @@
         warning: C.variables.notificationColorCaution,
         error: C.variables.notificationColorNegative
     };
-    var k = w().div.withConfig({
+    var x = w().div.withConfig({
         displayName: "MessageStyles__StyledTitle",
         componentId: "eg66af-0"
     })([ "", ";" ], C.mixins.typography("title4"));
-    var x = w().div.withConfig({
+    var k = w().div.withConfig({
         displayName: "MessageStyles__StyledContent",
         componentId: "eg66af-1"
-    })([ "", ";grid-row:1 / -1;grid-column:content;max-width:", ";word-wrap:break-word;&:not(:has(> ", ")){", ";}" ], C.mixins.typography("body"), C.variables.lineLength, k, C.mixins.typography("body", {
+    })([ "", ";grid-row:1 / -1;grid-column:content;max-width:", ";word-wrap:break-word;&:not(:has(> ", ")){", ";}" ], C.mixins.typography("body"), C.variables.lineLength, x, C.mixins.typography("body", {
         color: "active"
     }));
-    var q = w().span.withConfig({
+    var R = w().span.withConfig({
         displayName: "MessageStyles__StyledIcon",
         componentId: "eg66af-2"
     })([ "fill:", ";grid-row:1;height:20px;width:20px;" ], (0, C.pickVariant)("$type", _));
-    var R = w()(O()).withConfig({
+    var q = w()(O()).withConfig({
         displayName: "MessageStyles__StyledRemove",
         componentId: "eg66af-3"
     })([ "grid-column:remove;" ]);
-    var j = w().div.withConfig({
+    var I = w().div.withConfig({
         displayName: "MessageStyles__Styled",
         componentId: "eg66af-4"
-    })([ "", ";grid-template-columns:[icon] 20px ", " [content] auto ", " [remove] min-content;grid-template-rows:1lh auto;align-items:center;padding:", ";", "" ], C.mixins.reset("grid"), C.variables.spacingSmall, C.variables.spacingSmall, C.variables.spacingSmall, (function(e) {
-        var n = e.$appearance, r = e.$type;
-        var t = _[r];
-        return n === "fill" && (0, h.css)([ "background-color:", ";border-left:8px solid ", ";border-radius:", ";box-shadow:", ";grid-template-columns:[icon] 20px ", " [content] fit-content(", ") minmax(", ",1fr) [remove] min-content;padding-inline:", ";" ], C.variables.backgroundColorPopup, t, C.variables.borderRadius, C.variables.embossShadow, C.variables.spacingSmall, C.variables.lineLength, C.variables.spacingSmall, C.variables.spacingMedium);
+    })([ "", ";grid-template-rows:1lh auto;align-items:center;padding:", ";", ";", "" ], C.mixins.reset("grid"), C.variables.spacingSmall, (function(e) {
+        var n = e.$hasRemoveIcon;
+        return (0, h.css)([ "grid-template-columns:[icon] 20px ", " [content] auto ", " [remove] min-content;" ], C.variables.spacingSmall, n ? C.variables.spacingSmall : "0");
+    }), (function(e) {
+        var n = e.$appearance, r = e.$hasRemoveIcon, t = e.$type;
+        var a = _[t];
+        return n === "fill" && (0, h.css)([ "background-color:", ";border-left:8px solid ", ";border-radius:", ";box-shadow:", ";grid-template-columns:[icon] 20px ", " [content] fit-content(", ");padding-inline:", ";", "" ], C.variables.backgroundColorPopup, a, C.variables.borderRadius, C.variables.embossShadow, C.variables.spacingSmall, C.variables.lineLength, C.variables.spacingMedium, r && (0, 
+        h.css)([ "grid-template-columns:[icon] 20px ", " [content] fit-content(", ") minmax(", ",1fr) [remove] min-content;" ], C.variables.spacingSmall, C.variables.lineLength, C.variables.spacingSmall));
     }));
     // CONCATENATED MODULE: ./src/Message/Title.tsx
-    function I(e, n) {
+    function j(e, n) {
         if (null == e) return {};
         var r, t, a = P(e, n);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -154,21 +158,21 @@
         return r;
     }
     var E = {
-        children: i().node
+        children: o().node
     };
     /**
  * A title component for use in `Message`.
  */    function M(e) {
-        var n = e.children, r = I(e, [ "children" ]);
+        var n = e.children, r = j(e, [ "children" ]);
         // @docs-props-type TitleProps
                 
-        return t().createElement(k, r, n);
+        return t().createElement(x, r, n);
     }
     M.propTypes = E;
-    /* harmony default export */    const T = M;
+    /* harmony default export */    const $ = M;
     // CONCATENATED MODULE: ./src/Message/Message.tsx
-    function $() {
-        return $ = Object.assign ? Object.assign.bind() : function(e) {
+    function T() {
+        return T = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -176,20 +180,20 @@
                 }
             }
             return e;
-        }, $.apply(null, arguments);
+        }, T.apply(null, arguments);
     }
     function N(e, n) {
         if (null == e) return {};
-        var r, t, a = z(e, n);
+        var r, t, a = L(e, n);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function z(e, n) {
+    function L(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -200,12 +204,12 @@
         }
         return r;
     }
-    var L = {
-        appearance: i().oneOf([ "default", "fill" ]),
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        onRequestRemove: i().func,
-        type: i().oneOf([ "info", "warning", "error", "success" ])
+    var z = {
+        appearance: o().oneOf([ "default", "fill" ]),
+        children: o().node,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        onRequestRemove: o().func,
+        type: o().oneOf([ "info", "warning", "error", "success" ])
     };
     var A = Object.freeze({
         info: v(),
@@ -224,7 +228,7 @@
         width: "20px"
     });
     function F(e) {
-        var n = e.appearance, a = n === void 0 ? "default" : n, i = e.children, o = e.elementRef, l = e.onRequestRemove, s = e.type, c = s === void 0 ? "warning" : s, u = N(e, [ "appearance", "children", "elementRef", "onRequestRemove", "type" ]);
+        var n = e.appearance, a = n === void 0 ? "default" : n, o = e.children, i = e.elementRef, l = e.onRequestRemove, s = e.type, c = s === void 0 ? "warning" : s, u = N(e, [ "appearance", "children", "elementRef", "onRequestRemove", "type" ]);
         // @docs-props-type MessagePropsBase
                 var p = (0, r.useCallback)((function(e) {
             l === null || l === void 0 ? void 0 : l(e);
@@ -232,20 +236,20 @@
         var d = A[c];
         var v = B[c];
         
-        return t().createElement(j, $({
-            ref: o,
+        return t().createElement(I, T({
+            ref: i,
             $appearance: a,
             $hasRemoveIcon: !!l,
             $type: c,
             "data-test-type": c,
             "data-test": "message"
-        }, u),  t().createElement(t().Fragment, null,  t().createElement(q, {
+        }, u),  t().createElement(t().Fragment, null,  t().createElement(R, {
             as: d,
             $type: c,
             variant: "filled"
-        }),  t().createElement(y(), null, v)),  t().createElement(x, {
+        }),  t().createElement(y(), null, v)),  t().createElement(k, {
             "data-test": "content"
-        }, i), l &&  t().createElement(R, {
+        }, o), l &&  t().createElement(q, {
             "aria-label": "Remove",
             "data-test": "remove",
             appearance: "subtle",
@@ -253,8 +257,8 @@
             icon: D
         }));
     }
-    F.propTypes = L;
-    F.Title = T;
+    F.propTypes = z;
+    F.Title = $;
     /* harmony default export */    const V = F;
     // CONCATENATED MODULE: ./src/Message/index.ts
     module.exports = n;