@splunk/react-ui 5.1.0 → 5.2.0

package/Accordion.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ w,
-        default: () => /* reexport */ V
+        Panel: () => /* reexport */ x,
+        default: () => /* reexport */ D
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -85,17 +85,17 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var y = f()(p()).withConfig({
+    var m = f()(p()).withConfig({
         displayName: "AccordionStyles__StyledBox",
         componentId: "m39hyh-0"
     })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
     // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const m = require("@splunk/react-ui/CollapsiblePanel");
-    var b =  e.n(m);
+    const y = require("@splunk/react-ui/CollapsiblePanel");
+    var b =  e.n(y);
     // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var h =  (0, r.createContext)({});
-    h.displayName = "Accordion";
-    /* harmony default export */    const g = h;
+    var g =  (0, r.createContext)({});
+    g.displayName = "Accordion";
+    /* harmony default export */    const h = g;
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
     function O() {
         return O = Object.assign ? Object.assign.bind() : function(e) {
@@ -114,7 +114,7 @@
         if (Object.getOwnPropertySymbols) {
             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]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -124,7 +124,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -145,7 +145,7 @@
  */    function C(e) {
         var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var l = (0, r.useContext)(h), i = l.onChange, u = l.openPanelId, c = l.inset;
+                var l = (0, r.useContext)(g), i = l.onChange, u = l.openPanelId, c = l.inset;
         var s = u === n;
         var f = a !== undefined ? a : c;
         // Props are different based on controlled/uncontrolled
@@ -166,7 +166,27 @@
         }, o, d));
     }
     C.propTypes = j;
-    /* harmony default export */    const w = C;
+    /* harmony default export */    const x = C;
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var w = "is deprecated and will be removed in the next major version.";
+    var A = function e(n) {
+        var t = n.additionalMessage, a = t === void 0 ? "" : t, o = n.componentName;
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ a, o ]);
+    };
+    var E = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.propName, l = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, o, l ]);
+    };
+    var N = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.deprecatedPropValue, l = n.propName, i = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, l, i, o ]);
+    };
     // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
     function q() {
         return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -179,27 +199,27 @@
             return e;
         }, q.apply(null, arguments);
     }
