@uoguelph/web-components 1.9.0-rc.8 → 1.9.1-rc.0

package/dist/uofg-web-components/uofg-modal.esm.js

@@ -1,43 +1,42 @@
-import { z as q, A as D, B as F, C as T, S as z, o as j, c as R, p as U, a as o, u as _, D as y, F as J, b as K, d as L, e as M, f as N, j as x, E as Y, h as l, i as G, k as H, t as v, s as I, l as P, m as Q, n as V, r as O } from "./font-awesome-icon-DS3QHgPg.js";
-import { a as W } from "./slot-C9Xuadhw.js";
-import { t as X } from "./bundle-mjs-BpzLJ4dA.js";
-function E(a, e) {
+import { y as q, z as D, A as F, B as T, S as z, m as j, c as R, e as U, p as l, u as E, t as J, C as y, h as w, F as K, D as L, g as M, a as N, i as Y, s as _, j as G, b as H, d as I, k as o, r as x, l as P } from "./bundle-mjs-BTgoI2Ah.js";
+import { a as Q } from "./slot-E9j-JIta.js";
+function B(a, e) {
   return a === e || (a == null ? void 0 : a[z]) === e;
 }
-function B(a = {}, e, s, c) {
+function A(a = {}, e, s, c) {
   return q(() => {
-    var i, n;
+    var i, r;
     return D(() => {
-      i = n, n = [], F(() => {
-        a !== s(...n) && (e(a, ...n), i && E(s(...i), a) && e(null, ...i));
+      i = r, r = [], F(() => {
+        a !== s(...r) && (e(a, ...r), i && B(s(...i), a) && e(null, ...i));
       });
     }), () => {
       T(() => {
-        n && E(s(...n), a) && e(null, ...n);
+        r && B(s(...r), a) && e(null, ...r);
       });
     };
   }), a;
 }
-const Z = (a) => Array.from(a.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])')), $ = (a, e, s) => {
+const V = (a) => Array.from(a.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])')), W = (a, e, s) => {
   !e() && a.target === a.currentTarget && s(!1);
-}, tt = (a, e) => {
+}, X = (a, e) => {
   a.key === "Escape" && e(!1);
-}, et = (a, e, s, c, i) => {
-  var n;
+}, Z = (a, e, s, c, i) => {
+  var r;
   if (e() && !s().contains(a.relatedTarget) && !c().contains(a.relatedTarget))
     if (a.preventDefault(), a.target === i()) {
-      const d = Z(c());
-      (n = d[d.length - 1]) == null || n.focus();
+      const d = V(c());
+      (r = d[d.length - 1]) == null || r.focus();
     } else
       i().focus();
 };
-var at = (a, e) => e(!1), st = N('<div class="fixed left-0 top-0 z-[1000] flex h-screen w-screen bg-black bg-opacity-50 transition-[opacity,visibility]"><div part="content"><button class="absolute right-0 top-0 -translate-x-1/2 translate-y-1/2 z-[2] flex aspect-square w-8 items-center justify-center border border-black/30 text-black-contrast text-lg transition-colors bg-black hover:bg-red focus:bg-red hover:text-red-contrast focus:text-red-contrast rounded-full p-2" aria-label="Close modal"><!></button> <!></div></div>');
-function rt(a, e) {
+var $ = (a, e) => e(!1), tt = J('<div><div part="content"><button class="absolute top-0 right-0 z-[2] flex aspect-square w-8 -translate-x-1/2 translate-y-1/2 items-center justify-center rounded-full border border-black/30 bg-black p-2 text-lg text-black-contrast transition-colors hover:bg-red hover:text-red-contrast focus:bg-red focus:text-red-contrast" aria-label="Close modal"><!></button> <!></div></div>');
+function et(a, e) {
   U(e, !0);
-  let s = o(e, "isOpen", 15), c = o(e, "centered", 7), i = o(e, "autoOpen", 7), n = o(e, "label", 7), d = o(e, "alertDialog", 7), k = o(e, "staticBackdrop", 7), m = o(e, "dismissButton", 7), f = o(e, "container", 7), b = o(e, "el", 7), p = o(e, "inertElements", 7);
-  _(() => {
+  let s = l(e, "isOpen", 15), c = l(e, "centered", 7), i = l(e, "autoOpen", 7), r = l(e, "label", 7), d = l(e, "alertDialog", 7), k = l(e, "staticBackdrop", 7), m = l(e, "dismissButton", 7), f = l(e, "container", 7), b = l(e, "el", 7), p = l(e, "inertElements", 7);
+  E(() => {
     i() && s(!0);
-  }), _(() => {
+  }), E(() => {
     if (s()) {
       window.requestAnimationFrame(() => {
         window.requestAnimationFrame(() => {
@@ -69,89 +68,98 @@ function rt(a, e) {
     }
     document.body.style.overflow = s() ? "hidden" : "";
   });
-  var r = st();
-  y(r, "tabindex", -1), r.__click = [$, k, s], r.__keyup = [tt, s], r.__focusout = [
-    et,
+  var n = tt();
+  let O;
+  y(n, "tabindex", -1), n.__click = [W, k, s], n.__keyup = [X, s], n.__focusout = [
+    Z,
     s,
     f,
     b,
     m
   ];
-  var w = x(r);
-  const A = Q(() => V(X("z-1 absolute left-1/2 h-fit max-h-full max-w-full -translate-x-1/2 overflow-auto w-full sm:w-fit sm:p-8 transition-transform motion-reduce:transition-none", s() && "visible opacity-100", !s() && !c() && "translate-y-[-50px]", !s() && c() && "translate-y-[calc(-50%_-_50px)] top-1/2", s() && c() && "translate-y-[-50%] top-1/2")));
-  var g = x(w);
-  g.__click = [at, s];
-  var C = x(g);
-  J(C, { icon: Y }), O(g), B(g, (t) => m(t), () => m());
-  var S = H(g, 2);
-  return W(S, e, "default", {}), O(w), O(r), B(r, (t) => f(t), () => f()), K(() => {
-    y(r, "role", d() ? "alertdialog" : "dialog"), y(r, "aria-modal", s() ? "true" : ""), y(r, "aria-label", n()), v(r, "visible", s()), v(r, "opacity-100", s()), v(r, "invisible", !s()), v(r, "opacity-0", !s()), I(w, P(A));
-  }), L(a, r), M({
+  var v = w(n), g = w(v);
+  g.__click = [$, s];
+  var S = w(g);
+  K(S, { icon: L }), x(g), A(g, (t) => m(t), () => m());
+  var C = M(g, 2);
+  return Q(C, e, "default", {}), x(v), x(n), A(n, (t) => f(t), () => f()), N(
+    (t) => {
+      O = _(n, 1, "bg-opacity-50 fixed top-0 left-0 z-[1000] flex h-screen w-screen bg-black transition-[opacity,visibility]", null, O, {
+        visible: s(),
+        "opacity-100": s(),
+        invisible: !s(),
+        "opacity-0": !s()
+      }), y(n, "role", d() ? "alertdialog" : "dialog"), y(n, "aria-modal", s() ? "true" : ""), y(n, "aria-label", r()), _(v, 1, G(t));
+    },
+    [
+      () => Y("absolute left-1/2 z-1 h-fit max-h-full w-full max-w-full -translate-x-1/2 overflow-auto transition-transform motion-reduce:transition-none sm:w-fit sm:p-8", s() && "visible opacity-100", !s() && !c() && "translate-y-[-50px]", !s() && c() && "top-1/2 translate-y-[calc(-50%_-_50px)]", s() && c() && "top-1/2 translate-y-[-50%]")
+    ]
+  ), H(a, n), I({
     get isOpen() {
       return s();
     },
     set isOpen(t) {
-      s(t), l();
+      s(t), o();
     },
     get centered() {
       return c();
     },
     set centered(t) {
-      c(t), l();
+      c(t), o();
     },
     get autoOpen() {
       return i();
     },
     set autoOpen(t) {
-      i(t), l();
+      i(t), o();
     },
     get label() {
-      return n();
+      return r();
     },
     set label(t) {
-      n(t), l();
+      r(t), o();
     },
     get alertDialog() {
       return d();
     },
     set alertDialog(t) {
-      d(t), l();
+      d(t), o();
     },
     get staticBackdrop() {
       return k();
     },
     set staticBackdrop(t) {
-      k(t), l();
+      k(t), o();
     },
     get dismissButton() {
       return m();
     },
     set dismissButton(t) {
-      m(t), l();
+      m(t), o();
     },
     get container() {
       return f();
     },
     set container(t) {
-      f(t), l();
+      f(t), o();
     },
     get el() {
       return b();
     },
     set el(t) {
-      b(t), l();
+      b(t), o();
     },
     get inertElements() {
       return p();
     },
     set inertElements(t) {
-      p(t), l();
+      p(t), o();
     }
   });
 }
 j(["click", "keyup", "focusout"]);
 customElements.define("uofg-modal", R(
-  rt,
+  et,
   {
     label: {
       attribute: "label",
@@ -189,7 +197,7 @@ customElements.define("uofg-modal", R(
   !0,
   (a) => class extends a {
     constructor() {
-      super(), G(this.shadowRoot), this.el = this, this.inertElements = [];
+      super(), P(this.shadowRoot), this.el = this, this.inertElements = [];
     }
     connectedCallback() {
       super.connectedCallback();
@@ -217,5 +225,5 @@ customElements.define("uofg-modal", R(
   }
 ));
 export {
-  rt as default
+  et as default
 };

package/dist/uofg-web-components/uofg-web-components.css

@@ -1 +1 @@
-:root{font-size:62.5%}body{font-size:1.6rem;margin:0;padding:0}uofg-header{display:block;width:100%}uofg-header *{display:none}uofg-header:defined{height:-moz-fit-content!important;height:fit-content!important}uofg-header:not(:defined){height:5rem!important;background-color:#000}@media screen and (min-width: 1024px){uofg-header:not(:defined){height:14rem!important;background:linear-gradient(180deg,#fff,#fff 28%,#000 28%,#000)}}uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:10rem!important;background:linear-gradient(0deg,#ddd,#ddd 50%,#000 50%,#000)}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:18rem!important;background:linear-gradient(180deg,#fff,#fff 22%,#000 22%,#000 78%,#ddd 78%,#ddd)}}uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:11.5rem!important}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:14rem!important}}uofg-footer{display:block}uofg-modal{display:block;position:fixed;visibility:hidden;z-index:1000}uofg-alert{display:block;max-width:100rem}
+:root{font-size:62.5%}body{font-size:1.6rem;margin:0;padding:0}uofg-header{display:block;width:100%}uofg-header *{display:none}uofg-header:defined{height:fit-content!important}uofg-header:not(:defined){height:5rem!important;background-color:#000}@media screen and (min-width: 1024px){uofg-header:not(:defined){height:14rem!important;background:linear-gradient(180deg,#fff,#fff 28%,#000 28%,#000)}}uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:10rem!important;background:linear-gradient(0deg,#ddd,#ddd 50%,#000 50%,#000)}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:18rem!important;background:linear-gradient(180deg,#fff,#fff 22%,#000 22%,#000 78%,#ddd 78%,#ddd)}}uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:11.5rem!important}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:14rem!important}}uofg-footer{display:block}uofg-modal{display:block;position:fixed;visibility:hidden;z-index:1000}uofg-alert{display:block;max-width:100rem}

package/dist/uofg-web-components/uofg-web-components.esm.js

@@ -1,9 +1,9 @@
-import o from "./uofg-header.esm.js";
-import f from "./uofg-footer.esm.js";
-import r from "./uofg-modal.esm.js";
-import t from "./uofg-alert.esm.js";
-import m from "./uofg-back-to-top.esm.js";
-const i = { UofGHeader: o, UofGFooter: f, UofGModal: r, UofGAlert: t, UofGBackToTop: m };
+import o from "./uofg-alert.esm.js";
+import f from "./uofg-back-to-top.esm.js";
+import r from "./uofg-footer.esm.js";
+import t from "./uofg-header.esm.js";
+import m from "./uofg-modal.esm.js";
+const i = { UofGHeader: t, UofGFooter: r, UofGModal: m, UofGAlert: o, UofGBackToTop: f };
 export {
   i as default
 };

package/dist/uofg-web-components/{window-CLG-P9gm.js → window-Bnb7gJSm.js}

@@ -1,4 +1,4 @@
-import { A as w, z as d, aC as f, aD as v, aE as n } from "./font-awesome-icon-DS3QHgPg.js";
+import { ag as n, z as w, y as d, aC as f, aD as v } from "./bundle-mjs-BTgoI2Ah.js";
 function m(a, e, c = e) {
   var u = a === "x", s = () => n(() => {
     r = !0, clearTimeout(t), t = setTimeout(l, 100), c(window[u ? "scrollX" : "scrollY"]);

package/package.json

@@ -1,74 +1,52 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "1.9.0-rc.8",
+  "version": "1.9.1-rc.0",
   "description": "University of Guelph Web Components Library",
-  "module": "dist/uofg-web-components/uofg-web-components.esm.js",
   "type": "module",
-  "unpkg": "dist/uofg-web-components/uofg-web-components.esm.js",
   "files": [
-    "dist/"
+    "./dist"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/uofg-web-components/uofg-web-components.esm.js",
+      "default": "./dist/uofg-web-components/uofg-web-components.esm.js"
+    },
+    "./*": {
+      "import": "./dist/uofg-web-components/*.esm.js",
+      "default": "./dist/uofg-web-components/*.esm.js"
+    },
+    "./style": "./dist/uofg-web-components/uofg-web-components.css"
+  },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "format": "npx prettier --write .",
-    "prepublishOnly": "npm run build && npmignore --auto",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "export $(cat .env | xargs) && npx chromatic --project-token=$CHROMACTIC_PROJECT_TOKEN"
+    "build": "NODE_ENV=production vite build",
+    "prepack": "npm run build"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
     "@fortawesome/free-brands-svg-icons": "^6.4.0",
     "@fortawesome/free-regular-svg-icons": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.23",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/svelte": "^8.5.0",
-    "@storybook/svelte-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/vite": "^4.0.6",
+    "@uoguelph/tailwind-theme": "^1.0.0-rc.0",
     "autoprefixer": "^10.4.18",
-    "eslint": "^8.57.0",
+    "eslint": "^9.19.0",
     "eslint-plugin-storybook": "^0.11.2",
     "eslint-plugin-svelte": "^2.45.1",
-    "npmignore": "^0.3.1",
     "postcss": "^8.4.35",
-    "prettier": "^3.3.2",
-    "prettier-plugin-svelte": "^3.2.6",
-    "prettier-plugin-tailwindcss": "^0.5.12",
-    "storybook": "^8.4.0",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
-    "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.1",
-    "vite": "^5.4.4",
-    "vite-plugin-full-reload": "^1.1.0"
-  },
-  "publishConfig": {
-    "ignore": [
-      "!dist/",
-      "!loader/",
-      "src/",
-      "public/",
-      "docs/"
-    ],
-    "access": "public"
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.0.6",
+    "vite": "^6.0.0"
   },
   "license": "0BSD",
   "author": "",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ccswbs/web-components.git"
+    "url": "git+https://github.com/ccswbs/uofg-components.git"
   },
   "bugs": {
-    "url": "https://github.com/ccswbs/web-components/issues"
+    "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "dependencies": {
-    "tailwind-join": "^0.2.2"
-  }
+  "gitHead": "7ac6a7335730c5c1c52c410f8de5546f337d6603"
 }

package/dist/uofg-web-components/bundle-mjs-BpzLJ4dA.js

@@ -1,17 +0,0 @@
-function u() {
-  let t = 0, r, n, e = "";
-  for (; t < arguments.length; )
-    (r = arguments[t++]) && (n = l(r)) && (e && (e += " "), e += n);
-  return e;
-}
-const l = (t) => {
-  if (typeof t == "string")
-    return t;
-  let r, n = "";
-  for (let e = 0; e < t.length; e++)
-    t[e] && (r = l(t[e])) && (n && (n += " "), n += r);
-  return n;
-};
-export {
-  u as t
-};