@uoguelph/web-components 1.1.2 → 1.2.0-rc.0

package/dist/components/uofg-footer.js

@@ -1,6 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIcon } from './font-awesome-icon.js';
-import { c as createCommonjsModule } from './_commonjsHelpers.js';
 
 const improveLifeLogo = `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 107.4 12">
   <path
@@ -8,7 +7,9 @@ const improveLifeLogo = `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" vie
 </svg>
 `;
 
-var faBriefcase = createCommonjsModule(function (module, exports) {
+var faBriefcase = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'briefcase';
@@ -38,9 +39,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faBriefcase));
+
+var faCalendar = {};
 
-var faCalendar = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'calendar';
@@ -70,9 +73,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faCalendar));
+
+var faCircleCheck = {};
 
-var faCircleCheck = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'circle-check';
@@ -102,9 +107,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faCircleCheck));
 
-var faHandHoldingHeart = createCommonjsModule(function (module, exports) {
+var faHandHoldingHeart = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'hand-holding-heart';
@@ -134,9 +141,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faHandHoldingHeart));
+
+var faKey = {};
 
-var faKey = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'key';
@@ -166,9 +175,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faKey));
 
-var faList = createCommonjsModule(function (module, exports) {
+var faList = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'list';
@@ -198,9 +209,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faList));
+
+var faSitemap = {};
 
-var faSitemap = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'sitemap';
@@ -230,9 +243,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faSitemap));
+
+var faTree = {};
 
-var faTree = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'tree';
@@ -262,9 +277,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faTree));
 
-var faUniversalAccess = createCommonjsModule(function (module, exports) {
+var faUniversalAccess = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'universal-access';
@@ -294,9 +311,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faUniversalAccess));
+
+var faPhoneFlip = {};
 
-var faPhoneFlip = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fas';
 var iconName = 'phone-flip';
@@ -326,9 +345,13 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faPhoneFlip));
 
-var faSquareFacebook = createCommonjsModule(function (module, exports) {
+var faFacebookSquare = {};
+
+var faSquareFacebook = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'square-facebook';
@@ -336,7 +359,7 @@ var width = 448;
 var height = 512;
 var aliases = ["facebook-square"];
 var unicode = 'f082';
-var svgPathData = 'M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z';
+var svgPathData = 'M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z';
 
 exports.definition = {
   prefix: prefix,
@@ -358,34 +381,36 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faSquareFacebook));
 
-var faFacebookSquare = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
-
+var source = faSquareFacebook;
 exports.definition = {
-  prefix: faSquareFacebook.prefix,
-  iconName: faSquareFacebook.iconName,
+  prefix: source.prefix,
+  iconName: source.iconName,
   icon: [
-    faSquareFacebook.width,
-    faSquareFacebook.height,
-    faSquareFacebook.aliases,
-    faSquareFacebook.unicode,
-    faSquareFacebook.svgPathData
+    source.width,
+    source.height,
+    source.aliases,
+    source.unicode,
+    source.svgPathData
   ]};
 
 exports.faFacebookSquare = exports.definition;
-exports.prefix = faSquareFacebook.prefix;
-exports.iconName = faSquareFacebook.iconName;
-exports.width = faSquareFacebook.width;
-exports.height = faSquareFacebook.height;
-exports.ligatures = faSquareFacebook.aliases;
-exports.unicode = faSquareFacebook.unicode;
-exports.svgPathData = faSquareFacebook.svgPathData;
-exports.aliases = faSquareFacebook.aliases;
-});
-
-var faInstagram = createCommonjsModule(function (module, exports) {
+exports.prefix = source.prefix;
+exports.iconName = source.iconName;
+exports.width = source.width;
+exports.height = source.height;
+exports.ligatures = source.aliases;
+exports.unicode = source.unicode;
+exports.svgPathData = source.svgPathData;
+exports.aliases = source.aliases;
+}(faFacebookSquare));
+
+var faInstagram = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'instagram';
@@ -415,9 +440,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faInstagram));
 
-var faLinkedin = createCommonjsModule(function (module, exports) {
+var faLinkedin = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'linkedin';
@@ -447,9 +474,11 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faLinkedin));
+
+var faTiktok = {};
 
-var faTiktok = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'tiktok';
@@ -479,9 +508,13 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faTiktok));
 
-var faSquareTwitter = createCommonjsModule(function (module, exports) {
+var faTwitterSquare = {};
+
+var faSquareTwitter = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'square-twitter';
@@ -511,34 +544,36 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
+}(faSquareTwitter));
 
-var faTwitterSquare = createCommonjsModule(function (module, exports) {
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
-
+var source = faSquareTwitter;
 exports.definition = {
-  prefix: faSquareTwitter.prefix,
-  iconName: faSquareTwitter.iconName,
+  prefix: source.prefix,
+  iconName: source.iconName,
   icon: [
-    faSquareTwitter.width,
-    faSquareTwitter.height,
-    faSquareTwitter.aliases,
-    faSquareTwitter.unicode,
-    faSquareTwitter.svgPathData
+    source.width,
+    source.height,
+    source.aliases,
+    source.unicode,
+    source.svgPathData
   ]};
 
 exports.faTwitterSquare = exports.definition;
-exports.prefix = faSquareTwitter.prefix;
-exports.iconName = faSquareTwitter.iconName;
-exports.width = faSquareTwitter.width;
-exports.height = faSquareTwitter.height;
-exports.ligatures = faSquareTwitter.aliases;
-exports.unicode = faSquareTwitter.unicode;
-exports.svgPathData = faSquareTwitter.svgPathData;
-exports.aliases = faSquareTwitter.aliases;
-});
-
-var faYoutube = createCommonjsModule(function (module, exports) {
+exports.prefix = source.prefix;
+exports.iconName = source.iconName;
+exports.width = source.width;
+exports.height = source.height;
+exports.ligatures = source.aliases;
+exports.unicode = source.unicode;
+exports.svgPathData = source.svgPathData;
+exports.aliases = source.aliases;
+}(faTwitterSquare));
+
+var faYoutube = {};
+
+(function (exports) {
 Object.defineProperty(exports, '__esModule', { value: true });
 var prefix = 'fab';
 var iconName = 'youtube';
@@ -568,53 +603,146 @@ exports.ligatures = aliases;
 exports.unicode = unicode;
 exports.svgPathData = svgPathData;
 exports.aliases = aliases;
-});
-
-const uofgFooterCss = ":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}:host{display:block;width:100%;font-size:1.6rem;font-family:sans-serif}a{display:flex;align-items:center;gap:0.5rem;border-bottom:2px dotted transparent;width:fit-content;width:-moz-max-content;color:inherit;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}svg{fill:currentColor;height:1.6rem}li{display:contents}#uofg-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;line-height:1.2}#uofg-footer-extra-links-container{display:flex;justify-content:center;align-items:center;width:100%;background-color:#f5f7fa}#uofg-footer-extra-links{display:flex;flex-direction:column;width:85%;align-items:center;justify-content:center;padding:1.25rem 1rem;color:#0074c1}#uofg-footer-extra-links>li>a{display:flex;justify-content:center;padding:1rem 0;width:100%;transition-property:color;transition-duration:0.2s;transition-timing-function:ease-in-out;border-bottom:2px solid transparent}#uofg-footer-extra-links>li>a:hover,#uofg-footer-extra-links>li>a:focus{color:black}#uofg-footer-extra-links>li:not(:last-child)>a{border-bottom:2px solid #bdc8ca}#uofg-footer-content{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;padding:2rem;max-width:1320px}.uofg-footer-content-separator{display:flex;flex-direction:column;gap:0.75rem;justify-content:space-between}#uofg-footer-improve-life{transition-property:opacity;transition-duration:0.2s;transition-timing-function:ease-in-out;border:0}#uofg-footer-improve-life>svg{height:2.5rem}#uofg-footer-improve-life:hover,#uofg-footer-improve-life:focus{opacity:0.8}#uofg-footer-social-links{display:flex;align-items:center;list-style:none;padding:0;margin-left:0;gap:0 0.75rem}#uofg-footer-social-links a{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{color:#ffc72a}#uofg-footer-social-links a:hover[aria-label=Twitter],#uofg-footer-social-links a:focus[aria-label=Twitter]{color:#1da1f2}#uofg-footer-social-links a:hover[aria-label=Facebook],#uofg-footer-social-links a:focus[aria-label=Facebook]{color:#4267b2}#uofg-footer-social-links a:hover[aria-label=Instagram],#uofg-footer-social-links a:focus[aria-label=Instagram]{color:#e1306c}#uofg-footer-social-links a:hover[aria-label=Youtube],#uofg-footer-social-links a:focus[aria-label=Youtube]{color:#f00}#uofg-footer-social-links a:hover[aria-label=LinkedIn],#uofg-footer-social-links a:focus[aria-label=LinkedIn]{color:#0077b5}#uofg-footer-social-links a:hover[aria-label=TikTok],#uofg-footer-social-links a:focus[aria-label=TikTok]{color:#f00}#uofg-footer-social-links svg{height:2rem}#uofg-footer-links-container{display:flex}#uofg-footer-links{display:grid;height:100%;grid-template-columns:1fr}#uofg-footer-links svg{color:#ffc72a}#uofg-footer-address{font-style:normal;white-space:nowrap}#uofg-footer-address a{color:#69a3b9}@media (min-width: 570px){#uofg-footer-extra-links{flex-direction:row;flex-wrap:wrap;width:100%;max-width:1320px;padding:2rem 1rem;gap:1rem}#uofg-footer-extra-links>li>a{width:auto;padding:0 1rem 0 0;border-bottom:none !important}#uofg-footer-extra-links>li:not(:last-child)>a{border-right:2px solid rgba(0, 0, 0, 0.15)}#uofg-footer-content{grid-template-columns:1fr 1fr}#uofg-footer-links-container{grid-column-start:1;grid-column-end:3}#uofg-footer-links{grid-template-columns:1fr 1fr;width:100%}#uofg-footer-address{grid-row:1;grid-column:2}}@media (min-width: 962px){#uofg-footer-content{grid-template-columns:0.5fr 1fr 0.5fr;justify-items:center;gap:2rem 2rem}#uofg-footer-links-container{grid-row:unset;grid-column:unset;justify-content:center;gap:0}#uofg-footer-links{gap:0 8rem;width:auto}#uofg-footer-address{grid-row:unset;grid-column:unset}}";
-
-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))));
+}(faYoutube));
+
+const uofgFooterCss = ":host{display:block;width:100%;font-size:1.6rem;font-family:sans-serif}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;word-spacing:inherit;letter-spacing:inherit}ul{list-style:none;padding:0;margin:0}svg{height:1em}@defaults border-spacing{--tw-border-spacing-x:0;--tw-border-spacing-y:0}@defaults transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}@defaults touch-action{}@defaults scroll-snap-type{--tw-scroll-snap-strictness:proximity}@defaults gradient-color-stops{}@defaults font-variant-numeric{}@defaults box-shadow{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults ring-width{--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults filter{}@defaults backdrop-filter{}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.tw-flex{display:flex!important}.tw-w-fit{width:fit-content!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-content-center{align-content:center!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-8{gap:2rem!important}.tw-border-0{border-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-solid{border-style:solid!important}.tw-border-dotted{border-style:dotted!important}.tw-border-transparent{border-color:transparent!important}.tw-border-uofg-blue-100{--tw-border-opacity:1!important;border-color:rgb(221 236 240/var(--tw-border-opacity))!important}.tw-bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.tw-bg-uofg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(241 248 250/var(--tw-bg-opacity))!important}.tw-p-2{padding:.5rem!important}.tw-p-6{padding:1.5rem!important}.tw-px-\\[max\\(calc\\(\\(100\\%-1320px\\)\\/2\\)\\,2rem\\)\\]{padding-left:max(calc(50% - 660px),2rem)!important;padding-right:max(calc(50% - 660px),2rem)!important}.tw-py-8{padding-bottom:2rem!important;padding-top:2rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-not-italic{font-style:normal!important}.tw-text-uofg-blue{--tw-text-opacity:1!important;color:rgb(105 163 185/var(--tw-text-opacity))!important}.tw-text-uofg-blue-500{--tw-text-opacity:1!important;color:rgb(65 127 153/var(--tw-text-opacity))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.first\\:tw-border-l-2:first-child{border-left-width:2px!important}.hocus\\:tw-border-current:hover{border-color:currentColor!important}.hocus\\:tw-border-white:hover{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.hocus\\:tw-text-\\[\\#0077b5\\]:hover{--tw-text-opacity:1!important;color:rgb(0 119 181/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#1da1f2\\]:hover{--tw-text-opacity:1!important;color:rgb(29 161 242/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#4267b2\\]:hover{--tw-text-opacity:1!important;color:rgb(66 103 178/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#e1306c\\]:hover{--tw-text-opacity:1!important;color:rgb(225 48 108/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#f00\\]:hover{--tw-text-opacity:1!important;color:rgb(255 0 0/var(--tw-text-opacity))!important}.hocus\\:tw-text-uofg-blue-950:hover{--tw-text-opacity:1!important;color:rgb(25 40 51/var(--tw-text-opacity))!important}.hocus\\:tw-opacity-75:hover{opacity:.75!important}.hocus\\:tw-border-current:focus{border-color:currentColor!important}.hocus\\:tw-border-white:focus{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.hocus\\:tw-text-\\[\\#0077b5\\]:focus{--tw-text-opacity:1!important;color:rgb(0 119 181/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#1da1f2\\]:focus{--tw-text-opacity:1!important;color:rgb(29 161 242/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#4267b2\\]:focus{--tw-text-opacity:1!important;color:rgb(66 103 178/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#e1306c\\]:focus{--tw-text-opacity:1!important;color:rgb(225 48 108/var(--tw-text-opacity))!important}.hocus\\:tw-text-\\[\\#f00\\]:focus{--tw-text-opacity:1!important;color:rgb(255 0 0/var(--tw-text-opacity))!important}.hocus\\:tw-text-uofg-blue-950:focus{--tw-text-opacity:1!important;color:rgb(25 40 51/var(--tw-text-opacity))!important}.hocus\\:tw-opacity-75:focus{opacity:.75!important}@media (min-width:768px){.md\\:tw-col-span-2{grid-column:span 2/span 2!important}.md\\:tw-row-start-2{grid-row-start:2!important}.md\\:tw-grid{display:grid!important}.md\\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\\:tw-row-auto{grid-row:auto!important}.lg\\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.\\[\\&\\>li\\]\\:tw-contents>li{display:contents!important}.\\[\\&\\>svg\\]\\:tw-h-\\[1\\.6em\\]>svg{height:1.6em!important}.\\[\\&\\>svg\\]\\:tw-h-\\[1em\\]>svg{height:1em!important}.\\[\\&\\>svg\\]\\:tw-fill-current>svg{fill:currentColor!important}.\\[\\&\\>svg\\]\\:tw-fill-uofg-yellow>svg{fill:#ffc72a!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}";
+const UofgFooterStyle0 = uofgFooterCss;
+
+const socials = [
+    {
+        text: 'Twitter',
+        icon: faTwitterSquare.faTwitterSquare,
+        href: 'https://twitter.com/uofg',
+        class: 'hocus:tw-text-[#1da1f2]',
+    },
+    {
+        text: 'Facebook',
+        icon: faFacebookSquare.faFacebookSquare,
+        href: 'https://www.facebook.com/uofguelph',
+        class: 'hocus:tw-text-[#4267b2]',
+    },
+    {
+        text: 'Instagram',
+        icon: faInstagram.faInstagram,
+        href: 'https://www.instagram.com/uofguelph/',
+        class: 'hocus:tw-text-[#e1306c]',
+    },
+    {
+        text: 'Youtube',
+        icon: faYoutube.faYoutube,
+        href: 'https://www.youtube.com/user/uofguelph',
+        class: 'hocus:tw-text-[#f00]',
+    },
+    {
+        text: 'LinkedIn',
+        icon: faLinkedin.faLinkedin,
+        href: 'https://www.linkedin.com/school/university-of-guelph/',
+        class: 'hocus:tw-text-[#0077b5]',
+    },
+    {
+        text: 'TikTok',
+        icon: faTiktok.faTiktok,
+        href: 'https://www.tiktok.com/@uofguelph',
+        class: 'hocus:tw-text-[#f00]',
+    },
+];
+const links = [
+    {
+        text: 'Accessibility',
+        icon: faUniversalAccess.faUniversalAccess,
+        href: 'https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g',
+    },
+    {
+        text: 'Privacy',
+        icon: faKey.faKey,
+        href: 'https://www.uoguelph.ca/web/privacy/',
+    },
+    {
+        text: 'Site Map',
+        icon: faSitemap.faSitemap,
+        href: 'https://www.uoguelph.ca/sitemap',
+    },
+    {
+        text: 'Status Page',
+        icon: faCircleCheck.faCircleCheck,
+        href: 'https://uoguelph.statuspage.io/',
+    },
+    {
+        text: 'Land Acknowledgement',
+        icon: faTree.faTree,
+        href: 'https://www.uoguelph.ca/land-acknowledgement/',
+        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étis peoples and acknowledging them reminds us of our collective responsibility to the land where we learn and work.',
+    },
+    {
+        text: 'Careers',
+        icon: faBriefcase.faBriefcase,
+        href: 'https://www.uoguelph.ca/hr/careers-guelph/current-opportunities',
+    },
+    {
+        text: 'Undergraduate Calendar',
+        icon: faCalendar.faCalendar,
+        href: 'https://www.uoguelph.ca/registrar/calendars/undergraduate/current/',
+    },
+    {
+        text: 'Graduate Calendar',
+        icon: faCalendar.faCalendar,
+        href: 'https://www.uoguelph.ca/registrar/calendars/graduate/current/',
+    },
+    {
+        text: 'Program Plans',
+        icon: faList.faList,
+        href: 'https://admission.uoguelph.ca/programs',
+    },
+    {
+        text: 'Give to U of G',
+        icon: faHandHoldingHeart.faHandHoldingHeart,
+        href: 'https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give',
+    },
+];
 const UofgFooter$1 = /*@__PURE__*/ proxyCustomElement(class UofgFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.extraLinks = [];
-  }
-  connectedCallback() {
-    var _a;
-    this.updateExtraLinks();
-    (_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
-      this.updateExtraLinks();
-    }));
-    this.observer.observe(this.el, { childList: true, subtree: true });
-  }
-  updateExtraLinks() {
-    var _a;
-    this.extraLinks = Array.from((_a = this.el) === null || _a === void 0 ? void 0 : _a.children)
-      .filter(child => child.tagName === 'A')
-      .map(child => ({ text: child.textContent, href: child.getAttribute('href') }));
-  }
-  render() {
-    return (h("footer", { id: "uofg-footer" }, h("div", { id: "uofg-footer-extra-links-container" }, this.extraLinks.length > 0 && (h("ul", { id: "uofg-footer-extra-links" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.href }, link.text))))))), 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.faTwitterSquare }), h(SocialLink, { name: "Facebook", url: "https://www.facebook.com/uofguelph", icon: faFacebookSquare.faFacebookSquare }), h(SocialLink, { name: "Instagram", url: "https://www.instagram.com/uofguelph/", icon: faInstagram.faInstagram }), h(SocialLink, { name: "Youtube", url: "https://www.youtube.com/user/uofguelph", icon: faYoutube.faYoutube }), h(SocialLink, { name: "LinkedIn", url: "https://www.linkedin.com/school/university-of-guelph/", icon: faLinkedin.faLinkedin }), h(SocialLink, { name: "TikTok", url: "https://www.tiktok.com/@uofguelph", icon: faTiktok.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("div", { id: "uofg-footer-links-container" }, 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.faUniversalAccess }), h(FooterLink, { text: "Privacy", url: "https://www.uoguelph.ca/web/privacy/", icon: faKey.faKey }), h(FooterLink, { text: "Site Map", url: "https://www.uoguelph.ca/sitemap", icon: faSitemap.faSitemap }), h(FooterLink, { text: "Status Page", url: "https://uoguelph.statuspage.io/", icon: faCircleCheck.faCircleCheck }), h(FooterLink, { text: "Land Acknowledgement", url: "https://www.uoguelph.ca/land-acknowledgement/", icon: faTree.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.faBriefcase }), h(FooterLink, { text: "Undergraduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/", icon: faCalendar.faCalendar }), h(FooterLink, { text: "Graduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/graduate/current/", icon: faCalendar.faCalendar }), h(FooterLink, { text: "Program Plans", url: "https://admission.uoguelph.ca/programs", icon: faList.faList }), h(FooterLink, { text: "Give to U of G", url: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give", icon: faHandHoldingHeart.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.faPhoneFlip }), h("span", null, "519-824-4120"))))));
-  }
-  get el() { return this; }
-  static get style() { return uofgFooterCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.extraLinks = [];
+    }
+    connectedCallback() {
+        var _a;
+        this.updateExtraLinks();
+        (_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
+            this.updateExtraLinks();
+        }));
+        this.observer.observe(this.el, { childList: true, subtree: true });
+    }
+    updateExtraLinks() {
+        var _a;
+        this.extraLinks = Array.from((_a = this.el) === null || _a === void 0 ? void 0 : _a.children)
+            .filter(child => child.tagName === 'A')
+            .map(child => ({ text: child.textContent, href: child.getAttribute('href') }));
+    }
+    render() {
+        return (h("footer", { key: '7e1c2c333b0690bdf48a0c8646e4bc1660cafc74' }, this.extraLinks.length > 0 && (h("ul", { class: "tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-bg-uofg-blue-50 tw-p-6 tw-px-[max(calc((100%-1320px)/2),2rem)]" }, this.extraLinks.map(link => (h("li", { class: "tw-border-0 tw-border-r-2 tw-border-solid tw-border-uofg-blue-100 tw-p-2 first:tw-border-l-2" }, h("a", { class: "tw-text-uofg-blue-500 tw-transition-colors hocus:tw-text-uofg-blue-950", href: link.href }, link.text)))))), h("div", { key: '2a7bc3b10735ecba41c936895b12857e02be8b39', class: "tw-flex tw-flex-col tw-content-center tw-gap-8 tw-bg-black tw-px-[max(calc((100%-1320px)/2),2rem)] tw-py-8 tw-text-white md:tw-grid md:tw-grid-cols-2 lg:tw-grid-cols-4" }, h("div", { key: 'e4ad770842e3d6afe36b94805d5b593c110a8abe', class: "tw-flex tw-flex-col tw-justify-between tw-gap-4" }, h("a", { key: '8f3c64e2b3bc247c286389182b2923ffae62eb79', href: "https://www.uoguelph.ca/improve-life", "aria-label": "Improve Life", class: "tw-flex tw-transition-opacity hocus:tw-opacity-75 [&>svg]:tw-h-[1.6em]", innerHTML: improveLifeLogo }), h("ul", { key: '52cc20ceea75b7688ea8084dd8a68604e8721141', class: "tw-flex tw-gap-3 tw-text-4xl [&>li]:tw-contents" }, socials.map(item => (h("li", null, h("a", { href: item.href, "aria-label": item.text, class: `tw-transition-colors [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current ${item.class}` }, h(FontAwesomeIcon, { icon: item.icon })))))), h("a", { key: '02593d4e251af9dcc45ea58cc9fde9a48e94e8d7', class: "tw-w-fit tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white", href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { key: 'cb4965e8d0aefbe2051c990ed664b4dbba3c1df1', class: "tw-w-fit tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white", href: "https://www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h("div", { key: '5d76bcee6f7080194c062c35a545220333c1e2f4', class: "md:tw-col-span-2 md:tw-row-start-2 lg:tw-row-auto" }, h("ul", { key: 'e6d48fdac5a3c2aa5481bd3aaa6521815ab2977e', class: "tw-flex tw-flex-col tw-gap-4 md:tw-grid md:tw-grid-cols-2 [&>li]:tw-contents" }, links.map(item => {
+            var _a;
+            return (h("li", null, h("a", { href: item.href, title: (_a = item === null || item === void 0 ? void 0 : item.title) !== null && _a !== void 0 ? _a : '', class: "tw-flex tw-w-fit tw-gap-3 tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white [&>svg]:tw-h-[1em] [&>svg]:tw-fill-uofg-yellow" }, h(FontAwesomeIcon, { icon: item.icon }), h("span", null, item.text))));
+        }))), h("address", { key: 'e5941955d0f8b8a534980396efeaa1c9c49a919a', class: "tw-flex tw-flex-col tw-justify-between tw-gap-4 tw-not-italic" }, h("strong", { key: '4a147a383479b0fea78c31ee83e852e298d73a49' }, "University of Guelph"), h("span", { key: 'c75566a010994dbd4e38afaa8c7b1ce2eedaa4b4' }, "50 Stone Road East,"), h("span", { key: 'e56462b21cf183eb66c85d17f4f74275947ca260' }, "Guelph, Ontario, Canada"), h("span", { key: '05ce006f06502c2b824914ab22b3a1e601f512e5' }, "N1G 2W1"), h("a", { key: '01d4b036db7d9fe71c4a24c5e4714c66d0ef596f', href: "tel:1-519-824-4120", class: "tw-flex tw-w-fit tw-gap-2 tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-text-uofg-blue tw-transition-colors hocus:tw-border-current [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current" }, h(FontAwesomeIcon, { key: '22427c9cc0bb50f48a77b8c6bce3d474029c8c79', icon: faPhoneFlip.faPhoneFlip }), h("span", { key: '340eea2c61160970cdea49ab53123cbdb2b462c4' }, "519-824-4120"))))));
+    }
+    get el() { return this; }
+    static get style() { return UofgFooterStyle0; }
 }, [1, "uofg-footer", {
-    "extraLinks": [32]
-  }]);
+        "extraLinks": [32]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["uofg-footer"];
-  components.forEach(tagName => { switch (tagName) {
-    case "uofg-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, UofgFooter$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["uofg-footer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "uofg-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UofgFooter$1);
+            }
+            break;
+    } });
 }
 
 const UofgFooter = UofgFooter$1;

package/dist/components/uofg-header.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface UofgHeader extends Components.UofgHeader, HTMLElement {}
 export const UofgHeader: {
-  prototype: UofgHeader;
-  new (): UofgHeader;
+    prototype: UofgHeader;
+    new (): UofgHeader;
 };
 /**
  * Used to define this component and all nested components recursively.