@axos-web-dev/shared-components 0.0.150 → 0.0.152

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 (40) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -0
  2. package/dist/Button/Button.js +1 -0
  3. package/dist/Calculators/Calculator.js +1 -0
  4. package/dist/Calculators/MarginTradingCalculator/index.js +4 -4
  5. package/dist/Carousel/index.js +1 -0
  6. package/dist/Chevron/index.js +1 -0
  7. package/dist/Comparison/Comparison.js +1 -0
  8. package/dist/FaqAccordion/index.js +1 -0
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.d.ts +3 -1
  10. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +43 -38
  11. package/dist/Forms/ContactUsBusiness.js +1 -0
  12. package/dist/Forms/ContactUsNMLSId.js +1 -0
  13. package/dist/Forms/EmailOnly.js +1 -0
  14. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -0
  15. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -0
  16. package/dist/Forms/SuccesForm.js +1 -0
  17. package/dist/Hyperlink/index.js +1 -0
  18. package/dist/ImageLink/ImageLink.js +1 -0
  19. package/dist/ImageLink/ImageLinkSet.js +1 -0
  20. package/dist/ImageLink/index.js +1 -0
  21. package/dist/Insight/Featured/CategorySelector.js +1 -0
  22. package/dist/Insight/Featured/Featured.js +1 -1
  23. package/dist/Insight/Featured/Header.css.d.ts +5 -0
  24. package/dist/Insight/Featured/Header.css.js +13 -0
  25. package/dist/Insight/Featured/Header.d.ts +7 -0
  26. package/dist/Insight/Featured/Header.js +129 -0
  27. package/dist/Insight/Featured/index.d.ts +1 -0
  28. package/dist/Insight/Featured/index.js +2 -0
  29. package/dist/Insight/index.js +2 -0
  30. package/dist/Modal/Modal.js +1 -0
  31. package/dist/NavigationMenu/AxosBank/NavData.js +1 -0
  32. package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -2
  33. package/dist/NavigationMenu/AxosBank/index.js +1 -0
  34. package/dist/SetContainer/SetContainer.js +1 -0
  35. package/dist/assets/Forms/Forms.css +1 -1
  36. package/dist/assets/Insight/Featured/Featured.css +10 -0
  37. package/dist/assets/Insight/Featured/Header.css +39 -0
  38. package/dist/main.js +2 -0
  39. package/dist/utils/allowedAxosDomains.js +2 -3
  40. package/package.json +1 -1
@@ -73,6 +73,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
73
73
  import "react-wrap-balancer";
74
74
  /* empty css */
75
75
  /* empty css */
76
+ /* empty css */
76
77
  /* empty css */
77
78
  import "../LandingPageHeader/LandingPageHeader.css.js";
78
79
  /* empty css */
@@ -76,6 +76,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
76
76
  import "react-wrap-balancer";
77
77
  /* empty css */
78
78
  /* empty css */
79
+ /* empty css */
79
80
  /* empty css */
80
81
  import "../LandingPageHeader/LandingPageHeader.css.js";
81
82
  /* empty css */
@@ -64,6 +64,7 @@ import "../Input/DownPaymentInput.js";
64
64
  import "react-wrap-balancer";
65
65
  /* empty css */
66
66
  /* empty css */
67
+ /* empty css */
67
68
  /* empty css */
68
69
  import "../LandingPageHeader/LandingPageHeader.css.js";
69
70
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
4
4
  import { button } from "../../Button/Button.css.js";
5
5
  import { useEffect } from "react";
6
6
  import "react-use";
