@uoguelph/web-components 0.0.26 → 0.0.28

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

@@ -4,59 +4,45 @@
 }
 
 * {
-  -webkit-box-sizing: border-box;
-          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;
+  flex-direction: column;
   font-size: 2rem;
 }
-#uofg-alert #uofg-alert-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
+
+#uofg-alert-title {
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   font-size: 2.25rem;
   padding: 2rem;
   color: white;
   background-color: #c10631;
 }
-#uofg-alert #uofg-alert-title > svg {
+#uofg-alert-title > svg {
   margin-right: 1rem;
   fill: currentColor;
   height: 1.5em;
 }
-#uofg-alert #uofg-alert-body {
-  display: -webkit-box;
-  display: -ms-flexbox;
+
+#uofg-alert-body {
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   padding: 1.5rem 2rem;
   background-color: white;
 }
-#uofg-alert #uofg-alert-body slot[name=subtitle]::slotted(*) {
+#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(*) {
+#uofg-alert-body slot[name=message]::slotted(*) {
   font-size: 1.6rem;
 }
-#uofg-alert #uofg-alert-footer {
-  display: -webkit-box;
-  display: -ms-flexbox;
+
+#uofg-alert-footer {
   display: flex;
   padding: 1rem 2rem;
   background-color: #dddddd;

package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.css

@@ -18,11 +18,8 @@
   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-duration: 0.3s;
+  transition-timing-function: ease-in-out;
   transition-property: opacity, visibility, background-color;
   opacity: 0;
   visibility: hidden;

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

@@ -5,38 +5,47 @@
   font-family: sans-serif;
 }
 
