@axos-web-dev/shared-components 2.0.0-dev.6 → 2.0.0-dev.7-fixdependencies

package/dist/HeroBanner/LargeHeroBanner.js

@@ -0,0 +1,223 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import Image from "next/image.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { Chevron } from "../Chevron/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgCheckIcon from "../icons/CheckIcon/index.js";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import { getVariant } from "../utils/getVariant.js";
+import { HeroVideoPoster } from "./HeroVideoPoster.js";
+import { getPosition } from "../utils/getPosition.js";
+import { hero_wrapper, hero_bullet_item, hero_sub_bullets, hero_btns, img_contents, reversed_lg_image, reversed } from "./HeroBanner.css.js";
+import { lg_hero_container, content_display_lg, lg_hero_eyebrow, lg_headline_text, lg_hero_text, placement, lg_hero_content_mobile, lg_hero_sizing, lg_hero_img, lg_hero_content, video_wrapper, lg_hero_banner, video_bg } from "./LargeBanner.css.js";
+const LargeHeroBanner = ({
+  id,
+  eyebrow,
+  headline,
+  bodyCopy,
+  bullets,
+  callToActionRow,
+  image,
+  imagePlacement = "Right",
+  variant,
+  video,
+  bannerType,
+  videoTextPosition = "default"
+}) => {
+  const textPosition = getPosition(videoTextPosition);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: clsx(
+        lg_hero_banner({ variant: getVariant(variant) }),
+        bannerType === "Video Poster" ? video_bg : ""
+      ),
+      id,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment ${lg_hero_container}`, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              lg_hero_content,
+              imagePlacement !== "Right" ? reversed : "",
+              "flex",
+              "between",
+              "middle"
+            ),
+            style: {
+              position: textPosition !== "default" ? "static" : "relative"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_text({ variant: getVariant(variant) }),
+                    "rounded",
+                    textPosition !== "default" ? placement({ position: textPosition }) : "",
+                    lg_hero_content_mobile
+                  ),
+                  children: /* @__PURE__ */ jsxs("div", { className: `containment ${content_display_lg}`, children: [
+                    eyebrow && /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_hero_eyebrow({
+                          variant: getVariant(variant)
+                        }),
+                        children: eyebrow
+                      }
+                    ),
+                    eyebrow ? /* @__PURE__ */ jsx(
+                      "h2",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
+                      /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
+                      bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
+                        ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            className: `list_item flex ${hero_bullet_item}`,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
+                                SvgCheckIcon,
+                                {
+                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
+                                }
+                              ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ]
+                          },
+                          id2
+                        ) : /* @__PURE__ */ jsx(
+                          "ul",
+                          {
+                            className: clsx(hero_sub_bullets, "mb_0", "push_up"),
+                            children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  style: { maxWidth: "max-content" },
+                                  src: icon?.src,
+                                  alt: icon?.altText
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ] })
+                          },
+                          id2
+                        )
+                      ) })
+                    ] }),
+                    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
+                      ({
+                        id: id2,
+                        variant: variant2,
+                        displayText,
+                        targetUrl,
+                        type,
+                        newTab
+                      }) => type === "Button" ? /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          targetUrl,
+                          color: getVariant(variant2),
+                          size: "large",
+                          rounded: "medium",
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      ) : /* @__PURE__ */ jsx(
+                        Chevron,
+                        {
+                          targetUrl,
+                          variant: getVariant(variant2),
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      )
+                    ) })
+                  ] })
+                }
+              ),
+              bannerType === "Large" && image && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_img,
+                    imagePlacement !== "Right" ? reversed_lg_image : "",
+                    "rounded",
+                    lg_hero_content_mobile
+                  ),
+                  role: "presentation",
+                  children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+                    /* @__PURE__ */ jsx(
+                      "source",
+                      {
+                        srcSet: `https:${image?.src}?fm=avif`,
+                        type: "image/avif"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "source",
+                      {
+                        srcSet: `https:${image?.src}?fm=webp`,
+                        type: "image/webp"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Image,
+                      {
+                        src: `https:${image?.src}?q=90`,
+                        className: lg_hero_sizing,
+                        alt: "",
+                        height: 600,
+                        width: 792,
+                        priority: true
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        ) }),
+        bannerType === "Video Poster" && video && /* @__PURE__ */ jsx("div", { className: video_wrapper, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(
+          HeroVideoPoster,
+          {
+            otherSource: video.otherSource,
+            thumbnailImage: video.thumbnailImage
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  LargeHeroBanner
+};

package/dist/HeroBanner/index.js

@@ -1,5 +1,5 @@
 import { HeroBanner } from "./HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
 export {
   HeroBanner,
@@ -23,5 +23,6 @@ export {
   selection_section_bg,
   selection_section_content,
   selection_section_icon,
-  selection_section_icon_img
+  selection_section_icon_img,
+  xl
 };

package/dist/Hyperlink/index.js

@@ -78,8 +78,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,

package/dist/ImageLink/index.js

@@ -76,8 +76,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/Input/Checkbox.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { checkboxContainer, checkbox } from "./Checkbox.css.js";
-import { wrapper, container, labelClassName, input, helperText } from "./Input.css.js";
+import { checkbox, checkboxContainer } from "./Checkbox.css.js";
+import { input, labelClassName, container, helperText, wrapper } from "./Input.css.js";
 const Checkbox = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/DownPaymentInput.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useState, useEffect } from "react";
-import { wrapper, labelClassName, container, input, helperText } from "./Input.css.js";
+import { labelClassName, input, container, helperText, wrapper } from "./Input.css.js";
 import { dp_input } from "./Dropdown.css.js";
 const DownPaymentInput = forwardRef(
   ({

package/dist/Input/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { selectInput } from "./Dropdown.css.js";
-import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
 const Dropdown = forwardRef(
   (props, ref) => {
     const {

package/dist/Input/Input.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
 const Input = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/InputTextArea.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
 const InputTextArea = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Insight/Featured/CategorySelector.js

@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/Insight/Featured/Featured.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Fragment } from "react";
 import { getVariant } from "../../utils/getVariant.js";
@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import Image from "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import { set_container } from "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
@@ -100,7 +100,7 @@ import "next/script.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
+import { featured_title, featured_maingrid_img, featured_maingrid_title, featured_center_vertical, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section, featured_subgrid_item, featured_supertag, featured_subgrid_title } from "./Featured.css.js";
 /* empty css                          */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */

package/dist/Insight/Featured/Header.js

@@ -78,8 +78,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_e4cra_24";
-const modal = "_modal_e4cra_40";
-const vanish = "_vanish_e4cra_1";
-const appear = "_appear_e4cra_1";
-const close_button = "_close_button_e4cra_55";
-const modal_content = "_modal_content_e4cra_70";
-const img_area = "_img_area_e4cra_74";
-const body_copy = "_body_copy_e4cra_84";
-const btns = "_btns_e4cra_98";
-const white_modal = "_white_modal_e4cra_139";
+import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_1ep5z_47";
+const modal = "_modal_1ep5z_79";
+const vanish = "_vanish_1ep5z_1";
+const appear = "_appear_1ep5z_1";
+const close_button = "_close_button_1ep5z_109";
+const modal_content = "_modal_content_1ep5z_139";
+const img_area = "_img_area_1ep5z_147";
+const body_copy = "_body_copy_1ep5z_167";
+const btns = "_btns_1ep5z_195";
+const white_modal = "_white_modal_1ep5z_277";
 const css = {
   overlay,
   modal,

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -16,7 +16,7 @@ import SvgComponent$5 from "../icons/Logos/AXOS.js";
 import SvgComponent$6 from "../icons/Logos/GBLVF.js";
 import SvgComponent$7 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { svg_fill, lp_theme, spb_container, lp_container, spb_hover, lp_hover } from "./LandingPageHeader.css.js";
+import { svg_fill, spb_container, lp_container, spb_hover, lp_hover, lp_theme } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",

package/dist/Modal/Modal.js

@@ -78,8 +78,8 @@ import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";

package/dist/Modal/contextApi/store.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import { findMoreAxosDomains, isAllowedUrl } from "../../utils/allowedAxosDomains.js";
-import { createContext, useContext, useState, useCallback } from "react";
+import { createContext, useState, useCallback, useContext } from "react";
 import { validateLink, shortUrl } from "../../utils/validateExternalLinks.js";
 const noopResolver = (url) => url;
 const GlobalContext = createContext({

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

@@ -1,26 +1,26 @@
-import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_1s4n2_1";
-const alts_wrapper = "_alts_wrapper_1s4n2_5";
-const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
-const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
-const alts_logo_wrap = "_alts_logo_wrap_1s4n2_18";
-const alts_primary_links = "_alts_primary_links_1s4n2_22";
-const alts_main_nav_link = "_alts_main_nav_link_1s4n2_27";
-const alts_hamburger = "_alts_hamburger_1s4n2_63";
-const alts_mobile_logo = "_alts_mobile_logo_1s4n2_77";
-const alts_mobile_nav = "_alts_mobile_nav_1s4n2_102";
-const alts_mobile_opened = "_alts_mobile_opened_1s4n2_113";
-const alts_mobile_nav_item = "_alts_mobile_nav_item_1s4n2_121";
-const alts_icon_wrap = "_alts_icon_wrap_1s4n2_136";
-const alts_mobile_footer = "_alts_mobile_footer_1s4n2_141";
-const alts_mobile_footer_content = "_alts_mobile_footer_content_1s4n2_146";
-const alts_mobile_footer_media = "_alts_mobile_footer_media_1s4n2_157";
-const alts_inner_wrapper = "_alts_inner_wrapper_1s4n2_167";
-const alts_btn = "_alts_btn_1s4n2_172";
-const alts_sub_menu = "_alts_sub_menu_1s4n2_177";
-const alts_skip_btn = "_alts_skip_btn_1s4n2_185";
-const alts_desktop_only = "_alts_desktop_only_1s4n2_209";
-const alts_main_nav = "_alts_main_nav_1s4n2_27";
-const alts_mobile_only = "_alts_mobile_only_1s4n2_261";
+import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_19h22_1";
+const alts_wrapper = "_alts_wrapper_19h22_9";
+const alts_header_main_row = "_alts_header_main_row_19h22_21";
+const alts_mobile_header = "_alts_mobile_header_19h22_23";
+const alts_logo_wrap = "_alts_logo_wrap_19h22_35";
+const alts_primary_links = "_alts_primary_links_19h22_43";
+const alts_main_nav_link = "_alts_main_nav_link_19h22_53";
+const alts_hamburger = "_alts_hamburger_19h22_125";
+const alts_mobile_logo = "_alts_mobile_logo_19h22_153";
+const alts_mobile_nav = "_alts_mobile_nav_19h22_203";
+const alts_mobile_opened = "_alts_mobile_opened_19h22_225";
+const alts_mobile_nav_item = "_alts_mobile_nav_item_19h22_241";
+const alts_icon_wrap = "_alts_icon_wrap_19h22_271";
+const alts_mobile_footer = "_alts_mobile_footer_19h22_281";
+const alts_mobile_footer_content = "_alts_mobile_footer_content_19h22_291";
+const alts_mobile_footer_media = "_alts_mobile_footer_media_19h22_313";
+const alts_inner_wrapper = "_alts_inner_wrapper_19h22_333";
+const alts_btn = "_alts_btn_19h22_343";
+const alts_sub_menu = "_alts_sub_menu_19h22_353";
+const alts_skip_btn = "_alts_skip_btn_19h22_369";
+const alts_desktop_only = "_alts_desktop_only_19h22_417";
+const alts_main_nav = "_alts_main_nav_19h22_53";
+const alts_mobile_only = "_alts_mobile_only_19h22_521";
 const styles = {
   alts_header,
   alts_wrapper,

package/dist/NavigationMenu/AxosALTS/index.js

@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";

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

@@ -1,55 +1,55 @@
-import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_9w33l_1";
-const wrapper = "_wrapper_9w33l_5";
-const header_main_row = "_header_main_row_9w33l_10";
-const mobile_header = "_mobile_header_9w33l_11";
-const logo_wrap = "_logo_wrap_9w33l_17";
-const primary_links = "_primary_links_9w33l_21";
-const main_nav_link = "_main_nav_link_9w33l_25";
-const sub_nav_link = "_sub_nav_link_9w33l_57";
-const signin_wrap = "_signin_wrap_9w33l_59";
-const signin_btn = "_signin_btn_9w33l_60";
-const header_sub_row = "_header_sub_row_9w33l_98";
-const signin_dropdown = "_signin_dropdown_9w33l_118";
-const shadow = "_shadow_9w33l_128";
-const signin_header = "_signin_header_9w33l_136";
-const signin_subheader = "_signin_subheader_9w33l_143";
-const opacity = "_opacity_9w33l_165";
-const fadeInDown = "_fadeInDown_9w33l_1";
-const footer = "_footer_9w33l_171";
-const open = "_open_9w33l_187";
-const dd_wrapper = "_dd_wrapper_9w33l_199";
-const dd_media = "_dd_media_9w33l_204";
-const dd_media_img = "_dd_media_img_9w33l_209";
-const dd_site_navs = "_dd_site_navs_9w33l_213";
-const dd_media_header = "_dd_media_header_9w33l_220";
-const mt_8 = "_mt_8_9w33l_229";
-const mt_16 = "_mt_16_9w33l_233";
-const ml_8 = "_ml_8_9w33l_237";
-const dd_media_cta = "_dd_media_cta_9w33l_241";
-const reversed_row = "_reversed_row_9w33l_255";
-const headline = "_headline_9w33l_271";
-const nav_anchor = "_nav_anchor_9w33l_277";
-const headline_cta = "_headline_cta_9w33l_285";
-const site_lists = "_site_lists_9w33l_300";
-const hamburger = "_hamburger_9w33l_335";
-const mobile_only = "_mobile_only_9w33l_349";
-const mobile_logo = "_mobile_logo_9w33l_355";
-const highlight = "_highlight_9w33l_360";
-const mobile_nav = "_mobile_nav_9w33l_396";
-const mobile_opened = "_mobile_opened_9w33l_407";
-const mobile_nav_item = "_mobile_nav_item_9w33l_415";
-const has_dropdown = "_has_dropdown_9w33l_430";
-const icon_wrap = "_icon_wrap_9w33l_451";
-const mobile_footer = "_mobile_footer_9w33l_456";
-const mobile_footer_content = "_mobile_footer_content_9w33l_461";
-const mobile_footer_media = "_mobile_footer_media_9w33l_476";
-const footer_cta = "_footer_cta_9w33l_482";
-const inner_wrapper = "_inner_wrapper_9w33l_510";
-const btn = "_btn_9w33l_515";
-const sub_menu = "_sub_menu_9w33l_520";
-const main = "_main_9w33l_25";
-const dd_footer = "_dd_footer_9w33l_545";
-const desktop_only = "_desktop_only_9w33l_564";
+import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_epxpu_1";
+const wrapper = "_wrapper_epxpu_9";
+const header_main_row = "_header_main_row_epxpu_19";
+const mobile_header = "_mobile_header_epxpu_21";
+const logo_wrap = "_logo_wrap_epxpu_33";
+const primary_links = "_primary_links_epxpu_41";
+const main_nav_link = "_main_nav_link_epxpu_49";
+const sub_nav_link = "_sub_nav_link_epxpu_113";
+const signin_wrap = "_signin_wrap_epxpu_117";
+const signin_btn = "_signin_btn_epxpu_119";
+const header_sub_row = "_header_sub_row_epxpu_195";
+const signin_dropdown = "_signin_dropdown_epxpu_235";
+const shadow = "_shadow_epxpu_255";
+const signin_header = "_signin_header_epxpu_271";
+const signin_subheader = "_signin_subheader_epxpu_285";
+const opacity = "_opacity_epxpu_329";
+const fadeInDown = "_fadeInDown_epxpu_1";
+const footer = "_footer_epxpu_341";
+const open = "_open_epxpu_373";
+const dd_wrapper = "_dd_wrapper_epxpu_397";
+const dd_media = "_dd_media_epxpu_407";
+const dd_media_img = "_dd_media_img_epxpu_417";
+const dd_site_navs = "_dd_site_navs_epxpu_425";
+const dd_media_header = "_dd_media_header_epxpu_439";
+const mt_8 = "_mt_8_epxpu_457";
+const mt_16 = "_mt_16_epxpu_465";
+const ml_8 = "_ml_8_epxpu_473";
+const dd_media_cta = "_dd_media_cta_epxpu_481";
+const reversed_row = "_reversed_row_epxpu_509";
+const headline = "_headline_epxpu_541";
+const nav_anchor = "_nav_anchor_epxpu_553";
+const headline_cta = "_headline_cta_epxpu_569";
+const site_lists = "_site_lists_epxpu_599";
+const hamburger = "_hamburger_epxpu_669";
+const mobile_only = "_mobile_only_epxpu_697";
+const mobile_logo = "_mobile_logo_epxpu_709";
+const highlight = "_highlight_epxpu_719";
+const mobile_nav = "_mobile_nav_epxpu_791";
+const mobile_opened = "_mobile_opened_epxpu_813";
+const mobile_nav_item = "_mobile_nav_item_epxpu_829";
+const has_dropdown = "_has_dropdown_epxpu_859";
+const icon_wrap = "_icon_wrap_epxpu_901";
+const mobile_footer = "_mobile_footer_epxpu_911";
+const mobile_footer_content = "_mobile_footer_content_epxpu_921";
+const mobile_footer_media = "_mobile_footer_media_epxpu_951";
+const footer_cta = "_footer_cta_epxpu_963";
+const inner_wrapper = "_inner_wrapper_epxpu_1019";
+const btn = "_btn_epxpu_1029";
+const sub_menu = "_sub_menu_epxpu_1039";
+const main = "_main_epxpu_49";
+const dd_footer = "_dd_footer_epxpu_1089";
+const desktop_only = "_desktop_only_epxpu_1127";
 const styles = {
   header,
   wrapper,