@axos-web-dev/shared-components 0.0.15 → 0.0.17

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,2 @@
-import { ImageBillboardInterface } from './ImageBillboard.interface';
-
+import { ImageBillboardInterface } from "./ImageBillboard.interface";
 export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ImageBillboard';
-export * from './ImageBillboard.css';
-export type * from './ImageBillboard.interface';
-export * from './ImageBillboardSet';
+export * from "./ImageBillboard";
+export * from "./ImageBillboard.css";
+export type * from "./ImageBillboard.interface";
+export * from "./ImageBillboardSet";

package/dist/Input/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {};
         secondary: {};
@@ -39,7 +39,7 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -73,7 +73,7 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -129,12 +129,12 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";

package/dist/Input/index.d.ts

@@ -1,6 +1,5 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils';
-
+import { InputHTMLAttributes, ReactNode } from "react";
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
     iconLeft?: ReactNode;
@@ -11,4 +10,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helperText?: ReactNode;
     variant?: QuaternaryTypes;
 }
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Inputs/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
     error: {
         true: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -29,7 +29,7 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -63,7 +63,7 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -119,12 +119,12 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";

package/dist/MainHTML/index.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
 export interface BodyProps extends PropsWithChildren {
     theme: "Axos" | "Premier";
 }

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-import { ModalProps } from './Modal.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { ModalProps } from "./Modal.interface";
 export declare const Modal: FC<ModalProps>;

package/dist/Modal/Modal.js

@@ -33,7 +33,9 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/Modal/contextApi/store.d.ts

@@ -1,11 +1,10 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 export interface ContextProps {
     targetLinkUrl: string;
     setTargetLinkUrl: Dispatch<SetStateAction<string>>;
     openModal: boolean;
     setOpenModal: Dispatch<SetStateAction<boolean>>;
 }
-export declare const GlobalContext: import('react').Context<ContextProps>;
+export declare const GlobalContext: import("react").Context<ContextProps>;
 export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const useGlobalContext: () => ContextProps;

package/dist/Modal/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Modal';
-export * from './contextApi/store';
+export * from "./Modal";
+export * from "./contextApi/store";

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

@@ -1,55 +1,56 @@
-const header = "_header_i2cqq_1";
-const wrapper = "_wrapper_i2cqq_5";
-const header_main_row = "_header_main_row_i2cqq_11";
-const mobile_header = "_mobile_header_i2cqq_12";
-const logo_wrap = "_logo_wrap_i2cqq_18";
-const primary_links = "_primary_links_i2cqq_22";
-const main_nav_link = "_main_nav_link_i2cqq_26";
-const sub_nav_link = "_sub_nav_link_i2cqq_48";
-const signin_wrap = "_signin_wrap_i2cqq_50";
-const signin_btn = "_signin_btn_i2cqq_51";
-const sub_nav = "_sub_nav_i2cqq_48";
-const header_sub_row = "_header_sub_row_i2cqq_93";
-const signin_dropdown = "_signin_dropdown_i2cqq_109";
-const shadow = "_shadow_i2cqq_119";
-const signin_header = "_signin_header_i2cqq_127";
-const signin_subheader = "_signin_subheader_i2cqq_134";
-const opacity = "_opacity_i2cqq_156";
-const fadeInDown = "_fadeInDown_i2cqq_1";
-const footer = "_footer_i2cqq_162";
-const open = "_open_i2cqq_178";
-const dd_wrapper = "_dd_wrapper_i2cqq_190";
-const dd_media = "_dd_media_i2cqq_195";
-const dd_media_img = "_dd_media_img_i2cqq_200";
-const dd_site_navs = "_dd_site_navs_i2cqq_204";
-const dd_media_header = "_dd_media_header_i2cqq_211";
-const mt_8 = "_mt_8_i2cqq_220";
-const mt_16 = "_mt_16_i2cqq_224";
-const ml_8 = "_ml_8_i2cqq_228";
-const dd_media_cta = "_dd_media_cta_i2cqq_232";
-const reversed_row = "_reversed_row_i2cqq_246";
-const headline = "_headline_i2cqq_262";
-const nav_anchor = "_nav_anchor_i2cqq_267";
-const headline_cta = "_headline_cta_i2cqq_275";
-const site_lists = "_site_lists_i2cqq_289";
-const hamburger = "_hamburger_i2cqq_324";
-const mobile_only = "_mobile_only_i2cqq_338";
-const mobile_logo = "_mobile_logo_i2cqq_344";
-const mobile_nav = "_mobile_nav_i2cqq_373";
-const mobile_opened = "_mobile_opened_i2cqq_383";
-const mobile_nav_item = "_mobile_nav_item_i2cqq_388";
-const has_dropdown = "_has_dropdown_i2cqq_403";
-const icon_wrap = "_icon_wrap_i2cqq_424";
-const mobile_footer = "_mobile_footer_i2cqq_429";
-const mobile_footer_content = "_mobile_footer_content_i2cqq_435";
-const mobile_footer_media = "_mobile_footer_media_i2cqq_449";
-const footer_cta = "_footer_cta_i2cqq_455";
-const inner_wrapper = "_inner_wrapper_i2cqq_483";
-const btn = "_btn_i2cqq_488";
-const sub_menu = "_sub_menu_i2cqq_493";
-const main = "_main_i2cqq_26";
-const dd_footer = "_dd_footer_i2cqq_518";
-const desktop_only = "_desktop_only_i2cqq_537";
+const header = "_header_1rr2y_1";
+const wrapper = "_wrapper_1rr2y_9";
+const header_main_row = "_header_main_row_1rr2y_21";
+const mobile_header = "_mobile_header_1rr2y_23";
+const logo_wrap = "_logo_wrap_1rr2y_35";
+const primary_links = "_primary_links_1rr2y_43";
+const main_nav_link = "_main_nav_link_1rr2y_51";
+const sub_nav_link = "_sub_nav_link_1rr2y_95";
+const signin_wrap = "_signin_wrap_1rr2y_99";
+const signin_btn = "_signin_btn_1rr2y_101";
+const sub_nav = "_sub_nav_1rr2y_95";
+const header_sub_row = "_header_sub_row_1rr2y_185";
+const signin_dropdown = "_signin_dropdown_1rr2y_217";
+const shadow = "_shadow_1rr2y_237";
+const signin_header = "_signin_header_1rr2y_253";
+const signin_subheader = "_signin_subheader_1rr2y_267";
+const opacity = "_opacity_1rr2y_311";
+const fadeInDown = "_fadeInDown_1rr2y_1";
+const footer = "_footer_1rr2y_323";
+const open = "_open_1rr2y_355";
+const dd_wrapper = "_dd_wrapper_1rr2y_379";
+const dd_media = "_dd_media_1rr2y_389";
+const dd_media_img = "_dd_media_img_1rr2y_399";
+const dd_site_navs = "_dd_site_navs_1rr2y_407";
+const dd_media_header = "_dd_media_header_1rr2y_421";
+const mt_8 = "_mt_8_1rr2y_439";
+const mt_16 = "_mt_16_1rr2y_447";
+const ml_8 = "_ml_8_1rr2y_455";
+const dd_media_cta = "_dd_media_cta_1rr2y_463";
+const reversed_row = "_reversed_row_1rr2y_491";
+const headline = "_headline_1rr2y_523";
+const nav_anchor = "_nav_anchor_1rr2y_535";
+const headline_cta = "_headline_cta_1rr2y_551";
+const site_lists = "_site_lists_1rr2y_581";
+const hamburger = "_hamburger_1rr2y_651";
+const mobile_only = "_mobile_only_1rr2y_679";
+const mobile_logo = "_mobile_logo_1rr2y_691";
+const highlight = "_highlight_1rr2y_701";
+const mobile_nav = "_mobile_nav_1rr2y_763";
+const mobile_opened = "_mobile_opened_1rr2y_783";
+const mobile_nav_item = "_mobile_nav_item_1rr2y_793";
+const has_dropdown = "_has_dropdown_1rr2y_823";
+const icon_wrap = "_icon_wrap_1rr2y_865";
+const mobile_footer = "_mobile_footer_1rr2y_875";
+const mobile_footer_content = "_mobile_footer_content_1rr2y_887";
+const mobile_footer_media = "_mobile_footer_media_1rr2y_915";
+const footer_cta = "_footer_cta_1rr2y_927";
+const inner_wrapper = "_inner_wrapper_1rr2y_983";
+const btn = "_btn_1rr2y_993";
+const sub_menu = "_sub_menu_1rr2y_1003";
+const main = "_main_1rr2y_51";
+const dd_footer = "_dd_footer_1rr2y_1053";
+const desktop_only = "_desktop_only_1rr2y_1091";
 const styles = {
   header,
   wrapper,
@@ -88,6 +89,7 @@ const styles = {
   hamburger,
   mobile_only,
   mobile_logo,
+  highlight,
   mobile_nav,
   mobile_opened,
   mobile_nav_item,
@@ -125,6 +127,7 @@ export {
   header_sub_row,
   headline,
   headline_cta,
+  highlight,
   icon_wrap,
   inner_wrapper,
   logo_wrap,

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

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

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -1,16 +1,14 @@
 "use client";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
-import { useRef, useState, useEffect } from "react";
+import { useRef, useState } from "react";
 import { useLocation } from "react-use";
 import styles from "./NavBar.module.js";
 import { sub_nav, absoule, dd_media, dd_media_btn } from "./SubNavbar.css.js";
 function SubNavBar() {
   const subNav1 = useRef(null);
   const [isMouseOver, setIsMouseOver] = useState(false);
-  const [render, setIsrender] = useState(false);
-  const { pathname } = useLocation();
   const mouseOver = () => {
     setIsMouseOver(true);
   };
@@ -20,103 +18,87 @@ function SubNavBar() {
   const showSubNabVarOptions = () => {
     setIsMouseOver(!isMouseOver);
   };
-  useEffect(() => {
-    (pathname == null ? void 0 : pathname.includes("/products")) ? setIsrender(true) : setIsrender(false);
-  }, [render]);
-  return /* @__PURE__ */ jsx(Fragment, { children: render && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`,
-        children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: "#",
-              id: "subNav1",
-              role: "menuitem",
-              onMouseEnter: mouseOver,
-              onClick: showSubNabVarOptions,
-              children: [
-                "Private Client",
-                /* @__PURE__ */ jsx(
-                  "svg",
+  const { pathname } = useLocation();
+  if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
+    return null;
+  }
+  const date = /* @__PURE__ */ new Date();
+  const day = date.getDate();
+  const month = date.getMonth() + 1;
+  const year = date.getFullYear();
+  const currentDate = `${month}/${day}/${year}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: "#",
+          id: "subNav1",
+          role: "menuitem",
+          onMouseEnter: mouseOver,
+          onClick: showSubNabVarOptions,
+          children: [
+            "Private Client",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "15",
+                height: "12",
+                viewBox: "0 0 20 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                style: { marginLeft: "8px" },
+                children: /* @__PURE__ */ jsx(
+                  "path",
                   {
-                    width: "15",
-                    height: "12",
-                    viewBox: "0 0 20 12",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    style: { marginLeft: "8px" },
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                        fill: "white"
-                      }
-                    )
+                    d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                    fill: "white"
                   }
                 )
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/select-high-yield-money-market",
-              id: "subNav2",
-              role: "menuitem",
-              children: "Select High Yield Money Market"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/select-cds",
-              id: "subNav3",
-              role: "menuitem",
-              children: "Select CDs"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/select-checking",
-              id: "subNav4",
-              role: "menuitem",
-              children: "Select Checking"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/select-savings",
-              id: "subNav4",
-              role: "menuitem",
-              children: "Select Savings"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/business-banking",
-              id: "subNav4",
-              role: "menuitem",
-              children: "Business Banking"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "/products/mortgage",
-              id: "subNav4",
-              role: "menuitem",
-              children: "Mortgage"
-            }
-          ) })
-        ] }) }) }) })
-      }
-    ),
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/products/select-high-yield-money-market",
+          id: "subNav2",
+          role: "menuitem",
+          children: "Select High Yield Money Market"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/products/select-cds", id: "subNav3", role: "menuitem", children: "Select CDs" }) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/products/select-checking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Checking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/products/select-savings",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Savings"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/products/business-banking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Business Banking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/products/mortgage", id: "subNav4", role: "menuitem", children: "Mortgage" }) })
+    ] }) }) }) }) }),
     isMouseOver && /* @__PURE__ */ jsx(
       "div",
       {
@@ -155,7 +137,7 @@ function SubNavBar() {
                     targetUrl: "tel:877-887-3030",
                     color: "tertiary",
                     "aria-controls": "signin-drop-menu",
-                    children: "Call (877)-887-3030"
+                    children: "Call (877) 887-3030"
                   }
                 ) })
               ]
