@axos-web-dev/shared-components 1.0.8 → 1.0.10

package/dist/Article/Article.js

@@ -25,13 +25,7 @@ const Article = ({
         /* @__PURE__ */ jsx("div", { className: ant_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
-          /* @__PURE__ */ jsx(
-            LazyImage,
-            {
-              src: `${image?.src}?q=85`,
-              alt: image?.alt ?? ""
-            }
-          )
+          /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: image?.alt ?? "" })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: `${ant_content} flex flex_col between`, children: [
           /* @__PURE__ */ jsxs("div", { children: [

package/dist/Calculators/ApyCalculator/index.js

@@ -16,9 +16,10 @@ const ApyCalculator = ({
   variant
 }) => {
   const calculator_variant = getVariant(variant);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const [initialDeposit, setInititalDeposit] = useState(1e3);
-  const [APR, setAPR] = useState(2.32);
-  const [APY, setAPY] = useState(2.35);
+  const [APR, setAPR] = useState(AXOS_ONE_APY - 0.11);
+  const [APY, setAPY] = useState(AXOS_ONE_APY);
   const [months, setMonths] = useState(12);
   const [compounding, setCompounding] = useState(360);
   const [monthlyDeposits, setMonthlyDeposits] = useState(100);

package/dist/Calculators/AxosOneCalculator/index.js

@@ -27,9 +27,10 @@ const AxosOneCalculator = ({
   variant
 }) => {
   const calc_variant = getVariant(variant);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const [balance, setBalance] = useState(1e4);
-  const [axbAPY, _setAxbAPY] = useState(4.86);
-  const [axbEarning, setAxbEarning] = useState(486);
+  const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
+  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
   const [chaseAPY, _setChaseAPY] = useState(0.01);
   const [chaseEarning, setChaseEarning] = useState(1);
   const [bofaAPY, _setBofaAPY] = useState(0.01);
@@ -45,7 +46,7 @@ const AxosOneCalculator = ({
     setBalance(newValue);
     return newValue;
   };
-  const calculateBlance = (amount) => {
+  const calculateBalance = (amount) => {
     setAxbEarning(axbAPY / 100 * amount);
     setChaseEarning(chaseAPY / 100 * amount);
     setBofaEarning(bofaAPY / 100 * amount);
@@ -91,7 +92,14 @@ const AxosOneCalculator = ({
           {
             className: ax1_calculator_button,
             size: "large",
-            action: () => calculateBlance(balance),
+            action: () => calculateBalance(balance),
+            tabIndex: 0,
+            role: "button",
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                calculateBalance(balance);
+              }
+            },
             children: "Calculate"
           }
         )

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -162,7 +162,13 @@ const ExecutiveBio = ({
           type: "image/webp"
         }
       ),
-      /* @__PURE__ */ jsx(LazyImage, { src: `${executiveHeadshot?.src}?q=85`, alt: "" })
+      /* @__PURE__ */ jsx(
+        LazyImage,
+        {
+          src: `${executiveHeadshot?.src}?q=85`,
+          alt: ""
+        }
+      )
     ] }) }) }) }),
     /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
       /* @__PURE__ */ jsxs("div", { className: person, children: [

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -67,13 +67,7 @@ const ImageBillboard = ({
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
           /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
-          /* @__PURE__ */ jsx(
-            LazyImage,
-            {
-              src: `${image?.src}?q=85`,
-              alt: image?.alt ?? ""
-            }
-          )
+          /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: image?.alt ?? "" })
         ] }) }) : /* @__PURE__ */ jsx(
           "div",
           {

package/dist/Insight/Featured/Featured.js

@@ -153,52 +153,59 @@ const Featured = (props) => {
       children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
         headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
         /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
-          /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, featured_hero), children: [
-            /* @__PURE__ */ jsxs("picture", { children: [
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `https:${main?.image?.url}?fm=avif`,
-                  type: "image/avif"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `https:${main?.image?.url}?fm=webp`,
-                  type: "image/webp"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Image,
-                {
-                  src: `https:${main?.image?.url}?q=85`,
-                  className: clsx(featured_maingrid_img),
-                  width: 703,
-                  height: 340,
-                  priority: true,
-                  alt: ""
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
-              /* @__PURE__ */ jsx(
-                "h2",
-                {
-                  className: clsx(
-                    title({ variant: "primary" }),
-                    featured_maingrid_title
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: main?.url,
+              className: clsx(featured_maingrid, featured_hero),
+              children: [
+                /* @__PURE__ */ jsxs("picture", { children: [
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${main?.image?.url}?fm=avif`,
+                      type: "image/avif"
+                    }
                   ),
-                  children: main?.title ?? ""
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-                " ",
-                /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
-              ] })
-            ] })
-          ] }),
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${main?.image?.url}?fm=webp`,
+                      type: "image/webp"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      src: `https:${main?.image?.url}?q=85`,
+                      className: clsx(featured_maingrid_img),
+                      width: 703,
+                      height: 340,
+                      priority: true,
+                      alt: ""
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      className: clsx(
+                        title({ variant: "primary" }),
+                        featured_maingrid_title
+                      ),
+                      children: main?.title ?? ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
+                    " ",
+                    /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
+                  ] })
+                ] })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               FeaturedItem,

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

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_o9pri_1";
-const wrapper = "_wrapper_o9pri_9";
-const header_main_row = "_header_main_row_o9pri_21";
-const mobile_header = "_mobile_header_o9pri_23";
-const logo_wrap = "_logo_wrap_o9pri_35";
-const primary_links = "_primary_links_o9pri_43";
-const main_nav_link = "_main_nav_link_o9pri_51";
-const sub_nav_link = "_sub_nav_link_o9pri_87";
-const signin_wrap = "_signin_wrap_o9pri_91";
-const signin_btn = "_signin_btn_o9pri_93";
-const header_sub_row = "_header_sub_row_o9pri_167";
-const signin_dropdown = "_signin_dropdown_o9pri_231";
-const shadow = "_shadow_o9pri_251";
-const signin_header = "_signin_header_o9pri_271";
-const signin_subheader = "_signin_subheader_o9pri_285";
-const opacity = "_opacity_o9pri_329";
-const fadeInDown = "_fadeInDown_o9pri_1";
-const signin_footer = "_signin_footer_o9pri_341";
-const open = "_open_o9pri_383";
-const dd_wrapper = "_dd_wrapper_o9pri_407";
-const dd_media = "_dd_media_o9pri_425";
-const dd_media_img = "_dd_media_img_o9pri_435";
-const dd_site_navs = "_dd_site_navs_o9pri_443";
-const dd_media_header = "_dd_media_header_o9pri_457";
-const mt_8 = "_mt_8_o9pri_477";
-const mt_16 = "_mt_16_o9pri_485";
-const ml_8 = "_ml_8_o9pri_493";
-const dd_media_cta = "_dd_media_cta_o9pri_501";
-const reversed_row = "_reversed_row_o9pri_565";
-const headline = "_headline_o9pri_585";
-const nav_anchor = "_nav_anchor_o9pri_601";
-const headline_cta = "_headline_cta_o9pri_617";
-const site_lists = "_site_lists_o9pri_647";
-const hamburger = "_hamburger_o9pri_723";
-const mobile_only = "_mobile_only_o9pri_751";
-const mobile_logo = "_mobile_logo_o9pri_763";
-const highlight = "_highlight_o9pri_773";
-const mobile_nav = "_mobile_nav_o9pri_825";
-const mobile_opened = "_mobile_opened_o9pri_847";
-const mobile_nav_item = "_mobile_nav_item_o9pri_863";
-const has_dropdown = "_has_dropdown_o9pri_893";
-const icon_wrap = "_icon_wrap_o9pri_925";
-const mobile_footer = "_mobile_footer_o9pri_935";
-const mobile_footer_content = "_mobile_footer_content_o9pri_945";
-const mobile_footer_media = "_mobile_footer_media_o9pri_975";
-const footer_cta = "_footer_cta_o9pri_987";
-const inner_wrapper = "_inner_wrapper_o9pri_1043";
-const btn = "_btn_o9pri_1053";
-const sub_menu = "_sub_menu_o9pri_1063";
-const main = "_main_o9pri_51";
-const dd_footer = "_dd_footer_o9pri_1113";
-const skip_btn = "_skip_btn_o9pri_1129";
-const desktop_only = "_desktop_only_o9pri_1219";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1qrpu_1";
+const wrapper = "_wrapper_1qrpu_9";
+const header_main_row = "_header_main_row_1qrpu_21";
+const mobile_header = "_mobile_header_1qrpu_23";
+const logo_wrap = "_logo_wrap_1qrpu_35";
+const primary_links = "_primary_links_1qrpu_43";
+const main_nav_link = "_main_nav_link_1qrpu_51";
+const sub_nav_link = "_sub_nav_link_1qrpu_115";
+const signin_wrap = "_signin_wrap_1qrpu_119";
+const signin_btn = "_signin_btn_1qrpu_121";
+const header_sub_row = "_header_sub_row_1qrpu_195";
+const signin_dropdown = "_signin_dropdown_1qrpu_259";
+const shadow = "_shadow_1qrpu_279";
+const signin_header = "_signin_header_1qrpu_299";
+const signin_subheader = "_signin_subheader_1qrpu_313";
+const opacity = "_opacity_1qrpu_357";
+const fadeInDown = "_fadeInDown_1qrpu_1";
+const signin_footer = "_signin_footer_1qrpu_369";
+const open = "_open_1qrpu_411";
+const dd_wrapper = "_dd_wrapper_1qrpu_435";
+const dd_media = "_dd_media_1qrpu_453";
+const dd_media_img = "_dd_media_img_1qrpu_463";
+const dd_site_navs = "_dd_site_navs_1qrpu_471";
+const dd_media_header = "_dd_media_header_1qrpu_485";
+const mt_8 = "_mt_8_1qrpu_505";
+const mt_16 = "_mt_16_1qrpu_513";
+const ml_8 = "_ml_8_1qrpu_521";
+const dd_media_cta = "_dd_media_cta_1qrpu_529";
+const reversed_row = "_reversed_row_1qrpu_593";
+const headline = "_headline_1qrpu_613";
+const nav_anchor = "_nav_anchor_1qrpu_629";
+const headline_cta = "_headline_cta_1qrpu_645";
+const site_lists = "_site_lists_1qrpu_675";
+const hamburger = "_hamburger_1qrpu_751";
+const mobile_only = "_mobile_only_1qrpu_779";
+const mobile_logo = "_mobile_logo_1qrpu_791";
+const highlight = "_highlight_1qrpu_801";
+const mobile_nav = "_mobile_nav_1qrpu_853";
+const mobile_opened = "_mobile_opened_1qrpu_875";
+const mobile_nav_item = "_mobile_nav_item_1qrpu_891";
+const has_dropdown = "_has_dropdown_1qrpu_921";
+const icon_wrap = "_icon_wrap_1qrpu_953";
+const mobile_footer = "_mobile_footer_1qrpu_963";
+const mobile_footer_content = "_mobile_footer_content_1qrpu_973";
+const mobile_footer_media = "_mobile_footer_media_1qrpu_1003";
+const footer_cta = "_footer_cta_1qrpu_1015";
+const inner_wrapper = "_inner_wrapper_1qrpu_1071";
+const btn = "_btn_1qrpu_1081";
+const sub_menu = "_sub_menu_1qrpu_1091";
+const main = "_main_1qrpu_51";
+const dd_footer = "_dd_footer_1qrpu_1141";
+const skip_btn = "_skip_btn_1qrpu_1157";
+const desktop_only = "_desktop_only_1qrpu_1247";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -119,6 +119,9 @@ function SubNavBar() {
   const [hoveredLink, setHoveredLink] = useState(void 0);
   const handleMouseEnter = (link) => setHoveredLink(link);
   const handleMouseLeave = () => setHoveredLink(void 0);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
+  const AXOS_ONE_APY_CHECKING = +process.env.NEXT_PUBLIC_AXOS_ONE_APY_CHECKING;
+  const media = "https://www.axos.com/images";
   const containerRef = useRef(null);
   const [isClient, setIsClient] = useState(false);
   const support = subNavItems.support;
@@ -138,7 +141,8 @@ function SubNavBar() {
     "/invest",
     "/tools"
   ];
-  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) return null;
+  if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage))
+    return null;
   useEffect(() => {
     setIsClient(true);
   }, []);
@@ -732,7 +736,13 @@ function SubNavBar() {
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                     /* @__PURE__ */ jsx("p", { role: "heading", children: "Introducing Axos ONE" }),
-                    /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Explore the benefits of our newest account bundle with up to 4.86% APY on Savings, up to 0.51% on Checking, plus early paydays and no maintenance fees." })
+                    /* @__PURE__ */ jsxs("p", { className: styles.mt_8, children: [
+                      "Explore the benefits of our newest account bundle with up to ",
+                      AXOS_ONE_APY,
+                      "% APY on Savings, up to",
+                      AXOS_ONE_APY_CHECKING,
+                      "% on Checking, plus early paydays and no maintenance fees."
+                    ] })
                   ] }),
                   /* @__PURE__ */ jsx(
                     "div",
@@ -741,7 +751,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4dO1rYpd0H4ONDtLWCw5ze/2a843450436d41d18d91d6b97a7501bb/axos-one-nav.png`,
+                          src: `${media}/17Q3IVqKwSGO9cMqFUWF4o/axos-one-nav.png`,
                           alt: "",
                           width: 233,
                           height: 233
@@ -1109,7 +1119,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6tVncmpCfCXbilZHhFUYJ5/9543b0e7d5cd8df20161e07c126667bf/nav-submenu-borrow.webp`,
+                          src: `${media}/6tVncmpCfCXbilZHhFUYJ5/nav-submenu-borrow.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -1474,7 +1484,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/2bREH0KGxe7C82N4cdathQ/27a2cc310ac12b074241cae88076958d/nav-submenu-invest.webp`,
+                          src: `${media}/2bREH0KGxe7C82N4cdathQ/nav-submenu-invest.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -1747,7 +1757,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/4vSUrmXEbK80FeuAfe2fqJ/c79ef545cef6a995bd9d56ba417bf7ab/nav-submenu-plan.webp`,
+                          src: `${media}/4vSUrmXEbK80FeuAfe2fqJ/nav-submenu-plan.webp`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2007,7 +2017,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/5vHrV4m3DbDQt13GOahbYA/0e463ec0348dd117684629f59f24ea6e/nav-submenu-sbb.png`,
+                          src: `${media}/5vHrV4m3DbDQt13GOahbYA/nav-submenu-sbb.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2322,7 +2332,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/7rELrrwmhLt5Bz9KqxLgMM/27a7555956dc516e732a14f78428dbd4/nav-submen-combank.png`,
+                          src: `${media}/7rELrrwmhLt5Bz9KqxLgMM/nav-submen-combank.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2548,10 +2558,10 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6PMA1kEss89S6m1BawAltW/0ffe57eaaa65e77e90e9f00396ee8ea6/nav-submenu-comlending.png`,
+                          src: `${media}/6PMA1kEss89S6m1BawAltW/nav-submenu-comlending.png`,
                           alt: "",
                           width: 232,
-                          height: 230
+                          height: 318
                         }
                       )
                     }
@@ -2762,7 +2772,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6YLFvmdNVGWcf3bFlimNSs/ca2dd270ad3a1351b6bdf7369944ee74/nav-submenu-wholelending.png`,
+                          src: `${media}/6YLFvmdNVGWcf3bFlimNSs/nav-submenu-wholelending.png`,
                           alt: "",
                           width: 232,
                           height: 232
@@ -2908,7 +2918,7 @@ function SubNavBar() {
                       children: /* @__PURE__ */ jsx(
                         Image,
                         {
-                          src: `https://images.axos.com/o9ov1v03uwqk/3wtG13mXSTgSzMoB0YU3Ot/b3f7ca4554c78d770154c4b473daf4d7/nav-submenu-dealer.png`,
+                          src: `${media}/3wtG13mXSTgSzMoB0YU3Ot/nav-submenu-dealer.png`,
                           alt: "",
                           width: 232,
                           height: 162

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

@@ -1,66 +1,80 @@
-._header_o9pri_1 {
+._header_1qrpu_1 {
   border-bottom: 1px solid #ebebeb;
 }
 
-._wrapper_o9pri_9 {
+._wrapper_1qrpu_9 {
   width: calc(100% - 80px);
   margin-left: auto;
   margin-right: auto;
 }
 
-._header_main_row_o9pri_21,
-._mobile_header_o9pri_23 {
+._header_main_row_1qrpu_21,
+._mobile_header_1qrpu_23 {
   min-height: 80px;
   padding-top: 1rem;
   padding-bottom: 0.5rem;
 }
 
-._logo_wrap_o9pri_35 {
+._logo_wrap_1qrpu_35 {
   padding: 9px 6px;
 }
 
-._primary_links_o9pri_43 {
+._primary_links_1qrpu_43 {
   margin-left: 30px;
 }
 
-._main_nav_link_o9pri_51 {
+._main_nav_link_1qrpu_51 {
   padding: 10px 8px;
   text-align: center;
 }
 
-._main_nav_link_o9pri_51 .active {
-  border-color: currentColor;
-  transition: border-color 0.5s ease;
-  font-weight: 700;
-}
-
-._main_nav_link_o9pri_51 > a {
+._main_nav_link_1qrpu_51 > a {
+  border-bottom: 4px solid transparent;
   display: inline-block;
   font-size: 16px;
   padding: 4px 26px;
-  border-bottom: 4px solid transparent;
+  position: relative;
+}
+
+._main_nav_link_1qrpu_51 > a::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -4px;
+  width: 100%;
+  height: 4px;
+  background-color: currentColor;
+  opacity: 0;
+}
+
+._main_nav_link_1qrpu_51 > .active {
+  font-weight: 700;
+}
+
+._main_nav_link_1qrpu_51 > .active::after {
+  opacity: 1;
 }
 
-._sub_nav_link_o9pri_87 a,
-._main_nav_link_o9pri_51 a,
-._signin_wrap_o9pri_91 a,
-._signin_btn_o9pri_93 {
+._sub_nav_link_1qrpu_115 a,
+._main_nav_link_1qrpu_51 a,
+._signin_wrap_1qrpu_119 a,
+._signin_btn_1qrpu_121 {
   text-decoration: none;
   transition: opacity 0.3s ease;
 }
 
-._sub_nav_link_o9pri_87:hover,
-._main_nav_link_o9pri_51 a:hover,
-._signin_wrap_o9pri_91 a:hover {
+._sub_nav_link_1qrpu_115:hover,
+._main_nav_link_1qrpu_51 a:hover,
+._signin_wrap_1qrpu_119 a:hover {
   opacity: 0.8;
 }
 
-._signin_wrap_o9pri_91 .link {
+._signin_wrap_1qrpu_119 .link {
   text-decoration: none;
   padding: 8px;
 }
 
-._signin_btn_o9pri_93 {
+._signin_btn_1qrpu_121 {
   border-color: transparent;
   color: #fff;
   padding: 11px 24px;
@@ -72,48 +86,48 @@
   cursor: pointer;
 }
 
-._signin_btn_o9pri_93:hover {
+._signin_btn_1qrpu_121:hover {
   background-color: transparent;
   opacity: 0.9;
 }
 
-._signin_btn_o9pri_93 > span {
+._signin_btn_1qrpu_121 > span {
   margin-right: 8px;
 }
 
-._header_sub_row_o9pri_167 {
+._header_sub_row_1qrpu_195 {
   min-height: 48px;
   position: relative;
 }
 
-._sub_nav_link_o9pri_87 {
+._sub_nav_link_1qrpu_115 {
   padding-inline: 1rem;
   text-align: center;
   color: #fff;
   display: flex;
 }
 
-._sub_nav_link_o9pri_87 a {
+._sub_nav_link_1qrpu_115 a {
   display: flex;
   align-items: center;
   font-weight: 500;
   line-height: 1.5;
   padding: 12px 0px;
 }
-._sub_nav_link_o9pri_87 a:first-child {
+._sub_nav_link_1qrpu_115 a:first-child {
   padding-left: 9.5px;
   padding-right: 1.5px;
 }
 
-._sub_nav_link_o9pri_87 a:last-child {
+._sub_nav_link_1qrpu_115 a:last-child {
   padding-right: 9.5px;
 }
 
-._sub_nav_link_o9pri_87:hover {
+._sub_nav_link_1qrpu_115:hover {
   background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
 }
 
-._signin_dropdown_o9pri_231 {
+._signin_dropdown_1qrpu_259 {
   min-width: 288px;
   padding: 1.5rem 1rem;
   position: absolute;
@@ -123,34 +137,34 @@
   display: none;
 }
 
-._shadow_o9pri_251 {
+._shadow_1qrpu_279 {
   box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
   border: 0.5px solid rgb(255 255 255 / 14%);
   border-top: none;
 }
 
-._signin_dropdown_o9pri_231 li[role="heading"] {
+._signin_dropdown_1qrpu_259 li[role="heading"] {
   margin-top: 1px;
 }
 
-._signin_header_o9pri_271 {
+._signin_header_1qrpu_299 {
   color: #323339;
   font-weight: 700;
   padding: 0.5rem 1rem;
   text-align: left;
 }
 
-._signin_subheader_o9pri_285 {
+._signin_subheader_1qrpu_313 {
   color: #2f5b88;
   padding: 0.5rem 0.5rem 0.5rem 1.5rem;
 }
 
-._signin_header_o9pri_271,
-._signin_subheader_o9pri_285 a {
+._signin_header_1qrpu_299,
+._signin_subheader_1qrpu_313 a {
   line-height: 1.5;
 }
 
-@keyframes _fadeInDown_o9pri_1 {
+@keyframes _fadeInDown_1qrpu_1 {
   from {
     opacity: 0;
     transform: translate3d(0, -1%, 0);
@@ -162,23 +176,23 @@
   }
 }
 
-._opacity_o9pri_329 {
+._opacity_1qrpu_357 {
   animation-duration: 0.5s;
   animation-fill-mode: both;
-  animation-name: _fadeInDown_o9pri_1;
+  animation-name: _fadeInDown_1qrpu_1;
 }
 
-._signin_footer_o9pri_341 {
+._signin_footer_1qrpu_369 {
   margin-top: 0.5rem;
   padding-top: 1rem;
 }
 
-._signin_footer_o9pri_341 > a + a {
+._signin_footer_1qrpu_369 > a + a {
   display: block;
   margin-top: 16px;
 }
 
-._signin_footer_o9pri_341::before {
+._signin_footer_1qrpu_369::before {
   content: "";
   background-color: #8f8f8f;
   height: 2px;
@@ -189,19 +203,19 @@
   width: 94%;
 }
 
-._open_o9pri_383 {
+._open_1qrpu_411 {
   opacity: 0.8;
 }
 
-._open_o9pri_383 > svg {
+._open_1qrpu_411 > svg {
   transform: scaleY(-1);
 }
 
-._open_o9pri_383 + ._signin_dropdown_o9pri_231 {
+._open_1qrpu_411 + ._signin_dropdown_1qrpu_259 {
   display: block;
 }
 
-._dd_wrapper_o9pri_407 {
+._dd_wrapper_1qrpu_435 {
   max-width: 1440px;
   outline: none !important;
   position: absolute;
@@ -210,45 +224,45 @@
   z-index: 1203;
 }
 
-._dd_media_o9pri_425 {
+._dd_media_1qrpu_453 {
   padding: 1.5rem;
   width: 280px;
 }
 
-._dd_media_img_o9pri_435 {
+._dd_media_img_1qrpu_463 {
   min-height: 232px;
 }
 
-._dd_site_navs_o9pri_443 {
+._dd_site_navs_1qrpu_471 {
   display: flex;
   flex-direction: column;
   flex: 1 1 0%;
   padding: 1.5rem;
 }
 
-._dd_media_header_o9pri_457 p {
+._dd_media_header_1qrpu_485 p {
   color: #fff;
   font-size: 14px;
   line-height: 1.42;
 }
 
-._dd_media_header_o9pri_457 p[role="heading"] {
+._dd_media_header_1qrpu_485 p[role="heading"] {
   font: 600 1.25rem/ 1.4 var(--header-font-family);
 }
 
-._mt_8_o9pri_477 {
+._mt_8_1qrpu_505 {
   margin-top: 8px;
 }
 
-._mt_16_o9pri_485 {
+._mt_16_1qrpu_513 {
   margin-top: 1rem;
 }
 
-._ml_8_o9pri_493 {
+._ml_8_1qrpu_521 {
   margin-left: 8px;
 }
 
-._dd_media_cta_o9pri_501 > a:first-child {
+._dd_media_cta_1qrpu_529 > a:first-child {
   border-radius: 8px;
   border: 2px solid transparent;
   color: var(--_1073cm83) !important;
@@ -262,35 +276,35 @@
   width: 100%;
 }
 
-._dd_media_cta_o9pri_501 > a:first-child:hover {
+._dd_media_cta_1qrpu_529 > a:first-child:hover {
   background-color: transparent;
   border-color: #fff;
   color: #fff !important;
 }
 
-._dd_media_cta_o9pri_501 > a:nth-child(2) {
+._dd_media_cta_1qrpu_529 > a:nth-child(2) {
   color: #fff;
   display: inline-block;
   margin-top: 8px;
   text-decoration: none;
 }
 
-._dd_media_cta_o9pri_501 > a:nth-child(2):hover {
+._dd_media_cta_1qrpu_529 > a:nth-child(2):hover {
   opacity: 0.8;
   text-decoration: underline;
 }
 
-._reversed_row_o9pri_565 {
+._reversed_row_1qrpu_593 {
   flex-direction: row-reverse;
 }
 
-._dd_media_cta_o9pri_501 > a:first-child:active {
+._dd_media_cta_1qrpu_529 > a:first-child:active {
   background-color: #fff;
   border-color: transparent;
   color: #1e3860 !important;
 }
 
-._headline_o9pri_585 > [role="heading"] {
+._headline_1qrpu_613 > [role="heading"] {
   color: var(--_1073cm83);
   flex: 1 1 0%;
   font: 600 1.5rem / 1.33 var(--header-font-family);
@@ -298,7 +312,7 @@
   text-decoration: none;
 }
 
-._nav_anchor_o9pri_601 {
+._nav_anchor_1qrpu_629 {
   aspect-ratio: 1;
   background-color: #4a5560;
   border-radius: 8px;
@@ -306,26 +320,26 @@
   width: 1.5rem;
 }
 
-._headline_cta_o9pri_617 {
+._headline_cta_1qrpu_645 {
   margin-left: 8px;
 }
 
-._headline_cta_o9pri_617 > a {
+._headline_cta_1qrpu_645 > a {
   color: var(--_1073cm83);
   font-weight: 700;
   line-height: 1.5;
   text-decoration: none;
 }
 
-._sub_nav_link_o9pri_87:hover,
-._signin_wrap_o9pri_91 a:hover,
-._main_nav_link_o9pri_51 a:not(.active):hover,
-._dd_site_navs_o9pri_443 a:hover,
-._site_lists_o9pri_647 a:hover {
+._sub_nav_link_1qrpu_115:hover,
+._signin_wrap_1qrpu_119 a:hover,
+._main_nav_link_1qrpu_51 a:not(.active):hover,
+._dd_site_navs_1qrpu_471 a:hover,
+._site_lists_1qrpu_675 a:hover {
   text-decoration: underline;
 }
 
-._dd_site_navs_o9pri_443 hr {
+._dd_site_navs_1qrpu_471 hr {
   border-style: solid;
   border-width: 1px;
   color: #a0aab3;
@@ -334,32 +348,32 @@
   position: relative;
 }
 
-._site_lists_o9pri_647 {
+._site_lists_1qrpu_675 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
   gap: 24px;
   padding-bottom: 1.5rem;
 }
 
-._site_lists_o9pri_647 > * {
+._site_lists_1qrpu_675 > * {
   width: 100%;
 }
 
-._site_lists_o9pri_647 a {
+._site_lists_1qrpu_675 a {
   color: #323339;
   text-decoration: none;
 }
 
-._site_lists_o9pri_647 [role="heading"] {
+._site_lists_1qrpu_675 [role="heading"] {
   color: var(--_1073cm83);
   font-weight: 700;
 }
 
-._site_lists_o9pri_647 li + li {
+._site_lists_1qrpu_675 li + li {
   margin-top: 8px;
 }
 
-._hamburger_o9pri_723 {
+._hamburger_1qrpu_751 {
   background: transparent;
   border: none;
   font-size: 0px;
@@ -367,41 +381,41 @@
   outline: none;
 }
 
-._hamburger_o9pri_723:hover,
-._mobile_header_o9pri_23 button:hover {
+._hamburger_1qrpu_751:hover,
+._mobile_header_1qrpu_23 button:hover {
   cursor: pointer;
   opacity: 0.8;
 }
 
-._signin_wrap_o9pri_91 > ._mobile_only_o9pri_751 > a {
+._signin_wrap_1qrpu_119 > ._mobile_only_1qrpu_779 > a {
   color: #4a5560;
   padding: 0;
   line-height: 1;
 }
 
-._mobile_logo_o9pri_763 {
+._mobile_logo_1qrpu_791 {
   flex: 1 1 0%;
   text-align: center;
 }
 
-._highlight_o9pri_773 > a {
+._highlight_1qrpu_801 > a {
   border-bottom: none;
   font-weight: 700;
   line-height: 1.44;
 }
 
-._mobile_header_o9pri_23 {
+._mobile_header_1qrpu_23 {
   border-bottom: 1px solid #ebebeb;
   display: grid;
   padding-bottom: 1rem;
   place-items: center;
 }
 
-._mobile_header_o9pri_23 h2 {
+._mobile_header_1qrpu_23 h2 {
   font: 400 20px / 1.3 var(--header-font-family);
 }
 
-._mobile_header_o9pri_23 button {
+._mobile_header_1qrpu_23 button {
   background: none;
   border: none;
   position: absolute;
@@ -410,7 +424,7 @@
   transform: translateY(-50%);
 }
 
-._mobile_nav_o9pri_825 {
+._mobile_nav_1qrpu_853 {
   border-right: 1px solid #ebebeb;
   left: -100%;
   min-height: 100vh;
@@ -421,20 +435,20 @@
   z-index: 1205;
 }
 
-._mobile_opened_o9pri_847 {
+._mobile_opened_1qrpu_875 {
   left: 0%;
 }
 
-body:has(._mobile_opened_o9pri_847) {
+body:has(._mobile_opened_1qrpu_875) {
   overflow-y: hidden;
 }
 
-._mobile_nav_item_o9pri_863 {
+._mobile_nav_item_1qrpu_891 {
   background-color: #f4f4f4;
   border-bottom: 1px solid #ebebeb;
 }
 
-._mobile_nav_item_o9pri_863 > a {
+._mobile_nav_item_1qrpu_891 > a {
   color: #323339;
   display: flex;
   font-weight: 700;
@@ -444,12 +458,12 @@ body:has(._mobile_opened_o9pri_847) {
   width: 100%;
 }
 
-._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893 {
+._mobile_nav_item_1qrpu_891._has_dropdown_1qrpu_921 {
   isolation: isolate;
   position: relative;
 }
 
-._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893::before {
+._mobile_nav_item_1qrpu_891._has_dropdown_1qrpu_921::before {
   content: "";
   background-color: #ebebeb;
   height: 100%;
@@ -460,23 +474,23 @@ body:has(._mobile_opened_o9pri_847) {
   z-index: -1;
 }
 
-._icon_wrap_o9pri_925 {
+._icon_wrap_1qrpu_953 {
   line-height: 1;
   height: 24px;
 }
 
-._mobile_footer_o9pri_935 {
+._mobile_footer_1qrpu_963 {
   position: relative;
   width: 100%;
 }
 
-._mobile_footer_content_o9pri_945 {
+._mobile_footer_content_1qrpu_973 {
   background-color: #f4f4f4;
   flex: 1 1 0%;
   padding: 16px 24px 16px 40px;
 }
 
-._mobile_footer_content_o9pri_945 p {
+._mobile_footer_content_1qrpu_973 p {
   line-height: 1.5;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -485,17 +499,17 @@ body:has(._mobile_opened_o9pri_847) {
   line-clamp: 2;
 }
 
-._mobile_footer_media_o9pri_975 {
+._mobile_footer_media_1qrpu_1003 {
   flex-basis: min(42%, 300px);
-  background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
+  background: url("https://www.axos.com/images/4Fwdu6ylqpXOmJsDWRUETe/personal-contact-us-hero.webp")
     no-repeat 81% / cover;
 }
 
-._footer_cta_o9pri_987 {
+._footer_cta_1qrpu_1015 {
   margin-top: 3px;
 }
 
-._footer_cta_o9pri_987 a {
+._footer_cta_1qrpu_1015 a {
   border-radius: 4px;
   border: 2px solid transparent;
   color: #fff;
@@ -505,31 +519,31 @@ body:has(._mobile_opened_o9pri_847) {
   text-decoration: none;
 }
 
-._footer_cta_o9pri_987 a:hover {
+._footer_cta_1qrpu_1015 a:hover {
   background-color: transparent;
   text-decoration: underline;
 }
 
-._footer_cta_o9pri_987 a:active {
+._footer_cta_1qrpu_1015 a:active {
   border-color: transparent;
   color: #fff;
 }
 
-._mobile_footer_o9pri_935 > .flex_row {
+._mobile_footer_1qrpu_963 > .flex_row {
   min-height: 112px;
 }
 
-._inner_wrapper_o9pri_1043 {
+._inner_wrapper_1qrpu_1071 {
   max-height: 100vh;
   overflow-y: scroll;
 }
 
-._btn_o9pri_1053 {
+._btn_1qrpu_1081 {
   display: block;
   position: relative;
 }
 
-._sub_menu_o9pri_1063 {
+._sub_menu_1qrpu_1091 {
   overflow: hidden;
   max-height: 0;
   transition: max-height 0.8s ease-out;
@@ -537,8 +551,8 @@ body:has(._mobile_opened_o9pri_847) {
   overflow-y: scroll;
 }
 
-._sub_menu_o9pri_1063 a,
-._sub_menu_o9pri_1063 span {
+._sub_menu_1qrpu_1091 a,
+._sub_menu_1qrpu_1091 span {
   display: block;
   padding: 12px 14px 12px 64px;
   position: relative;
@@ -546,15 +560,15 @@ body:has(._mobile_opened_o9pri_847) {
   text-decoration: none;
 }
 
-._sub_menu_o9pri_1063 ._main_o9pri_51 {
+._sub_menu_1qrpu_1091 ._main_1qrpu_51 {
   font-weight: 700;
 }
 
-._sub_menu_o9pri_1063 > * {
+._sub_menu_1qrpu_1091 > * {
   border-top: 1px solid #ebebeb;
 }
 
-._dd_footer_o9pri_1113 {
+._dd_footer_1qrpu_1141 {
   justify-content: flex-end;
   flex: 1 1 0%;
   align-items: end;
@@ -562,7 +576,7 @@ body:has(._mobile_opened_o9pri_847) {
   letter-spacing: 0.3px;
 }
 
-._skip_btn_o9pri_1129 {
+._skip_btn_1qrpu_1157 {
   clip: rect(1px 1px 1px 1px);
   margin: -1px;
   overflow: hidden;
@@ -570,8 +584,8 @@ body:has(._mobile_opened_o9pri_847) {
   position: absolute;
 }
 
-._skip_btn_o9pri_1129:active,
-._skip_btn_o9pri_1129:focus {
+._skip_btn_1qrpu_1157:active,
+._skip_btn_1qrpu_1157:focus {
   background-color: #faa74a;
   border-radius: 8px;
   clip: auto;
@@ -587,7 +601,7 @@ body:has(._mobile_opened_o9pri_847) {
 }
 
 @media (max-width: 1121px) {
-  ._mobile_logo_o9pri_763 {
+  ._mobile_logo_1qrpu_791 {
     position: absolute;
     transform: translateX(-50%);
     left: 50%;
@@ -596,58 +610,58 @@ body:has(._mobile_opened_o9pri_847) {
 }
 
 @media (max-width: 1280px) and (min-width: 1024px) {
-  ._wrapper_o9pri_9 {
+  ._wrapper_1qrpu_9 {
     width: calc(100% - 28px);
   }
 
-  ._dd_wrapper_o9pri_407 > ._wrapper_o9pri_9 {
+  ._dd_wrapper_1qrpu_435 > ._wrapper_1qrpu_9 {
     width: 100%;
   }
-  ._main_nav_link_o9pri_51 > a {
+  ._main_nav_link_1qrpu_51 > a {
     padding: 4px 6px;
     font-size: 15px;
   }
-  ._desktop_only_o9pri_1219 > a {
+  ._desktop_only_1qrpu_1247 > a {
     font-size: 15px;
   }
 }
 
 @media (max-width: 1023px) {
-  ._desktop_only_o9pri_1219 {
+  ._desktop_only_1qrpu_1247 {
     display: none !important;
   }
 }
 
 @media (max-width: 768px) {
-  ._wrapper_o9pri_9 {
+  ._wrapper_1qrpu_9 {
     width: calc(100% - 48px);
   }
 
-  ._mobile_header_o9pri_23 button {
+  ._mobile_header_1qrpu_23 button {
     right: 1.5rem;
   }
 
-  ._mobile_nav_item_o9pri_863 > a {
+  ._mobile_nav_item_1qrpu_891 > a {
     padding: 16px 24px;
   }
 
-  ._sub_menu_o9pri_1063 a,
-  ._sub_menu_o9pri_1063 span {
+  ._sub_menu_1qrpu_1091 a,
+  ._sub_menu_1qrpu_1091 span {
     padding-left: 48px;
   }
 
-  ._mobile_nav_item_o9pri_863._has_dropdown_o9pri_893::before {
+  ._mobile_nav_item_1qrpu_891._has_dropdown_1qrpu_921::before {
     right: 72px;
   }
 
-  ._mobile_footer_content_o9pri_945 {
+  ._mobile_footer_content_1qrpu_973 {
     padding-right: 15px;
     padding-left: 24px;
   }
 }
 
 @media (max-width: 450px) {
-  ._footer_cta_o9pri_987 a {
+  ._footer_cta_1qrpu_1015 a {
     white-space: break-spaces;
     width: 100%;
     text-align: center;
@@ -655,7 +669,7 @@ body:has(._mobile_opened_o9pri_847) {
 }
 
 @media (min-width: 1024px) {
-  ._mobile_only_o9pri_751 {
+  ._mobile_only_1qrpu_779 {
     display: none !important;
   }
 }

package/dist/assets/globals.css

@@ -1,19 +1,3 @@
-@keyframes _5fvzn90 {
-  0% {
-    left: 4px;
-  }
-  to {
-    left: 0px;
-  }
-}
-@keyframes _5fvzn91 {
-  0% {
-    left: 0px;
-  }
-  to {
-    left: 4px;
-  }
-}
 * {
   box-sizing: border-box;
   margin: 0;
@@ -209,11 +193,11 @@ h1, h2, h3, h4, h5, h6, es_font {
 }
 .sc__btn > .arrow {
   position: relative;
-  animation: _5fvzn90 0.1s linear 0s 1 normal forwards;
+  will-change: transform;
+  transition: transform 0.3s ease;
 }
-.sc__btn:hover > .arrow, .arrow, .sc__btn:focus-within > .arrow {
-  transition: 0.3s;
-  animation: _5fvzn91 0.3s ease-out 0s 1 normal forwards;
+.sc__btn:hover > .arrow, .sc__btn:focus-within > .arrow {
+  transform: translateX(4px);
 }
 .link {
   word-break: break-word;

package/package.json

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