@uoguelph/web-components 0.0.26 → 0.0.27

package/dist/collection/components/uofg-modal/uofg-modal.css

@@ -6,16 +6,34 @@
 
 :focus-visible {
   outline: 2px solid #ffc72a;
+  outline-offset: 0.5rem;
 }
 
 * {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+button {
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+ul {
+  list-style: none;
+  padding: 0;
+  margin: unset;
+}
+ul > li {
+  display: contents;
 }
 
 #uofg-modal {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   position: fixed;
   top: 0;
@@ -26,23 +44,19 @@
   background-color: rgba(0, 0, 0, 0.5);
   visibility: hidden;
   opacity: 0;
-  -webkit-transition-duration: 0.3s;
-          transition-duration: 0.3s;
-  -webkit-transition-timing-function: ease-in-out;
-          transition-timing-function: ease-in-out;
-  -webkit-transition-property: visibility, opacity;
-  transition-property: visibility, opacity;
+  transition-property: opacity, visibility;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
-#uofg-modal #uofg-modal-dismiss {
-  display: -webkit-box;
-  display: -ms-flexbox;
+#uofg-modal.open {
+  visibility: visible;
+  opacity: 1;
+}
+
+#uofg-modal-dismiss {
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   position: absolute;
   top: 2rem;
   right: 2rem;
@@ -52,23 +66,17 @@
   font-size: 2rem;
   line-height: 1;
   color: var(--uofg-modal-dismiss-color, #fff);
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
   z-index: 2;
 }
-#uofg-modal #uofg-modal-dismiss > svg {
+#uofg-modal-dismiss > svg {
   display: block;
   height: 1em;
   fill: currentColor;
 }
-#uofg-modal > #uofg-modal-content {
+
+#uofg-modal-content {
   position: absolute;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
   height: fit-content;
   width: -moz-max-content;
   height: -moz-max-content;
@@ -76,41 +84,27 @@
   max-width: 100%;
   max-height: 100%;
   left: 50%;
-  -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  transition: -webkit-transform 0.3s ease-in-out;
-  transition: transform 0.3s ease-in-out;
-  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-  -webkit-transform: translate(-50%, -50px);
-      -ms-transform: translate(-50%, -50px);
-          transform: translate(-50%, -50px);
+  transform: translate(-50%, -50px);
   z-index: 1;
   overflow: auto;
+  transition-property: transform;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  #uofg-modal > #uofg-modal-content {
-    -webkit-transition: none;
+  #uofg-modal-content {
     transition: none;
   }
 }
-#uofg-modal > #uofg-modal-content.centered {
+#uofg-modal-content.centered {
   top: 50%;
-  -webkit-transform: translate(-50%, calc(-50% - 50px));
-      -ms-transform: translate(-50%, calc(-50% - 50px));
-          transform: translate(-50%, calc(-50% - 50px));
-}
-#uofg-modal.open {
-  visibility: visible;
-  opacity: 1;
+  transform: translate(-50%, calc(-50% - 50px));
 }
 #uofg-modal.open #uofg-modal-content {
   visibility: visible;
   opacity: 1;
-  -webkit-transform: translate(-50%, 0);
-      -ms-transform: translate(-50%, 0);
-          transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
 }
 #uofg-modal.open #uofg-modal-content.centered {
-  -webkit-transform: translate(-50%, -50%);
-      -ms-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
 }

package/dist/collection/components/uofg-modal/uofg-modal.js

@@ -1,9 +1,10 @@
 import { h } from "@stencil/core";
 import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
 import { faTimes } from "@fortawesome/free-solid-svg-icons";
-import { getAllFocusableElements } from "../../utils/utils";
+import { getAllFocusableElements, IS_INERT_SUPPORTED } from "../../utils/utils";
 export class UofgModal {
   constructor() {
+    this.inertElements = [];
     this.label = undefined;
     this.alertDialog = false;
     this.centered = false;
@@ -20,6 +21,12 @@ export class UofgModal {
       this.isOpen = true;
     }
   }
+  disconnectedCallback() {
+    // Just in case the modal is removed from the DOM before it is closed, make sure to remove the inert attribute from all elements that we marked as inert when the modal was opened.
+    for (const element of this.inertElements) {
+      element.removeAttribute('inert');
+    }
+  }
   handleClick(e) {
     if (!this.staticBackdrop && e.target === e.currentTarget) {
       this.isOpen = false;
@@ -61,12 +68,44 @@ export class UofgModal {
           });
         });
       });
