@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

package/dist/composite/navigation/header.js

@@ -1,29 +1,10 @@
-"use strict";
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const network = require("@universityofmaryland/web-utilities-library/network");
-const search = require("@universityofmaryland/web-icons-library/search");
-const index$1 = require("./elements/menu-button/index.js");
-const index = require("./elements/item/index.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
+import * as token from "@universityofmaryland/web-token-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
+import { isExternalUrl } from "@universityofmaryland/web-utilities-library/network";
+import { search } from "@universityofmaryland/web-icons-library/search";
+import { createCompositeNavigationMenuButton } from "./elements/menu-button/index.js";
+import { createCompositeNavigationItem } from "./elements/item/index.js";
 const ANIMATION_TIME = 500;
 const ATTRIBUTE_STICKY = "data-sticky";
 const ATTRIBUTE_CTA = "data-cta";
@@ -47,7 +28,7 @@ const OVERWRITE_CTA_WRAPPER_NAV_ROW = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADE
 const OVERWRITE_CTA_WRAPPER_CTA = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADER_MENU_CTA}`;
 const OverwriteStickyStyles = `
   ${OVERWRITE_STICKY_CONTAINER} {
-    padding: ${token__namespace.spacing.xs} 0;
+    padding: ${token.spacing.xs} 0;
   }
 
   .${ELEMENT_HEADER_WRAPPER} {
@@ -60,22 +41,22 @@ const OverwriteStickyStyles = `
 `;
 const CtaStyles = `
   .${ELEMENT_HEADER_MENU_CTA} {
-    color: ${token__namespace.color.white};
-    font-weight: ${token__namespace.font.weight.bold};
-    font-size: ${token__namespace.font.size.sm};
-    padding: ${token__namespace.spacing.xs};
-    background-color: ${token__namespace.color.red};
+    color: ${token.color.white};
+    font-weight: ${token.font.weight.bold};
+    font-size: ${token.font.size.sm};
+    padding: ${token.spacing.xs};
+    background-color: ${token.color.red};
     transition: background .5s;
     white-space: nowrap;
   }
 
   .${ELEMENT_HEADER_MENU_CTA}:hover,
   .${ELEMENT_HEADER_MENU_CTA}:focus {
-    background-color: ${token__namespace.color.redDark};
+    background-color: ${token.color.redDark};
   }
 
   ${OVERWRITE_CTA_WRAPPER_CTA} {
-    margin-top: -${token__namespace.spacing.min};
+    margin-top: -${token.spacing.min};
   }
 `;
 const NavigationColumnStyles = `
@@ -91,7 +72,7 @@ const NavigationColumnStyles = `
   }
 
   ${OVERWRITE_CTA_WRAPPER_NAV_ROW} {
-    padding-top: ${token__namespace.spacing.sm};
+    padding-top: ${token.spacing.sm};
   }
 
   .${ELEMENT_HEADER_NAVIGATION_ROW} > * {
@@ -99,25 +80,25 @@ const NavigationColumnStyles = `
   }
 
   .${ELEMENT_HEADER_NAVIGATION_ROW} > *:not(:first-child) {
-    margin-left: ${token__namespace.spacing.md};
+    margin-left: ${token.spacing.md};
   }
 
   .${ELEMENT_HEADER_NAVIGATION_ROW} svg {
     width: 24px;
     height: 24px;
-    fill: ${token__namespace.color.black};
+    fill: ${token.color.black};
   }
 
   .${ELEMENT_HEADER_UTILITY_ROW} {
     display: flex;
     justify-content: flex-end;
-    margin-bottom: ${token__namespace.spacing.sm};
+    margin-bottom: ${token.spacing.sm};
   }
 
   .${ELEMENT_HEADER_UTILITY_ROW} ::slotted(*) {
     display: flex;
     justify-content: flex-end;
-    gap: ${token__namespace.spacing.md};
+    gap: ${token.spacing.md};
   }
 `;
 const LogoColumnStyles = `
@@ -131,9 +112,9 @@ const LogoColumnStyles = `
   }
 
   .${ELEMENT_HEADER_MENU_BUTTON} {
-    border-right: 1px solid ${token__namespace.color.gray.light};
-    padding-right: ${token__namespace.spacing.min};
-    margin-right: ${token__namespace.spacing.sm};
+    border-right: 1px solid ${token.color.gray.light};
+    padding-right: ${token.spacing.min};
+    margin-right: ${token.spacing.sm};
   }
 
   .${ELEMENT_HEADER_LOGO} {
@@ -146,15 +127,15 @@ const LogoColumnStyles = `
     height: 240px;
   }
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${ELEMENT_HEADER_LOGO}`]: typography__namespace.sans.larger
+    [`.${ELEMENT_HEADER_LOGO}`]: typography.sans.larger
   }
 })}
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${ELEMENT_HEADER_LOGO} *`]: typography__namespace.sans.larger
+    [`.${ELEMENT_HEADER_LOGO} *`]: typography.sans.larger
   }
 })}
 
@@ -164,15 +145,15 @@ const LogoColumnStyles = `
     width: 100%;
   }
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${ELEMENT_HEADER_LOGO}[size="large"]`]: typography__namespace.sans.extraLarge
+    [`.${ELEMENT_HEADER_LOGO}[size="large"]`]: typography.sans.extraLarge
   }
 })}
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${ELEMENT_HEADER_LOGO}[size="large"] *`]: typography__namespace.sans.extraLarge
+    [`.${ELEMENT_HEADER_LOGO}[size="large"] *`]: typography.sans.extraLarge
   }
 })}
 
