@axos-web-dev/shared-components 0.0.11 → 0.0.12

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,5 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                */
@@ -18,18 +21,24 @@ const ImageBillboard = ({
   callToActionRow,
   eyebrow,
   image,
-  imagePlacement: position = "left"
+  imagePlacement: position = "left",
+  set
 }) => {
   const billboard_variant = getVariant(variant);
+  position = position == null ? void 0 : position.toLocaleLowerCase();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
+        "billboard",
+        "containment",
         billboard({ variant: billboard_variant }),
         `rounded flex`,
         bordered ? "bordered" : "",
         imagePlacement({ position: position == null ? void 0 : position.toLowerCase() }),
-        "containment"
+        `${set ? "" : "containment"}`,
+        position === "right" && "reversed",
+        imagePlacement({ position: position == null ? void 0 : position.toLowerCase() })
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx("img", { src: image.src, className: "img_fluid", alt: image.alt }) }),

package/dist/Input/Input.css.js

@@ -1,5 +1,10 @@
 /* empty css                                */
+/* empty css                                */
 /* empty css                                   */
+/* empty css                                          */
+/* empty css                                  */
+/* empty css                                              */
+/* empty css                                                    */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/MainHTML/index.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
 export interface BodyProps extends PropsWithChildren {
-    theme: string;
+    theme: "Axos" | "Premier";
 }
 export declare const MainHTML: ({ theme, children }: BodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/index.js

@@ -7,9 +7,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 import "../AlertBanner/AlertBanner.css.js";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
+import "react-use";
 /* empty css                                                */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
@@ -30,8 +31,9 @@ import "../Input/index.js";
 import "react-hook-form";
 /* empty css                                              */
 import "../ImageBillboard/ImageBillboard.css.js";
-import "react-use";
+/* empty css                                                      */
 import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
+/* empty css                                                         */
 import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";

package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts

@@ -0,0 +1 @@
+export declare const Sign_in_btn: string;

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

@@ -0,0 +1,7 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                          */
+var Sign_in_btn = "dg9gpl0";
+export {
+  Sign_in_btn
+};

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

@@ -1,55 +1,55 @@
-const header = "_header_13ij6_1";
-const wrapper = "_wrapper_13ij6_5";
-const header_main_row = "_header_main_row_13ij6_11";
-const mobile_header = "_mobile_header_13ij6_12";
-const logo_wrap = "_logo_wrap_13ij6_18";
-const primary_links = "_primary_links_13ij6_22";
-const main_nav_link = "_main_nav_link_13ij6_26";
-const sub_nav_link = "_sub_nav_link_13ij6_48";
-const signin_wrap = "_signin_wrap_13ij6_50";
-const signin_btn = "_signin_btn_13ij6_51";
-const sub_nav = "_sub_nav_13ij6_48";
-const header_sub_row = "_header_sub_row_13ij6_92";
-const signin_dropdown = "_signin_dropdown_13ij6_108";
-const shadow = "_shadow_13ij6_118";
-const signin_header = "_signin_header_13ij6_126";
-const signin_subheader = "_signin_subheader_13ij6_133";
-const opacity = "_opacity_13ij6_155";
-const fadeInDown = "_fadeInDown_13ij6_1";
-const footer = "_footer_13ij6_161";
-const open = "_open_13ij6_177";
-const dd_wrapper = "_dd_wrapper_13ij6_189";
-const dd_media = "_dd_media_13ij6_195";
-const dd_media_img = "_dd_media_img_13ij6_200";
-const dd_site_navs = "_dd_site_navs_13ij6_204";
-const dd_media_header = "_dd_media_header_13ij6_211";
-const mt_8 = "_mt_8_13ij6_220";
-const mt_16 = "_mt_16_13ij6_224";
-const ml_8 = "_ml_8_13ij6_228";
-const dd_media_cta = "_dd_media_cta_13ij6_232";
-const reversed_row = "_reversed_row_13ij6_246";
-const headline = "_headline_13ij6_262";
-const nav_anchor = "_nav_anchor_13ij6_267";
-const headline_cta = "_headline_cta_13ij6_275";
-const site_lists = "_site_lists_13ij6_289";
-const hamburger = "_hamburger_13ij6_324";
-const mobile_only = "_mobile_only_13ij6_338";
-const mobile_logo = "_mobile_logo_13ij6_344";
-const mobile_nav = "_mobile_nav_13ij6_367";
-const mobile_opened = "_mobile_opened_13ij6_377";
-const mobile_nav_item = "_mobile_nav_item_13ij6_381";
-const has_dropdown = "_has_dropdown_13ij6_396";
-const icon_wrap = "_icon_wrap_13ij6_417";
-const mobile_footer = "_mobile_footer_13ij6_422";
-const mobile_footer_content = "_mobile_footer_content_13ij6_428";
-const mobile_footer_media = "_mobile_footer_media_13ij6_442";
-const footer_cta = "_footer_cta_13ij6_448";
-const inner_wrapper = "_inner_wrapper_13ij6_480";
-const btn = "_btn_13ij6_485";
-const sub_menu = "_sub_menu_13ij6_490";
-const main = "_main_13ij6_26";
-const dd_footer = "_dd_footer_13ij6_515";
-const desktop_only = "_desktop_only_13ij6_534";
+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 styles = {
   header,
   wrapper,

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

@@ -0,0 +1,4 @@
+export declare const navItems: {
+    name: string;
+    url: string;
+}[];

package/dist/NavigationMenu/AxosAdvisor/NavData.js

@@ -0,0 +1,10 @@
+const navItems = [
+  { name: "Products", url: "/products" },
+  { name: "Find Your Advisor", url: "/find-your-advisor" },
+  { name: "RIAs", url: "/rias" },
+  { name: "Resources", url: "/resources" },
+  { name: "Contact Us", url: "/contact-us" }
+];
+export {
+  navItems
+};

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -1,23 +1,14 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+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 mouseOver = function(e) {
-    const dataId = e.target.getAttribute("id");
-    const navRef = eval(dataId);
-    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
-      nav.style.display = "none";
-    });
-    navRef.current.style.display = "block";
-  };
-  const mouseLeave = function(_e) {
-    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
-      nav.style.display = "none";
-    });
-  };
+  const [isMouseOver, setIsMouseOver] = useState(false);
   const allDropDowns = document.querySelectorAll("[id*='dd_'] > a");
   allDropDowns.forEach((elem) => {
     elem.addEventListener("click", function(event) {
@@ -37,12 +28,21 @@ function SubNavBar() {
       }
     });
   });
