@mond-design-system/react 6.2.2 → 6.2.3

package/dist/index.js

@@ -2536,7 +2536,7 @@ function SideNavItem({
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/MediaPlaceholder/MediaPlaceholder.module.css?mds-scoped
-var MediaPlaceholder_module_default = { "media": "mds-MediaPlaceholder__media", "fill": "mds-MediaPlaceholder__fill", "image": "mds-MediaPlaceholder__image", "caption": "mds-MediaPlaceholder__caption", "cover": "mds-MediaPlaceholder__cover", "blurred": "mds-MediaPlaceholder__blurred" };
+var MediaPlaceholder_module_default = { "media": "mds-MediaPlaceholder__media", "frame": "mds-MediaPlaceholder__frame", "fill": "mds-MediaPlaceholder__fill", "image": "mds-MediaPlaceholder__image", "caption": "mds-MediaPlaceholder__caption", "cover": "mds-MediaPlaceholder__cover", "blurred": "mds-MediaPlaceholder__blurred" };
 function MediaPlaceholder({
   aspect,
   src,
@@ -2552,13 +2552,13 @@ function MediaPlaceholder({
   const [failed, setFailed] = useState();
   const picture = src !== void 0 && failed !== src;
   const vars = aspect === void 0 ? {} : { "--media-aspect": aspect };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cx(MediaPlaceholder_module_default.media, blurred && MediaPlaceholder_module_default.blurred, className),
       style: { ...vars, ...style },
       ...rest,
-      children: [
+      children: /* @__PURE__ */ jsxs("div", { className: MediaPlaceholder_module_default.frame, children: [
         picture ? /* @__PURE__ */ jsx(
           "img",
           {
@@ -2575,7 +2575,7 @@ function MediaPlaceholder({
         ] }),
         picture && caption !== void 0 && /* @__PURE__ */ jsx(Text, { variant: "meta", tone: "on-media", className: MediaPlaceholder_module_default.caption, children: caption }),
         cover !== void 0 && /* @__PURE__ */ jsx("div", { className: MediaPlaceholder_module_default.cover, children: cover })
-      ]
+      ] })
     }
   );
 }