@axos-web-dev/shared-components 1.0.93 → 1.0.95

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/Calculators/AxosOneCalculator/index.js

@@ -141,48 +141,48 @@ const AxosOneCalculator = ({
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Chase",
+                  "Wells Fargo",
                   /* @__PURE__ */ jsx("sup", { children: "2" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  chaseAPY.toFixed(2),
+                  fargoAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  chaseEarning.toLocaleString(void 0, {
+                  fargoEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Wells Fargo",
+                  "Bank of America",
                   /* @__PURE__ */ jsx("sup", { children: "3" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  fargoAPY.toFixed(2),
+                  bofaAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  fargoEarning.toLocaleString(void 0, {
+                  bofaEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  "Bank of America",
+                  "Chase",
                   /* @__PURE__ */ jsx("sup", { children: "4" })
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
-                  bofaAPY.toFixed(2),
+                  chaseAPY.toFixed(2),
                   "%"
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  bofaEarning.toLocaleString(void 0, {
+                  chaseEarning.toLocaleString(void 0, {
                     maximumFractionDigits: 2
                   })
                 ] })

package/dist/Carousel/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
 import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -14,7 +15,6 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";

package/dist/Comparison/Comparison.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import "react";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -121,5 +121,6 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
+export declare const link_wrapper: string;
 export type ContainerVariants = RecipeVariants<typeof containerIconBillboard>;
 export type LayoutVariants = RecipeVariants<typeof layout>;

package/dist/IconBillboard/IconBillboard.css.js

@@ -17,6 +17,7 @@ var section_text = "_1r4ovbui";
 var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
 var section_container = "_1r4ovbuo";
 var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuu";
 export {
   billboard_icon,
   buttons,
@@ -25,6 +26,7 @@ export {
   headerIconBillboard,
   header_section,
   layout,
+  link_wrapper,
   list,
   listItem,
   section_body,

package/dist/IconBillboard/IconBillboard.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import { useRef, useState, useEffect, createElement } from "react";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
+import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard, link_wrapper } from "./IconBillboard.css.js";
 const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {
@@ -36,15 +36,42 @@ const IconBillboard = (props) => {
       }
     }
   }, []);
+  let chevronCount = 0;
+  let buttonCount = 0;
+  let chevronUrl;
+  let chevronText;
+  if (callToActionRow && callToActionRow.length > 0) {
+    callToActionRow.forEach((cta) => {
+      if (cta.type === "Button") {
+        buttonCount++;
+      } else {
+        chevronCount++;
+        chevronUrl = cta.targetUrl;
+        chevronText = cta.displayText;
+      }
+    });
+  }
+  const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
+  const handleClick = (e) => {
+    if (!isClickable) return;
+    const linkEl = e.currentTarget.querySelector("a");
+    if (linkEl && linkEl instanceof HTMLAnchorElement) {
+      window.location.href = linkEl.href;
+    }
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
         containerIconBillboard({ variant }),
         `${set ? "" : "containment"}`,
-        "billboard rounded flex_col gap_24 is_icon"
+        "billboard rounded flex_col gap_24 is_icon",
+        isClickable && link_wrapper
       ),
       id,
+      onClick: handleClick,
+      role: isClickable ? "link" : void 0,
+      title: isClickable ? chevronText : void 0,
       children: [
         /* @__PURE__ */ jsxs("div", { className: `flex_col middle ${layout({ side })}`, children: [
           icon && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { Icon, IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   Icon,
@@ -12,6 +12,7 @@ export {
   headerIconBillboard,
   header_section,
   layout,
+  link_wrapper,
   list,
   listItem,
   section_body,

package/dist/ImageLink/ImageLinkSet.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "clsx";
 import "react";
 import { buttons } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -10,7 +11,6 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import { Chevron } from "../Chevron/index.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Chevron } from "../../Chevron/index.js";
+import clsx from "clsx";
 import "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWra
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";

package/dist/Insight/Featured/Featured.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
 import { Fragment } from "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";

package/dist/Insight/Featured/Header.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -9,7 +10,6 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";

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

@@ -1,19 +1,19 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1rjre_1";
-const drawer = "_drawer_1rjre_17";
-const hamburger = "_hamburger_1rjre_57";
-const header = "_header_1rjre_79";
-const back = "_back_1rjre_101";
-const close = "_close_1rjre_123";
-const levelContainer = "_levelContainer_1rjre_137";
-const level = "_level_1rjre_137";
-const levelTitle = "_levelTitle_1rjre_169";
-const menu = "_menu_1rjre_179";
-const menuItem = "_menuItem_1rjre_219";
-const chevron = "_chevron_1rjre_251";
-const chevronIcon = "_chevronIcon_1rjre_261";
-const quickLinks = "_quickLinks_1rjre_283";
-const quickLink = "_quickLink_1rjre_283";
-const sr_only = "_sr_only_1rjre_331";
+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 styles = {
   overlay,
   drawer,

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

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_nom5w_1";
-const wrapper = "_wrapper_nom5w_9";
-const header_main_row = "_header_main_row_nom5w_21";
-const logo_wrap = "_logo_wrap_nom5w_33";
-const primary_links = "_primary_links_nom5w_41";
-const main_nav_link = "_main_nav_link_nom5w_49";
-const sub_nav_link = "_sub_nav_link_nom5w_113";
-const signin_wrap = "_signin_wrap_nom5w_117";
-const signin_btn = "_signin_btn_nom5w_119";
-const header_sub_row = "_header_sub_row_nom5w_193";
-const signin_dropdown = "_signin_dropdown_nom5w_257";
-const shadow = "_shadow_nom5w_277";
-const signin_header = "_signin_header_nom5w_297";
-const signin_subheader = "_signin_subheader_nom5w_311";
-const opacity = "_opacity_nom5w_355";
-const fadeInDown = "_fadeInDown_nom5w_1";
-const signin_footer = "_signin_footer_nom5w_367";
-const open = "_open_nom5w_409";
-const dd_wrapper = "_dd_wrapper_nom5w_433";
-const dd_media = "_dd_media_nom5w_451";
-const dd_media_img = "_dd_media_img_nom5w_461";
-const dd_site_navs = "_dd_site_navs_nom5w_469";
-const dd_media_header = "_dd_media_header_nom5w_483";
-const mt_8 = "_mt_8_nom5w_503";
-const mt_16 = "_mt_16_nom5w_511";
-const ml_8 = "_ml_8_nom5w_519";
-const dd_media_cta = "_dd_media_cta_nom5w_527";
-const reversed_row = "_reversed_row_nom5w_591";
-const headline = "_headline_nom5w_611";
-const nav_anchor = "_nav_anchor_nom5w_627";
-const headline_cta = "_headline_cta_nom5w_643";
-const site_lists = "_site_lists_nom5w_673";
-const mobile_only = "_mobile_only_nom5w_749";
-const mobile_logo = "_mobile_logo_nom5w_761";
-const highlight = "_highlight_nom5w_775";
-const mobile_opened = "_mobile_opened_nom5w_787";
-const dd_footer = "_dd_footer_nom5w_803";
-const skip_btn = "_skip_btn_nom5w_819";
-const desktop_only = "_desktop_only_nom5w_891";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
+const wrapper = "_wrapper_68bu0_5";
+const header_main_row = "_header_main_row_68bu0_11";
+const logo_wrap = "_logo_wrap_68bu0_17";
+const primary_links = "_primary_links_68bu0_21";
+const main_nav_link = "_main_nav_link_68bu0_25";
+const sub_nav_link = "_sub_nav_link_68bu0_57";
+const signin_wrap = "_signin_wrap_68bu0_59";
+const signin_btn = "_signin_btn_68bu0_60";
+const header_sub_row = "_header_sub_row_68bu0_97";
+const signin_dropdown = "_signin_dropdown_68bu0_129";
+const shadow = "_shadow_68bu0_139";
+const signin_header = "_signin_header_68bu0_149";
+const signin_subheader = "_signin_subheader_68bu0_156";
+const opacity = "_opacity_68bu0_178";
+const fadeInDown = "_fadeInDown_68bu0_1";
+const signin_footer = "_signin_footer_68bu0_184";
+const open = "_open_68bu0_205";
+const dd_wrapper = "_dd_wrapper_68bu0_217";
+const dd_media = "_dd_media_68bu0_226";
+const dd_media_img = "_dd_media_img_68bu0_231";
+const dd_site_navs = "_dd_site_navs_68bu0_235";
+const dd_media_header = "_dd_media_header_68bu0_242";
+const mt_8 = "_mt_8_68bu0_252";
+const mt_16 = "_mt_16_68bu0_256";
+const ml_8 = "_ml_8_68bu0_260";
+const dd_media_cta = "_dd_media_cta_68bu0_264";
+const reversed_row = "_reversed_row_68bu0_296";
+const headline = "_headline_68bu0_306";
+const nav_anchor = "_nav_anchor_68bu0_314";
+const headline_cta = "_headline_cta_68bu0_322";
+const site_lists = "_site_lists_68bu0_337";
+const mobile_only = "_mobile_only_68bu0_375";
+const mobile_logo = "_mobile_logo_68bu0_381";
+const highlight = "_highlight_68bu0_388";
+const mobile_opened = "_mobile_opened_68bu0_394";
+const dd_footer = "_dd_footer_68bu0_402";
+const skip_btn = "_skip_btn_68bu0_410";
+const desktop_only = "_desktop_only_68bu0_446";
 const styles = {
   header,
   wrapper,

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_1r8g1_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_1r8g1_13,
-._quote_1r8g1_1 {
-  color: #333d46;
-}
-
-._author_1r8g1_13 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_1r8g1_13 cite {
-  font-style: normal;
-}
-
-._quote_spacer_1r8g1_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_1r8g1_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_1r8g1_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_1r8g1_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_1r8g1_13 {
-    margin-top: 14px;
-  }
-  ._quote_1r8g1_1 p {
-    font-size: 18px;
-  }
-  ._author_1r8g1_13 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_1r8g1_13 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_1r8g1_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_1r8g1_1 p {
-    font-weight: 600;
-  }
-}
+._quote_spacer_1mzku_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_1mzku_7,
+._quote_1mzku_1 {
+  color: #333d46;
+}
+
+._author_1mzku_7 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_1mzku_7 cite {
+  font-style: normal;
+}
+
+._quote_spacer_1mzku_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_1mzku_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_1mzku_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_1mzku_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_1mzku_7 {
+    margin-top: 14px;
+  }
+  ._quote_1mzku_1 p {
+    font-size: 18px;
+  }
+  ._author_1mzku_7 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_1mzku_7 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_1mzku_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_1mzku_1 p {
+    font-weight: 600;
+  }
+}

package/dist/assets/IconBillboard/IconBillboard.css

@@ -97,9 +97,9 @@
 }
 ._1r4ovbui {
   margin-inline: auto;
+  max-width: 1000px;
   padding-block: 2.5rem;
   text-align: center;
-  max-width: 1000px;
 }
 ._1r4ovbui > p {
   margin-top: 8px;
@@ -151,6 +151,23 @@
 main > div:nth-last-child(2) > ._1r4ovbu0 {
   margin-bottom: 3.5rem;
 }
+._1r4ovbuu {
+  cursor: pointer;
+  position: relative;
+  transform: translateY(0px);
+  transition: all 0.38s ease;
+}
+._1r4ovbuu:hover {
+  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
+  transform: translateY(-4px);
+}
+._1r4ovbuu:active {
+  box-shadow: none;
+  transform: translateY(0px);
+}
+._1r4ovbuu:hover ._1r4ovbuh a {
+  text-decoration: underline;
+}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;