+  const mouseOver = () => {
+    setIsMouseOver(true);
+  };
+  const mouseLeave = () => {
+    setIsMouseOver(false);
+  };
+  const showSubNabVarOptions = () => {
+    setIsMouseOver(!isMouseOver);
+  };
   const { pathname } = useLocation();
   if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: `${styles.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("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",
         {
@@ -50,6 +50,7 @@ function SubNavBar() {
           id: "subNav1",
           role: "menuitem",
           onMouseEnter: mouseOver,
+          onClick: showSubNabVarOptions,
           children: [
             "Private Client",
             /* @__PURE__ */ jsx(
@@ -76,18 +77,17 @@ function SubNavBar() {
       /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
         "a",
         {
-          href: "/Products/Select-High-Yield-Money-Market",
+          href: "/products/select-high-yield-money-market",
           id: "subNav2",
           role: "menuitem",
-          onMouseEnter: mouseOver,
           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-cds", id: "subNav3", role: "menuitem", children: "Select CDs" }) }),
       /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
         "a",
         {
-          href: "/Products/Select-Checking",
+          href: "/products/select-checking",
           id: "subNav4",
           role: "menuitem",
           children: "Select Checking"
@@ -96,7 +96,7 @@ function SubNavBar() {
       /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
         "a",
         {
-          href: "/Products/Select-Savings",
+          href: "/products/select-savings",
           id: "subNav4",
           role: "menuitem",
           children: "Select Savings"
@@ -105,18 +105,18 @@ function SubNavBar() {
       /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
         "a",
         {
-          href: "/Products/Business-Banking",
+          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/mortgage", id: "subNav4", role: "menuitem", children: "Mortgage" }) })
     ] }) }) }) }) }),
-    /* @__PURE__ */ jsx(
+    isMouseOver && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} ${absoule}`,
         role: "menu",
         "data-id": "subNav1",
         ref: subNav1,
@@ -125,7 +125,7 @@ function SubNavBar() {
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${dd_media} ${styles.opacity} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsxs("p", { role: "heading", children: [
@@ -143,7 +143,17 @@ function SubNavBar() {
                     height: 232
                   }
                 ) }),
-                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: /* @__PURE__ */ jsx("a", { href: "tel:877-887-3030 ", className: "text_center bg_white ", children: "Call (877)-887-3030" }) })
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: dd_media_btn,
+                    size: "large",
+                    targetUrl: "tel:877-887-3030",
+                    color: "tertiary",
+                    "aria-controls": "signin-drop-menu",
+                    children: "Call (877)-887-3030"
+                  }
+                ) })
               ]
             }
           ),
@@ -172,7 +182,7 @@ function SubNavBar() {
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "{AXOSBANK}/Customer-Support", children: "Help & Support" }) })
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "https://www.axosbank.com/Customer-Support/", children: "Help & Support" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx("hr", {}),
@@ -196,9 +206,15 @@ 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/InsureGuard-for-Advisor", children: "InsureGuard+" }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/Premier-World-Checking-and-Savings", children: "Advisor World Checking and Savings" }) })
+                    /* @__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",
+                      {
+                        href: "/products/premier-world-checking-and-savings",
+                        children: "Advisor World Checking and Savings"
+                      }
+                    ) })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [

package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.d.ts

@@ -0,0 +1,4 @@
+export declare const sub_nav: string;
+export declare const dd_media: string;
+export declare const dd_media_btn: string;
+export declare const absoule: string;

package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js

@@ -0,0 +1,13 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                             */
+var sub_nav = "_106q65b0";
+var dd_media = "_106q65b1";
+var dd_media_btn = "_106q65b2";
+var absoule = "_106q65b3";
+export {
+  absoule,
+  dd_media,
+  dd_media_btn,
+  sub_nav
+};