+      // Mark outer elements as inert when the modal is open.
+      let current = this.el;
+      // We want to mark all elements outside of the modal as inert, so we need to traverse up the DOM tree until we reach the body element.
+      while (current !== null && current !== document.body) {
+        const parent = current.parentElement;
+        // If parent is null, then we may be inside a shadow root. If so, we get the host element and continue traversing up the DOM tree.
+        if (parent === null) {
+          const root = current.getRootNode();
+          if (root instanceof ShadowRoot) {
+            current = root.host;
+            continue;
+          }
+        }
+        if (parent !== null) {
+          for (const child of parent.children) {
+            if (child !== current && !child.inert) {
+              // Mark the element as inert and store it in an array so that we can remove the inert attribute when the modal closes.
+              child.inert = true;
+              this.inertElements.push(child);
+            }
+          }
+        }
+        current = parent;
+      }
+    }
+    else {
+      // Remove the inert attribute from all elements that we marked as inert when the modal was opened.
+      for (const element of this.inertElements) {
+        element.removeAttribute('inert');
+      }
+      // Clear the array of inert elements. This is important because we don't want to keep a reference to elements as they may be removed from the DOM and we could cause a memory leak.
+      this.inertElements = [];
     }
     // Prevent scrolling of the body when the modal is open.
     document.body.style.overflow = newValue ? 'hidden' : '';
   }
   render() {
-    return (h("div", { id: "uofg-modal", class: { open: this.isOpen }, role: this.isOpen ? (this.alertDialog ? 'alertdialog' : 'dialog') : '', "aria-modal": this.isOpen, "aria-label": this.label, "aria-hidden": !this.isOpen, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, ref: (el) => (this.container = el) }, h("div", { id: "uofg-modal-content", part: "content", class: { centered: this.centered } }, h("button", { id: "uofg-modal-dismiss", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, h(FontAwesomeIcon, { icon: faTimes })), h("slot", null))));
+    return (h("div", { id: "uofg-modal", class: { open: this.isOpen }, role: this.alertDialog ? 'alertdialog' : 'dialog', "aria-modal": this.isOpen ? 'true' : '', "aria-label": this.label, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: IS_INERT_SUPPORTED() ? undefined : this.handleKeyDown, ref: (el) => (this.container = el) }, h("div", { id: "uofg-modal-content", part: "content", class: { centered: this.centered } }, h("button", { id: "uofg-modal-dismiss", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, h(FontAwesomeIcon, { icon: faTimes })), h("slot", null))));
   }
   /**
    * Get the current state of the modal.

package/dist/collection/utils/utils.js

@@ -1,5 +1,12 @@
-export const WEB_ANIMATIONS_SUPPORTED = 'animate' in HTMLElement.prototype;
-export const PREFERS_REDUCED_MOTION = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+export const WEB_ANIMATIONS_SUPPORTED = () => {
+  return typeof window !== 'undefined' && 'animate' in HTMLElement.prototype;
+};
+export const PREFERS_REDUCED_MOTION = () => {
+  return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+};
+export const IS_INERT_SUPPORTED = () => {
+  return typeof window !== 'undefined' && 'inert' in HTMLElement.prototype;
+};
 export const getAllFocusableElements = (container) => {
   const query = '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"])';
   return Array.from(container.querySelectorAll(query));

package/dist/components/_commonjsHelpers.js

@@ -0,0 +1,15 @@
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { createCommonjsModule as c };

package/dist/components/font-awesome-icon.js

@@ -0,0 +1,10 @@
+import { h } from '@stencil/core/internal/client';
+
+const FontAwesomeIcon = props => {
+  const width = props.icon.icon[0];
+  const height = props.icon.icon[1];
+  const iconPathData = props.icon.icon[4];
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
+};
+
+export { FontAwesomeIcon as F };

package/dist/components/index2.js

@@ -1,98 +1,18 @@
-import { h } from '@stencil/core/internal/client';
-
-const FontAwesomeIcon = props => {
-  const width = props.icon.icon[0];
-  const height = props.icon.icon[1];
-  const iconPathData = props.icon.icon[4];
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
-};
-
-var faBars = {
-  prefix: 'fas',
-  iconName: 'bars',
-  icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"]
-};
 var faCircleExclamation = {
   prefix: 'fas',
   iconName: 'circle-exclamation',
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"]
 };
-var faSitemap = {
-  prefix: 'fas',
-  iconName: 'sitemap',
-  icon: [576, 512, [], "f0e8", "M208 80c0-26.5 21.5-48 48-48h64c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-8v40H464c30.9 0 56 25.1 56 56v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-4.4-3.6-8-8-8H312v40h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V280H112c-4.4 0-8 3.6-8 8v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-30.9 25.1-56 56-56H264V192h-8c-26.5 0-48-21.5-48-48V80z"]
-};
-var faList = {
-  prefix: 'fas',
-  iconName: 'list',
-  icon: [512, 512, ["list-squares"], "f03a", "M40 48C26.7 48 16 58.7 16 72v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V232c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V392c0-13.3-10.7-24-24-24H40z"]
-};
-var faTree = {
-  prefix: 'fas',
-  iconName: 'tree',
-  icon: [448, 512, [127794], "f1bb", "M210.6 5.9L62 169.4c-3.9 4.2-6 9.8-6 15.5C56 197.7 66.3 208 79.1 208H104L30.6 281.4c-4.2 4.2-6.6 10-6.6 16C24 309.9 34.1 320 46.6 320H80L5.4 409.5C1.9 413.7 0 419 0 424.5c0 13 10.5 23.5 23.5 23.5H192v32c0 17.7 14.3 32 32 32s32-14.3 32-32V448H424.5c13 0 23.5-10.5 23.5-23.5c0-5.5-1.9-10.8-5.4-15L368 320h33.4c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L344 208h24.9c12.7 0 23.1-10.3 23.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4 5.9C234 2.1 229.1 0 224 0s-10 2.1-13.4 5.9z"]
-};
 var faChevronUp = {
   prefix: 'fas',
   iconName: 'chevron-up',
   icon: [512, 512, [], "f077", "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"]
 };
-var faKey = {
-  prefix: 'fas',
-  iconName: 'key',
-  icon: [512, 512, [128273], "f084", "M336 352c97.2 0 176-78.8 176-176S433.2 0 336 0S160 78.8 160 176c0 18.7 2.9 36.8 8.3 53.7L7 391c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zM376 96a40 40 0 1 1 0 80 40 40 0 1 1 0-80z"]
-};
-var faRightToBracket = {
-  prefix: 'fas',
-  iconName: 'right-to-bracket',
-  icon: [512, 512, ["sign-in-alt"], "f2f6", "M217.9 105.9L340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1L32 320c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM352 416l64 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c53 0 96 43 96 96l0 256c0 53-43 96-96 96l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z"]
-};
-var faCircleCheck = {
-  prefix: 'fas',
-  iconName: 'circle-check',
-  icon: [512, 512, [61533, "check-circle"], "f058", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"]
-};
-var faUniversalAccess = {
-  prefix: 'fas',
-  iconName: 'universal-access',
-  icon: [512, 512, [], "f29a", "M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm161.5-86.1c-12.2-5.2-26.3 .4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1c-1.4-4.1-2.1-8.3-2.1-12.6V235.5c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6L338.7 175c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"]
-};
-var faHandHoldingHeart = {
-  prefix: 'fas',
-  iconName: 'hand-holding-heart',
-  icon: [576, 512, [], "f4be", "M148 76.6C148 34.3 182.3 0 224.6 0c20.3 0 39.8 8.1 54.1 22.4l9.3 9.3 9.3-9.3C311.6 8.1 331.1 0 351.4 0C393.7 0 428 34.3 428 76.6c0 20.3-8.1 39.8-22.4 54.1L302.1 234.1c-7.8 7.8-20.5 7.8-28.3 0L170.4 130.7C156.1 116.4 148 96.9 148 76.6zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5H192 32c-17.7 0-32-14.3-32-32V416c0-17.7 14.3-32 32-32H68.8l44.9-36c22.7-18.2 50.9-28 80-28H272h16 64c17.7 0 32 14.3 32 32s-14.3 32-32 32H288 272c-8.8 0-16 7.2-16 16s7.2 16 16 16H392.6l119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384l0 0-.9 0c.3 0 .6 0 .9 0z"]
-};
-var faPhoneFlip = {
-  prefix: 'fas',
-  iconName: 'phone-flip',
-  icon: [512, 512, [128381, "phone-alt"], "f879", "M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6L207.3 368c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z"]
-};
-var faCaretDown = {
-  prefix: 'fas',
-  iconName: 'caret-down',
-  icon: [320, 512, [], "f0d7", "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"]
-};
-var faMagnifyingGlass = {
-  prefix: 'fas',
-  iconName: 'magnifying-glass',
-  icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
-};
-var faSearch = faMagnifyingGlass;
 var faXmark = {
   prefix: 'fas',
   iconName: 'xmark',
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"]
 };
 var faTimes = faXmark;
-var faCalendar = {
-  prefix: 'fas',
-  iconName: 'calendar',
-  icon: [448, 512, [128197, 128198], "f133", "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"]
-};
-var faBriefcase = {
-  prefix: 'fas',
-  iconName: 'briefcase',
-  icon: [512, 512, [128188], "f0b1", "M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 320 512V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM512 288H320v32c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V288z"]
-};
 
-export { FontAwesomeIcon as F, faChevronUp as a, faUniversalAccess as b, faKey as c, faSitemap as d, faCircleCheck as e, faCircleExclamation as f, faTree as g, faBriefcase as h, faCalendar as i, faList as j, faHandHoldingHeart as k, faPhoneFlip as l, faCaretDown as m, faSearch as n, faRightToBracket as o, faBars as p, faTimes as q };
+export { faChevronUp as a, faTimes as b, faCircleExclamation as f };

package/dist/components/uofg-alert.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { F as FontAwesomeIcon, f as faCircleExclamation } from './index2.js';
+import { F as FontAwesomeIcon } from './font-awesome-icon.js';
+import { f as faCircleExclamation } from './index2.js';
 
-const uofgAlertCss = ":host{display:block;max-width:100rem}*{-webkit-box-sizing:border-box;box-sizing:border-box}#uofg-alert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:2rem}#uofg-alert #uofg-alert-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2.25rem;padding:2rem;color:white;background-color:#c10631}#uofg-alert #uofg-alert-title>svg{margin-right:1rem;fill:currentColor;height:1.5em}#uofg-alert #uofg-alert-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem 2rem;background-color:white}#uofg-alert #uofg-alert-body slot[name=subtitle]::slotted(*){font-size:2rem;margin-bottom:2rem;font-weight:bold}#uofg-alert #uofg-alert-body slot[name=message]::slotted(*){font-size:1.6rem}#uofg-alert #uofg-alert-footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 2rem;background-color:#dddddd;font-size:1.4rem}";
+const uofgAlertCss = ":host{display:block;max-width:100rem}*{box-sizing:border-box}#uofg-alert{display:flex;flex-direction:column;font-size:2rem}#uofg-alert-title{display:flex;align-items:center;font-size:2.25rem;padding:2rem;color:white;background-color:#c10631}#uofg-alert-title>svg{margin-right:1rem;fill:currentColor;height:1.5em}#uofg-alert-body{display:flex;flex-direction:column;padding:1.5rem 2rem;background-color:white}#uofg-alert-body slot[name=subtitle]::slotted(*){font-size:2rem;margin-bottom:2rem;font-weight:bold}#uofg-alert-body slot[name=message]::slotted(*){font-size:1.6rem}#uofg-alert-footer{display:flex;padding:1rem 2rem;background-color:#dddddd;font-size:1.4rem}";
 
 const UofgAlert$1 = /*@__PURE__*/ proxyCustomElement(class UofgAlert extends HTMLElement {
   constructor() {

package/dist/components/uofg-back-to-top.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { F as FontAwesomeIcon, a as faChevronUp } from './index2.js';
+import { F as FontAwesomeIcon } from './font-awesome-icon.js';
+import { a as faChevronUp } from './index2.js';
 
-const uofgBackToTopCss = ":host{display:block}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}#uofg-back-to-top{position:fixed;margin:10px;height:35px;width:35px;right:0;bottom:0;z-index:1000;cursor:pointer;background-color:black;color:white;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:opacity, visibility, background-color;transition-property:opacity, visibility, background-color;opacity:0;visibility:hidden;border-radius:50%;border:1px solid #fff}#uofg-back-to-top:hover{background-color:#d50029}#uofg-back-to-top>svg{width:1em;height:1em;fill:currentColor}#uofg-back-to-top.visible{opacity:1;visibility:visible}";
+const uofgBackToTopCss = ":host{display:block}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}#uofg-back-to-top{position:fixed;margin:10px;height:35px;width:35px;right:0;bottom:0;z-index:1000;cursor:pointer;background-color:black;color:white;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:opacity, visibility, background-color;opacity:0;visibility:hidden;border-radius:50%;border:1px solid #fff}#uofg-back-to-top:hover{background-color:#d50029}#uofg-back-to-top>svg{width:1em;height:1em;fill:currentColor}#uofg-back-to-top.visible{opacity:1;visibility:visible}";
 
 const UofgBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class UofgBackToTop extends HTMLElement {
   constructor() {