@axos-web-dev/shared-components 0.0.182 → 0.0.183

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.
@@ -10,6 +10,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
10
10
  /* empty css */
11
11
  import "../utils/allowedAxosDomains.js";
12
12
  import { getVariant } from "../utils/getVariant.js";
13
+ import clsx from "clsx";
13
14
  /* empty css */
14
15
  /* empty css */
15
16
  import "../Button/Button.css.js";
@@ -23,7 +24,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
23
24
  /* empty css */
24
25
  /* empty css */
25
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
- import clsx from "clsx";
27
27
  import "../Table/Table.css.js";
28
28
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
29
29
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -17,6 +17,8 @@ const AwardsItem = ({
17
17
  case "4.0 Stars":
18
18
  rating = "https://images.axos.com/o9ov1v03uwqk/7qNXIOMTzaDfPhCAlXP41u/2a7d54670fb94594994a2beb3b3c00fc/4-stars.svg";
19
19
  break;
20
+ default:
21
+ rating = void 0;
20
22
  }
21
23
  return /* @__PURE__ */ jsxs(
22
24
  "div",
@@ -10,5 +10,6 @@ export interface BulletItemProps extends PropsWithChildren {
10
10
  };
11
11
  copy?: ReactNode;
12
12
  subBullet?: boolean;
13
+ className?: string;
13
14
  }
14
15
  export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -9,11 +9,12 @@ import "../icons/CheckIcon/CheckIcon.css.js";
9
9
  /* empty css */
10
10
  import "../utils/allowedAxosDomains.js";
11
11
  import { getVariant } from "../utils/getVariant.js";
12
+ import clsx from "clsx";
12
13
  import { bulletIcon } from "./BulletItem.css.js";
13
14
  const BulletItem = (props) => {
14
15
  const fullVariant = getVariant(props?.variant);
15
16
  const variant = fullVariant === "primary" || fullVariant === "secondary" ? "primary" : "secondary";
16
- return /* @__PURE__ */ jsxs("li", { className: listItem, children: [
17
+ return /* @__PURE__ */ jsxs("li", { className: clsx(listItem, props.className), children: [
17
18
  /* @__PURE__ */ jsx("span", { className: bulletIcon, children: /* @__PURE__ */ jsx(SvgCheckCircle, { variant, height: 18, width: 18 }) }),
18
19
  /* @__PURE__ */ jsx("div", { children: props.children })
19
20
  ] }, props.id);
@@ -13,6 +13,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
13
13
  /* empty css */
14
14
  import "../utils/allowedAxosDomains.js";
15
15
  import { getVariant } from "../utils/getVariant.js";
16
+ import clsx from "clsx";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  import "../Accordion/Accordion.js";
@@ -30,7 +31,6 @@ import { calculator_headline, calculator_description } from "./calculator.css.js
30
31
  import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
31
32
  import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
32
33
  import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
33
- import clsx from "clsx";
34
34
  import { useRef, useEffect } from "react";
35
35
  /* empty css */
36
36
  import "../Carousel/index.js";
@@ -12,6 +12,7 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
12
12
  import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
13
13
  import "../utils/allowedAxosDomains.js";
14
14
  import { getVariant } from "../utils/getVariant.js";
15
+ import clsx from "clsx";
15
16
  /* empty css */
16
17
  /* empty css */
17
18
  import "../Accordion/Accordion.js";
@@ -22,7 +23,6 @@ import "../Interstitial/Interstitial-variants.css.js";
22
23
  import "../Chevron/Chevron.css.js";
23
24
  /* empty css */
24
25
  import "../Modal/contextApi/store.js";
25
- import clsx from "clsx";
26
26
  import React, { useEffect, Children, cloneElement } from "react";
27
27
  import "../Button/Button.css.js";
28
28
  import "react-use";
@@ -149,6 +149,7 @@ const Comparison = ({
149
149
  {
150
150
  id: item.id,
151
151
  variant: item?.variant,
152
+ className: "list_item flex",
152
153
  children: item.copy
153
154
  },
154
155
  item.id
@@ -13,12 +13,12 @@ import "../../AlertBanner/AlertBanner.css.js";
13
13
  import "../../Article/Article.css.js";
14
14
  import "../../IconBillboard/IconBillboard.css.js";
15
15
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
16
+ import "clsx";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  import "../../Interstitial/Interstitial-variants.css.js";
19
20
  /* empty css */
20
21
  import "../../Modal/contextApi/store.js";
21
- import "clsx";
22
22
  import "../../Button/Button.css.js";
23
23
  import "react-use";
24
24
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -13,6 +13,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
13
13
  import "../../utils/allowedAxosDomains.js";
14
14
  import { associatedEmail } from "../../utils/EverestValidity.js";
15
15
  import { getVariant } from "../../utils/getVariant.js";
16
+ import clsx from "clsx";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  import "../../Accordion/Accordion.js";
@@ -20,7 +21,6 @@ import "../../Accordion/Accordion.css.js";
20
21
  import "../../AlertBanner/AlertBanner.css.js";
21
22
  import "../../Article/Article.css.js";
22
23
  import "../../ArticlesSet/ArticlesSet.css.js";
23
- import clsx from "clsx";
24
24
  import { useState, useEffect } from "react";
25
25
  import "../../Calculators/calculator.css.js";
26
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -15,12 +15,12 @@ import "../Article/Article.css.js";
15
15
  import "../IconBillboard/IconBillboard.css.js";
16
16
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
17
17
  import { validateLink } from "../utils/validateExternalLinks.js";
18
+ import clsx from "clsx";
18
19
  /* empty css */
19
20
  /* empty css */
20
21
  import "../Interstitial/Interstitial-variants.css.js";
21
22
  /* empty css */
22
23
  import { useGlobalContext } from "../Modal/contextApi/store.js";
23
- import clsx from "clsx";
24
24
  import "../Button/Button.css.js";
25
25
  import "react-use";
26
26
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  import "../utils/allowedAxosDomains.js";
11
+ import "clsx";
11
12
  /* empty css */
12
13
  /* empty css */
13
14
  import "../Accordion/Accordion.js";
@@ -15,7 +16,6 @@ import "../Accordion/Accordion.css.js";
15
16
  import "../AlertBanner/AlertBanner.css.js";
16
17
  import "../Article/Article.css.js";
17
18
  import "../ArticlesSet/ArticlesSet.css.js";
18
- import "clsx";
19
19
  import { isValidElement } from "react";
20
20
  import "../Calculators/calculator.css.js";
21
21
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -8,10 +8,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
8
8
  /* empty css */
9
9
  import "../utils/allowedAxosDomains.js";
10
10
  import { getVariant } from "../utils/getVariant.js";
11
+ import "clsx";
11
12
  /* empty css */
12
13
  /* empty css */
13
14
  import { Chevron } from "../Chevron/index.js";
14
- import "clsx";
15
15
  import { Button } from "../Button/Button.js";
16
16
  import "../Button/Button.css.js";
17
17
  import "react";
@@ -13,12 +13,12 @@ import "../AlertBanner/AlertBanner.css.js";
13
13
  import "../Article/Article.css.js";
14
14
  import "../IconBillboard/IconBillboard.css.js";
15
15
  import "../utils/allowedAxosDomains.js";
16
+ import "clsx";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  import "../Interstitial/Interstitial-variants.css.js";
19
20
  /* empty css */
20
21
  import "../Modal/contextApi/store.js";
21
- import "clsx";
22
22
  import "../Button/Button.css.js";
23
23
  import "react-use";
24
24
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -9,9 +9,9 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
9
9
  /* empty css */
10
10
  import ClockIcon from "../../icons/Clock/index.js";
11
11
  import "../../utils/allowedAxosDomains.js";
12
+ import clsx from "clsx";
12
13
  /* empty css */
13
14
  /* empty css */
14
- import clsx from "clsx";
15
15
  import "../../Interstitial/Interstitial-variants.css.js";
16
16
  import "../../Chevron/Chevron.css.js";
17
17
  import "../../Accordion/Accordion.js";
@@ -9,6 +9,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
9
9
  import ClockIcon from "../../icons/Clock/index.js";
10
10
  import "../../utils/allowedAxosDomains.js";
11
11
  import { getVariant } from "../../utils/getVariant.js";
12
+ import clsx from "clsx";
12
13
  /* empty css */
13
14
  /* empty css */
14
15
  import "../../Accordion/Accordion.js";
@@ -19,7 +20,6 @@ import "../../Interstitial/Interstitial-variants.css.js";
19
20
  import "../../Chevron/Chevron.css.js";
20
21
  /* empty css */
21
22
  import "../../Modal/contextApi/store.js";
22
- import clsx from "clsx";
23
23
  import { Fragment } from "react";
24
24
  import "../../Button/Button.css.js";
25
25
  import "react-use";
@@ -7,6 +7,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  import "../../utils/allowedAxosDomains.js";
10
+ import clsx from "clsx";
10
11
  /* empty css */
11
12
  /* empty css */
12
13
  import "../../Accordion/Accordion.js";
@@ -17,7 +18,6 @@ import "../../Interstitial/Interstitial-variants.css.js";
17
18
  import "../../Chevron/Chevron.css.js";
18
19
  /* empty css */
19
20
  import "../../Modal/contextApi/store.js";
20
- import clsx from "clsx";
21
21
  import "react";
22
22
  import "../../Button/Button.css.js";
23
23
  import "react-use";
@@ -90,7 +90,7 @@ const LandingPageHeader = ({
90
90
  return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: `${lp_container} flex center middle`, children: /* @__PURE__ */ jsx(
91
91
  "a",
92
92
  {
93
- href: "/",
93
+ href: project == "AXI" ? "/invest" : "/",
94
94
  className: lp_hover,
95
95
  "aria-label": "axos logo, return to homepage",
96
96
  children: website.get(project)
@@ -22,7 +22,11 @@ function SubNavBar() {
22
22
  setIsMouseOver(!isMouseOver);
23
23
  };
24
24
  useEffect(() => {
25
- pathname?.includes("/products") ? setIsrender(true) : setIsrender(false);
25
+ if (pathname?.includes("/products")) {
26
+ setIsrender(true);
27
+ } else {
28
+ setIsrender(false);
29
+ }
26
30
  }, [pathname]);
27
31
  const date = /* @__PURE__ */ new Date();
28
32
  const day = date.getDate();
@@ -13,12 +13,12 @@ import "../../AlertBanner/AlertBanner.css.js";
13
13
  import "../../Article/Article.css.js";
14
14
  import "../../IconBillboard/IconBillboard.css.js";
15
15
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
16
+ import "clsx";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  import "../../Interstitial/Interstitial-variants.css.js";
19
20
  /* empty css */
20
21
  import "../../Modal/contextApi/store.js";
21
- import "clsx";
22
22
  import "../../Button/Button.css.js";
23
23
  import "react-use";
24
24
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -15,12 +15,12 @@ import "../../Article/Article.css.js";
15
15
  import "../../IconBillboard/IconBillboard.css.js";
16
16
  import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
17
17
  import { appendQueryParams } from "../../utils/appendQueryParams.js";
18
+ import "clsx";
18
19
  /* empty css */
19
20
  /* empty css */
20
21
  import "../../Interstitial/Interstitial-variants.css.js";
21
22
  /* empty css */
22
23
  import "../../Modal/contextApi/store.js";
23
- import "clsx";
24
24
  import "../../Button/Button.css.js";
25
25
  import "react-use";
26
26
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -11,6 +11,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
11
11
  import "../utils/allowedAxosDomains.js";
12
12
  import { getVariant } from "../utils/getVariant.js";
13
13
  import { columnValues } from "../utils/variant.types.js";
14
+ import clsx from "clsx";
14
15
  /* empty css */
15
16
  /* empty css */
16
17
  import "../Accordion/Accordion.js";
@@ -18,7 +19,6 @@ import "../Accordion/Accordion.css.js";
18
19
  import "../AlertBanner/AlertBanner.css.js";
19
20
  import "../Article/Article.css.js";
20
21
  import "../ArticlesSet/ArticlesSet.css.js";
21
- import clsx from "clsx";
22
22
  import "react";
23
23
  import "../Calculators/calculator.css.js";
24
24
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -1,10 +1,113 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "../Accordion/Accordion.js";
3
+ import "../Accordion/Accordion.css.js";
4
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
5
+ import "../icons/CheckIcon/CheckIcon.css.js";
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ import "react";
11
+ import "../Chevron/Chevron.css.js";
12
+ import "../AlertBanner/AlertBanner.css.js";
13
+ import "../Article/Article.css.js";
14
+ import "../IconBillboard/IconBillboard.css.js";
15
+ import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
16
+ import "clsx";
17
+ /* empty css */
18
+ /* empty css */
19
+ import "../Interstitial/Interstitial-variants.css.js";
20
+ /* empty css */
21
+ import "../Modal/contextApi/store.js";
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 "../Input/RadioButton.js";
43
+ import "react-hook-form";
44
+ import "../Forms/Forms.css.js";
45
+ import "../Forms/SalesforceFieldsForm.js";
46
+ import "../Input/RadioButton.css.js";
47
+ import "../Input/Checkbox.css.js";
48
+ import "../LoadingIndicator/LoadingIndicator.css.js";
49
+ import "../Inputs/Input.css.js";
50
+ /* empty css */
51
+ import { Hyperlink } from "../Hyperlink/index.js";
52
+ /* empty css */
53
+ import "iframe-resizer";
54
+ /* empty css */
55
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
56
+ /* empty css */
57
+ /* empty css */
58
+ /* empty css */
59
+ import "../Carousel/index.js";
60
+ /* empty css */
61
+ import "../Comparison/Comparison.css.js";
62
+ import "../HeroBanner/HeroBanner.css.js";
63
+ import "../HeroBanner/LargeBanner.css.js";
64
+ import "../HeroBanner/SelectionBanner.css.js";
65
+ import "../SetContainer/SetContainer.css.js";
66
+ import "../Tab/Tab.css.js";
67
+ import "../icons/Star/Star.css.js";
68
+ import "../ContentBanner/ContentBanner.css.js";
69
+ /* empty css */
70
+ import "../ExecutiveBio/ExecutiveBio.css.js";
71
+ import "../FaqAccordion/index.js";
72
+ import "../FooterDisclosure/FooterDisclosure.css.js";
73
+ /* empty css */
74
+ import "../ImageBillboard/ImageBillboard.css.js";
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ import "../LandingPageHeader/LandingPageHeader.css.js";
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ import "../NavigationMenu/AxosBank/NavData.js";
87
+ import "next/navigation.js";
88
+ import "next/image.js";
89
+ /* empty css */
90
+ import "next/link.js";
91
+ /* empty css */
92
+ import "../PageNavItem/PageNavItem.css.js";
93
+ import "react-slick";
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
+ import "../StepItem/StepItem.css.js";
99
+ import "../StepItemSet/StepItemSet.css.js";
100
+ /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ import "next/script.js";
104
+ /* empty css */
105
+ /* empty css */
2
106
  const BusinessWire = () => /* @__PURE__ */ jsx(
3
- "a",
107
+ Hyperlink,
4
108
  {
5
- href: "#",
6
109
  "aria-label": "learn more about us on Business Wire",
7
- title: "Business Wire",
110
+ targetUrl: findMoreAxosDomains("#"),
8
111
  children: /* @__PURE__ */ jsxs(
9
112
  "svg",
10
113
  {
@@ -39,11 +142,12 @@ const BusinessWire = () => /* @__PURE__ */ jsx(
39
142
  }
40
143
  );
41
144
  const Facebook = () => /* @__PURE__ */ jsx(
42
- "a",
145
+ Hyperlink,
43
146
  {
44
- href: "https://www.facebook.com/AxosBank/",
45
147
  "aria-label": "visit us on facebook",
46
- title: "Facebook",
148
+ targetUrl: findMoreAxosDomains(
149
+ "https://www.facebook.com/AxosBank/"
150
+ ),
47
151
  children: /* @__PURE__ */ jsxs(
48
152
  "svg",
49
153
  {
@@ -75,11 +179,12 @@ const Facebook = () => /* @__PURE__ */ jsx(
75
179
  }
76
180
  );
77
181
  const Glassdoor = () => /* @__PURE__ */ jsx(
78
- "a",
182
+ Hyperlink,
79
183
  {
80
- href: "https://www.glassdoor.com/Overview/Working-at-Axos-Bank-EI_IE2290835.11,20.htm",
81
184
  "aria-label": "visit us on glassdoor",
82
- title: "Glassdor",
185
+ targetUrl: findMoreAxosDomains(
186
+ "https://www.glassdoor.com/Overview/Working-at-Axos-Bank-EI_IE2290835.11,20.htm"
187
+ ),
83
188
  children: /* @__PURE__ */ jsxs(
84
189
  "svg",
85
190
  {
@@ -114,11 +219,12 @@ const Glassdoor = () => /* @__PURE__ */ jsx(
114
219
  }
115
220
  );
116
221
  const Indeed = () => /* @__PURE__ */ jsx(
117
- "a",
222
+ Hyperlink,
118
223
  {
119
- href: "https://www.indeed.com/jobs?q=Axos+Bank&l=&from=searchOnDesktopSerp&vjk=ddeef73453ff72df",
120
224
  "aria-label": "visit us on indeed",
121
- title: "Indeed",
225
+ targetUrl: findMoreAxosDomains(
226
+ "https://www.indeed.com/jobs?q=Axos+Bank&l=&from=searchOnDesktopSerp&vjk=ddeef73453ff72df"
227
+ ),
122
228
  children: /* @__PURE__ */ jsxs(
123
229
  "svg",
124
230
  {
@@ -153,11 +259,12 @@ const Indeed = () => /* @__PURE__ */ jsx(
153
259
  }
154
260
  );
155
261
  const Instagram = () => /* @__PURE__ */ jsx(
156
- "a",
262
+ Hyperlink,
157
263
  {
158
- href: "https://www.instagram.com/axosbank/",
159
264
  "aria-label": "visit us on instagram",
160
- title: "Instagram",
265
+ targetUrl: findMoreAxosDomains(
266
+ "https://www.instagram.com/axosbank/"
267
+ ),
161
268
  children: /* @__PURE__ */ jsxs(
162
269
  "svg",
163
270
  {
@@ -206,11 +313,12 @@ const Instagram = () => /* @__PURE__ */ jsx(
206
313
  }
207
314
  );
208
315
  const LinkedIn = () => /* @__PURE__ */ jsx(
209
- "a",
316
+ Hyperlink,
210
317
  {
211
- href: "https://www.linkedin.com/company/axosbank",
212
318
  "aria-label": "visit us on linked In",
213
- title: "LinkedIn",
319
+ targetUrl: findMoreAxosDomains(
320
+ "https://www.linkedin.com/company/axosbank"
321
+ ),
214
322
  children: /* @__PURE__ */ jsxs(
215
323
  "svg",
216
324
  {
@@ -253,11 +361,12 @@ const LinkedIn = () => /* @__PURE__ */ jsx(
253
361
  }
254
362
  );
255
363
  const Libsyn = () => /* @__PURE__ */ jsx(
256
- "a",
364
+ Hyperlink,
257
365
  {
258
- href: "https://moneyevolved.libsyn.com/",
259
366
  "aria-label": "visit us on lisyn",
260
- title: "Libsyn",
367
+ targetUrl: findMoreAxosDomains(
368
+ "https://moneyevolved.libsyn.com/"
369
+ ),
261
370
  children: /* @__PURE__ */ jsxs(
262
371
  "svg",
263
372
  {
@@ -294,11 +403,12 @@ const Libsyn = () => /* @__PURE__ */ jsx(
294
403
  }
295
404
  );
296
405
  const Pinterest = () => /* @__PURE__ */ jsx(
297
- "a",
406
+ Hyperlink,
298
407
  {
299
- href: "https://www.pinterest.com/axosbank/",
300
408
  "aria-label": "visit us on Pinterest",
301
- title: "Pinterest",
409
+ targetUrl: findMoreAxosDomains(
410
+ "https://www.pinterest.com/axosbank/"
411
+ ),
302
412
  children: /* @__PURE__ */ jsxs(
303
413
  "svg",
304
414
  {
@@ -333,11 +443,12 @@ const Pinterest = () => /* @__PURE__ */ jsx(
333
443
  }
334
444
  );
335
445
  const Spotify = () => /* @__PURE__ */ jsx(
336
- "a",
446
+ Hyperlink,
337
447
  {
338
- href: "https://open.spotify.com/show/31X53ul9KNOhep5KaLEQQs",
339
448
  "aria-label": "visit us on spotify",
340
- title: "Spotify",
449
+ targetUrl: findMoreAxosDomains(
450
+ "https://open.spotify.com/show/31X53ul9KNOhep5KaLEQQs"
451
+ ),
341
452
  children: /* @__PURE__ */ jsxs(
342
453
  "svg",
343
454
  {
@@ -372,11 +483,12 @@ const Spotify = () => /* @__PURE__ */ jsx(
372
483
  }
373
484
  );
374
485
  const Youtube = () => /* @__PURE__ */ jsx(
375
- "a",
486
+ Hyperlink,
376
487
  {
377
- href: "https://www.youtube.com/axosbank",
378
488
  "aria-label": "visit us on youtube",
379
- title: "Youtube",
489
+ targetUrl: findMoreAxosDomains(
490
+ "https://www.youtube.com/axosbank"
491
+ ),
380
492
  children: /* @__PURE__ */ jsxs(
381
493
  "svg",
382
494
  {
@@ -411,11 +523,12 @@ const Youtube = () => /* @__PURE__ */ jsx(
411
523
  }
412
524
  );
413
525
  const Xtwitter = () => /* @__PURE__ */ jsx(
414
- "a",
526
+ Hyperlink,
415
527
  {
416
- href: "https://twitter.com/axosbank",
417
528
  "aria-label": "visit us on X, formely twitter",
418
- title: "X (formely Twitter)",
529
+ targetUrl: findMoreAxosDomains(
530
+ "https://x.com/axosbank"
531
+ ),
419
532
  children: /* @__PURE__ */ jsxs(
420
533
  "svg",
421
534
  {
@@ -14,12 +14,12 @@ import "../AlertBanner/AlertBanner.css.js";
14
14
  import "../Article/Article.css.js";
15
15
  import { header_section } from "../IconBillboard/IconBillboard.css.js";
16
16
  import "../utils/allowedAxosDomains.js";
17
+ import clsx from "clsx";
17
18
  /* empty css */
18
19
  /* empty css */
19
20
  import "../Interstitial/Interstitial-variants.css.js";
20
21
  /* empty css */
21
22
  import "../Modal/contextApi/store.js";
22
- import clsx from "clsx";
23
23
  import "../Button/Button.css.js";
24
24
  import "react-use";
25
25
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -85,7 +85,7 @@
85
85
  display: block;
86
86
  bottom: initial;
87
87
  left: 50%;
88
- max-width: calc(100%-40px);
88
+ max-width: calc(100% - 40px);
89
89
  padding: 37px 1.5rem 1.5rem;
90
90
  top: 50%;
91
91
  transform: translate3d(-50%, -50%, 0px);
@@ -136,7 +136,7 @@
136
136
  .txcb8dv {
137
137
  width: 50%;
138
138
  }
139
- $.txcb8dm + .txcb8dv {
139
+ .txcb8dm + .txcb8dv {
140
140
  margin-left: 1.5rem;
141
141
  }
142
142
  .txcb8dv svg {
@@ -225,7 +225,7 @@ main > div:nth-last-child(2) > .txcb8d0 {
225
225
  .txcb8dv {
226
226
  margin-top: 24px;
227
227
  }
228
- $.txcb8dm + .txcb8dv {
228
+ .txcb8dm + .txcb8dv {
229
229
  margin-left: 0;
230
230
  }
231
231
  .txcb8dw {
@@ -134,7 +134,7 @@
134
134
  }
135
135
  @media (max-width: 1280px) and (min-width: 1024px) {
136
136
  ._1ye8k3f0 ._1ye8k3fa {
137
- width: calc(100%-28px);
137
+ width: calc(100% - 28px);
138
138
  }
139
139
  ._1ye8k3fb img {
140
140
  aspect-ratio: 1 / 1;
@@ -2,17 +2,17 @@
2
2
  background-color: #fff;
3
3
  }
4
4
  .nkpt491 {
5
- padding: 16px 0;
6
- min-height: 64px;
7
5
  flex-wrap: wrap;
8
6
  gap: 24px;
7
+ min-height: 64px;
8
+ padding: 16px 0;
9
9
  }
10
10
  .nkpt492 {
11
11
  padding: 16px 0 3.5rem 0;
12
12
  }
13
13
  .nkpt491 svg {
14
- max-width: 100%;
15
14
  height: auto;
15
+ max-width: 100%;
16
16
  }
17
17
  .nkpt491 a {
18
18
  transition: opacity 0.25s ease;
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.182",
4
+ "version": "0.0.183",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -39,7 +39,7 @@
39
39
  "@vanilla-extract/recipes": "^0.5.1",
40
40
  "antd": "^5.22.5",
41
41
  "clsx": "^2.1.1",
42
- "iframe-resizer": "4.3.11",
42
+ "iframe-resizer": "^3.6.6",
43
43
  "lodash": "^4.17.21",
44
44
  "moment": "^2.30.1",
45
45
  "react-date-picker": "^11.0.0",
@@ -61,7 +61,7 @@
61
61
  "@vanilla-extract/css-utils": "^0.1.3",
62
62
  "@vanilla-extract/recipes": "^0.5.1",
63
63
  "@vanilla-extract/vite-plugin": "^4.0.3",
64
- "next": "^14.1.4 || ^15.0.0",
64
+ "next": "^14.1.4",
65
65
  "react": "^18.2.0",
66
66
  "react-date-range": "^2.0.1",
67
67
  "react-dom": "^18.2.0",