@axos-web-dev/shared-components 2.0.0-dev.9-3 → 2.0.0-dev.login

package/dist/NavigationMenu/AxosBank/index.js

@@ -8,23 +8,32 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
-import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import "next/image.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+/* empty css                                             */
+/* empty css                                             */
+/* empty css                                             */
+import "../../SetContainer/SetContainer.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,8 +55,6 @@ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../../Forms/Forms.css.js";
 import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
-/* empty css                                             */
-/* empty css                                             */
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -72,7 +79,7 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-/* empty css                                       */
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
@@ -80,11 +87,6 @@ import "../../Chatbot/Chatbot.js";
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -103,16 +105,19 @@ import "next/script.js";
 /* empty css                                                         */
 /* empty css                                               */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
 import { NavItem } from "../NavItem/index.js";
 /* empty css                                       */
 import "next/navigation.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
+/* empty css                                                   */
+import "../ServerNavigation/Menu.js";
+import "../ServerNavigation/SubNavbar.css.js";
 /* empty css                                        */
 /* empty css                                    */
 /* empty css                                      */
-import "next/link.js";
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                    */
@@ -183,7 +188,7 @@ function NavBar({
   if (withSession) {
     console.log("withSession");
   }
-  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
+  return /* @__PURE__ */ jsxs("header", { id: "header", "aria-label": "main header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
       /* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
       /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
@@ -201,6 +206,7 @@ function NavBar({
                   viewBox: "0 0 137 30",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
                   children: [
                     /* @__PURE__ */ jsx(
                       "path",
@@ -262,20 +268,27 @@ function NavBar({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: navItems.map(
-            (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                className: `${styles.main_nav_link} ${main_nav_link}`,
-                onClick: handleClick,
-                index: i,
-                name: item.name,
-                url: item.url,
-                isActive: activeIndex == i
-              },
-              i
-            )
-          ) }) })
+          /* @__PURE__ */ jsx(
+            "nav",
+            {
+              className: styles.primary_links,
+              "aria-label": "primary navigation",
+              children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: navItems.map(
+                (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+                  NavItem,
+                  {
+                    className: `${styles.main_nav_link} ${main_nav_link}`,
+                    onClick: handleClick,
+                    index: i,
+                    name: item.name,
+                    url: item.url,
+                    isActive: activeIndex == i
+                  },
+                  i
+                )
+              ) })
+            }
+          )
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: [
           /* @__PURE__ */ jsx(
@@ -291,6 +304,7 @@ function NavBar({
                   viewBox: "0 0 137 30",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": true,
                   children: [
                     /* @__PURE__ */ jsx(
                       "path",
@@ -360,7 +374,6 @@ function NavBar({
             className: `${styles.desktop_only} flex_row middle relative`,
             ref,
             onKeyDown: handleKeyDownContainer,
-            role: "menubar",
             children: [
               lastNavItem && /* @__PURE__ */ jsx(
                 NavItem,
@@ -392,7 +405,6 @@ function NavBar({
                   action: toggle,
                   size: "small",
                   "aria-controls": "signin-drop-menu",
-                  role: "menuitem",
                   children: [
                     /* @__PURE__ */ jsx("span", { children: "Log in" }),
                     /* @__PURE__ */ jsx(
@@ -403,6 +415,7 @@ function NavBar({
                         viewBox: "0 0 20 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
+                        "aria-hidden": true,
                         children: /* @__PURE__ */ jsx(
                           "path",
                           {
@@ -440,7 +453,15 @@ function NavBar({
                               "li",
                               {
                                 className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "Account Login" })
+                                children: /* @__PURE__ */ jsx(
+                                  "a",
+                                  {
+                                    href: resolveUrl(
+                                      "{ONLINEBANKING}/AX_OLBHome/Home"
+                                    ),
+                                    children: "Account Login"
+                                  }
+                                )
                               }
                             ),
                             /* @__PURE__ */ jsx(
@@ -461,19 +482,29 @@ function NavBar({
                               children: "Business"
                             }
                           ),
+                          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx(
+                            "li",
+                            {
+                              className: `${styles.signin_subheader} ${signin_subheader}`,
+                              children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/business/login"), children: "Business Banking Login" })
+                            }
+                          ) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                          /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              className: styles.signin_header,
+                              href: resolveUrl("{AXOSBANK}/commercial"),
+                              children: "Commercial"
+                            }
+                          ),
                           /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
                             /* @__PURE__ */ jsx(
                               "li",
                               {
                                 className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "Business Banking Login" })
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              "li",
-                              {
-                                className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "MWA Business Banking" })
+                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ACE}"), children: "Commercial Online Banking Login" })
                               }
                             ),
                             /* @__PURE__ */ jsx(
@@ -486,10 +517,17 @@ function NavBar({
                                     href: resolveUrl(
                                       "{AXOSBANK}/commercial/lending/commercial-portal"
                                     ),
-                                    children: "Commercial Portal"
+                                    children: "Commercial Loan Portal"
                                   }
                                 )
                               }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              "li",
+                              {
+                                className: `${styles.signin_subheader} ${signin_subheader}`,
+                                children: /* @__PURE__ */ jsx("a", { href: "https://axo-das.wi.onedatascan.com", children: "Floorplan Finance Portal" })
+                              }
                             )
                           ] })
                         ] }),
@@ -502,22 +540,13 @@ function NavBar({
                               children: "Partners"
                             }
                           ),
-                          /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
-                            /* @__PURE__ */ jsx(
-                              "li",
-                              {
-                                className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              "li",
-                              {
-                                className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ARMS}"), children: "Advisor Login" })
-                              }
-                            )
-                          ] })
+                          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx(
+                            "li",
+                            {
+                              className: `${styles.signin_subheader} ${signin_subheader}`,
+                              children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
+                            }
+                          ) })
                         ] }),
                         /* @__PURE__ */ jsxs(
                           "li",

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

@@ -1,40 +1,40 @@
-import '../../assets/NavigationMenu/AxosClearing/NavBar.css';const header = "_header_hmrrj_1";
-const wrapper = "_wrapper_hmrrj_5";
-const header_main_row = "_header_main_row_hmrrj_11";
-const mobile_header = "_mobile_header_hmrrj_12";
-const logo_wrap = "_logo_wrap_hmrrj_18";
-const primary_links = "_primary_links_hmrrj_22";
-const main_nav_link = "_main_nav_link_hmrrj_26";
-const sub_nav_link = "_sub_nav_link_hmrrj_58";
-const signin_wrap = "_signin_wrap_hmrrj_60";
-const signin_btn = "_signin_btn_hmrrj_61";
-const sub_nav = "_sub_nav_hmrrj_58";
-const header_sub_row = "_header_sub_row_hmrrj_120";
-const signin_dropdown = "_signin_dropdown_hmrrj_144";
-const shadow = "_shadow_hmrrj_154";
-const signin_subheader = "_signin_subheader_hmrrj_160";
-const opacity = "_opacity_hmrrj_181";
-const fadeInDown = "_fadeInDown_hmrrj_1";
-const open = "_open_hmrrj_187";
-const hamburger = "_hamburger_hmrrj_205";
-const mobile_only = "_mobile_only_hmrrj_219";
-const mobile_logo = "_mobile_logo_hmrrj_225";
-const highlight = "_highlight_hmrrj_230";
-const mobile_nav = "_mobile_nav_hmrrj_257";
-const mobile_opened = "_mobile_opened_hmrrj_268";
-const mobile_nav_item = "_mobile_nav_item_hmrrj_276";
-const has_dropdown = "_has_dropdown_hmrrj_291";
-const icon_wrap = "_icon_wrap_hmrrj_312";
-const mobile_footer = "_mobile_footer_hmrrj_317";
-const mobile_footer_content = "_mobile_footer_content_hmrrj_322";
-const mobile_footer_media = "_mobile_footer_media_hmrrj_337";
-const footer_cta = "_footer_cta_hmrrj_343";
-const inner_wrapper = "_inner_wrapper_hmrrj_372";
-const btn = "_btn_hmrrj_378";
-const sub_menu = "_sub_menu_hmrrj_383";
-const main = "_main_hmrrj_26";
-const dd_footer = "_dd_footer_hmrrj_408";
-const desktop_only = "_desktop_only_hmrrj_433";
+import '../../assets/NavigationMenu/AxosClearing/NavBar.css';const header = "_header_v4fcf_1";
+const wrapper = "_wrapper_v4fcf_5";
+const header_main_row = "_header_main_row_v4fcf_11";
+const mobile_header = "_mobile_header_v4fcf_12";
+const logo_wrap = "_logo_wrap_v4fcf_18";
+const primary_links = "_primary_links_v4fcf_22";
+const main_nav_link = "_main_nav_link_v4fcf_26";
+const sub_nav_link = "_sub_nav_link_v4fcf_58";
+const signin_wrap = "_signin_wrap_v4fcf_60";
+const signin_btn = "_signin_btn_v4fcf_61";
+const sub_nav = "_sub_nav_v4fcf_58";
+const header_sub_row = "_header_sub_row_v4fcf_120";
+const signin_dropdown = "_signin_dropdown_v4fcf_144";
+const shadow = "_shadow_v4fcf_154";
+const signin_subheader = "_signin_subheader_v4fcf_160";
+const opacity = "_opacity_v4fcf_181";
+const fadeInDown = "_fadeInDown_v4fcf_1";
+const open = "_open_v4fcf_187";
+const hamburger = "_hamburger_v4fcf_205";
+const mobile_only = "_mobile_only_v4fcf_219";
+const mobile_logo = "_mobile_logo_v4fcf_225";
+const highlight = "_highlight_v4fcf_230";
+const mobile_nav = "_mobile_nav_v4fcf_258";
+const mobile_opened = "_mobile_opened_v4fcf_269";
+const mobile_nav_item = "_mobile_nav_item_v4fcf_277";
+const has_dropdown = "_has_dropdown_v4fcf_292";
+const icon_wrap = "_icon_wrap_v4fcf_313";
+const mobile_footer = "_mobile_footer_v4fcf_318";
+const mobile_footer_content = "_mobile_footer_content_v4fcf_323";
+const mobile_footer_media = "_mobile_footer_media_v4fcf_338";
+const footer_cta = "_footer_cta_v4fcf_344";
+const inner_wrapper = "_inner_wrapper_v4fcf_373";
+const btn = "_btn_v4fcf_379";
+const sub_menu = "_sub_menu_v4fcf_384";
+const main = "_main_v4fcf_26";
+const dd_footer = "_dd_footer_v4fcf_409";
+const desktop_only = "_desktop_only_v4fcf_434";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts

@@ -1 +1 @@
-export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;
+export default function SubNavBar(): import("react").JSX.Element | null;

package/dist/NavigationMenu/AxosClearing/SubNavBar.js

@@ -18,32 +18,32 @@ function SubNavBar() {
     );
   }, [pathname]);
   return showNavbar ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    pathname?.includes("/who-we-serve") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: whoWeServe.map(
+    pathname?.includes("/who-we-serve") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { "aria-label": "secondary navigation", children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: whoWeServe.map(
       (item) => /* @__PURE__ */ jsx(
         "li",
         {
           className: styles.sub_nav_link,
-          children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name })
+          children: /* @__PURE__ */ jsx("a", { href: item.url, children: item.name })
         },
         `snb-${item.id}`
       )
     ) }) }) }) }) }),
