@axos-web-dev/shared-components 1.0.100-dev.69-mobileLogin.3 → 1.0.100-dev.69-mobileLogin.4

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

@@ -29,8 +29,8 @@ const loginLinksContainerVariants = {
   visible: {}
 };
 const loginLinkItemVariants = {
-  hidden: { opacity: 0, y: -8 },
-  visible: { opacity: 1, y: 0 }
+  hidden: { opacity: 0, x: 8 },
+  visible: { opacity: 1, x: 0 }
 };
 const MobileDrawerMenu = () => {
   const pathname = usePathname();
@@ -469,6 +469,7 @@ const MobileDrawerMenu = () => {
                     {
                       className: styles.loginAccordionGroup,
                       variants: loginLinkItemVariants,
+                      "aria-label": `${group.heading} login options`,
                       transition: {
                         duration: 0.25,
                         ease: "easeOut",
@@ -491,6 +492,7 @@ const MobileDrawerMenu = () => {
                               motion.li,
                               {
                                 variants: loginLinkItemVariants,
+                                "aria-label": `access ${item.title}`,
                                 transition: {
                                   duration: 0.25,
                                   ease: "easeOut"

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

@@ -1,30 +1,30 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_5yjt9_1";
-const drawer = "_drawer_5yjt9_9";
-const mobileNavRow = "_mobileNavRow_5yjt9_29";
-const loginTrigger = "_loginTrigger_5yjt9_35";
-const hamburger = "_hamburger_5yjt9_51";
-const loginDrawerTitle = "_loginDrawerTitle_5yjt9_73";
-const loginDrawerContent = "_loginDrawerContent_5yjt9_79";
-const header = "_header_5yjt9_85";
-const back = "_back_5yjt9_96";
-const close = "_close_5yjt9_104";
-const levelContainer = "_levelContainer_5yjt9_115";
-const level = "_level_5yjt9_115";
-const levelTitle = "_levelTitle_5yjt9_131";
-const menu = "_menu_5yjt9_136";
-const menuItem = "_menuItem_5yjt9_152";
-const loginAccordion = "_loginAccordion_5yjt9_168";
-const loginAccordionList = "_loginAccordionList_5yjt9_172";
-const loginAccordionGroup = "_loginAccordionGroup_5yjt9_178";
-const loginAccordionHeading = "_loginAccordionHeading_5yjt9_207";
-const loginAccordionGroupList = "_loginAccordionGroupList_5yjt9_217";
-const loginHeading = "_loginHeading_5yjt9_261";
-const chevron = "_chevron_5yjt9_271";
-const chevronIcon = "_chevronIcon_5yjt9_276";
-const quickLinks = "_quickLinks_5yjt9_287";
-const quickLink = "_quickLink_5yjt9_287";
-const sr_only = "_sr_only_5yjt9_311";
-const loginAccordionOverlay = "_loginAccordionOverlay_5yjt9_336";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';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,

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -254,7 +254,7 @@ export declare const menuData: {
             "Wholesale and Correspondent": string;
             "Advisor Login": string;
         };
-        Footer: {
+        Additional: {
             "Customer Support": string;
             "Return to Application": string;
         };

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

@@ -618,7 +618,7 @@ const menuData = {
       "Wholesale and Correspondent": "https://thirdpartylending.axosbank.com/index",
       "Advisor Login": findMoreAxosDomains("{ARMS}")
     },
-    Footer: {
+    Additional: {
       "Customer Support": findMoreAxosDomains("{AXOSBANK}/customer-support"),
       "Return to Application": findMoreAxosDomains("{AXOSBANK}/return-to-application")
     }

package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css

@@ -1,4 +1,4 @@
-._overlay_5yjt9_1 {
+._overlay_7ufer_1 {
   position: fixed;
   inset: 0;
   height: 100vh;
@@ -6,7 +6,7 @@
   z-index: 10000;
 }
 
-._drawer_5yjt9_9 {
+._drawer_7ufer_9 {
   background: #fff;
   border-radius: 0 0 0 1rem;
   box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
@@ -22,17 +22,17 @@
   z-index: 10001;
 }
 
-._drawer_5yjt9_9::-webkit-scrollbar {
+._drawer_7ufer_9::-webkit-scrollbar {
   display: none;
 }
 
-._mobileNavRow_5yjt9_29 {
+._mobileNavRow_7ufer_29 {
   display: flex;
   align-items: center;
   gap: 16px;
 }
 
-._loginTrigger_5yjt9_35 {
+._loginTrigger_7ufer_35 {
   background: transparent;
   border: none;
   color: var(--_1073cm83);
@@ -44,11 +44,11 @@
   transition: opacity 0.2s ease;
 }
 
-._loginTrigger_5yjt9_35:hover {
+._loginTrigger_7ufer_35:hover {
   opacity: 0.85;
 }
 
-._hamburger_5yjt9_51 {
+._hamburger_7ufer_51 {
   background: transparent;
   border: none;
   cursor: pointer;
@@ -56,7 +56,7 @@
   position: relative;
 }
 
-._hamburger_5yjt9_51::before {
+._hamburger_7ufer_51::before {
   content: "";
   position: absolute;
   left: -7px;
@@ -66,23 +66,23 @@
   top: -2px;
 }
 
-._hamburger_5yjt9_51:hover {
+._hamburger_7ufer_51:hover {
   opacity: 0.8;
 }
 
-._loginDrawerTitle_5yjt9_73 {
+._loginDrawerTitle_7ufer_73 {
   font-weight: 700;
   font-size: 1rem;
   color: var(--_1073cm83);
 }
 
-._loginDrawerContent_5yjt9_79 {
+._loginDrawerContent_7ufer_79 {
   padding: 1rem 1.2rem 1.2rem;
   overflow: auto;
   flex: 1;
 }
 
-._header_5yjt9_85 {
+._header_7ufer_85 {
   display: flex;
   align-items: center;
   background: #f4f4f4;
@@ -93,7 +93,7 @@
   z-index: 1;
 }
 
-._back_5yjt9_96 {
+._back_7ufer_96 {
   color: var(--_1073cm83);
   font-size: 1rem;
   font-weight: 700;
@@ -101,23 +101,23 @@
   padding: 0;
 }
 
-._close_5yjt9_104 {
+._close_7ufer_104 {
   font-size: 1.3rem;
 }
 
-._back_5yjt9_96,
-._close_5yjt9_104 {
+._back_7ufer_96,
+._close_7ufer_104 {
   background: none;
   border: none;
   cursor: pointer;
 }
 
-._levelContainer_5yjt9_115 {
+._levelContainer_7ufer_115 {
   height: 100%;
   position: relative;
 }
 
-._level_5yjt9_115 {
+._level_7ufer_115 {
   background: var(--_1073cm86);
   color: var(--_1073cm85);
   font-size: 0.9rem;
@@ -128,12 +128,12 @@
   z-index: 1;
 }
 
-._levelTitle_5yjt9_131 {
+._levelTitle_7ufer_131 {
   font: 700 0.9rem / 1.39 var(--main-font-family);
   letter-spacing: 0.4px;
 }
 
-._menu_5yjt9_136 {
+._menu_7ufer_136 {
   background-color: transparent;
   list-style: none;
   margin: 0;
@@ -142,14 +142,14 @@
   position: relative;
 }
 
-._menu_5yjt9_136 li {
+._menu_7ufer_136 li {
   color: var(--_1073cm83);
   font-family: var(--header-font-family);
   font-weight: 500;
   border-top: 1px solid #e9e9e9;
 }
 
-._menuItem_5yjt9_152 {
+._menuItem_7ufer_152 {
   display: flex;
   align-items: center;
   background: none;
@@ -165,31 +165,31 @@
   width: 100%;
 }
 
-._loginAccordion_5yjt9_168 {
+._loginAccordion_7ufer_168 {
   padding: 0;
 }
 
-._loginAccordionList_5yjt9_172 {
+._loginAccordionList_7ufer_172 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-._loginAccordionGroup_5yjt9_178 {
+._loginAccordionGroup_7ufer_178 {
   padding-block: 4px;
 }
 
-._loginAccordionGroup_5yjt9_178 + ._loginAccordionGroup_5yjt9_178 {
+._loginAccordionGroup_7ufer_178 + ._loginAccordionGroup_7ufer_178 {
   margin-top: 2px;
   position: relative;
 }
 
-._loginAccordionGroup_5yjt9_178:nth-child(4):is(:last-child) {
+._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) {
   padding-top: 12px;
   margin-top: 12px;
 }
 
-._loginAccordionGroup_5yjt9_178:nth-child(4):is(:last-child)::before {
+._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child)::before {
   content: "";
   background-color: #8f8f8f;
   height: 2px;
@@ -200,11 +200,19 @@
   width: 94%;
 }
 
-._loginAccordionGroup_5yjt9_178:nth-child(4):is(:last-child) > span {
-  display: none;
+._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) > span {
+  position: absolute;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+  width: 1px;
 }
 
-._loginAccordionHeading_5yjt9_207 {
+._loginAccordionHeading_7ufer_215 {
   display: block;
   font-family: var(--header-font-family);
   font-weight: 700;
@@ -214,18 +222,18 @@
   padding: 0.35rem 0 0.2rem;
 }
 
-._loginAccordionGroupList_5yjt9_217 {
+._loginAccordionGroupList_7ufer_225 {
   list-style: none;
   margin: 0;
   padding: 0 0 0 8px;
 }
 
-._loginAccordionList_5yjt9_172 li {
+._loginAccordionList_7ufer_172 li {
   font-family: var(--header-font-family);
   font-weight: 500;
 }
 
-._loginAccordionList_5yjt9_172 li li {
+._loginAccordionList_7ufer_172 li li {
   border-top: none;
   color: #1e629a;
   font-weight: 400;
@@ -233,22 +241,22 @@
   font-family: var(--main-font-family);
 }
 
-._loginAccordionList_5yjt9_172 ._menuItem_5yjt9_152 {
+._loginAccordionList_7ufer_172 ._menuItem_7ufer_152 {
   display: inline;
   padding-block: 0px;
 }
 
-._loginAccordionList_5yjt9_172 ._menuItem_5yjt9_152:hover {
+._loginAccordionList_7ufer_172 ._menuItem_7ufer_152:hover {
   opacity: 0.7;
 }
 
-._loginAccordion_5yjt9_168 > ._menuItem_5yjt9_152 {
+._loginAccordion_7ufer_168 > ._menuItem_7ufer_152 {
   padding-block: 4px;
   position: relative;
   isolation: isolate;
 }
 
-._loginAccordion_5yjt9_168 > ._menuItem_5yjt9_152::after {
+._loginAccordion_7ufer_168 > ._menuItem_7ufer_152::after {
   content: "return to menu";
   position: absolute;
   right: 36px;
@@ -258,7 +266,7 @@
   letter-spacing: 0.5px;
 }
 
-._loginHeading_5yjt9_261 {
+._loginHeading_7ufer_269 {
   font-family: var(--header-font-family);
   font-size: 20px;
   font-weight: 700;
@@ -268,23 +276,23 @@
   gap: 8px;
 }
 
-._chevron_5yjt9_271 {
+._chevron_7ufer_279 {
   font-size: 1.2rem;
   margin-left: auto;
 }
 
-._chevronIcon_5yjt9_276 {
+._chevronIcon_7ufer_284 {
   height: auto;
   margin-right: 10px;
   max-width: 8px;
 }
 
-body:has(._drawer_5yjt9_9) {
+body:has(._drawer_7ufer_9) {
   overflow-y: hidden;
   position: relative;
 }
 
-._quickLinks_5yjt9_287 {
+._quickLinks_7ufer_295 {
   background-color: #e8f7ff;
   bottom: 0;
   box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
@@ -294,7 +302,7 @@ body:has(._drawer_5yjt9_9) {
   position: sticky;
 }
 
-._quickLink_5yjt9_287 {
+._quickLink_7ufer_295 {
   display: flex;
   align-items: center;
   color: var(--_1073cm83);
@@ -308,7 +316,7 @@ body:has(._drawer_5yjt9_9) {
   text-transform: uppercase;
 }
 
-._sr_only_5yjt9_311 {
+._sr_only_7ufer_319 {
   position: absolute;
   border: 0;
   clip: rect(0, 0, 0, 0);
@@ -321,25 +329,25 @@ body:has(._drawer_5yjt9_9) {
 }
 
 @media (max-width: 540px) {
-  ._drawer_5yjt9_9 {
+  ._drawer_7ufer_9 {
     border-radius: 0;
     max-width: none;
     width: 100%;
   }
-  ._menu_5yjt9_136 li + li {
+  ._menu_7ufer_136 li + li {
     margin-top: 3px;
   }
-  ._menuItem_5yjt9_152 {
+  ._menuItem_7ufer_152 {
     font-size: 0.9rem;
     padding: 0.65rem 0;
   }
-  ._loginAccordionOverlay_5yjt9_336::before {
+  ._loginAccordionOverlay_7ufer_344::before {
     opacity: 0.1;
   }
 }
 
 @media (min-width: 541px) {
-  ._drawer_5yjt9_9:has(._loginDrawerContent_5yjt9_79) {
+  ._drawer_7ufer_9:has(._loginDrawerContent_7ufer_79) {
     max-width: 345px;
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.69-mobileLogin.3",
+  "version": "1.0.100-dev.69-mobileLogin.4",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",