@alma-oss/spirit-web-react 4.7.0 → 4.8.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.8.0](https://github.com/alma-oss/spirit-design-system/compare/@alma-oss/spirit-web-react@4.7.0...@alma-oss/spirit-web-react@4.8.0) (2026-06-02)
+
+### Features
+
+- **web, web-react:** add popoverProps and labelProps to Picker #DS-2568, closes [#DS-2568](https://github.com/alma-oss/spirit-design-system/issues/DS-2568)
+
+### Code Refactoring
+
+- **web-react:** use Grid and Stack in `UNSTABLE_FileUpload` demos
+
 ## [4.7.0](https://github.com/alma-oss/spirit-design-system/compare/@alma-oss/spirit-web-react@4.6.1...@alma-oss/spirit-web-react@4.7.0) (2026-05-21)
 
 ### Features

package/dist/bundles/web-react.umd.js

@@ -16372,6 +16372,9 @@
   UNSTABLE_HeaderLogo.spiritComponent = "UNSTABLE_HeaderLogo";
   UNSTABLE_HeaderLogo.displayName = "UNSTABLE_HeaderLogo";
   const DEFAULT_SIZE = Sizes.MEDIUM;
+  const DEFAULT_POPOVER_PROPS = {
+    theme: "theme-light-default"
+  };
   const PICKER_NESTED_SIZE_MAP = {
     [Sizes.SMALL]: SizesExtended.XSMALL,
     [Sizes.MEDIUM]: SizesExtended.SMALL,
@@ -16737,9 +16740,12 @@
       isLabelHidden = false,
       isOpen,
       isRequired = false,
+      dropdownProps,
       label,
+      labelProps,
       onSelectionChange,
       onToggle,
+      popoverProps = DEFAULT_POPOVER_PROPS,
       removeAllLabel = t("picker.removeAll"),
       renderTags,
       selectedKeys,
@@ -16862,8 +16868,17 @@
       [close, selectedKeys]
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(PickerContextProvider, { value: { size: size2, tagDescriptionId }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ...styleProps, className: classNames(classProps.root, styleProps.className), ...transferProps, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { id: labelId, UNSAFE_className: classProps.label, elementType: "span", children: label }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { id: popoverId, isOpen, onToggle, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Label,
+        {
+          ...labelProps,
+          id: labelId,
+          elementType: "span",
+          UNSAFE_className: classNames(classProps.label, labelProps?.UNSAFE_className),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { ...dropdownProps, id: popoverId, isOpen, onToggle, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "group", "aria-label": label, className: classProps.inputContainer, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
@@ -16901,6 +16916,7 @@
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           DropdownPopover,
           {
+            ...popoverProps,
             "aria-labelledby": labelId,
             role: "dialog",
             "aria-modal": "true",