@uoguelph/react-components 1.3.12 → 1.3.14

package/dist/image-overlay.js

@@ -1,5 +1,5 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { twMerge as k } from "tailwind-merge";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { twMerge as A } from "tailwind-merge";
 import { tv as w } from "tailwind-variants";
 const z = "img";
 function x({
@@ -12,7 +12,7 @@ function x({
   className: u,
   verticalAlignment: s = "center",
   horizontalAlignment: c = "center",
-  overlay: o = "none",
+  overlay: a = "none",
   blurred: m = !1,
   ...v
 }) {
@@ -32,12 +32,14 @@ function x({
       },
       overlay: {
         dark: {
+          base: "dark",
           overlay: "uog:bg-black/60"
         },
         light: {
           overlay: "uog:bg-white/60"
         },
         "dark-gradient": {
+          base: "dark",
           overlay: "uog:from-black/50 uog:via-30% uog:via-black/20 uog:to-transparent"
         },
         "light-gradient": {
@@ -117,15 +119,15 @@ function x({
     imageWrapper: h,
     image: b,
     overlay: p,
-    container: A
-  } = f({ blurred: m, overlay: o, verticalAlignment: s, horizontalAlignment: c });
-  return /* @__PURE__ */ a("div", { className: `uofg-image-overlay ${y()}`, children: [
-    /* @__PURE__ */ a("div", { className: `uofg-image-overlay-wrapper ${h()}`, children: [
+    container: k
+  } = f({ blurred: m, overlay: a, verticalAlignment: s, horizontalAlignment: c });
+  return /* @__PURE__ */ o("div", { className: `uofg-image-overlay ${y()}`, children: [
+    /* @__PURE__ */ o("div", { className: `uofg-image-overlay-wrapper ${h()}`, children: [
       /* @__PURE__ */ e(
         d,
         {
           ...v,
-          className: `uofg-image-overlay-image ${k(b(), u)}`,
+          className: `uofg-image-overlay-image ${A(b(), u)}`,
           src: r,
           width: g,
           height: l,
@@ -133,9 +135,9 @@ function x({
           sizes: "100vw"
         }
       ),
-      o !== "none" && /* @__PURE__ */ e("div", { className: `uofg-image-overlay-overlay ${p()}` })
+      a !== "none" && /* @__PURE__ */ e("div", { className: `uofg-image-overlay-overlay ${p()}` })
     ] }),
-    /* @__PURE__ */ e("div", { className: `uofg-image-overlay-content ${A()}`, children: n })
+    /* @__PURE__ */ e("div", { className: `uofg-image-overlay-content ${k()}`, children: n })
   ] });
 }
 x.displayName = "ImageOverlay";

package/dist/typography.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as y } from "react/jsx-runtime";
 import { twMerge as l } from "tailwind-merge";
-import { tv as n } from "tailwind-variants";
-const r = "span";
-function x({
+import { tv as r } from "tailwind-variants";
+const x = "span";
+function a({
   type: o,
   children: t,
   className: g,
   as: d,
   ...u
 }) {
-  const b = d ?? r, y = n({
+  const b = d ?? x, e = r({
     base: "uog:leading-[1.4] uog:[&_strong]:text-body-copy-bold uog:[&_strong]:dark:text-body-copy-bold-on-dark",
     variants: {
       type: {
         h1: "uog:mt-7.5 uog:text-4xl uog:font-bold uog:text-black uog:dark:text-white uog:font-serif",
-        h2: "uog:mt-7.5 uog:mb-3.75 uog:font-bold uog:text-red uog:text-3xl",
+        h2: "uog:mt-7.5 uog:mb-3.75 uog:font-bold uog:text-red uog:dark:text-white uog:text-3xl",
         h3: "uog:mt-7.5 uog:mb-3.75 uog:font-bold uog:text-body-copy-bold uog:dark:text-body-copy-bold-on-dark uog:light:text-body-copy-bold-on-light uog:text-2xl",
         h4: "uog:mt-7.5 uog:mb-3.75 uog:font-bold uog:text-body-copy-bold uog:dark:text-body-copy-bold-on-dark uog:light:text-body-copy-bold-on-light uog:text-xl",
         h5: "uog:mt-7.5 uog:mb-3.75 uog:font-bold uog:text-body-copy-bold uog:dark:text-body-copy-bold-on-dark uog:light:text-body-copy-bold-on-light uog:text-lg",
@@ -23,9 +23,9 @@ function x({
       }
     }
   });
-  return /* @__PURE__ */ e(b, { ...u, className: `uofg-typography ${l(y({ type: o }), g)}`, children: t });
+  return /* @__PURE__ */ y(b, { ...u, className: `uofg-typography ${l(e({ type: o }), g)}`, children: t });
 }
-x.displayName = "Typography";
+a.displayName = "Typography";
 export {
-  x as Typography
+  a as Typography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -76,5 +76,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "5a84ad72bdaeb2e42c615a263e10304dfd11b681"
+  "gitHead": "f428b08f9e546064cee6468aa8f2b4c55dbe3630"
 }