@uoguelph/react-components 1.2.11-rc.4 → 1.2.11-rc.5

package/dist/media-caption.js

@@ -1,27 +1,27 @@
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { twMerge as e } from "tailwind-merge";
-import { tv as x } from "tailwind-variants";
-import { EmbeddedVideo as v } from "./embedded-video.js";
-const h = "img";
-function k({
-  as: s,
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { twMerge as b } from "tailwind-merge";
+import { tv as y } from "tailwind-variants";
+import { EmbeddedVideo as x } from "./embedded-video.js";
+const v = "img";
+function h({
+  as: e,
   size: o = "small",
-  position: t = "left",
-  background: r = "none",
-  children: g,
-  src: n,
-  className: l,
-  mediaClassName: c,
-  ...d
+  position: s = "left",
+  background: t = "none",
+  children: r,
+  src: g,
+  className: n,
+  mediaClassName: k,
+  ...l
 }) {
-  const a = s ?? h;
-  o = (a instanceof v ? "video" : "image") === "video" && o === "small" ? "medium" : o;
-  const p = x({
+  const i = e ?? v;
+  o = (i instanceof x ? "video" : "image") === "video" && o === "small" ? "medium" : o;
+  const c = y({
     slots: {
-      base: "uog:flex uog:flex-col",
-      mediaWrapper: "",
-      media: "uog:w-full uog:object-cover",
-      caption: "uog:p-4"
+      base: "uofg-media-caption uog:flex uog:flex-col",
+      mediaWrapper: "uofg-media-caption-wrapper",
+      media: "uofg-media-caption-media uog:w-full uog:object-cover",
+      caption: "uofg-media-caption-caption uog:p-4"
     },
     variants: {
       size: {
@@ -117,13 +117,13 @@ function k({
         }
       }
     ]
-  }), { base: m, mediaWrapper: u, media: f, caption: b } = p({ size: o, position: t, background: r });
-  return /* @__PURE__ */ y("div", { className: e(m(), l), children: [
-    /* @__PURE__ */ i("div", { className: u(), children: /* @__PURE__ */ i(a, { ...d, src: n, className: e(f(), c) }) }),
-    /* @__PURE__ */ i("div", { className: b(), children: g })
+  }), { base: d, mediaWrapper: p, media: m, caption: u } = c({ size: o, position: s, background: t });
+  return /* @__PURE__ */ f("div", { className: b(d(), n), children: [
+    /* @__PURE__ */ a("div", { className: p(), children: /* @__PURE__ */ a(i, { ...l, src: g, className: m() }) }),
+    /* @__PURE__ */ a("div", { className: u(), children: r })
   ] });
 }
-k.displayName = "MediaCaption";
+h.displayName = "MediaCaption";
 export {
-  k as MediaCaption
+  h as MediaCaption
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.2.11-rc.4",
+  "version": "1.2.11-rc.5",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -84,5 +84,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "b7bd3b87f32e7ef646ad187feac9d8b2b5c69a95"
+  "gitHead": "c27a1ee18c519cd6f784ec8557c77c5006fc2dac"
 }