@axos-web-dev/shared-components 0.0.91 → 0.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -0
  2. package/dist/Calculators/Calculator.js +2 -0
  3. package/dist/CallToActionBar/index.js +47 -30
  4. package/dist/Carousel/index.js +2 -0
  5. package/dist/Chevron/index.js +2 -0
  6. package/dist/Comparison/Comparison.js +3 -1
  7. package/dist/Comparison/ComparisonSet.js +2 -0
  8. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -0
  9. package/dist/Forms/ContactUsBusiness.js +2 -0
  10. package/dist/Forms/ContactUsNMLSId.js +2 -0
  11. package/dist/Forms/EmailOnly.js +2 -0
  12. package/dist/Forms/SuccesForm.js +2 -0
  13. package/dist/Hyperlink/index.js +2 -0
  14. package/dist/ImageLink/ImageLink.js +2 -0
  15. package/dist/ImageLink/ImageLinkSet.js +2 -0
  16. package/dist/ImageLink/index.js +2 -0
  17. package/dist/Modal/Modal.js +2 -0
  18. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  19. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1910 -1737
  20. package/dist/NavigationMenu/AxosBank/index.js +8 -15
  21. package/dist/NavigationMenu/AxosClearing/NavBar.css.d.ts +1 -0
  22. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +5 -0
  23. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +98 -0
  24. package/dist/NavigationMenu/AxosClearing/NavData.d.ts +21 -0
  25. package/dist/NavigationMenu/AxosClearing/NavData.js +63 -0
  26. package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts +1 -0
  27. package/dist/NavigationMenu/AxosClearing/SubNavBar.js +56 -0
  28. package/dist/NavigationMenu/AxosClearing/index.d.ts +2 -0
  29. package/dist/NavigationMenu/AxosClearing/index.js +470 -0
  30. package/dist/NavigationMenu/index.d.ts +1 -0
  31. package/dist/NavigationMenu/index.js +5 -3
  32. package/dist/SetContainer/SetContainer.js +2 -0
  33. package/dist/Table/Table.d.ts +13 -0
  34. package/dist/TopicalNavSet/TopicalNavSet.js +3 -3
  35. package/dist/assets/CallToActionBar/CallToActionBar.css +3 -1
  36. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +126 -124
  37. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +4 -0
  38. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +405 -0
  39. package/dist/assets/globals.css +71 -0
  40. package/dist/icons/Clock/index.d.ts +4 -0
  41. package/dist/icons/Clock/index.js +22 -0
  42. package/dist/icons/index.d.ts +1 -0
  43. package/dist/icons/index.js +14 -12
  44. package/dist/main.js +52 -48
  45. package/dist/utils/allowedAxosDomains.js +1 -0
  46. package/package.json +1 -1
@@ -50,23 +50,16 @@ function NavBar() {
50
50
  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
51
51
  /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
52
52
  /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
53
- /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
54
- "a",
53
+ /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
54
+ Image,
55
55
  {
56
- href: "/",
57
- "aria-label": "return to axos advisor services homepage",
58
- children: /* @__PURE__ */ jsx(
59
- Image,
60
- {
61
- src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
62
- alt: "",
63
- width: 137,
64
- height: 30,
65
- priority: true
66
- }
67
- )
56
+ src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
57
+ alt: "",
58
+ width: 137,
59
+ height: 30,
60
+ priority: true
68
61
  }
69
- ) }),
62
+ ) }) }),
70
63
  /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