-    pathname?.includes("/products-and-services") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: productsAndServices.map(
+    pathname?.includes("/products-and-services") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { "aria-label": "secondary navigation", children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: productsAndServices.map(
       (item) => /* @__PURE__ */ jsx(
         "li",
         {
           className: styles.sub_nav_link,
-          children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name })
+          children: /* @__PURE__ */ jsx("a", { href: item.url, children: item.name })
         },
         `snb-${item.id}`
       )
     ) }) }) }) }) }),
-    pathname?.includes("/axos-advantage") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: axosAdvantage.map(
+    pathname?.includes("/axos-advantage") && /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("nav", { "aria-label": "secondary navigation", children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: axosAdvantage.map(
       (item) => /* @__PURE__ */ jsx(
         "li",
         {
           className: styles.sub_nav_link,
-          children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name })
+          children: /* @__PURE__ */ jsx("a", { href: item.url, children: item.name })
         },
         `snb-${item.id}`
       )

package/dist/NavigationMenu/AxosClearing/index.d.ts

@@ -1,2 +1,2 @@
-declare function NavBar(): import("react/jsx-runtime").JSX.Element;
+declare function NavBar(): import("react").JSX.Element;
 export default NavBar;

package/dist/NavigationMenu/AxosClearing/index.js

@@ -49,7 +49,7 @@ function NavBar() {
       setisOpenSignIn(false);
     }
   });