-    function x(e, n) {
-        return T(e) || R(e, n) || E(e, n) || A();
+    function M(e, n) {
+        return V(e) || _(e, n) || R(e, n) || k();
     }
-    function A() {
+    function k() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function E(e, n) {
+    function R(e, n) {
         if (e) {
-            if ("string" == typeof e) return k(e, n);
+            if ("string" == typeof e) return T(e, n);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? k(e, n) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? T(e, n) : void 0;
         }
     }
-    function k(e, n) {
+    function T(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
         }
         return t;
     }
-    function R(e, n) {
+    function _(e, n) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
             var t, a, o, l, i = [], u = !0, c = !1;
@@ -221,32 +241,32 @@
             return i;
         }
     }
-    function T(e) {
+    function V(e) {
         if (Array.isArray(e)) return e;
     }
-    function _(e, n) {
+    function B(e, n) {
         if (null == e) return {};
-        var r, t, a = M(e, n);
+        var r, t, a = U(e, n);
         if (Object.getOwnPropertySymbols) {
             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]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function M(e, n) {
+    function U(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
         return r;
     }
-    /** @public */    var N = {
+    /** @public */    var $ = {
         children: o().node,
         defaultOpenPanelId: o().any,
         elementRef: o().oneOfType([ o().func, o().object ]),
@@ -257,12 +277,13 @@
     /**
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
- */    function B(e) {
-        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, f = e.openPanelId, d = _(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+ */    function z(e) {
+        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, f = e.openPanelId, d = B(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
         // @docs-props-type AccordionPropsBase
-                (0, r.useEffect)((function() {
-            if (false) {}
-        }), []);
+                A({
+            additionalMessage: "Use Collapsible Panel instead.",
+            componentName: "Accordion"
+        });
         var p = c()(a);
         (0, r.useEffect)((function() {
             if (false) {}
@@ -275,8 +296,8 @@
             defaultValuePropName: "defaultOpenPanelId",
             valuePropName: "openPanelId"
         });
-        var m = (0, r.useState)(a), b = x(m, 2), h = b[0], O = b[1];
-        var P = v ? f : h;
+        var y = (0, r.useState)(a), b = M(y, 2), g = b[0], O = b[1];
+        var P = v ? f : g;
         var I = r.Children.toArray(n).filter(r.isValidElement);
  // remove false, null, 0, etc
                 var j = (0, r.useCallback)((function(e, n) {
@@ -300,17 +321,17 @@
             };
         }), [ j, u, P ]);
         
-        return t().createElement(y, q({
+        return t().createElement(m, q({
             "data-test": "accordion",
             "data-test-open-panel-id": P,
             elementRef: o
-        }, d),  t().createElement(g.Provider, {
+        }, d),  t().createElement(h.Provider, {
             value: S
         }, I));
     }
-    B.propTypes = N;
-    B.Panel = w;
-    /* harmony default export */    const V = B;
+    z.propTypes = $;
+    z.Panel = x;
+    /* harmony default export */    const D = z;
     // CONCATENATED MODULE: ./src/Accordion/index.ts
     module.exports = n;
     /******/})();

package/Anchor.js

@@ -76,13 +76,13 @@
     const l = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Anchor/AnchorStyles.ts
     // TODO: name is deprecated, it's only defined here to satisfy ts - remove/replace
-    var s = c().a.withConfig({
+    var f = c().a.withConfig({
         displayName: "AnchorStyles__StyledAnchor",
         componentId: "sc-1m9yzet-0"
     })([ "", ";color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;text-decoration:inherit;text-rendering:inherit;text-transform:inherit;cursor:pointer;margin:1px;&:hover::after{content:' #';opacity:0.5;}&:focus,&:active{box-shadow:", ";&::after{content:' #';opacity:0.5;}}" ], l.mixins.reset("inline"), l.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Anchor/Anchor.tsx
-    function u() {
-        return u = Object.assign ? Object.assign.bind() : function(e) {
+    function s() {
+        return s = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -90,15 +90,15 @@
                 }
             }
             return e;
-        }, u.apply(null, arguments);
+        }, s.apply(null, arguments);
     }
-    function f(e, r) {
+    function u(e, r) {
         if (null == e) return {};
         var t, n, o = d(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -108,7 +108,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -122,10 +122,10 @@
     /**
  * `Anchor` is a utility component used to add a fragment link to an element.
  */    function h(e) {
-        var r = e.children, t = e.elementRef, o = e.name, i = f(e, [ "children", "elementRef", "name" ]);
+        var r = e.children, t = e.elementRef, o = e.name, i = u(e, [ "children", "elementRef", "name" ]);
         // @docs-props-type AnchorPropsBase
                 
-        return n().createElement(s, u({
+        return n().createElement(f, s({
             "data-test": "anchor",
             ref: t
         }, i, {

package/Animation.js

@@ -113,7 +113,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
@@ -123,7 +123,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }

package/Avatar.js

@@ -140,19 +140,19 @@
     const O = require("@splunk/ui-utils/color");
     // CONCATENATED MODULE: ./src/utils/determineTextBrightness.ts
     function S(e, r) {
-        return k(e) || C(e, r) || j(e, r) || w();
+        return k(e) || C(e, r) || x(e, r) || w();
     }
     function w() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function j(e, r) {
+    function x(e, r) {
         if (e) {
-            if ("string" == typeof e) return x(e, r);
+            if ("string" == typeof e) return j(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? x(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? j(e, r) : void 0;
         }
     }
-    function x(e, r) {
+    function j(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
@@ -360,7 +360,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -370,7 +370,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -443,15 +443,15 @@
             $textColor: b
         }, a));
         var h = l !== null && l !== void 0 ? l : g;
-        var O = (0, t.useState)("loading"), S = M(O, 2), w = S[0], j = S[1];
+        var O = (0, t.useState)("loading"), S = M(O, 2), w = S[0], x = S[1];
         if ( (0, t.isValidElement)(l)) {
             if (l.type === "img") {
-                var x = l.props, C = x.src, k = x.alt, P = x.onError, E = U(x, [ "src", "alt", "onError" ]);
+                var j = l.props, C = j.src, k = j.alt, P = j.onError, E = U(j, [ "src", "alt", "onError" ]);
                 var I =  n().createElement("img", H({
                     src: C,
                     alt: k,
                     onError: function e() {
-                        j("error");
+                        x("error");
                         if (P) {
                             P();
                         }

package/Box.js

@@ -97,7 +97,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
@@ -107,7 +107,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }

package/Breadcrumbs.js

@@ -62,8 +62,8 @@
     // EXPORTS
         e.d(r, {
         BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ O,
-        default: () => /* reexport */ x
+        Item: () => /* reexport */ h,
+        default: () => /* reexport */ _
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -117,7 +117,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
@@ -127,7 +127,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -143,7 +143,7 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function h(e) {
+    function O(e) {
         var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = y(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
                 var d = (0, n.useContext)(j), f = d.onClick;
@@ -175,8 +175,8 @@
             "data-test": "item"
         }, g, p, s), c && c, o, a && a);
     }
-    h.propTypes = C;
-    /* harmony default export */    const O = h;
+    O.propTypes = C;
+    /* harmony default export */    const h = O;
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
     function w() {
         return w = Object.assign ? Object.assign.bind() : function(e) {
@@ -195,7 +195,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
@@ -205,7 +205,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -218,7 +218,7 @@
         onClick: l().func
     };
     var j =  t().createContext({});
-    function _(e) {
+    function x(e) {
         var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
                 var u;
@@ -252,9 +252,9 @@
             ref: a
         }, c),  t().createElement(s, null, p)));
     }
-    _.propTypes = k;
-    _.Item = O;
-    /* harmony default export */    const x = _;
+    x.propTypes = k;
+    x.Item = h;
+    /* harmony default export */    const _ = x;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;
     /******/})();

package/Button.js

@@ -97,18 +97,18 @@
     var x = y()(h()).withConfig({
         displayName: "ButtonStyles__StyledButtonSimple",
         componentId: "eqxqs2-0"
-    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:", ";max-width:100%;min-height:", ";padding:2px ", ";line-height:20px;", " ", " &[data-inline]{display:inline-flex;}" ], w.variables.inputHeight, w.variables.inputHeight, w.variables.spacingSmall, (function(e) {
+    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:", ";max-width:100%;min-height:", ";padding:2px ", ";line-height:", ";", " ", " &[data-inline]{display:inline-flex;}" ], w.variables.inputHeight, w.variables.inputHeight, w.variables.spacingSmall, w.variables.lineHeightSpacious, (function(e) {
         var n = e.$inline, t = e.append, r = e.prepend;
         return !n && !t && !r && (0, m.css)([ "width:100%;" ]);
     }), (function(e) {
         var n = e.$isIconOnly;
         return n && (0, m.css)([ "width:", ";" ], w.variables.inputHeight);
     }));
-    var S = y().span.withConfig({
+    var O = y().span.withConfig({
         displayName: "ButtonStyles__StyledContentWrapper",
         componentId: "eqxqs2-1"
     })([ "display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1 0 auto;max-width:100%;gap:", ";box-sizing:border-box;" ], w.variables.spacingXSmall);
-    var O = y().span.withConfig({
+    var S = y().span.withConfig({
         displayName: "ButtonStyles__StyledLabel",
         componentId: "eqxqs2-2"
     })([ "text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;", "" ], (function(e) {
@@ -133,7 +133,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -143,7 +143,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }
@@ -186,11 +186,11 @@
         }), [ a, g, k, P, M ]);
         var $ = !k && i()(c);
         var B = $ ? c : k;
-        var R = false;
-        var H;
+        var H = false;
+        var R;
         if (_) {
-            R = true;
-            H = typeof _ === "string" ? _ : I;
+            H = true;
+            R = typeof _ === "string" ? _ : I;
         }
         var z = !!(g && !k && !N && !c);
         
@@ -208,14 +208,14 @@
             error: y,
             isMenu: N,
             onClick: P ? T : undefined,
-            openInNewContext: R,
+            openInNewContext: H,
             prepend: j,
             ref: n,
             value: M
-        }, E),  r().createElement(S, null, g, B &&  r().createElement(O, {
+        }, E),  r().createElement(O, null, g, B &&  r().createElement(S, {
             "data-test": "label",
             $isMenu: N
-        }, B), !$ && c, N &&  r().createElement(p(), null), _ &&  r().createElement(r().Fragment, null,  r().createElement(u(), null),  r().createElement(f(), null, H))));
+        }, B), !$ && c, N &&  r().createElement(p(), null), _ &&  r().createElement(r().Fragment, null,  r().createElement(u(), null),  r().createElement(f(), null, R))));
     }));
     P.propTypes = k;
     /* harmony default export */    const _ = P;

package/ButtonGroup.js

@@ -75,13 +75,13 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroupStyles.ts
-    var s = a().div.withConfig({
+    var f = a().div.withConfig({
         displayName: "ButtonGroupStyles__StyledDiv",
         componentId: "sc-14fs2xs-0"
     })([ "", " position:relative;" ], u.mixins.reset("inline-flex"));
     // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
-    function c() {
-        return c = Object.assign ? Object.assign.bind() : function(e) {
+    function s() {
+        return s = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -89,15 +89,15 @@
                 }
             }
             return e;
-        }, c.apply(null, arguments);
+        }, s.apply(null, arguments);
     }
-    function f(e, r) {
+    function c(e, r) {
         if (null == e) return {};
         var n, t, o = p(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
         }
         return o;
@@ -107,7 +107,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -118,7 +118,7 @@
         elementRef: l().oneOfType([ l().func, l().object ])
     };
     function y(e) {
-        var r = e.children, o = e.elementRef, l = f(e, [ "children", "elementRef" ]);
+        var r = e.children, o = e.elementRef, l = c(e, [ "children", "elementRef" ]);
         // @docs-props-type ButtonGroupPropsBase
                 var i = n.Children.toArray(r).filter(n.isValidElement).map((function(e, r, t) {
             var o = t.length;
@@ -130,7 +130,7 @@
             });
         }));
         
-        return t().createElement(s, c({
+        return t().createElement(f, s({
             "data-test": "button-group",
             ref: o,
             role: "group"

package/ButtonSimple.js

@@ -255,7 +255,7 @@
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(r);
             for (a = 0; a < n.length; a++) {
-                o = n[a], e.includes(o) || {}.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
+                o = n[a], -1 === e.indexOf(o) && {}.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
             }
         }
         return t;
@@ -265,7 +265,7 @@
         var o = {};
         for (var a in r) {
             if ({}.hasOwnProperty.call(r, a)) {
-                if (e.includes(a)) continue;
+                if (-1 !== e.indexOf(a)) continue;
                 o[a] = r[a];
             }
         }

package/CHANGELOG.md

@@ -1,6 +1,29 @@
 Change Log
 ============
 
+5.2.0 - August 5, 2025
+----------
+New Features:
+* New `Tree` component for implementing tree views (SUI-7849).
+* `DefinitionList` now supports a new `layout` prop for `"fixed"` (default) and `"auto"` layouts. In the next major version, the `layout` prop will default to `"auto"` (SUI-7880).
+* `DefinitionList` now supports a new `descriptionWidth` prop to customize description widths (SUI-7880).
+* `TabBar` now supports custom icon size (SUI-7553).
+* `Multiselect` with `compact` now supports `selectAllAppearance="none"` (SUI-5078).
+* `SplitButton` supports a new `toggleRef` prop to target the dropdown toggle (SUI-8037).
+
+Bug Fixes:
+* `DefinitionList` no longer throws invalid prop warning when custom `separatorCharacter` is used (SUI-7880).
+* `TabLayout`’s keyboard navigation now works correctly (SUI-7865).
+* `DefinitionList` description now matches the term’s line-height for more consistent vertical spacing (SUI-7880).
+* Fixed regression in `TabBar` where `Tab` width changed when active (SUI-7553).
+* `CollapsiblePanel` no longer animates expand panel icon when open by default (SUI-7877).
+* `Multiselect` with `compact` will no longer incorrectly show a focus border on "Select All" when `filter={false}` and `selectAllAppearance="checkbox"` (SUI-8042).
+* `Multiselect` with `compact` will now focus "Select All" if no options are selected when `filter={false}` and `selectAllAppearance="checkbox"` (SUI-8042).
+* `Popover` and components using it will no longer propagate events to components behind the `Popover` (SUI-7996).
+* `Layer` no longer throws an error when one of its `children` becomes fullscreen (SUI-8014).
+* Improved `Table`'s truncation behavior in low string length label scenarios and improved probability of truncation ellipses showing in full (SUI-8025).
+* `Menu.Item` now enforces through TypeScript types that `selected` and `selectableAppearance` props can only be used when `selectable` is enabled (SUI‑6495).
+
 5.1.0 - July 2, 2025
 ----------
 New Features: