@axos-web-dev/shared-components 1.0.100-dev.8 → 1.0.100-dev.80

package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_ztj5i_1";
-const wrapper = "_wrapper_ztj5i_5";
-const main_nav = "_main_nav_ztj5i_10";
-const header_main_row = "_header_main_row_ztj5i_17";
-const mobile_header = "_mobile_header_ztj5i_18";
-const logo_wrap = "_logo_wrap_ztj5i_30";
-const primary_links = "_primary_links_ztj5i_34";
-const main_nav_link = "_main_nav_link_ztj5i_38";
-const sub_nav_link = "_sub_nav_link_ztj5i_60";
-const signin_wrap = "_signin_wrap_ztj5i_62";
-const signin_btn = "_signin_btn_ztj5i_63";
-const header_sub_row = "_header_sub_row_ztj5i_100";
-const signin_dropdown = "_signin_dropdown_ztj5i_119";
-const shadow = "_shadow_ztj5i_129";
-const signin_header = "_signin_header_ztj5i_137";
-const signin_subheader = "_signin_subheader_ztj5i_144";
-const opacity = "_opacity_ztj5i_166";
-const fadeInDown = "_fadeInDown_ztj5i_1";
-const footer = "_footer_ztj5i_172";
-const open = "_open_ztj5i_188";
-const dd_wrapper = "_dd_wrapper_ztj5i_200";
-const dd_media = "_dd_media_ztj5i_205";
-const dd_media_img = "_dd_media_img_ztj5i_210";
-const dd_site_navs = "_dd_site_navs_ztj5i_214";
-const dd_media_header = "_dd_media_header_ztj5i_221";
-const mt_8 = "_mt_8_ztj5i_230";
-const mt_16 = "_mt_16_ztj5i_234";
-const ml_8 = "_ml_8_ztj5i_238";
-const dd_media_cta = "_dd_media_cta_ztj5i_242";
-const reversed_row = "_reversed_row_ztj5i_256";
-const headline = "_headline_ztj5i_272";
-const nav_anchor = "_nav_anchor_ztj5i_278";
-const headline_cta = "_headline_cta_ztj5i_286";
-const site_lists = "_site_lists_ztj5i_301";
-const hamburger = "_hamburger_ztj5i_336";
-const mobile_only = "_mobile_only_ztj5i_350";
-const mobile_logo = "_mobile_logo_ztj5i_356";
-const highlight = "_highlight_ztj5i_361";
-const mobile_nav = "_mobile_nav_ztj5i_397";
-const mobile_opened = "_mobile_opened_ztj5i_408";
-const mobile_nav_item = "_mobile_nav_item_ztj5i_416";
-const has_dropdown = "_has_dropdown_ztj5i_431";
-const icon_wrap = "_icon_wrap_ztj5i_452";
-const mobile_footer = "_mobile_footer_ztj5i_457";
-const mobile_footer_content = "_mobile_footer_content_ztj5i_462";
-const mobile_footer_media = "_mobile_footer_media_ztj5i_477";
-const footer_cta = "_footer_cta_ztj5i_483";
-const inner_wrapper = "_inner_wrapper_ztj5i_511";
-const btn = "_btn_ztj5i_516";
-const sub_menu = "_sub_menu_ztj5i_522";
-const main = "_main_ztj5i_10";
-const dd_footer = "_dd_footer_ztj5i_547";
-const desktop_only = "_desktop_only_ztj5i_567";
+const header = "_header_yenuk_1";
+const wrapper = "_wrapper_yenuk_5";
+const main_nav = "_main_nav_yenuk_10";
+const header_main_row = "_header_main_row_yenuk_17";
+const mobile_header = "_mobile_header_yenuk_18";
+const logo_wrap = "_logo_wrap_yenuk_30";
+const primary_links = "_primary_links_yenuk_34";
+const main_nav_link = "_main_nav_link_yenuk_38";
+const sub_nav_link = "_sub_nav_link_yenuk_70";
+const signin_wrap = "_signin_wrap_yenuk_72";
+const signin_btn = "_signin_btn_yenuk_73";
+const header_sub_row = "_header_sub_row_yenuk_110";
+const signin_dropdown = "_signin_dropdown_yenuk_130";
+const shadow = "_shadow_yenuk_140";
+const signin_header = "_signin_header_yenuk_148";
+const signin_subheader = "_signin_subheader_yenuk_155";
+const opacity = "_opacity_yenuk_177";
+const fadeInDown = "_fadeInDown_yenuk_1";
+const footer = "_footer_yenuk_183";
+const open = "_open_yenuk_199";
+const dd_wrapper = "_dd_wrapper_yenuk_211";
+const dd_media = "_dd_media_yenuk_216";
+const dd_media_img = "_dd_media_img_yenuk_221";
+const dd_site_navs = "_dd_site_navs_yenuk_225";
+const dd_media_header = "_dd_media_header_yenuk_232";
+const mt_8 = "_mt_8_yenuk_241";
+const mt_16 = "_mt_16_yenuk_245";
+const ml_8 = "_ml_8_yenuk_249";
+const dd_media_cta = "_dd_media_cta_yenuk_253";
+const reversed_row = "_reversed_row_yenuk_267";
+const headline = "_headline_yenuk_283";
+const nav_anchor = "_nav_anchor_yenuk_289";
+const headline_cta = "_headline_cta_yenuk_297";
+const site_lists = "_site_lists_yenuk_312";
+const hamburger = "_hamburger_yenuk_347";
+const mobile_only = "_mobile_only_yenuk_361";
+const mobile_logo = "_mobile_logo_yenuk_367";
+const highlight = "_highlight_yenuk_372";
+const mobile_nav = "_mobile_nav_yenuk_408";
+const mobile_opened = "_mobile_opened_yenuk_419";
+const mobile_nav_item = "_mobile_nav_item_yenuk_427";
+const has_dropdown = "_has_dropdown_yenuk_442";
+const icon_wrap = "_icon_wrap_yenuk_463";
+const mobile_footer = "_mobile_footer_yenuk_468";
+const mobile_footer_content = "_mobile_footer_content_yenuk_473";
+const mobile_footer_media = "_mobile_footer_media_yenuk_488";
+const footer_cta = "_footer_cta_yenuk_494";
+const inner_wrapper = "_inner_wrapper_yenuk_523";
+const btn = "_btn_yenuk_528";
+const sub_menu = "_sub_menu_yenuk_534";
+const main = "_main_yenuk_10";
+const dd_footer = "_dd_footer_yenuk_559";
+const desktop_only = "_desktop_only_yenuk_579";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.d.ts

@@ -1,4 +1,4 @@
 export declare const sub_nav: string;
 export declare const dd_media: string;
-export declare const dd_media_btn: string;
+export declare const dd_main_btn: string;
 export declare const absolute: string;

package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js

@@ -1,14 +1,15 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
+/* empty css                                  */
 /* empty css                                       */
 /* empty css                             */
 var sub_nav = "_1ofjo860";
 var dd_media = "_1ofjo861";
-var dd_media_btn = "_1ofjo862";
+var dd_main_btn = "_1ofjo862";
 var absolute = "_1ofjo863";
 export {
   absolute,
+  dd_main_btn,
   dd_media,
-  dd_media_btn,
   sub_nav
 };

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -8,7 +8,7 @@ import "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { NavItem } from "../NavItem/index.js";
-import { Sign_in_btn, expand } from "./NavBar.css.js";
+import { main_nav_link, Sign_in_btn, signin_subheader, expand } from "./NavBar.css.js";
 import styles from "./NavBar.module.js";
 import { navItems } from "./NavData.js";
 import SubNavBar from "./SubNavBar.js";
@@ -67,7 +67,7 @@ function NavBar() {
           (item, i) => /* @__PURE__ */ jsx(
             NavItem,
             {
-              className: styles.main_nav_link,
+              className: `${styles.main_nav_link} ${main_nav_link}`,
               onClick: handleClick,
               index: i,
               name: item.name,
@@ -177,14 +177,20 @@ function NavBar() {
                     role: "menu",
                     "aria-expanded": isOpenSignIn,
                     id: "signin-drop-menu",
-                    children: /* @__PURE__ */ jsx("li", { role: "heading", children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
-                      "a",
+                    children: /* @__PURE__ */ jsx("li", { role: "heading", children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx(
+                      "li",
                       {
-                        href: `https://app.axosadvisorservices.com/liberty`,
-                        role: "menuitem",
-                        children: "Liberty Login"
+                        className: `${styles.signin_subheader} ${signin_subheader}`,
+                        children: /* @__PURE__ */ jsx(
+                          "a",
+                          {
+                            href: `https://app.axosadvisorservices.com/liberty`,
+                            role: "menuitem",
+                            children: "Liberty Login"
+                          }
+                        )
                       }
-                    ) }) }) })
+                    ) }) })
                   }
                 ) })
               }

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef, useMemo, useEffect } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { usePathname } from "next/navigation.js";
 import Link from "next/link.js";
-import { menuData, getQuickLinks } from "./MobileNavData.js";
+import { menuData, getLoginGroups, getQuickLinks } from "./MobileNavData.js";
 import styles from "./MobileMenu.module.js";
 const slideVariants = {
   enter: (direction) => ({
@@ -34,7 +34,10 @@ const MobileDrawerMenu = () => {
   const [hasOpenedOnce, setHasOpenedOnce] = useState(false);
   const [direction, setDirection] = useState("forward");
   const [quickLinks, setQuickLinks] = useState([]);
+  const [loginDrawerOpen, setLoginDrawerOpen] = useState(false);
   const drawerRef = useRef(null);
+  const loginDrawerRef = useRef(null);
+  const loginGroups = useMemo(() => getLoginGroups(), []);
   const currentLevel = stack[stack.length - 1];
   const prevLevel = stack[stack.length - 2];
   useEffect(() => {
@@ -74,6 +77,13 @@ const MobileDrawerMenu = () => {
       return isOpening;
     });
   };
+  const handleLoginDrawerOpen = () => setLoginDrawerOpen(true);
+  const handleLoginDrawerClose = () => setLoginDrawerOpen(false);
+  const handleLoginDrawerOutsideClick = (e) => {
+    if (loginDrawerRef.current && !loginDrawerRef.current.contains(e.target)) {
+      setLoginDrawerOpen(false);
+    }
+  };
   const handleOutsideClick = (e) => {
     if (drawerRef.current && !drawerRef.current.contains(e.target)) {
       setOpen(false);
@@ -96,35 +106,61 @@ const MobileDrawerMenu = () => {
     }
     return () => document.removeEventListener("keydown", onEsc);
   }, [open]);
+  useEffect(() => {
+    if (!loginDrawerOpen) return;
+    document.addEventListener("mousedown", handleLoginDrawerOutsideClick);
+    return () => document.removeEventListener("mousedown", handleLoginDrawerOutsideClick);
+  }, [loginDrawerOpen]);
+  useEffect(() => {
+    const onEsc = (e) => {
+      if (e.key === "Escape") setLoginDrawerOpen(false);
+    };
+    if (loginDrawerOpen) {
+      document.addEventListener("keydown", onEsc);
+    }
+    return () => document.removeEventListener("keydown", onEsc);
+  }, [loginDrawerOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleToggle,
-        className: `${styles.hamburger} flex_col`,
-        "aria-label": "open navigation menu",
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            width: 24,
-            height: 24,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
-                fill: "#4A5560"
-              }
-            )
-          }
-        )
-      }
-    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.mobileNavRow, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleLoginDrawerOpen,
+          className: styles.loginTrigger,
+          "aria-label": "Open login options",
+          children: "Log in"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleToggle,
+          className: `${styles.hamburger} flex_col`,
+          "aria-label": "open navigation menu",
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: 24,
+              height: 24,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
+                  fill: "#14263D"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -211,7 +247,7 @@ const MobileDrawerMenu = () => {
                           "path",
                           {
                             d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
-                            fill: "#4A5560"
+                            fill: "#14263D"
                           }
                         )
                       }