7
- import { container, field_row, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
7
+ import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
8
8
  import { Chevron } from "../../Chevron/index.js";
9
9
  import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
10
10
  import "../../utils/allowedAxosDomains.js";
@@ -233,7 +233,7 @@ const MarginTradingCalculator = ({
233
233
  step: 1e3,
234
234
  onKeyDown: (event) => {
235
235
  const eventCode = event.code.toLowerCase();
236
- if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
236
+ if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("tab") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
237
237
  event.preventDefault();
238
238
  }
239
239
  }
@@ -256,7 +256,7 @@ const MarginTradingCalculator = ({
256
256
  step: 1e3,
257
257
  onKeyDown: (event) => {
258
258
  const eventCode = event.code.toLowerCase();
259
- if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
259
+ if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("tab") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
260
260
  event.preventDefault();
261
261
  }
262
262
  }
@@ -325,7 +325,7 @@ const MarginTradingCalculator = ({
325
325
  /* @__PURE__ */ jsx("sup", { children: "3" })
326
326
  ] }),
327
327
  /* @__PURE__ */ jsxs("div", { children: [
328
- /* @__PURE__ */ jsx("div", { id: "errMsg" }),
328
+ /* @__PURE__ */ jsx("div", { id: "errMsg", className: `${errorTag}` }),
329
329
  /* @__PURE__ */ jsxs("table", { className: `${table} ${r502_fs12}`, children: [
330
330
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
331
331
  /* @__PURE__ */ jsx("th", { className: `ax-th ${tc} ${bb0} ${btl} ${w25}`, children: "Axos Standard" }),
@@ -78,6 +78,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
78
78
  import "react-wrap-balancer";
79
79
  /* empty css */
80
80
  /* empty css */
81
+ /* empty css */
81
82
  /* empty css */
82
83
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
84
  /* empty css */
@@ -78,6 +78,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
78
78
  import "react-wrap-balancer";
79
79
  /* empty css */
80
80
  /* empty css */
81
+ /* empty css */
81
82
  /* empty css */
82
83
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
84
  /* empty css */
@@ -75,6 +75,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
75
75
  import "react-wrap-balancer";
76
76
  /* empty css */
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
81
  /* empty css */
@@ -76,6 +76,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
76
76
  import "react-wrap-balancer";
77
77
  /* empty css */
78
78
  /* empty css */
79
+ /* empty css */
79
80
  /* empty css */
80
81
  import "../LandingPageHeader/LandingPageHeader.css.js";
81
82
  /* empty css */
@@ -1 +1,3 @@
1
- export declare const AxosFooterSiteMap: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const AxosFooterSiteMap: ({ showButtons, }: {
2
+ showButtons?: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import "../../Accordion/Accordion.js";
3
3
  import "../../Accordion/Accordion.css.js";
4
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -74,6 +74,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
74
74
  import "react-wrap-balancer";
75
75
  /* empty css */
76
76
  /* empty css */
77
+ /* empty css */
77
78
  /* empty css */
78
79
  import "../../LandingPageHeader/LandingPageHeader.css.js";
79
80
  /* empty css */
@@ -100,7 +101,9 @@ import "../../StepItemSet/StepItemSet.css.js";
100
101
  import "next/script.js";
101
102
  /* empty css */
102
103
  /* empty css */
103
- const AxosFooterSiteMap = () => {
104
+ const AxosFooterSiteMap = ({
105
+ showButtons = false
106
+ }) => {
104
107
  return /* @__PURE__ */ jsx("footer", { className: footer_section, id: "site_map", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
105
108
  /* @__PURE__ */ jsxs("nav", { className: footer_wrapper, children: [
106
109
  /* @__PURE__ */ jsxs("div", { className: ft_col, children: [
@@ -486,42 +489,44 @@ const AxosFooterSiteMap = () => {
486
489
  ) }) })
487
490
  ] }),
488
491
  /* @__PURE__ */ jsxs("div", { className: footer_mobile, children: [
489
- /* @__PURE__ */ jsx("h2", { className: "gradient_text text_center", children: "All your finances. In one place." }),
490
- /* @__PURE__ */ jsxs("div", { className: "push_up flex center middle gap_24", children: [
491
- /* @__PURE__ */ jsx(
492
- "a",
493
- {
494
- href: findMoreAxosDomains(
495
- "https://play.google.com/store/apps/details?id=com.axos.udb"
496
- ),
497
- "aria-label": "visit the Google Play store to download the axos bank mobile app",
498
- title: "Google Play",
499
- children: /* @__PURE__ */ jsx(
500
- "img",
501
- {
502
- alt: "get it on Google Play",
503
- src: "https://images.axos.com/o9ov1v03uwqk/o446Mf5JdBS9RsXaaZYKb/10e6b082f3eeec4ecffc5d9b29ea4954/google-play.svg"
504
- }
505
- )
506
- }
507
- ),
508
- /* @__PURE__ */ jsx(
509
- "a",
510
- {
511
- href: findMoreAxosDomains(
512
- "https://apps.apple.com/us/app/axos-bank/id1396586421"
513
- ),
514
- "aria-label": "visit the App Store to download the Axos Bank mobile app",
515
- title: "App Store",
516
- children: /* @__PURE__ */ jsx(
517
- "img",
518
- {
519
- alt: "download on the App Store",
520
- src: "https://images.axos.com/o9ov1v03uwqk/6Ja0ODDH2HVdAFBIfQEiuh/d1894874d54c0dced3d7fe879135315a/app-store.svg"
521
- }
522
- )
523
- }
524
- )
492
+ showButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
493
+ /* @__PURE__ */ jsx("h2", { className: "gradient_text text_center", children: "All your finances. In one place." }),
494
+ /* @__PURE__ */ jsxs("div", { className: "push_up flex center middle gap_24", children: [
495
+ /* @__PURE__ */ jsx(
496
+ "a",
497
+ {
498
+ href: findMoreAxosDomains(
499
+ "https://play.google.com/store/apps/details?id=com.axos.udb"
500
+ ),
501
+ "aria-label": "visit the Google Play store to download the axos bank mobile app",
502
+ title: "Google Play",
503
+ children: /* @__PURE__ */ jsx(
504
+ "img",
505
+ {
506
+ alt: "get it on Google Play",
507
+ src: "https://images.axos.com/o9ov1v03uwqk/o446Mf5JdBS9RsXaaZYKb/10e6b082f3eeec4ecffc5d9b29ea4954/google-play.svg"
508
+ }
509
+ )
510
+ }
511
+ ),
512
+ /* @__PURE__ */ jsx(
513
+ "a",
514
+ {
515
+ href: findMoreAxosDomains(
516
+ "https://apps.apple.com/us/app/axos-bank/id1396586421"
517
+ ),
518
+ "aria-label": "visit the App Store to download the Axos Bank mobile app",
519
+ title: "App Store",
520
+ children: /* @__PURE__ */ jsx(
521
+ "img",
522
+ {
523
+ alt: "download on the App Store",
524
+ src: "https://images.axos.com/o9ov1v03uwqk/6Ja0ODDH2HVdAFBIfQEiuh/d1894874d54c0dced3d7fe879135315a/app-store.svg"
525
+ }
526
+ )
527
+ }
528
+ )
529
+ ] })
525
530
  ] }),
526
531
  /* @__PURE__ */ jsxs("div", { className: ft_panel_group, children: [
527
532
  /* @__PURE__ */ jsxs("details", { className: `${ft_panel} push_up_32`, children: [
@@ -78,6 +78,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
78
78
  import "react-wrap-balancer";
79
79
  /* empty css */
80
80
  /* empty css */
81
+ /* empty css */
81
82
  /* empty css */
82
83
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
84
  /* empty css */
@@ -78,6 +78,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
78
78
  import "react-wrap-balancer";
79
79
  /* empty css */
80
80
  /* empty css */
81
+ /* empty css */
81
82
  /* empty css */
82
83
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
84
  /* empty css */
@@ -79,6 +79,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
79
79
  import "react-wrap-balancer";
80
80
  /* empty css */
81
81
  /* empty css */
82
+ /* empty css */
82
83
  /* empty css */
83
84
  import "../LandingPageHeader/LandingPageHeader.css.js";
84
85
  /* empty css */
@@ -78,6 +78,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
78
78
  import "react-wrap-balancer";
79
79
  /* empty css */
80
80
  /* empty css */
81
+ /* empty css */
81
82
  /* empty css */
82
83
  import "../../LandingPageHeader/LandingPageHeader.css.js";
83
84
  import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
@@ -74,6 +74,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
74
74
  import "react-wrap-balancer";
75
75
  /* empty css */
76
76
  /* empty css */
77
+ /* empty css */
77
78
  /* empty css */
78
79
  import "../../LandingPageHeader/LandingPageHeader.css.js";
79
80
  /* empty css */
@@ -62,6 +62,7 @@ import "../Input/DownPaymentInput.js";
62
62
  import "react-wrap-balancer";
63
63
  /* empty css */
64
64
  /* empty css */
65
+ /* empty css */
65
66
  /* empty css */
66
67
  import "../LandingPageHeader/LandingPageHeader.css.js";
67
68
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -75,6 +75,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
75
75
  import "react-wrap-balancer";
76
76
  /* empty css */
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
81
  /* empty css */
@@ -70,6 +70,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
70
70
  import "react-wrap-balancer";
71
71
  /* empty css */
72
72
  /* empty css */
73
+ /* empty css */
73
74
  /* empty css */
74
75
  import "../LandingPageHeader/LandingPageHeader.css.js";
75
76
  /* empty css */
@@ -76,6 +76,7 @@ import ImageLink from "./ImageLink.js";
76
76
  import "react-wrap-balancer";
77
77
  /* empty css */
78
78
  /* empty css */
79
+ /* empty css */
79
80
  /* empty css */
80
81
  import "../LandingPageHeader/LandingPageHeader.css.js";
81
82
  /* empty css */
@@ -73,6 +73,7 @@ import { ImageLinkSet } from "./ImageLinkSet.js";
73
73
  import "react-wrap-balancer";
74
74
  /* empty css */
75
75
  /* empty css */
76
+ /* empty css */
76
77
  /* empty css */
77
78
  import "../LandingPageHeader/LandingPageHeader.css.js";
78
79
  /* empty css */
@@ -73,6 +73,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
73
73
  /* empty css */
74
74
  import Balancer from "react-wrap-balancer";
75
75
  import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
76
+ /* empty css */
76
77
  /* empty css */
77
78
  import "../../LandingPageHeader/LandingPageHeader.css.js";
78
79
  /* empty css */
@@ -77,6 +77,7 @@ import Balancer from "react-wrap-balancer";
77
77
  /* empty css */
78
78
  /* empty css */
79
79
  import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
80
+ /* empty css */
80
81
  /* empty css */
81
82
  import "../../LandingPageHeader/LandingPageHeader.css.js";
82
83
  /* empty css */
@@ -134,7 +135,6 @@ const Featured = (props) => {
134
135
  const { id, variant: fullVariant, featured, headline } = props;
135
136
  const variant = getVariant(fullVariant);
136
137
  const [main, ...restFeatured] = featured;
137
- console.log(main);
138
138
  return /* @__PURE__ */ jsx(
139
139
  "section",
140
140
  {
@@ -0,0 +1,5 @@
1
+ export declare const header_featured: string;
2
+ export declare const breadcumbs_header_featured_section: string;
3
+ export declare const breadcumb_link: string;
4
+ export declare const header_title_featured: string;
5
+ export declare const header_in_insight: string;
@@ -0,0 +1,13 @@
1
+ /* empty css */
2
+ var header_featured = "_19yqlq40";
3
+ var breadcumbs_header_featured_section = "_19yqlq41";
4
+ var breadcumb_link = "_19yqlq42";
5
+ var header_title_featured = "_19yqlq43";
6
+ var header_in_insight = "_19yqlq44";
7
+ export {
8
+ breadcumb_link,
9
+ breadcumbs_header_featured_section,
10
+ header_featured,
11
+ header_in_insight,
12
+ header_title_featured
13
+ };
@@ -0,0 +1,7 @@
1
+ type Props = {
2
+ showTitle?: boolean;
3
+ breadcumb: Array<string> | undefined;
4
+ section: string | undefined;
5
+ };
6
+ declare const BreadcumbHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
7
+ export { BreadcumbHeader };
@@ -0,0 +1,129 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { title } from "../../IconBillboard/IconBillboard.css.js";
3
+ import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
+ import "../../icons/CheckIcon/CheckIcon.css.js";
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ import "../../utils/allowedAxosDomains.js";
10
+ /* empty css */
11
+ /* empty css */
12
+ import "../../Accordion/Accordion.js";
13
+ import "../../Accordion/Accordion.css.js";
14
+ import "../../AlertBanner/AlertBanner.css.js";
15
+ import "../../Article/Article.css.js";
16
+ import "../../Interstitial/Interstitial-variants.css.js";
17
+ import "../../Chevron/Chevron.css.js";
18
+ /* empty css */
19
+ import "../../Modal/contextApi/store.js";
20
+ import clsx from "clsx";
21
+ import "react";
22
+ import "../../Button/Button.css.js";
23
+ import "react-use";
24
+ import "../../ArticlesSet/ArticlesSet.css.js";
25
+ import "../../Calculators/calculator.css.js";
26
+ import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
+ import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
28
+ import "../../Table/Table.css.js";
29
+ import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
30
+ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
+ import "@hookform/resolvers/zod";
32
+ import "../../Input/Checkbox.js";
33
+ import "../../Input/CurrencyInput.js";
34
+ import "../../Input/Dropdown.js";
35
+ import "../../Input/Dropdown.css.js";
36
+ import "../../Input/Input.js";
37
+ import "../../Input/Input.css.js";
38
+ import "../../Input/InputAmount.js";
39
+ import "../../Input/InputPhone.js";
40
+ import "../../Input/InputTextArea.js";
41
+ import "../../Input/DownPaymentInput.js";
42
+ import "react-hook-form";
43
+ import "../../Forms/Forms.css.js";
44
+ import "../../Forms/SalesforceFieldsForm.js";
45
+ import "../../Input/RadioButton.css.js";
46
+ import "../../Input/Checkbox.css.js";
47
+ import "../../LoadingIndicator/LoadingIndicator.css.js";
48
+ import "../../Input/RadioButton.js";
49
+ import "../../Inputs/Input.css.js";
50
+ import "iframe-resizer";
51
+ /* empty css */
52
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
53
+ /* empty css */
54
+ /* empty css */
55
+ /* empty css */
56
+ import "../../Carousel/index.js";
57
+ import "../../Hyperlink/Hyperlink.css.js";
58
+ /* empty css */
59
+ import "../../Comparison/Comparison.css.js";
60
+ import "../../HeroBanner/HeroBanner.css.js";
61
+ import "../../HeroBanner/LargeBanner.css.js";
62
+ import "../../HeroBanner/SelectionBanner.css.js";
63
+ import "../../SetContainer/SetContainer.css.js";
64
+ import "../../Tab/Tab.css.js";
65
+ import "../../icons/Star/Star.css.js";
66
+ import "../../ContentBanner/ContentBanner.css.js";
67
+ /* empty css */
68
+ import "../../ExecutiveBio/ExecutiveBio.css.js";
69
+ import "../../FaqAccordion/index.js";
70
+ import "../../FooterDisclosure/FooterDisclosure.css.js";
71
+ /* empty css */
72
+ import "../../ImageBillboard/ImageBillboard.css.js";
73
+ /* empty css */
74
+ import "react-wrap-balancer";
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ import "../../LandingPageHeader/LandingPageHeader.css.js";
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ import "../../NavigationMenu/AxosBank/NavData.js";
85
+ import "next/navigation.js";
86
+ import "next/image.js";
87
+ import "next/link.js";
88
+ /* empty css */
89
+ /* empty css */
90
+ import "../../PageNavItem/PageNavItem.css.js";
91
+ import "react-slick";
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ import "../../StepItem/StepItem.css.js";
96
+ import "../../StepItemSet/StepItemSet.css.js";
97
+ /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ import "next/script.js";
101
+ /* empty css */
102
+ /* empty css */
103
+ import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
104
+ const BreadcumbHeader = (props) => {
105
+ const { section, showTitle = true } = props;
106
+ return /* @__PURE__ */ jsx(
107
+ "div",
108
+ {
109
+ className: clsx(
110
+ !showTitle ? header_in_insight : "",
111
+ "containment",
112
+ header_featured
113
+ ),
114
+ children: showTitle && /* @__PURE__ */ jsxs(
115
+ "h1",
116
+ {
117
+ className: clsx(title({ variant: "primary" }), header_title_featured),
118
+ children: [
119
+ section,
120
+ " Insights"
121
+ ]
122
+ }
123
+ )
124
+ }
125
+ );
126
+ };
127
+ export {
128
+ BreadcumbHeader
129
+ };
@@ -1,3 +1,4 @@
1
1
  export * from './CategorySelector';
2
2
  export * from './Featured';
3
3
  export * from './Featured.css';
4
+ export * from './Header';
@@ -1,7 +1,9 @@
1
1
  import { CategorySelector, InsightItem } from "./CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured.js";
3
3
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
4
+ import { BreadcumbHeader } from "./Header.js";
4
5
  export {
6
+ BreadcumbHeader,
5
7
  CategorySelector,
6
8
  Featured,
7
9
  FeaturedItem,
@@ -1,8 +1,10 @@
1
1
  import { CategorySelector, InsightItem } from "./Featured/CategorySelector.js";
2
2
  import { Featured, FeaturedItem } from "./Featured/Featured.js";
3
3
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured/Featured.css.js";
4
+ import { BreadcumbHeader } from "./Featured/Header.js";
4
5
  import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight.css.js";
5
6
  export {
7
+ BreadcumbHeader,
6
8
  CategorySelector,
7
9
  Featured,
8
10
  FeaturedItem,
@@ -73,6 +73,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
73
73
  import "react-wrap-balancer";
74
74
  /* empty css */
75
75
  /* empty css */
76
+ /* empty css */
76
77
  /* empty css */
77
78
  import "../LandingPageHeader/LandingPageHeader.css.js";
78
79
  import "./contextApi/store.js";
@@ -74,6 +74,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
74
74
  import "react-wrap-balancer";
75
75
  /* empty css */
76
76
  /* empty css */
77
+ /* empty css */
77
78
  /* empty css */
78
79
  import "../../LandingPageHeader/LandingPageHeader.css.js";
79
80
  /* empty css */
@@ -75,6 +75,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
75
75
  import "react-wrap-balancer";
76
76
  /* empty css */
77
77
  /* empty css */
78
+ /* empty css */
78
79
  /* empty css */
79
80
  import "../../LandingPageHeader/LandingPageHeader.css.js";
80
81
  /* empty css */
@@ -126,7 +127,7 @@ function SubNavBar() {
126
127
  "/about-us",
127
128
  "/legal",
128
129
  "/commercial",
129
- "/invest/insights"
130
+ "/invest"
130
131
  ].some((el) => pathname?.includes(el) || isHomepage)
131
132
  );
132
133
  }, [pathname]);
@@ -157,7 +158,7 @@ function SubNavBar() {
157
158
  };
158
159
  return showNavbar ? /* @__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__ */ jsxs("nav", { children: [
159
160
  /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
160
- (isHomepage || pathname?.includes("/personal") || pathname?.includes("/invest/insights")) && /* @__PURE__ */ jsxs(Fragment, { children: [
161
+ (isHomepage || pathname?.includes("/personal") || pathname?.includes("/invest")) && /* @__PURE__ */ jsxs(Fragment, { children: [
161
162
  /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
162
163
  "a",
163
164
  {
@@ -74,6 +74,7 @@ import "../../ImageBillboard/ImageBillboard.css.js";
74
74
  import "react-wrap-balancer";
75
75
  /* empty css */
76
76
  /* empty css */
77
+ /* empty css */
77
78
  /* empty css */
78
79
  import "../../LandingPageHeader/LandingPageHeader.css.js";
79
80
  /* empty css */
@@ -73,6 +73,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
73
73
  import "react-wrap-balancer";
74
74
  /* empty css */
75
75
  /* empty css */
76
+ /* empty css */
76
77
  /* empty css */
77
78
  import "../LandingPageHeader/LandingPageHeader.css.js";
78
79
  /* empty css */
@@ -371,7 +371,7 @@
371
371
  }
372
372
  }
373
373
  @media screen and (min-width: 801px) {
374
- hr {
374
+ .rate-watch-form hr {
375
375
  display: none;
376
376
  }
377
377
  .tfms6a1u {
@@ -29,6 +29,12 @@
29
29
  ._1sr2o6v6 {
30
30
  margin-bottom: 8px;
31
31
  max-height: min(76px, 108px);
32
+ display: -webkit-box;
33
+ -webkit-box-orient: vertical;
34
+ line-clamp: 2;
35
+ -webkit-line-clamp: 2;
36
+ overflow: hidden;
37
+ text-overflow: ellipsis;
32
38
  }
33
39
  ._1sr2o6v7 {
34
40
  margin: clamp(24px, 28px, 38px) 0;
@@ -69,6 +75,10 @@
69
75
  text-overflow: ellipsis;
70
76
  margin-bottom: 8px;
71
77
  max-height: max(76px, 118px);
78
+ display: -webkit-box;
79
+ -webkit-box-orient: vertical;
80
+ line-clamp: 2;
81
+ -webkit-line-clamp: 2;
72
82
  }
73
83
  @media screen and (max-width:1024px) {
74
84
 
@@ -0,0 +1,39 @@
1
+ ._19yqlq40 {
2
+ padding: 24px 0;
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: 24px;
6
+ }
7
+ ._19yqlq41 {
8
+ display: flex;
9
+ gap: 6px;
10
+ text-transform: capitalize;
11
+ letter-spacing: 0.2px;
12
+ font-size: 14px;
13
+ }
14
+ ._19yqlq42 {
15
+ text-decoration: underline;
16
+ cursor: pointer;
17
+ text-underline-offset: 2px;
18
+ }
19
+ ._19yqlq42:hover {
20
+ opacity: 0.75;
21
+ }
22
+ ._19yqlq43 {
23
+ font-size: 48px;
24
+ line-height: 56px;
25
+ text-transform: capitalize;
26
+ }
27
+ ._19yqlq44 {
28
+ max-width: 800px;
29
+ }
30
+ @media screen and (max-width:768px) {
31
+ ._19yqlq43 {
32
+ font-size: 28px;
33
+ line-height: 36px;
34
+ }
35
+ ._19yqlq44 {
36
+ max-width: unset;
37
+ width: min(1200px, calc(100% - 4rem));
38
+ }
39
+ }
package/dist/main.js CHANGED
@@ -121,6 +121,7 @@ import { DownPaymentInput } from "./Input/DownPaymentInput.js";
121
121
  import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
122
122
  import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
123
123
  import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
124
+ import { BreadcumbHeader } from "./Insight/Featured/Header.js";
124
125
  import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight/Insight.css.js";
125
126
  import { Interstitial } from "./Interstitial/Interstitial.js";
126
127
  import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
@@ -195,6 +196,7 @@ export {
195
196
  default4 as AxosXBlue,
196
197
  BalanceAPYCalculator,
197
198
  Blockquote,
199
+ BreadcumbHeader,
198
200
  BulletItem,
199
201
  Button,
200
202
  Calculator,
@@ -1,7 +1,6 @@
1
1
  const moreDomains = {
2
- // "{AXOS}": "https://www.axos.com",
3
- "{AXOS}": "" + process.env.AXOS_URL,
4
- "{AXOSBANK}": process.env.AXOS_BANK_URL ?? "https://www.axosbank.com",
2
+ "{AXOS}": "" + process.env.AXOS_URL || "https://www.axos.com",
3
+ "{AXOSBANK}": process.env.AXOS_BANK_URL || "https://www.axosbank.com",
5
4
  "{AXOSCLEARING}": process.env.CLEARING_URL || "https://axosclearing.com",
6
5
  "{AAS}": process.env.AAS_URL || "https://www.axosadvisorservices.com",
7
6
  "{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.150",
4
+ "version": "0.0.152",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",