@@ -166,41 +148,29 @@ function SubNavBar() {
             {
               className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
               children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: `${styles.headline} flex_row middle between`,
-                    children: [
-                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
-                      /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                        /* @__PURE__ */ jsx(
-                          "svg",
-                          {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "20",
-                            height: "20",
-                            viewBox: "0 0 20 20",
-                            fill: "none",
-                            children: /* @__PURE__ */ jsx(
-                              "path",
-                              {
-                                d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
-                                fill: "#4A5560"
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "div",
+                /* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
+                  /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
                           {
-                            className: `${styles.headline_cta} ${styles.ml_8}`,
-                            children: /* @__PURE__ */ jsx("a", { href: "https://www.axosbank.com/Customer-Support/", children: "Help & Support" })
+                            d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
+                            fill: "#4A5560"
                           }
                         )
-                      ] })
-                    ]
-                  }
-                ),
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "/contact-us", children: "Help & Support" }) })
+                  ] })
+                ] }),
                 /* @__PURE__ */ jsx("hr", {}),
                 /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                   /* @__PURE__ */ jsx(
@@ -222,13 +192,7 @@ function SubNavBar() {
                   ),
                   /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
                     /* @__PURE__ */ jsx("li", { role: "heading", children: "Products" }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: "/products/premier-private-client-banking",
-                        children: "Advisor Private Client Banking"
-                      }
-                    ) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/premier-private-client-banking", children: "Advisor Private Client Banking" }) }),
                     /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/products/insureguard-for-advisor", children: "InsureGuard+" }) }),
                     /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                       "a",
@@ -241,7 +205,9 @@ function SubNavBar() {
                 ] }) }),
                 /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [
                   /* @__PURE__ */ jsx("sup", { children: "*" }),
-                  " The Annual Percentage Yield (APY) is accurate as of 3/5/2024."
+                  " The Annual Percentage Yield (APY) is accurate as of ",
+                  currentDate,
+                  "."
                 ] }) })
               ]
             }
@@ -249,7 +215,7 @@ function SubNavBar() {
         ] }) })
       }
     )
-  ] }) });
+  ] });
 }
 export {
   SubNavBar as default

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -114,7 +114,7 @@ function NavBar() {
               {
                 url: lastNavItem.url,
                 name: lastNavItem.name,
-                className: `link list_unstyled ${styles.main_nav_link}`,
+                className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
                 isActive: activeIndex == navItems.length,
                 onClick: handleClick,
                 index: navItems.length

package/dist/NavigationMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NavBarAXA } from './AxosAdvisor';
-export { default as NavBarAFS } from './AxosFiduciary';
+export { default as NavBarAXA } from "./AxosAdvisor";
+export { default as NavBarAFS } from "./AxosFiduciary";