@splunk/react-ui 5.0.0 → 5.2.0

package/Breadcrumbs.js

@@ -62,8 +62,8 @@
     // EXPORTS
         e.d(r, {
         BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ g,
-        default: () => /* reexport */ x
+        Item: () => /* reexport */ h,
+        default: () => /* reexport */ _
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -78,17 +78,30 @@
     var c =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
+    var s = c().ol.withConfig({
+        displayName: "BreadcrumbsStyles__StyledList",
+        componentId: "sc-1maeyfk-0"
+    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
+    var d = c().li.withConfig({
+        displayName: "BreadcrumbsStyles__StyledListItem",
+        componentId: "sc-1maeyfk-1"
+    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
+    var f = c().span.withConfig({
+        displayName: "BreadcrumbsStyles__StyledSeparator",
+        componentId: "sc-1maeyfk-2"
+    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const s = require("@splunk/react-ui/Link");
-    var d =  e.n(s);
+    const p = require("@splunk/react-ui/Link");
+    var m =  e.n(p);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var f = c()(d()).withConfig({
+    var b = c()(m()).withConfig({
         displayName: "ItemStyles__StyledLink",
         componentId: "sc-1ywtawf-0"
     })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
-    function p() {
-        return p = Object.assign ? Object.assign.bind() : function(e) {
+    function v() {
+        return v = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -96,31 +109,31 @@
                 }
             }
             return e;
-        }, p.apply(null, arguments);
+        }, v.apply(null, arguments);
     }
-    function m(e, r) {
+    function y(e, r) {
         if (null == e) return {};
-        var n, t, a = b(e, r);
+        var n, t, a = g(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) && (a[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
     }
-    function b(e, r) {
+    function g(e, r) {
         if (null == e) return {};
         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];
             }
         }
         return n;
     }
-    var v = {
+    var C = {
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         endAdornment: l().node,
@@ -130,53 +143,40 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function y(e) {
-        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = m(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
+    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), b = d.onClick;
-        var v = {
+                var d = (0, n.useContext)(j), f = d.onClick;
+        var p = {
             to: u
         };
-        var y = (0, n.useCallback)((function(e) {
+        var m = (0, n.useCallback)((function(e) {
             i === null || i === void 0 ? void 0 : i(e, {
                 label: o,
                 to: u
             });
-            b === null || b === void 0 ? void 0 : b(e, {
+            f === null || f === void 0 ? void 0 : f(e, {
                 label: o,
                 to: u
             });
-        }), [ i, b, o, u ]);
+        }), [ i, f, o, u ]);
         if (l) {
-            v["aria-current"] = "page";
+            p["aria-current"] = "page";
             if (!r) {
-                v.disabled = true;
+                p.disabled = true;
             }
         }
-        var g = i || b ? {
-            onClick: y
+        var g = i || f ? {
+            onClick: m
         } : {};
         
-        return t().createElement(f, p({
+        return t().createElement(b, v({
             appearance: "standalone",
             "data-test": "item"
-        }, g, v, s), c && c, o, a && a);
+        }, g, p, s), c && c, o, a && a);
     }
-    y.propTypes = v;
-    /* harmony default export */    const g = y;
-    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var C = c().ol.withConfig({
-        displayName: "BreadcrumbsStyles__StyledList",
-        componentId: "sc-1maeyfk-0"
-    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
-    var h = c().li.withConfig({
-        displayName: "BreadcrumbsStyles__StyledListItem",
-        componentId: "sc-1maeyfk-1"
-    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
-    var O = c().span.withConfig({
-        displayName: "BreadcrumbsStyles__StyledSeparator",
-        componentId: "sc-1maeyfk-2"
-    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
+    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,11 +218,11 @@
         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;
-        var s = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
+        var p = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
             if (false) {}
             if (false) {}
             // Set the last child as the current Breadcrumbs.Item
@@ -232,29 +232,29 @@
                 enableCurrentPage: l
             });
             
-            return t().createElement(h, {
+            return t().createElement(d, {
                 key: e.props.to
-            }, i, !o &&  t().createElement(O, {
+            }, i, !o &&  t().createElement(f, {
                 "aria-hidden": "true"
             }, "/"));
         }));
-        var d = (0, n.useMemo)((function() {
+        var m = (0, n.useMemo)((function() {
             return {
                 onClick: i
             };
         }), [ i ]);
         
         return t().createElement(j.Provider, {
-            value: d
+            value: m
         },  t().createElement("nav", w({
             "data-test": "breadcrumbs",
             "aria-label": (0, o._)("Breadcrumbs"),
             ref: a
-        }, c),  t().createElement(C, null, s)));
+        }, c),  t().createElement(s, null, p)));
     }
-    _.propTypes = k;
-    _.Item = g;
-    /* 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

@@ -66,11 +66,11 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/isString"
-    const l = require("lodash/isString");
+    const a = require("lodash/isString");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "prop-types"
+    const l = require("prop-types");
     var o =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
     const s = require("@splunk/react-icons/ArrowSquareTopRightInset");
@@ -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,38 +143,38 @@
         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];
             }
         }
         return t;
     }
     /** @public */    var k = {
-        action: i().string,
-        appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
-        append: i().bool,
-        children: i().node,
+        action: o().string,
+        appearance: o().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
+        append: o().bool,
+        children: o().node,
         /** @private An additional className to add to the button. */
-        classNamePrivate: i().string,
-        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
-        elementRef: i().oneOfType([ i().func, i().object ]),
+        classNamePrivate: o().string,
+        disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed", "disabled" ]) ]),
+        elementRef: o().oneOfType([ o().func, o().object ]),
         /** @private */
-        error: i().bool,
-        icon: i().node,
-        inline: i().bool,
-        isMenu: i().bool,
-        label: i().node,
-        onClick: i().func,
-        openInNewContext: i().oneOfType([ i().bool, i().string ]),
-        prepend: i().bool,
-        to: i().string,
-        value: i().any
+        error: o().bool,
+        icon: o().node,
+        inline: o().bool,
+        isMenu: o().bool,
+        label: o().node,
+        onClick: o().func,
+        openInNewContext: o().oneOfType([ o().bool, o().string ]),
+        prepend: o().bool,
+        to: o().string,
+        value: o().any
     };
     var I = (0, v._)("(Opens new window)");
     var P =  r().forwardRef((function(e, 
     // SUI-7623 - needs to be specified for react-docgen versions less than 7.1.0
     n) {
-        var a = e.action, i = e.appearance, l = i === void 0 ? "default" : i, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
+        var a = e.action, l = e.appearance, o = l === void 0 ? "default" : l, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
         // @docs-props-type ButtonPropsBase
                 var T = (0, t.useCallback)((function(e) {
             P === null || P === void 0 ? void 0 : P(e, {
@@ -184,20 +184,20 @@
                 value: M
             });
         }), [ a, g, k, P, M ]);
-        var $ = !k && o()(c);
+        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);
         
         return r().createElement(x, q({
             $inline: w,
             $isIconOnly: z,
-            appearance: l,
+            appearance: o,
             append: s,
             "aria-haspopup": N || undefined,
             className: (0, b.toClassName)(d, v),
@@ -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,48 @@
 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:
+* `RadioBar` now supports a `disabled` prop to disable all options at once (SUI-6627).
+* `Code` now supports `showLineNumbers` and `lineNumberStart` props to display line numbers (SUI-6627).
+* `Date` supports a new prop `canClear` (SUI-7802).
+* `Code` now supports `showLineNumbers` and `lineNumberStart` props to display line numbers (SUI-6644).
+* `Code` now supports `lineHighlights` prop to highlight lines (SUI-6644).
+* `Table.HeadCell`'s now supports `truncate=false` with resizable columns (SUI-7302).
+* Improved focus indicator for `JSONTreeItem` in some scenarios (SUI-7849).
+
+Bug Fixes:
+* `Progress` component's animated pulse now correctly displays lighter color in dark mode and darker color in light mode, restoring 4.x visual paradigm (SUI-7810).
+* `FormRows` of variable sizes no longer stretch or shrink on drag (SUI-7763).
+* `RadioBar`'s `defaultValue` and `value` prop are now of type string, number or boolean (SUI-7676).
+* Fixed the child elements of `ButtonGroup`, `ControlGroup`, and `RadioBar` having incorrect borders when wrapped in a `Tooltip` (SUI-3245).
+* `ControlGroup` now applies disabled styles to labels and help text when disabled `RadioBar` and/or `RadioList` are children (SUI-6627).
+* `RadioBar` now correctly passes down `name` to `RadioBar.Options` (SUI-6090).
+
 5.0.0 - June 3, 2025
 ----------
 * Includes all changes from `5.0.0-beta` and `5.0.0-rc` releases.
@@ -38,10 +80,10 @@ New Features:
 * `Card` now defaults to a borderless appearance for non-clickable cards (SUI-7651).
 
 Bug Fixes:
-* `Table`'s `rowExpansion` button now correctly displays hover styles (SUI-7772)ß.
+* `Table`'s `rowExpansion` button now correctly displays hover styles (SUI-7772).
 * `Text` no longer has border hover effects incorrectly applied when `disabled` or `dimmed` (SUI-7639).
 * `Switch`'s `toggle` appearance now has correct role of `switch` (SUI-7713).
-* `Table.HeadCell`'s and `Table.HeadDropdownCell`'s borders now span the full cell height when content wraps to multiline (SUI-7760)
+* `Table.HeadCell`'s and `Table.HeadDropdownCell`'s borders now span the full cell height when content wraps to multiline (SUI-7760).
 * `CollapsiblePanel` no longer flickers on open or close of panel (SUI-7620).
 * `Color` now passes `className` and `elementRef` to the root element instead of an inner component, allowing proper styling with `styled-components` (SUI-6211).
 * `Button`'s now have consistent styling when using `appearance="secondary"` and `isMenu` (SUI-7611).