@@ -187,7 +168,7 @@ const LogoColumnStyles = `
     max-width: 190px;
   }
 
-  @media (min-width: ${token__namespace.media.breakpoints.tablet.min}) {
+  @media (min-width: ${token.media.breakpoints.tablet.min}) {
     .${ELEMENT_HEADER_LOGO} img {
       max-width: 240px;
     }
@@ -198,15 +179,15 @@ const WrapperStyles = `
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
-    gap: ${token__namespace.spacing.lg};
+    gap: ${token.spacing.lg};
     z-index: 999;
   }
 `;
 const STYLES_NAVIGATION_HEADER = `
   .${ELEMENT_HEADER_CONTAINTER} {
-    background-color: ${token__namespace.color.white};
+    background-color: ${token.color.white};
     display: block;
-    padding: ${token__namespace.spacing.md} 0;
+    padding: ${token.spacing.md} 0;
     position: relative;
     transition: padding ${ANIMATION_TIME}ms;
   }
@@ -216,15 +197,15 @@ const STYLES_NAVIGATION_HEADER = `
   ${NavigationColumnStyles}
   ${CtaStyles}
   ${OverwriteStickyStyles}
-  ${index.Styles}
-  ${index$1.Styles}
+  ${createCompositeNavigationItem.Styles}
+  ${createCompositeNavigationMenuButton.Styles}
 `;
 const CreateSearchLink = ({ searchUrl }) => {
   if (!searchUrl) return null;
   const searchLink = document.createElement("a");
   searchLink.href = searchUrl;
   searchLink.ariaLabel = "Visit the search page";
-  searchLink.innerHTML = search.search;
+  searchLink.innerHTML = search;
   searchLink.classList.add(ELEMENT_HEADER_MENU_SEARCH);
   return searchLink;
 };