@@ -264,47 +300,51 @@ const MobileDrawerMenu = () => {
                         animate: "center",
                         exit: "exit",
                         transition: { duration: 0.3, ease: "linear" },
-                        children: Object.entries(currentLevel.items).map(
-                          ([key, value]) => {
-                            const hasChildren = typeof value === "object";
-                            return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                className: styles.menuItem,
-                                onClick: () => handleClick(key),
-                                "aria-label": `open submenu for ${key}`,
-                                children: [
-                                  /* @__PURE__ */ jsx("span", { children: key }),
-                                  /* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
-                                    "svg",
-                                    {
-                                      className: styles.chevronIcon,
-                                      width: 12,
-                                      height: 20,
-                                      viewBox: "0 0 12 20",
-                                      fill: "none",
-                                      xmlns: "http://www.w3.org/2000/svg",
-                                      children: /* @__PURE__ */ jsx(
-                                        "path",
-                                        {
-                                          d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
-                                          fill: "#4A5560"
-                                        }
-                                      )
-                                    }
-                                  ) })
-                                ]
-                              }
-                            ) : /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: value + (queryString && !value.includes("?") ? `?${queryString}` : ""),
-                                className: styles.menuItem,
-                                children: /* @__PURE__ */ jsx("span", { children: key })
-                              }
-                            ) }, key);
-                          }
-                        )
+                        children: Object.entries(
+                          stack.length === 1 ? Object.fromEntries(
+                            Object.entries(currentLevel.items).filter(
+                              ([k]) => k !== "Log in"
+                            )
+                          ) : currentLevel.items
+                        ).map(([key, value]) => {
+                          const hasChildren = typeof value === "object";
+                          return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              className: styles.menuItem,
+                              onClick: () => handleClick(key),
+                              "aria-label": `open submenu for ${key}`,
+                              children: [
+                                /* @__PURE__ */ jsx("span", { children: key }),
+                                /* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
+                                  "svg",
+                                  {
+                                    className: styles.chevronIcon,
+                                    width: 12,
+                                    height: 20,
+                                    viewBox: "0 0 12 20",
+                                    fill: "none",
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    children: /* @__PURE__ */ jsx(
+                                      "path",
+                                      {
+                                        d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
+                                        fill: "#4A5560"
+                                      }
+                                    )
+                                  }
+                                ) })
+                              ]
+                            }
+                          ) : /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: `${value}${queryString && !value.includes("?") ? `?${queryString}` : ""}`,
+                              className: styles.menuItem,
+                              children: /* @__PURE__ */ jsx("span", { children: key })
+                            }
+                          ) }, key);
+                        })
                       },
                       currentLevel.title
                     )
@@ -337,6 +377,110 @@ const MobileDrawerMenu = () => {
           }
         )
       }