71
64
  (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
72
65
  NavItem,
@@ -0,0 +1 @@
1
+ export declare const expand: string;
@@ -0,0 +1,5 @@
1
+ /* empty css */
2
+ var expand = "_1rp73910";
3
+ export {
4
+ expand
5
+ };
@@ -0,0 +1,98 @@
1
+ const header = "_header_n5dx1_1";
2
+ const wrapper = "_wrapper_n5dx1_5";
3
+ const header_main_row = "_header_main_row_n5dx1_11";
4
+ const mobile_header = "_mobile_header_n5dx1_12";
5
+ const logo_wrap = "_logo_wrap_n5dx1_18";
6
+ const primary_links = "_primary_links_n5dx1_22";
7
+ const main_nav_link = "_main_nav_link_n5dx1_26";
8
+ const sub_nav_link = "_sub_nav_link_n5dx1_45";
9
+ const signin_wrap = "_signin_wrap_n5dx1_47";
10
+ const signin_btn = "_signin_btn_n5dx1_48";
11
+ const sub_nav = "_sub_nav_n5dx1_45";
12
+ const header_sub_row = "_header_sub_row_n5dx1_100";
13
+ const hamburger = "_hamburger_n5dx1_129";
14
+ const mobile_only = "_mobile_only_n5dx1_143";
15
+ const mobile_logo = "_mobile_logo_n5dx1_149";
16
+ const highlight = "_highlight_n5dx1_154";
17
+ const mobile_nav = "_mobile_nav_n5dx1_181";
18
+ const mobile_opened = "_mobile_opened_n5dx1_192";
19
+ const mobile_nav_item = "_mobile_nav_item_n5dx1_200";
20
+ const has_dropdown = "_has_dropdown_n5dx1_215";
21
+ const icon_wrap = "_icon_wrap_n5dx1_236";
22
+ const mobile_footer = "_mobile_footer_n5dx1_241";
23
+ const mobile_footer_content = "_mobile_footer_content_n5dx1_246";
24
+ const mobile_footer_media = "_mobile_footer_media_n5dx1_260";
25
+ const footer_cta = "_footer_cta_n5dx1_266";
26
+ const inner_wrapper = "_inner_wrapper_n5dx1_294";
27
+ const btn = "_btn_n5dx1_299";
28
+ const sub_menu = "_sub_menu_n5dx1_304";
29
+ const main = "_main_n5dx1_26";
30
+ const dd_footer = "_dd_footer_n5dx1_329";
31
+ const desktop_only = "_desktop_only_n5dx1_354";
32
+ const styles = {
33
+ header,
34
+ wrapper,
35
+ header_main_row,
36
+ mobile_header,
37
+ logo_wrap,
38
+ primary_links,
39
+ main_nav_link,
40
+ sub_nav_link,
41
+ signin_wrap,
42
+ signin_btn,
43
+ sub_nav,
44
+ header_sub_row,
45
+ hamburger,
46
+ mobile_only,
47
+ mobile_logo,
48
+ highlight,
49
+ mobile_nav,
50
+ mobile_opened,
51
+ mobile_nav_item,
52
+ has_dropdown,
53
+ icon_wrap,
54
+ mobile_footer,
55
+ mobile_footer_content,
56
+ mobile_footer_media,
57
+ footer_cta,
58
+ inner_wrapper,
59
+ btn,
60
+ sub_menu,
61
+ main,
62
+ dd_footer,
63
+ desktop_only
64
+ };
65
+ export {
66
+ btn,
67
+ dd_footer,
68
+ styles as default,
69
+ desktop_only,
70
+ footer_cta,
71
+ hamburger,
72
+ has_dropdown,
73
+ header,
74
+ header_main_row,
75
+ header_sub_row,
76
+ highlight,
77
+ icon_wrap,
78
+ inner_wrapper,
79
+ logo_wrap,
80
+ main,
81
+ main_nav_link,
82
+ mobile_footer,
83
+ mobile_footer_content,
84
+ mobile_footer_media,
85
+ mobile_header,
86
+ mobile_logo,
87
+ mobile_nav,
88
+ mobile_nav_item,
89
+ mobile_only,
90
+ mobile_opened,
91
+ primary_links,
92
+ signin_btn,
93
+ signin_wrap,
94
+ sub_menu,
95
+ sub_nav,
96
+ sub_nav_link,
97
+ wrapper
98
+ };
@@ -0,0 +1,21 @@
1
+ export declare const navItems: {
2
+ name: string;
3
+ url: string;
4
+ }[];
5
+ export declare const subNavItems: {
6
+ whoWeServe: {
7
+ name: string;
8
+ url: string;
9
+ id: string;
10
+ }[];
11
+ productsAndServices: {
12
+ name: string;
13
+ url: string;
14
+ id: string;
15
+ }[];
16
+ axosAdvantage: {
17
+ name: string;
18
+ url: string;
19
+ id: string;
20
+ }[];
21
+ };
@@ -0,0 +1,63 @@
1
+ const navItems = [
2
+ { name: "Who We Serve", url: "/who-we-serve" },
3
+ { name: "Products & Services", url: "/products-and-services" },
4
+ { name: "Axos Advantage", url: "/axos-advantage" },
5
+ { name: "Sign In", url: "https://connect.axosclearing.com/" }
6
+ ];
7
+ const subNavItems = {
8
+ whoWeServe: [
9
+ {
10
+ name: "Broker Dealers",
11
+ url: "/who-we-serve/broker-dealers",
12
+ id: "wws_1"
13
+ },
14
+ {
15
+ name: "Registered Investment Advisors",
16
+ url: "/who-we-serve/registered-investment-advisors",
17
+ id: "wws_2"
18
+ }
19
+ ],
20
+ productsAndServices: [
21
+ {
22
+ name: "Capital Management",
23
+ url: "/products-and-services/capital-management",
24
+ id: "pas_1"
25
+ },
26
+ {
27
+ name: "Value Added Services",
28
+ url: "/products-and-services/value-added-services",
29
+ id: "pas_2"
30
+ },
31
+ {
32
+ name: "Securities Services",
33
+ url: "/products-and-services/securities-services",
34
+ id: "pas_3"
35
+ },
36
+ {
37
+ name: "Technology Platform",
38
+ url: "/products-and-services/technology-platform",
39
+ id: "pas_4"
40
+ }
41
+ ],
42
+ axosAdvantage: [
43
+ {
44
+ name: "Contact Us",
45
+ url: "/axos-advantage/contact-us",
46
+ id: "aa_1"
47
+ },
48
+ {
49
+ name: "Meet the Team",
50
+ url: "/axos-advantage/meet-the-team",
51
+ id: "aa_2"
52
+ },
53
+ {
54
+ name: "Why Choose Axos",
55
+ url: "/axos-advantage/meet-the-team/why-choose-axos",
56
+ id: "aa_3"
57
+ }
58
+ ]
59
+ };
60
+ export {
61
+ navItems,
62
+ subNavItems
63
+ };
@@ -0,0 +1 @@
1
+ export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,56 @@
1
+ "use client";
2
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
+ import Link from "next/link.js";
4
+ import { usePathname } from "next/navigation.js";
5
+ import { useState, useEffect } from "react";
6
+ import styles from "./NavBar.module.js";
7
+ import { subNavItems } from "./NavData.js";
8
+ function SubNavBar() {
9
+ const pathname = usePathname();
10
+ const [showNavbar, setShowNavbar] = useState(false);
11
+ const whoWeServe = subNavItems.whoWeServe;
12
+ const productsAndServices = subNavItems.productsAndServices;
13
+ const axosAdvantage = subNavItems.axosAdvantage;
14
+ useEffect(() => {
15
+ setShowNavbar(
16
+ () => ["/who-we-serve", "/products-and-services", "/axos-advantage"].some(
17
+ (el) => pathname?.includes(el)
18
+ )
19
+ );
20
+ }, [pathname]);
21
+ return showNavbar ? /* @__PURE__ */ jsxs(Fragment, { children: [
22
+ pathname?.includes("/who-we-serve") && /* @__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("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: whoWeServe.map(
23
+ (item) => /* @__PURE__ */ jsx(
24
+ "li",
25
+ {
26
+ className: styles.sub_nav_link,
27
+ children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name })
28
+ },
29
+ `snb-${item.id}`
30
+ )
31
+ ) }) }) }) }) }),
32
+ pathname?.includes("/products-and-services") && /* @__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("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: productsAndServices.map(
33
+ (item) => /* @__PURE__ */ jsx(
34
+ "li",
35
+ {
36
+ className: styles.sub_nav_link,
37
+ children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name })
38
+ },
39
+ `snb-${item.id}`
40
+ )
41
+ ) }) }) }) }) }),
42
+ pathname?.includes("/axos-advantage") && /* @__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("nav", { children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: axosAdvantage.map(
43
+ (item) => /* @__PURE__ */ jsx(
44
+ "li",
45
+ {
46
+ className: styles.sub_nav_link,
47
+ children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name })
48
+ },
49
+ `snb-${item.id}`
50
+ )
51
+ ) }) }) }) }) })
52
+ ] }) : null;
53
+ }
54
+ export {
55
+ SubNavBar as default
56
+ };
@@ -0,0 +1,2 @@
1
+ declare function NavBar(): import("react/jsx-runtime").JSX.Element;
2
+ export default NavBar;