@@ -232,7 +213,7 @@ const CreateCtaLink = ({ ctaUrl, ctaText }) => {
   if (!ctaUrl || !ctaText) return null;
   const cta = document.createElement("a");
   cta.innerHTML = ctaText;
-  if (network.isExternalUrl(ctaUrl)) {
+  if (isExternalUrl(ctaUrl)) {
     cta.setAttribute("target", "_blank");
   }
   cta.setAttribute("href", ctaUrl);
@@ -272,7 +253,7 @@ const CreateNavigationColumn = ({
 const CreateLogoColumn = ({ logo, eventOpen }) => {
   const container = document.createElement("div");
   if (eventOpen) {
-    const menuButton = index$1.CreateElement({ eventOpen });
+    const menuButton = createCompositeNavigationMenuButton.CreateElement({ eventOpen });
     menuButton.classList.add(ELEMENT_HEADER_MENU_BUTTON);
     container.appendChild(menuButton);
   }
@@ -336,9 +317,11 @@ const CreateNavigationHeader = (props) => {
     }
   };
 };
-const header = {
+const createCompositeNavigationHeader = {
   CreateElement: CreateNavigationHeader,
   Styles: STYLES_NAVIGATION_HEADER
 };
-module.exports = header;
+export {
+  createCompositeNavigationHeader
+};
 //# sourceMappingURL=header.js.map

package/dist/composite/navigation/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../source/composite/navigation/header.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { isExternalUrl } from '@universityofmaryland/web-utilities-library/network';\nimport { search as iconSearch } from '@universityofmaryland/web-icons-library/search';\nimport MenuButton from './elements/menu-button';\nimport NavigationItem from './elements/item';\n\ntype TypeLogoRequirments = {\n  logo?: HTMLElement | null;\n  eventOpen?: () => void;\n};\n\ntype TypeSearchLink = {\n  searchUrl: string | null;\n};\n\ntype TypeCtaLink = {\n  ctaUrl: string | null;\n  ctaText: string | null;\n};\n\ntype TypeNavRow = TypeSearchLink &\n  TypeCtaLink & {\n    utilityRow?: HTMLElement | null;\n    navItems?: HTMLElement[];\n  };\n\ntype TypeHeaderRequirements = TypeLogoRequirments & TypeNavRow;\n\nconst ANIMATION_TIME = 500;\n\nconst ATTRIBUTE_STICKY = 'data-sticky';\nconst ATTRIBUTE_CTA = 'data-cta';\n\nconst IS_STICKY = `[${ATTRIBUTE_STICKY}=\"true\"]`;\nconst IS_CTA = `[${ATTRIBUTE_CTA}=\"true\"]`;\n\nconst ELEMENT_HEADER_DECLARATION = 'element-header-declaration';\nconst ELEMENT_HEADER_CONTAINTER = 'element-header-container';\nconst ELEMENT_HEADER_WRAPPER = 'element-header-wrapper';\nconst ELEMENT_HEADER_LOGO_COLUMN = 'element-header-logo-column';\nconst ELEMENT_HEADER_NAVIGATION_COLUMN = 'element-header-navigation-column';\nconst ELEMENT_HEADER_LOGO = 'element-header-logo';\nconst ELEMENT_HEADER_MENU_BUTTON = 'element-header-menu-button';\nconst ELEMENT_HEADER_MENU_CTA = 'element-header-menu-cta';\nconst ELEMENT_HEADER_MENU_SEARCH = 'element-header-menu-search';\nconst ELEMENT_HEADER_NAVIGATION_ROW = 'element-header-navigation-row';\nconst ELEMENT_HEADER_UTILITY_ROW = 'element-header-utility-row';\n\nconst OVERWRITE_STICKY_CONTAINER = `.${ELEMENT_HEADER_CONTAINTER}${IS_STICKY}`;\nconst OVERWRITE_STICKY_LOGO = `${OVERWRITE_STICKY_CONTAINER} .${ELEMENT_HEADER_LOGO}`;\nconst OVERWRITE_CTA_WRAPPER = `.${ELEMENT_HEADER_WRAPPER}${IS_CTA}`;\nconst OVERWRITE_CTA_WRAPPER_NAV_ROW = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADER_NAVIGATION_ROW}`;\nconst OVERWRITE_CTA_WRAPPER_CTA = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADER_MENU_CTA}`;\n\nconst OverwriteStickyStyles = `\n  ${OVERWRITE_STICKY_CONTAINER} {\n    padding: ${token.spacing.xs} 0;\n  }\n\n  .${ELEMENT_HEADER_WRAPPER} {\n     align-items: center;\n  }\n\n  ${OVERWRITE_STICKY_LOGO} img {\n    max-height: 30px;\n  }\n`;\n\nconst CtaStyles = `\n  .${ELEMENT_HEADER_MENU_CTA} {\n    color: ${token.color.white};\n    font-weight: ${token.font.weight.bold};\n    font-size: ${token.font.size.sm};\n    padding: ${token.spacing.xs};\n    background-color: ${token.color.red};\n    transition: background .5s;\n    white-space: nowrap;\n  }\n\n  .${ELEMENT_HEADER_MENU_CTA}:hover,\n  .${ELEMENT_HEADER_MENU_CTA}:focus {\n    background-color: ${token.color.redDark};\n  }\n\n  ${OVERWRITE_CTA_WRAPPER_CTA} {\n    margin-top: -${token.spacing.min};\n  }\n`;\n\nconst NavigationColumnStyles = `\n  @media (max-width: 1240px) {\n    .${ELEMENT_HEADER_NAVIGATION_COLUMN} {\n      display: none;\n    }\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} {\n    display: grid;\n    grid-auto-flow: column;\n  }\n\n  ${OVERWRITE_CTA_WRAPPER_NAV_ROW} {\n    padding-top: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} > * {\n    display: block;\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} > *:not(:first-child) {\n    margin-left: ${token.spacing.md};\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} svg {\n    width: 24px;\n    height: 24px;\n    fill: ${token.color.black};\n  }\n\n  .${ELEMENT_HEADER_UTILITY_ROW} {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_UTILITY_ROW} ::slotted(*) {\n    display: flex;\n    justify-content: flex-end;\n    gap: ${token.spacing.md};\n  }\n`;\n\nconst LogoColumnStyles = `\n  .${ELEMENT_HEADER_LOGO_COLUMN} {\n    align-items: center;\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    width: 100%;\n    max-width: 400px;\n  }\n\n  .${ELEMENT_HEADER_MENU_BUTTON} {\n    border-right: 1px solid ${token.color.gray.light};\n    padding-right: ${token.spacing.min};\n    margin-right: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_LOGO} {\n    display: grid;\n    justify-content: flex-start;\n    max-width: 350px;\n  }\n\n  .${ELEMENT_HEADER_LOGO}:has(img[src*=\".svg\"]) img {\n    height: 240px;\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}`]: typography.sans.larger,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO} *`]: typography.sans.larger,\n    },\n  })}\n\n  .${ELEMENT_HEADER_LOGO},\n  .${ELEMENT_HEADER_LOGO} * {\n    line-height: 1.05em;\n    width: 100%;\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}[size=\"large\"]`]: typography.sans.extraLarge,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}[size=\"large\"] *`]: typography.sans.extraLarge,\n    },\n  })}\n\n  .${ELEMENT_HEADER_LOGO},\n  .${ELEMENT_HEADER_LOGO} * {\n    font-weight: 700;\n  }\n\n  .${ELEMENT_HEADER_LOGO} img {\n    width: 100%;\n    max-height: 48px;\n    max-width: 190px;\n  }\n\n  @media (min-width: ${token.media.breakpoints.tablet.min}) {\n    .${ELEMENT_HEADER_LOGO} img {\n      max-width: 240px;\n    }\n  }\n`;\n\nconst WrapperStyles = `\n  .${ELEMENT_HEADER_WRAPPER} {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: ${token.spacing.lg};\n    z-index: 999;\n  }\n`;\n\nconst STYLES_NAVIGATION_HEADER = `\n  .${ELEMENT_HEADER_CONTAINTER} {\n    background-color: ${token.color.white};\n    display: block;\n    padding: ${token.spacing.md} 0;\n    position: relative;\n    transition: padding ${ANIMATION_TIME}ms;\n  }\n\n  ${WrapperStyles}\n  ${LogoColumnStyles}\n  ${NavigationColumnStyles}\n  ${CtaStyles}\n  ${OverwriteStickyStyles}\n  ${NavigationItem.Styles}\n  ${MenuButton.Styles}\n`;\n\nconst CreateSearchLink = ({ searchUrl }: TypeSearchLink) => {\n  if (!searchUrl) return null;\n\n  const searchLink = document.createElement('a');\n\n  searchLink.href = searchUrl;\n  searchLink.ariaLabel = 'Visit the search page';\n  searchLink.innerHTML = iconSearch;\n  searchLink.classList.add(ELEMENT_HEADER_MENU_SEARCH);\n\n  return searchLink;\n};\n\nconst CreateCtaLink = ({ ctaUrl, ctaText }: TypeCtaLink) => {\n  if (!ctaUrl || !ctaText) return null;\n\n  const cta = document.createElement('a');\n\n  cta.innerHTML = ctaText;\n  if (isExternalUrl(ctaUrl)) {\n    cta.setAttribute('target', '_blank');\n  }\n  cta.setAttribute('href', ctaUrl);\n  cta.classList.add(ELEMENT_HEADER_MENU_CTA);\n\n  return cta;\n};\n\nconst CreateNavigationColumn = ({\n  utilityRow,\n  navItems,\n  searchUrl,\n  ctaText,\n  ctaUrl,\n}: TypeNavRow) => {\n  if (!navItems) return;\n\n  const navColumnContainer = document.createElement('div');\n  const utilityRowContainer = document.createElement('div');\n  const navRowContainer = document.createElement('div');\n  const searchLink = CreateSearchLink({\n    searchUrl,\n  });\n  const ctaLink = CreateCtaLink({ ctaText, ctaUrl });\n\n  if (utilityRow) {\n    utilityRowContainer.classList.add(ELEMENT_HEADER_UTILITY_ROW);\n    utilityRowContainer.appendChild(utilityRow);\n    navColumnContainer.appendChild(utilityRowContainer);\n  }\n\n  navRowContainer.classList.add(ELEMENT_HEADER_NAVIGATION_ROW);\n\n  navItems.forEach((item) => {\n    navRowContainer.appendChild(item);\n  });\n  if (searchLink) navRowContainer.appendChild(searchLink);\n  if (ctaLink) navRowContainer.appendChild(ctaLink);\n\n  navColumnContainer.classList.add(ELEMENT_HEADER_NAVIGATION_COLUMN);\n  navColumnContainer.appendChild(navRowContainer);\n\n  return navColumnContainer;\n};\n\nconst CreateLogoColumn = ({ logo, eventOpen }: TypeLogoRequirments) => {\n  const container = document.createElement('div');\n\n  if (eventOpen) {\n    const menuButton = MenuButton.CreateElement({ eventOpen });\n    menuButton.classList.add(ELEMENT_HEADER_MENU_BUTTON);\n    container.appendChild(menuButton);\n  }\n\n  if (logo) {\n    const childrenText = Array.from(logo.children).reduce((acc, child) => {\n      if (child.nodeName === 'IMG') return acc;\n\n      if (child.textContent) {\n        return acc + child.textContent.length;\n      }\n\n      return acc;\n    }, 0);\n    logo.classList.add(ELEMENT_HEADER_LOGO);\n\n    if (childrenText < 30) {\n      logo.setAttribute('size', 'large');\n    }\n\n    container.appendChild(logo);\n  }\n  container.classList.add(ELEMENT_HEADER_LOGO_COLUMN);\n  return container;\n};\n\nconst CreateNavigationHeader = (props: TypeHeaderRequirements) => {\n  const { ctaUrl, ctaText } = props;\n  const declaration = document.createElement('div');\n  const container = document.createElement('div');\n  const wrapper = document.createElement('div');\n  const logoColumn = CreateLogoColumn(props);\n  const navigationColumn = CreateNavigationColumn(props);\n  const eventSticky = ({ isSticky }: { isSticky: boolean }) => {\n    const utility = container.querySelector(\n      `.${ELEMENT_HEADER_UTILITY_ROW}`,\n    ) as HTMLDivElement;\n\n    if (isSticky && isElementSticky) return;\n\n    if (isSticky) {\n      isElementSticky = true;\n      container.setAttribute(ATTRIBUTE_STICKY, 'true');\n\n      if (utility) {\n        utility.style.display = 'none';\n      }\n    }\n    if (!isSticky) {\n      isElementSticky = false;\n      container.removeAttribute(ATTRIBUTE_STICKY);\n\n      if (utility) {\n        utility.style.display = 'block';\n      }\n    }\n  };\n  let isElementSticky = false;\n\n  wrapper.classList.add(ELEMENT_HEADER_WRAPPER);\n  wrapper.appendChild(logoColumn);\n\n  if (navigationColumn) wrapper.appendChild(navigationColumn);\n  if (ctaUrl && ctaText) wrapper.setAttribute(ATTRIBUTE_CTA, 'true');\n\n  container.appendChild(wrapper);\n  container.classList.add(ELEMENT_HEADER_CONTAINTER);\n\n  declaration.classList.add(ELEMENT_HEADER_DECLARATION);\n  declaration.appendChild(container);\n\n  return {\n    element: declaration,\n    events: {\n      sticky: eventSticky,\n    },\n  };\n};\n\nexport default {\n  CreateElement: CreateNavigationHeader,\n  Styles: STYLES_NAVIGATION_HEADER,\n};\n"],"names":["token","jssToCSS","typography","NavigationItem","MenuButton","iconSearch","isExternalUrl"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../source/composite/navigation/header.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { isExternalUrl } from '@universityofmaryland/web-utilities-library/network';\nimport { search as iconSearch } from '@universityofmaryland/web-icons-library/search';\nimport { createCompositeNavigationMenuButton as MenuButton } from './elements/menu-button';\nimport { createCompositeNavigationItem as NavigationItem } from './elements/item';\n\ntype TypeLogoRequirments = {\n  logo?: HTMLElement | null;\n  eventOpen?: () => void;\n};\n\ntype TypeSearchLink = {\n  searchUrl: string | null;\n};\n\ntype TypeCtaLink = {\n  ctaUrl: string | null;\n  ctaText: string | null;\n};\n\ntype TypeNavRow = TypeSearchLink &\n  TypeCtaLink & {\n    utilityRow?: HTMLElement | null;\n    navItems?: HTMLElement[];\n  };\n\ntype TypeHeaderRequirements = TypeLogoRequirments & TypeNavRow;\n\nconst ANIMATION_TIME = 500;\n\nconst ATTRIBUTE_STICKY = 'data-sticky';\nconst ATTRIBUTE_CTA = 'data-cta';\n\nconst IS_STICKY = `[${ATTRIBUTE_STICKY}=\"true\"]`;\nconst IS_CTA = `[${ATTRIBUTE_CTA}=\"true\"]`;\n\nconst ELEMENT_HEADER_DECLARATION = 'element-header-declaration';\nconst ELEMENT_HEADER_CONTAINTER = 'element-header-container';\nconst ELEMENT_HEADER_WRAPPER = 'element-header-wrapper';\nconst ELEMENT_HEADER_LOGO_COLUMN = 'element-header-logo-column';\nconst ELEMENT_HEADER_NAVIGATION_COLUMN = 'element-header-navigation-column';\nconst ELEMENT_HEADER_LOGO = 'element-header-logo';\nconst ELEMENT_HEADER_MENU_BUTTON = 'element-header-menu-button';\nconst ELEMENT_HEADER_MENU_CTA = 'element-header-menu-cta';\nconst ELEMENT_HEADER_MENU_SEARCH = 'element-header-menu-search';\nconst ELEMENT_HEADER_NAVIGATION_ROW = 'element-header-navigation-row';\nconst ELEMENT_HEADER_UTILITY_ROW = 'element-header-utility-row';\n\nconst OVERWRITE_STICKY_CONTAINER = `.${ELEMENT_HEADER_CONTAINTER}${IS_STICKY}`;\nconst OVERWRITE_STICKY_LOGO = `${OVERWRITE_STICKY_CONTAINER} .${ELEMENT_HEADER_LOGO}`;\nconst OVERWRITE_CTA_WRAPPER = `.${ELEMENT_HEADER_WRAPPER}${IS_CTA}`;\nconst OVERWRITE_CTA_WRAPPER_NAV_ROW = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADER_NAVIGATION_ROW}`;\nconst OVERWRITE_CTA_WRAPPER_CTA = `${OVERWRITE_CTA_WRAPPER} .${ELEMENT_HEADER_MENU_CTA}`;\n\nconst OverwriteStickyStyles = `\n  ${OVERWRITE_STICKY_CONTAINER} {\n    padding: ${token.spacing.xs} 0;\n  }\n\n  .${ELEMENT_HEADER_WRAPPER} {\n     align-items: center;\n  }\n\n  ${OVERWRITE_STICKY_LOGO} img {\n    max-height: 30px;\n  }\n`;\n\nconst CtaStyles = `\n  .${ELEMENT_HEADER_MENU_CTA} {\n    color: ${token.color.white};\n    font-weight: ${token.font.weight.bold};\n    font-size: ${token.font.size.sm};\n    padding: ${token.spacing.xs};\n    background-color: ${token.color.red};\n    transition: background .5s;\n    white-space: nowrap;\n  }\n\n  .${ELEMENT_HEADER_MENU_CTA}:hover,\n  .${ELEMENT_HEADER_MENU_CTA}:focus {\n    background-color: ${token.color.redDark};\n  }\n\n  ${OVERWRITE_CTA_WRAPPER_CTA} {\n    margin-top: -${token.spacing.min};\n  }\n`;\n\nconst NavigationColumnStyles = `\n  @media (max-width: 1240px) {\n    .${ELEMENT_HEADER_NAVIGATION_COLUMN} {\n      display: none;\n    }\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} {\n    display: grid;\n    grid-auto-flow: column;\n  }\n\n  ${OVERWRITE_CTA_WRAPPER_NAV_ROW} {\n    padding-top: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} > * {\n    display: block;\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} > *:not(:first-child) {\n    margin-left: ${token.spacing.md};\n  }\n\n  .${ELEMENT_HEADER_NAVIGATION_ROW} svg {\n    width: 24px;\n    height: 24px;\n    fill: ${token.color.black};\n  }\n\n  .${ELEMENT_HEADER_UTILITY_ROW} {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_UTILITY_ROW} ::slotted(*) {\n    display: flex;\n    justify-content: flex-end;\n    gap: ${token.spacing.md};\n  }\n`;\n\nconst LogoColumnStyles = `\n  .${ELEMENT_HEADER_LOGO_COLUMN} {\n    align-items: center;\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    width: 100%;\n    max-width: 400px;\n  }\n\n  .${ELEMENT_HEADER_MENU_BUTTON} {\n    border-right: 1px solid ${token.color.gray.light};\n    padding-right: ${token.spacing.min};\n    margin-right: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_HEADER_LOGO} {\n    display: grid;\n    justify-content: flex-start;\n    max-width: 350px;\n  }\n\n  .${ELEMENT_HEADER_LOGO}:has(img[src*=\".svg\"]) img {\n    height: 240px;\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}`]: typography.sans.larger,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO} *`]: typography.sans.larger,\n    },\n  })}\n\n  .${ELEMENT_HEADER_LOGO},\n  .${ELEMENT_HEADER_LOGO} * {\n    line-height: 1.05em;\n    width: 100%;\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}[size=\"large\"]`]: typography.sans.extraLarge,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADER_LOGO}[size=\"large\"] *`]: typography.sans.extraLarge,\n    },\n  })}\n\n  .${ELEMENT_HEADER_LOGO},\n  .${ELEMENT_HEADER_LOGO} * {\n    font-weight: 700;\n  }\n\n  .${ELEMENT_HEADER_LOGO} img {\n    width: 100%;\n    max-height: 48px;\n    max-width: 190px;\n  }\n\n  @media (min-width: ${token.media.breakpoints.tablet.min}) {\n    .${ELEMENT_HEADER_LOGO} img {\n      max-width: 240px;\n    }\n  }\n`;\n\nconst WrapperStyles = `\n  .${ELEMENT_HEADER_WRAPPER} {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: ${token.spacing.lg};\n    z-index: 999;\n  }\n`;\n\nconst STYLES_NAVIGATION_HEADER = `\n  .${ELEMENT_HEADER_CONTAINTER} {\n    background-color: ${token.color.white};\n    display: block;\n    padding: ${token.spacing.md} 0;\n    position: relative;\n    transition: padding ${ANIMATION_TIME}ms;\n  }\n\n  ${WrapperStyles}\n  ${LogoColumnStyles}\n  ${NavigationColumnStyles}\n  ${CtaStyles}\n  ${OverwriteStickyStyles}\n  ${NavigationItem.Styles}\n  ${MenuButton.Styles}\n`;\n\nconst CreateSearchLink = ({ searchUrl }: TypeSearchLink) => {\n  if (!searchUrl) return null;\n\n  const searchLink = document.createElement('a');\n\n  searchLink.href = searchUrl;\n  searchLink.ariaLabel = 'Visit the search page';\n  searchLink.innerHTML = iconSearch;\n  searchLink.classList.add(ELEMENT_HEADER_MENU_SEARCH);\n\n  return searchLink;\n};\n\nconst CreateCtaLink = ({ ctaUrl, ctaText }: TypeCtaLink) => {\n  if (!ctaUrl || !ctaText) return null;\n\n  const cta = document.createElement('a');\n\n  cta.innerHTML = ctaText;\n  if (isExternalUrl(ctaUrl)) {\n    cta.setAttribute('target', '_blank');\n  }\n  cta.setAttribute('href', ctaUrl);\n  cta.classList.add(ELEMENT_HEADER_MENU_CTA);\n\n  return cta;\n};\n\nconst CreateNavigationColumn = ({\n  utilityRow,\n  navItems,\n  searchUrl,\n  ctaText,\n  ctaUrl,\n}: TypeNavRow) => {\n  if (!navItems) return;\n\n  const navColumnContainer = document.createElement('div');\n  const utilityRowContainer = document.createElement('div');\n  const navRowContainer = document.createElement('div');\n  const searchLink = CreateSearchLink({\n    searchUrl,\n  });\n  const ctaLink = CreateCtaLink({ ctaText, ctaUrl });\n\n  if (utilityRow) {\n    utilityRowContainer.classList.add(ELEMENT_HEADER_UTILITY_ROW);\n    utilityRowContainer.appendChild(utilityRow);\n    navColumnContainer.appendChild(utilityRowContainer);\n  }\n\n  navRowContainer.classList.add(ELEMENT_HEADER_NAVIGATION_ROW);\n\n  navItems.forEach((item) => {\n    navRowContainer.appendChild(item);\n  });\n  if (searchLink) navRowContainer.appendChild(searchLink);\n  if (ctaLink) navRowContainer.appendChild(ctaLink);\n\n  navColumnContainer.classList.add(ELEMENT_HEADER_NAVIGATION_COLUMN);\n  navColumnContainer.appendChild(navRowContainer);\n\n  return navColumnContainer;\n};\n\nconst CreateLogoColumn = ({ logo, eventOpen }: TypeLogoRequirments) => {\n  const container = document.createElement('div');\n\n  if (eventOpen) {\n    const menuButton = MenuButton.CreateElement({ eventOpen });\n    menuButton.classList.add(ELEMENT_HEADER_MENU_BUTTON);\n    container.appendChild(menuButton);\n  }\n\n  if (logo) {\n    const childrenText = Array.from(logo.children).reduce((acc, child) => {\n      if (child.nodeName === 'IMG') return acc;\n\n      if (child.textContent) {\n        return acc + child.textContent.length;\n      }\n\n      return acc;\n    }, 0);\n    logo.classList.add(ELEMENT_HEADER_LOGO);\n\n    if (childrenText < 30) {\n      logo.setAttribute('size', 'large');\n    }\n\n    container.appendChild(logo);\n  }\n  container.classList.add(ELEMENT_HEADER_LOGO_COLUMN);\n  return container;\n};\n\nconst CreateNavigationHeader = (props: TypeHeaderRequirements) => {\n  const { ctaUrl, ctaText } = props;\n  const declaration = document.createElement('div');\n  const container = document.createElement('div');\n  const wrapper = document.createElement('div');\n  const logoColumn = CreateLogoColumn(props);\n  const navigationColumn = CreateNavigationColumn(props);\n  const eventSticky = ({ isSticky }: { isSticky: boolean }) => {\n    const utility = container.querySelector(\n      `.${ELEMENT_HEADER_UTILITY_ROW}`,\n    ) as HTMLDivElement;\n\n    if (isSticky && isElementSticky) return;\n\n    if (isSticky) {\n      isElementSticky = true;\n      container.setAttribute(ATTRIBUTE_STICKY, 'true');\n\n      if (utility) {\n        utility.style.display = 'none';\n      }\n    }\n    if (!isSticky) {\n      isElementSticky = false;\n      container.removeAttribute(ATTRIBUTE_STICKY);\n\n      if (utility) {\n        utility.style.display = 'block';\n      }\n    }\n  };\n  let isElementSticky = false;\n\n  wrapper.classList.add(ELEMENT_HEADER_WRAPPER);\n  wrapper.appendChild(logoColumn);\n\n  if (navigationColumn) wrapper.appendChild(navigationColumn);\n  if (ctaUrl && ctaText) wrapper.setAttribute(ATTRIBUTE_CTA, 'true');\n\n  container.appendChild(wrapper);\n  container.classList.add(ELEMENT_HEADER_CONTAINTER);\n\n  declaration.classList.add(ELEMENT_HEADER_DECLARATION);\n  declaration.appendChild(container);\n\n  return {\n    element: declaration,\n    events: {\n      sticky: eventSticky,\n    },\n  };\n};\n\nexport const createCompositeNavigationHeader = {\n  CreateElement: CreateNavigationHeader,\n  Styles: STYLES_NAVIGATION_HEADER,\n};\n"],"names":["NavigationItem","MenuButton","iconSearch"],"mappings":"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"}

