@splunk/react-ui 4.28.2 → 4.30.0

package/Accordion.js

@@ -330,6 +330,7 @@
         children: a().node,
         defaultOpenPanelId: a().any,
         elementRef: a().oneOfType([ a().func, a().object ]),
+        inset: a().bool,
         onChange: a().func,
         openPanelId: a().any
     };

package/CHANGELOG.md

@@ -1,6 +1,47 @@
 Change Log
 ============
 
+4.30.0 - May 6, 2024
+----------
+New Features:
+* `Clickable`'s `NavigationProvider` now accepts a `transformUrl` prop for modifying the URL (SUI-5291).
+
+Bug Fixes:
+* `Table.Row` keyboard reordering now works correctly and provides accessible info (SUI-2527).
+* `Search`'s `aria-*` attributes have been corrected (SUI-6110):
+    * `aria-expanded` is no longer added when there are no `Option`s
+    * `aria-activedescendant` is no longer added when `Option`s are hidden or when no `Option` is active
+    * `aria-controls` now refers to the correct element
+* `Combobox` no longer adds the `aria-activedescendant` attribute when no `Option` is active (SUI-6110).
+* `Multiselect` with `compact` now applies `aria-multiselectable` and `aria-controls` to the correct element (SUI-6105).
+* `Multiselect` with `compact` no longer adds `aria-activedescendant` when `Option`s are hidden (SUI-6105).
+* `Paginator`'s font weights and text colors have been updated to improve the perceivability of the current page (SUI-5850).
+* `Text`'s `appearance` prop has been deprecated and will be removed in the next major version (SUI-5978).
+* `Message`'s `type` is now announced to screen readers (SUI-5949).
+* `Card` now has a visible focus indicator when selectable or clickable (SUI-2829).
+* `Date` can now be styled with `styled-components` (SUI-6168).
+* `Code`'s syntax highlighting colors in the Enterprise dark theme now have improved contrast (WCAG SC 1.4.3) (SUI-3573).
+* `StepBar`'s text color in the Enterprise light theme now has improved contrast (WCAG SC 1.4.3) (SUI-6198).
+* `Menu.Item`'s selected icon now aligns with the top of the label (SUI-6115).
+* Fixed a bug in `SingleOpenPanelGroup` where a `CollapsiblePanel` would fire the incorrect action callback (SUI-6239).
+
+Deprecations:
+* `NavigationProvider`'s `prefix` prop has been deprecated and will be removed in the next major version. Use the `transformUrl` prop instead. (SUI-6239)
+
+4.29.0 - April 2, 2024
+----------
+Bug Fixes:
+* Removable `Chip` screen reader announcement has been improved (SUI-5948).
+* `ComboBox` no longer incorrectly sets the `aria-activedescendant` attribute when closed (SUI-6108).
+* `Multiselect` no longer announces incorrect available actions to screen readers (SUI-6009).
+* `Search` can now be styled with `styled-components`(SUI-5720).
+
+Docs:
+* `MessageBar` examples updated to demonstrate method for labelling the component to meet WAI-ARIA specification (SUI-5941).
+
+Deprecations:
+* `WaitSpinner`'s `children` prop has been deprecated and will be removed in the next major version (SUI-6081).
+
 4.28.2 - March 22, 2024
 ----------
 Bug Fixes:
@@ -79,6 +120,7 @@ Bug Fixes:
 * `TextArea` has consistent height when rendering rows regardless if value is present.
 * Fixed spurious deprecation warnings for `canClear` and `placeholder` props in `TextArea`.
 * Fixed regression in `TextArea` where placeholder text could be cut off.
+* Improved the row drag and drop experience and performance by adopting `@dnd-kit` in `Table` component (SUI-5134).
 
 API Changes:
 * Corrected the type of `Modal`'s `initialFocus` prop to include `React.Component & { focus: () => void }` instead of  `React.Component & { focus: () => {} }`.
@@ -112,7 +154,6 @@ New Features:
 Bug Fixes:
 * The system color picker for `Color` no longer closes unexpectedly during color selection in Safari (SUI-5831).
 * `ComboBox`'s options are no longer clickable while closing (SUI-5825).
-* Improved the row drag and drop experience and performance by adopting `@dnd-kit` in `Table` component (SUI-5134).
 
 Deprecations:
 * `JSONTree`'s `expandChildren="withShiftModifier"` value has been deprecated and will be removed in a future major version. Use the `expandChildrenOnShiftKey` prop instead (SUI-5771).