-* {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
 :focus-visible {
   outline: 2px solid #ffc72a;
   outline-offset: 0.5rem;
 }
 
+* {
+  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;
+}
+
 a {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   gap: 0.5rem;
   border-bottom: 2px dotted transparent;
-  -webkit-transition-property: border-color;
-  transition-property: border-color;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
   color: inherit;
-  -webkit-transition-duration: 200ms;
-          transition-duration: 200ms;
-  -webkit-transition-timing-function: ease-in-out;
-          transition-timing-function: ease-in-out;
-  text-decoration: none;
   white-space: nowrap;
   padding-bottom: 0.2rem;
+  transition-property: border-color;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
 }
 a:hover, a:focus {
   border-color: currentColor;
@@ -47,25 +56,14 @@ svg {
   height: 1.6rem;
 }
 
-ul {
-  list-style: none;
-  padding: 0;
-  margin: unset;
-}
-ul li {
+li {
   display: contents;
 }
 
 #uofg-footer {
-  display: -webkit-box;
-  display: -ms-flexbox;
   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;
   background-color: #000;
   color: #fff;
   padding: 2rem;
@@ -76,7 +74,7 @@ ul li {
   grid-template-columns: 1fr;
   gap: 2rem;
   width: 100%;
-  max-width: 1370px;
+  max-width: 1500px;
 }
 @media (min-width: 570px) {
   #uofg-footer-content {
@@ -92,22 +90,16 @@ ul li {
 }
 
 .uofg-footer-content-separator {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   gap: 0.75rem;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 
 #uofg-footer-improve-life {
-  -webkit-transition-property: opacity;
   transition-property: opacity;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
   border: 0;
 }
 #uofg-footer-improve-life > svg {
@@ -118,20 +110,17 @@ ul li {
 }
 
 #uofg-footer-social-links {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   list-style: none;
   padding: 0;
   margin-left: 0;
   gap: 0.75rem;
 }
 #uofg-footer-social-links a {
-  -webkit-transition-property: color;
   transition-property: color;
+  transition-duration: 0.2s;
+  transition-timing-function: ease-in-out;
   border: 0;
 }
 #uofg-footer-social-links a:hover, #uofg-footer-social-links a:focus {

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

@@ -1,12 +1,27 @@
 import { h } from "@stencil/core";
 import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
-import { SocialLinks } from "./social-links";
-import { FooterLinks } from "./footer-links";
-import { faPhoneFlip } from "@fortawesome/free-solid-svg-icons";
 import improveLifeLogo from "./improve-life.svg";
+import { faBriefcase } from "@fortawesome/free-solid-svg-icons/faBriefcase";
+import { faCalendar } from "@fortawesome/free-solid-svg-icons/faCalendar";
+import { faCircleCheck } from "@fortawesome/free-solid-svg-icons/faCircleCheck";
+import { faHandHoldingHeart } from "@fortawesome/free-solid-svg-icons/faHandHoldingHeart";
+import { faKey } from "@fortawesome/free-solid-svg-icons/faKey";
+import { faList } from "@fortawesome/free-solid-svg-icons/faList";
+import { faSitemap } from "@fortawesome/free-solid-svg-icons/faSitemap";
+import { faTree } from "@fortawesome/free-solid-svg-icons/faTree";
+import { faUniversalAccess } from "@fortawesome/free-solid-svg-icons/faUniversalAccess";
+import { faPhoneFlip } from "@fortawesome/free-solid-svg-icons/faPhoneFlip";
+import { faFacebookSquare } from "@fortawesome/free-brands-svg-icons/faFacebookSquare";
+import { faInstagram } from "@fortawesome/free-brands-svg-icons/faInstagram";
+import { faLinkedin } from "@fortawesome/free-brands-svg-icons/faLinkedin";
+import { faTiktok } from "@fortawesome/free-brands-svg-icons/faTiktok";
+import { faTwitterSquare } from "@fortawesome/free-brands-svg-icons/faTwitterSquare";
+import { faYoutube } from "@fortawesome/free-brands-svg-icons/faYoutube";
+const SocialLink = props => (h("li", null, h("a", { href: props.url, "aria-label": props.name }, h(FontAwesomeIcon, { icon: props.icon }))));
+const FooterLink = props => (h("li", null, h("a", { href: props.url, title: props.title }, h(FontAwesomeIcon, { icon: props.icon }), h("span", null, props.text))));
 export class UofgFooter {
   render() {
-    return (h("footer", { id: "uofg-footer" }, h("div", { id: "uofg-footer-content" }, h("div", { id: "uofg-footer-social", class: "uofg-footer-content-separator" }, h("a", { id: "uofg-footer-improve-life", href: "//www.uoguelph.ca/improve-life", "aria-label": "Improve Life", innerHTML: improveLifeLogo }), h(SocialLinks, null), h("a", { href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { href: "//www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h(FooterLinks, null), h("address", { id: "uofg-footer-address", class: "uofg-footer-content-separator" }, h("strong", null, "University of Guelph"), h("span", null, "50 Stone Road East,"), h("span", null, "Guelph, Ontario, Canada"), h("span", null, "N1G 2W1"), h("a", { href: "tel:1-519-824-4120" }, h(FontAwesomeIcon, { icon: faPhoneFlip }), h("span", null, "519-824-4120"))))));
+    return (h("footer", { id: "uofg-footer" }, h("div", { id: "uofg-footer-content" }, h("div", { id: "uofg-footer-social", class: "uofg-footer-content-separator" }, h("a", { id: "uofg-footer-improve-life", href: "//www.uoguelph.ca/improve-life", "aria-label": "Improve Life", innerHTML: improveLifeLogo }), h("ul", { id: "uofg-footer-social-links" }, h(SocialLink, { name: "Twitter", url: "https://twitter.com/uofg", icon: faTwitterSquare }), h(SocialLink, { name: "Facebook", url: "https://www.facebook.com/uofguelph", icon: faFacebookSquare }), h(SocialLink, { name: "Instagram", url: "https://www.instagram.com/uofguelph/", icon: faInstagram }), h(SocialLink, { name: "Youtube", url: "https://www.youtube.com/user/uofguelph", icon: faYoutube }), h(SocialLink, { name: "LinkedIn", url: "https://www.linkedin.com/school/university-of-guelph/", icon: faLinkedin }), h(SocialLink, { name: "TikTok", url: "https://www.tiktok.com/@uofguelph", icon: faTiktok })), h("a", { href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { href: "//www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h("ul", { id: "uofg-footer-links", class: "uofg-footer-content-separator" }, h(FooterLink, { text: "Accessibility", url: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g", icon: faUniversalAccess }), h(FooterLink, { text: "Privacy", url: "https://www.uoguelph.ca/web/privacy/", icon: faKey }), h(FooterLink, { text: "Site Map", url: "https://www.uoguelph.ca/site-map/", icon: faSitemap }), h(FooterLink, { text: "Status Page", url: "https://uoguelph.statuspage.io/", icon: faCircleCheck }), h(FooterLink, { text: "Land Acknowledgement", url: "https://www.uoguelph.ca/land-acknowledgement/", icon: faTree, title: "The University of Guelph resides on the treaty lands and territory of the Mississaugas of the Credit. We recognize that today this gathering place is home to many First Nations, Inuit and M\u00E9tis peoples and acknowledging them reminds us of our collective responsibility to the land where we learn and work." }), h(FooterLink, { text: "Careers", url: "https://www.uoguelph.ca/hr/careers-guelph/current-opportunities", icon: faBriefcase }), h(FooterLink, { text: "Undergraduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/", icon: faCalendar }), h(FooterLink, { text: "Graduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/graduate/current/", icon: faCalendar }), h(FooterLink, { text: "Program Plans", url: "https://admission.uoguelph.ca/programs", icon: faList }), h(FooterLink, { text: "Give to U of G", url: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give", icon: faHandHoldingHeart })), h("address", { id: "uofg-footer-address", class: "uofg-footer-content-separator" }, h("strong", null, "University of Guelph"), h("span", null, "50 Stone Road East,"), h("span", null, "Guelph, Ontario, Canada"), h("span", null, "N1G 2W1"), h("a", { href: "tel:1-519-824-4120" }, h(FontAwesomeIcon, { icon: faPhoneFlip }), h("span", null, "519-824-4120"))))));
   }
   static get is() { return "uofg-footer"; }
   static get encapsulation() { return "shadow"; }