package/dist/composite/navigation/index.d.ts

@@ -1,4 +1,4 @@
 export * as elements from './elements';
-export { default as header } from './header';
-export { default as utility } from './utility';
+export { createCompositeNavigationHeader as header } from './header';
+export { createCompositeNavigationUtility as utility } from './utility';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,+BAA+B,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,gCAAgC,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/composite/navigation/index.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./elements/index.js");
-const header = require("./header.js");
-const index$1 = require("./utility/index.js");
-exports.elements = index;
-exports.header = header;
-exports.utility = index$1;
+import * as index from "./elements/index.js";
+import { createCompositeNavigationHeader } from "./header.js";
+import { createCompositeNavigationUtility } from "./utility/index.js";
+export {
+  index as elements,
+  createCompositeNavigationHeader as header,
+  createCompositeNavigationUtility as utility
+};
 //# sourceMappingURL=index.js.map

package/dist/composite/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/composite/navigation/utility/alert.js

@@ -1,34 +1,32 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Styles = require("@universityofmaryland/web-styles-library");
-const network = require("@universityofmaryland/web-utilities-library/network");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const controls = require("@universityofmaryland/web-icons-library/controls");
-const text = require("../../../atomic/actions/text.js");
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-token-library");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-utilities-library/dom");
-require("../../../atomic/text-lockup/small.js");
+import { token, typography, element, layout } from "@universityofmaryland/web-styles-library";
+import { fetchGraphQL } from "@universityofmaryland/web-utilities-library/network";
+import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
+import { close_large } from "@universityofmaryland/web-icons-library/controls";
+import { options } from "../../../atomic/actions/text.js";
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-token-library";
+import "@universityofmaryland/web-icons-library/files";
+import "@universityofmaryland/web-icons-library/arrows";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import "@universityofmaryland/web-utilities-library/performance";
+import "@universityofmaryland/web-utilities-library/accessibility";
+import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/theme";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-utilities-library/dom";
+import "../../../atomic/text-lockup/small.js";
 const QUERY = `
   query CampusAlertsQuery {
     entries: entries(
@@ -101,37 +99,37 @@ const OVERWRITE_CONTAINER_TYPE_GENERAL = `${CONTAINER}${IS_TYPE_GENERAL}`;
 const OVERWRITE_CONTAINER_TYPE_CLOSED = `${CONTAINER}${IS_TYPE_CLOSED}`;
 const OverwriteTypeGeneral = `
   ${OVERWRITE_CONTAINER_TYPE_GENERAL} {
-    background-color: ${Styles.token.color.black};
+    background-color: ${token.color.black};
   }
 
   ${OVERWRITE_CONTAINER_TYPE_GENERAL} * {
-    color: ${Styles.token.color.white};
+    color: ${token.color.white};
   }
 
   ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:hover,
   ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:focus {
-    color: ${Styles.token.color.white} !important;
+    color: ${token.color.white} !important;
   }
 
   ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${ALERT_TITLE} {
-    color: ${Styles.token.color.gold};
+    color: ${token.color.gold};
   }
 
    ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${CLOSE_BUTTON} > svg {
-    fill: ${Styles.token.color.white};
+    fill: ${token.color.white};
   }
 `;
 const OverwriteTypeClosed = `
   ${OVERWRITE_CONTAINER_TYPE_CLOSED} {
-    background-color: ${Styles.token.color.gold};
+    background-color: ${token.color.gold};
   }
 
   ${OVERWRITE_CONTAINER_TYPE_CLOSED} * {
-    color: ${Styles.token.color.black};
+    color: ${token.color.black};
   }
 
    ${OVERWRITE_CONTAINER_TYPE_CLOSED} .${CLOSE_BUTTON} > svg {
-    fill: ${Styles.token.color.black};
+    fill: ${token.color.black};
   }
 `;
 const CloseButtonStyles = `