-  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
+  return /* @__PURE__ */ jsxs("header", { id: "header", "aria-label": "main header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
         /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos clearing homepage", children: /* @__PURE__ */ jsx(
@@ -61,26 +61,34 @@ function NavBar() {
             height: 48
           }
         ) }) }),
-        /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
-          (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
-            NavItem,
-            {
-              className: styles.main_nav_link,
-              onClick: handleClick,
-              index: i,
-              name: item.name,
-              url: item.url,
-              isActive: activeIndex == i
-            },
-            i
-          )
-        ) }) })
+        /* @__PURE__ */ jsx(
+          "nav",
+          {
+            className: styles.primary_links,
+            "aria-label": "primary navigation",
+            children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: navItems.map(
+              (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+                NavItem,
+                {
+                  className: styles.main_nav_link,
+                  onClick: handleClick,
+                  index: i,
+                  name: item.name,
+                  url: item.url,
+                  isActive: activeIndex == i
+                },
+                i
+              )
+            ) })
+          }
+        )
       ] }) }),
       /* @__PURE__ */ jsx(
         "button",
         {
           className: clsx(styles.mobile_only, styles.hamburger),
           onClick: mobileToggle,
+          "aria-label": "open navigation menu",
           children: /* @__PURE__ */ jsx(
             "svg",
             {
@@ -89,6 +97,7 @@ function NavBar() {
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
               children: /* @__PURE__ */ jsx(
                 "path",
                 {
@@ -156,6 +165,7 @@ function NavBar() {
                       viewBox: "0 0 20 12",
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
+                      "aria-hidden": "true",
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -229,6 +239,7 @@ function NavBar() {
                 height: "24",
                 viewBox: "0 0 24 24",
                 fill: "none",
+                "aria-hidden": "true",
                 children: /* @__PURE__ */ jsx(
                   "path",
                   {
@@ -270,6 +281,7 @@ function NavBar() {
                                 height: "24",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
+                                "aria-hidden": "true",
                                 children: /* @__PURE__ */ jsx(
                                   "path",
                                   {
@@ -336,6 +348,7 @@ function NavBar() {
                                 height: "24",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
+                                "aria-hidden": "true",
                                 children: /* @__PURE__ */ jsx(
                                   "path",
                                   {
@@ -432,6 +445,7 @@ function NavBar() {
                                 height: "24",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
+                                "aria-hidden": "true",
                                 children: /* @__PURE__ */ jsx(
                                   "path",
                                   {
@@ -506,6 +520,7 @@ function NavBar() {
                                 height: "24",
                                 viewBox: "0 0 24 24",
                                 fill: "none",
+                                "aria-hidden": "true",
                                 children: /* @__PURE__ */ jsx(
                                   "path",
                                   {
@@ -559,7 +574,7 @@ function NavBar() {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
+            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, "aria-hidden": "true", children: " " })
           ] }) })
         ] })
       }