+    ) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: loginDrawerOpen && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: styles.overlay,
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        children: /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: `${styles.drawer} flex_col`,
+            ref: loginDrawerRef,
+            initial: { x: "100%" },
+            animate: { x: 0 },
+            exit: { x: "100%" },
+            transition: { type: "tween", duration: 0.3 },
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Login options",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: window.location.href.split("/")[3] === "invest" ? "/invest" : "/",
+                    "aria-label": "return to home page",
+                    children: /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: "https://www.axos.com/images/1sBwCIn5mqOg5DK2uXDJPc/axb_mobile_logo.png",
+                        alt: "",
+                        width: 86,
+                        height: 19
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: styles.loginDrawerTitle, children: "Log in" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${styles.close} flex_col`,
+                    "aria-label": "Close login options",
+                    onClick: handleLoginDrawerClose,
+                    children: /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
+                            fill: "#14263D"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: styles.loginDrawerContent, children: /* @__PURE__ */ jsx("div", { className: styles.loginAccordion, children: /* @__PURE__ */ jsx(
+                "ul",
+                {
+                  className: styles.loginAccordionList,
+                  "aria-label": "Login options",
+                  children: loginGroups.map((group) => /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      className: styles.loginAccordionGroup,
+                      "aria-label": `${group.heading} login options`,
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: styles.loginAccordionHeading, children: group.heading }),
+                        /* @__PURE__ */ jsx("ul", { className: styles.loginAccordionGroupList, children: group.items.map((item) => /* @__PURE__ */ jsx(
+                          "li",
+                          {
+                            "aria-label": `access ${item.title}`,
+                            children: /* @__PURE__ */ jsx(
+                              Link,
+                              {
+                                href: item.url + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
+                                className: styles.menuItem,
+                                children: /* @__PURE__ */ jsx("span", { children: item.title })
+                              }
+                            )
+                          },
+                          item.title
+                        )) })
+                      ]
+                    },
+                    group.heading
+                  ))
+                }
+              ) }) })
+            ]
+          }
+        )
+      }
     ) })
   ] });
 };

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js

@@ -1,23 +1,38 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
-const drawer = "_drawer_1s2qa_9";
-const hamburger = "_hamburger_1s2qa_29";
-const header = "_header_1s2qa_40";
-const back = "_back_1s2qa_51";
-const close = "_close_1s2qa_62";
-const levelContainer = "_levelContainer_1s2qa_69";
-const level = "_level_1s2qa_69";
-const levelTitle = "_levelTitle_1s2qa_85";
-const menu = "_menu_1s2qa_90";
-const menuItem = "_menuItem_1s2qa_110";
-const chevron = "_chevron_1s2qa_126";
-const chevronIcon = "_chevronIcon_1s2qa_131";
-const quickLinks = "_quickLinks_1s2qa_142";
-const quickLink = "_quickLink_1s2qa_142";
-const sr_only = "_sr_only_1s2qa_166";
+const overlay = "_overlay_7ufer_1";
+const drawer = "_drawer_7ufer_9";
+const mobileNavRow = "_mobileNavRow_7ufer_29";
+const loginTrigger = "_loginTrigger_7ufer_35";
+const hamburger = "_hamburger_7ufer_51";
+const loginDrawerTitle = "_loginDrawerTitle_7ufer_73";
+const loginDrawerContent = "_loginDrawerContent_7ufer_79";
+const header = "_header_7ufer_85";
+const back = "_back_7ufer_96";
+const close = "_close_7ufer_104";
+const levelContainer = "_levelContainer_7ufer_115";
+const level = "_level_7ufer_115";
+const levelTitle = "_levelTitle_7ufer_131";
+const menu = "_menu_7ufer_136";
+const menuItem = "_menuItem_7ufer_152";
+const loginAccordion = "_loginAccordion_7ufer_168";
+const loginAccordionList = "_loginAccordionList_7ufer_172";
+const loginAccordionGroup = "_loginAccordionGroup_7ufer_178";
+const loginAccordionHeading = "_loginAccordionHeading_7ufer_215";
+const loginAccordionGroupList = "_loginAccordionGroupList_7ufer_225";
+const loginHeading = "_loginHeading_7ufer_269";
+const chevron = "_chevron_7ufer_279";
+const chevronIcon = "_chevronIcon_7ufer_284";
+const quickLinks = "_quickLinks_7ufer_295";
+const quickLink = "_quickLink_7ufer_295";
+const sr_only = "_sr_only_7ufer_319";
+const loginAccordionOverlay = "_loginAccordionOverlay_7ufer_344";
 const styles = {
   overlay,
   drawer,
+  mobileNavRow,
+  loginTrigger,
   hamburger,
+  loginDrawerTitle,
+  loginDrawerContent,
   header,
   back,
   close,
@@ -26,11 +41,18 @@ const styles = {
   levelTitle,
   menu,
   menuItem,
+  loginAccordion,
+  loginAccordionList,
+  loginAccordionGroup,
+  loginAccordionHeading,
+  loginAccordionGroupList,
+  loginHeading,
   chevron,
   chevronIcon,
   quickLinks,
   quickLink,
-  sr_only
+  sr_only,
+  loginAccordionOverlay
 };
 export {
   back,
@@ -44,8 +66,19 @@ export {
   level,
   levelContainer,
   levelTitle,
+  loginAccordion,
+  loginAccordionGroup,
+  loginAccordionGroupList,
+  loginAccordionHeading,
+  loginAccordionList,
+  loginAccordionOverlay,
+  loginDrawerContent,
+  loginDrawerTitle,
+  loginHeading,
+  loginTrigger,
   menu,
   menuItem,
+  mobileNavRow,
   overlay,
   quickLink,
   quickLinks,