@@ -149,15 +147,15 @@ const CloseButtonStyles = `
   }
 
   ${CLOSE_BUTTON} > svg {
-    fill: ${Styles.token.color.black};
+    fill: ${token.color.black};
     width: 24px;
     height: 24px;
   }
 `;
 const TextStyles = `
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`${ALERT_TITLE}`]: Styles.typography.sans.large
+    [`${ALERT_TITLE}`]: typography.sans.large
   }
 })}
 
@@ -166,12 +164,12 @@ const TextStyles = `
   }
 
   ${ALERT_TITLE} + * {
-    margin-top: ${Styles.token.spacing.sm};
+    margin-top: ${token.spacing.sm};
   }
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`${ALERT_TEXT}`]: Styles.element.text.rich.advanced
+    [`${ALERT_TEXT}`]: element.text.rich.advanced
   }
 })}
 
@@ -181,7 +179,7 @@ const TextStyles = `
   }
 
   ${ALERT_TEXT} + * {
-    margin-top: ${Styles.token.spacing.lg};
+    margin-top: ${token.spacing.lg};
   }
 
   ${CTA} {
@@ -195,30 +193,30 @@ const TextStyles = `
 const WrapperStyles = `
   ${WRAPPER} {
     position: relative;
-    padding-top: ${Styles.token.spacing.md};
-    padding-bottom: ${Styles.token.spacing.md};
-    padding-right: ${Styles.token.spacing.lg};
+    padding-top: ${token.spacing.md};
+    padding-bottom: ${token.spacing.md};
+    padding-right: ${token.spacing.lg};
   }
 
   @container (min-width: ${BREAKPOINTS.MEDIUM}px) {
     ${WRAPPER} {
-      padding-top: ${Styles.token.spacing.lg};
-      padding-bottom: ${Styles.token.spacing.lg};
+      padding-top: ${token.spacing.lg};
+      padding-bottom: ${token.spacing.lg};
     }
   }
 `;
 const LockStyles = `
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`${LOCK}`]: Styles.layout.space.horizontal.full
+    [`${LOCK}`]: layout.space.horizontal.full
   }
 })}
 `;
 const ContainerStyles = `
   ${CONTAINER} {
     container: ${ELEMENT_NAME} / inline-size;
-    background-color: ${Styles.token.color.gray.lighter};
-    border-left: 4px solid ${Styles.token.color.red};
+    background-color: ${token.color.gray.lighter};
+    border-left: 4px solid ${token.color.red};
     transition: height ${ANIMATION.SPEED}ms;
     overflow: hidden;
     position: relative;
@@ -226,7 +224,7 @@ const ContainerStyles = `
 
   @container (min-width: ${BREAKPOINTS.LARGE}px) {
     ${CONTAINER} {
-      border-left: 8px solid ${Styles.token.color.red};
+      border-left: 8px solid ${token.color.red};
     }
   }
 `;
@@ -307,7 +305,7 @@ const createCloseButton = (container) => {
   const button = createElement("button", ELEMENTS2.CLOSE_BUTTON, {
     "aria-label": "remove alert"
   });
-  button.innerHTML = controls.close_large;
+  button.innerHTML = close_large;
   button.addEventListener("click", () => {
     const cachedAlert = getStoredValue(
       ALERT_CONSTANTS.STORAGE_KEYS.ALERT
@@ -336,7 +334,7 @@ const createCTAElement = ({
     target: "_blank"
   });
   link.innerHTML = ctaText;
-  return text.options({
+  return options({
     element: link,
     isTypeSecondary: true
   });
@@ -382,7 +380,7 @@ const fetchAlerts = async ({
 }) => {
   try {
     const url = alertUrl || ALERT_CONSTANTS.URLS.DEFAULT;
-    return await network.fetchGraphQL({
+    return await fetchGraphQL({
       query: QUERY,
       url,
       token: "VIDnMeNYHTrLvWPtPpK5MNpjuv5WmmhU"
@@ -417,7 +415,9 @@ const createNavAlert = async ({ alertUrl }) => {
   }
   return null;
 };
-exports.ALERT_CONSTANTS = ALERT_CONSTANTS;
-exports.STYLES_NAV_ALERT = STYLES_NAV_ALERT;
-exports.createNavAlert = createNavAlert;
+export {
+  ALERT_CONSTANTS,
+  STYLES_NAV_ALERT,
+  createNavAlert
+};
 //# sourceMappingURL=alert.js.map