package/Card.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(r, {
         Body: () => /* reexport */ m,
-        Footer: () => /* reexport */ S,
+        Footer: () => /* reexport */ k,
         Header: () => /* reexport */ Q,
         default: () => /* reexport */ Be
     });
@@ -224,7 +224,7 @@
     };
     /**
  * A styled container for `Card` footer content.
- */    function k(e) {
+ */    function S(e) {
         var r = e.children, t = e.showBorder, o = t === void 0 ? true : t, i = w(e, [ "children", "showBorder" ]);
         // @docs-props-type FooterPropsBase
                 
@@ -233,8 +233,8 @@
             $showTopBorder: o
         }, i), r);
     }
-    k.propTypes = x;
-    /* harmony default export */    const S = k;
+    S.propTypes = x;
+    /* harmony default export */    const k = S;
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const j = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
@@ -437,7 +437,7 @@
         prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
     }), (0, u.pick)({
         enterprise: (0, a.css)([ "box-shadow:", ";" ], u.variables.focusShadow),
-        prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
+        prisma: (0, a.css)([ "box-shadow:", ",", ";background-color:", ";" ], u.variables.embossShadow, u.variables.focusShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
     }));
     var re = ee.withComponent(Y());
     /* A child element we add to <button>s to make flexbox work.
@@ -625,7 +625,7 @@
             var t = arguments[r] != null ? arguments[r] : {};
             if (r % 2) {
                 Oe(Object(t), true).forEach((function(r) {
-                    ke(e, r, t[r]);
+                    Se(e, r, t[r]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
@@ -637,7 +637,7 @@
         }
         return e;
     }
-    function ke(e, r, t) {
+    function Se(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -650,7 +650,7 @@
         }
         return e;
     }
-    function Se(e, r) {
+    function ke(e, r) {
         if (e == null) return {};
         var t = je(e, r);
         var n, o;
@@ -702,7 +702,7 @@
         return !!e.onClick || !!e.to;
     }
     function Te(e) {
-        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.selected, i = e.showBorder, a = e.style, l = Se(e, [ "margin", "maxWidth", "minWidth", "selected", "showBorder", "style" ]);
+        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.selected, i = e.showBorder, a = e.style, l = ke(e, [ "margin", "maxWidth", "minWidth", "selected", "showBorder", "style" ]);
         var c = xe({
             minWidth: n,
             maxWidth: t,
@@ -726,7 +726,7 @@
                 o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            ke(he(e), "handleCardClick", (function(r) {
+            Se(he(e), "handleCardClick", (function(r) {
                 var t, n;
                 var o = e.props, i = o.selected, a = o.value;
                 (t = (n = e.props).onClick) === null || t === void 0 ? void 0 : t.call(n, r, {
@@ -742,7 +742,7 @@
                 if (_e(this.props)) {
                     var r = Te(this.props), t = ie(r, 2), o = t[0], i = t[1];
                     var a = o.selected, l = o.showBorder;
-                    var c = i.children, s = i.elementRef, u = i.onClick, p = i.openInNewContext, d = i.to, f = Se(i, [ "children", "elementRef", "onClick", "openInNewContext", "to" ]);
+                    var c = i.children, s = i.elementRef, u = i.onClick, p = i.openInNewContext, d = i.to, f = ke(i, [ "children", "elementRef", "onClick", "openInNewContext", "to" ]);
                     
                     return n().createElement(re, oe({
                         "data-clickable": true,
@@ -757,7 +757,7 @@
                 }
                 var b = Te(this.props), v = ie(b, 2), y = v[0], m = v[1];
                 var h = y.selected, g = y.showBorder;
-                var w = m.children, O = m.elementRef, x = Se(m, [ "children", "elementRef" ]);
+                var w = m.children, O = m.elementRef, x = ke(m, [ "children", "elementRef" ]);
                 
                 return n().createElement(ee, oe({
                     $selected: h,
@@ -768,11 +768,11 @@
         } ]);
         return t;
     }(t.Component);
-    ke(Ee, "propTypes", Ce);
-    ke(Ee, "defaultProps", Pe);
-    ke(Ee, "Header", Q);
-    ke(Ee, "Body", m);
-    ke(Ee, "Footer", S);
+    Se(Ee, "propTypes", Ce);
+    Se(Ee, "defaultProps", Pe);
+    Se(Ee, "Header", Q);
+    Se(Ee, "Body", m);
+    Se(Ee, "Footer", k);
     /* harmony default export */    const Be = Ee;
     // CONCATENATED MODULE: ./src/Card/index.ts
     module.exports = r;