@axos-web-dev/shared-components 1.0.92 → 1.0.94

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 (45) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Button/Button.js +1 -1
  3. package/dist/Calculators/AxosOneCalculator/index.js +9 -9
  4. package/dist/Calculators/Calculator.js +1 -1
  5. package/dist/Carousel/index.js +1 -1
  6. package/dist/Chevron/index.js +1 -1
  7. package/dist/Comparison/Comparison.js +2 -2
  8. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  9. package/dist/FaqAccordion/index.js +1 -1
  10. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  11. package/dist/Forms/ContactUsBusiness.js +1 -1
  12. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  13. package/dist/Forms/ContactUsNMLSId.js +1 -1
  14. package/dist/Forms/CraPublicFile.js +1 -1
  15. package/dist/Forms/EmailOnly.js +1 -1
  16. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  17. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  18. package/dist/Forms/SuccesForm.js +1 -1
  19. package/dist/Hyperlink/index.js +1 -1
  20. package/dist/IconBillboard/IconBillboard.css.d.ts +1 -0
  21. package/dist/IconBillboard/IconBillboard.css.js +2 -0
  22. package/dist/IconBillboard/IconBillboard.js +39 -4
  23. package/dist/IconBillboard/index.js +2 -1
  24. package/dist/ImageLink/ImageLink.js +1 -1
  25. package/dist/ImageLink/ImageLinkSet.js +2 -2
  26. package/dist/ImageLink/index.js +1 -1
  27. package/dist/Insight/Featured/CategorySelector.js +1 -1
  28. package/dist/Insight/Featured/Featured.js +1 -1
  29. package/dist/Insight/Featured/Header.js +1 -1
  30. package/dist/Modal/Modal.js +1 -1
  31. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  32. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  33. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  34. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  35. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  36. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  37. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  38. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  39. package/dist/SetContainer/SetContainer.js +1 -1
  40. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  41. package/dist/VideoWrapper/index.js +1 -1
  42. package/dist/assets/IconBillboard/IconBillboard.css +18 -1
  43. package/dist/assets/ImageBillboard/ImageBillboard.css +4 -1
  44. package/dist/main.js +2 -1
  45. package/package.json +1 -1
@@ -37,6 +37,7 @@ import "../Input/RadioButton.js";
37
37
  import "react-hook-form";
38
38
  import { iconForm } from "../Forms/Forms.css.js";
39
39
  import "../Forms/SalesforceFieldsForm.js";
40
+ import "next/link.js";
40
41
  import "../Input/RadioButton.css.js";
41
42
  import "../Input/Checkbox.css.js";
42
43
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -96,7 +97,6 @@ import "next/navigation.js";
96
97
  /* empty css */
97
98
  /* empty css */
98
99
  /* empty css */
99
- import "next/link.js";
100
100
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
101
101
  /* empty css */
102
102
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import "../Forms/Forms.css.js";
45
45
  import "../Forms/SalesforceFieldsForm.js";
46
46
  /* empty css */
47
47
  /* empty css */
48
+ import "next/link.js";
48
49
  import "../Input/RadioButton.css.js";
49
50
  import "../Input/Checkbox.css.js";
50
51
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -99,7 +100,6 @@ import "next/navigation.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  /* empty css */
102
- import "next/link.js";
103
103
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
104
  /* empty css */
105
105
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -141,48 +141,48 @@ const AxosOneCalculator = ({
141
141
  ] }),
142
142
  /* @__PURE__ */ jsxs(TableRow, { children: [
143
143
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
144
- "Chase",
144
+ "Wells Fargo",
145
145
  /* @__PURE__ */ jsx("sup", { children: "2" })
146
146
  ] }),
147
147
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
148
- chaseAPY.toFixed(2),
148
+ fargoAPY.toFixed(2),
149
149
  "%"
150
150
  ] }),
151
151
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
152
152
  "$",
153
- chaseEarning.toLocaleString(void 0, {
153
+ fargoEarning.toLocaleString(void 0, {
154
154
  maximumFractionDigits: 2
155
155
  })
156
156
  ] })
157
157
  ] }),
158
158
  /* @__PURE__ */ jsxs(TableRow, { children: [
159
159
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
160
- "Wells Fargo",
160
+ "Bank of America",
161
161
  /* @__PURE__ */ jsx("sup", { children: "3" })
162
162
  ] }),
163
163
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
164
- fargoAPY.toFixed(2),
164
+ bofaAPY.toFixed(2),
165
165
  "%"
166
166
  ] }),
167
167
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
168
168
  "$",
169
- fargoEarning.toLocaleString(void 0, {
169
+ bofaEarning.toLocaleString(void 0, {
170
170
  maximumFractionDigits: 2
171
171
  })
172
172
  ] })
173
173
  ] }),
174
174
  /* @__PURE__ */ jsxs(TableRow, { children: [
175
175
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
176
- "Bank of America",
176
+ "Chase",
177
177
  /* @__PURE__ */ jsx("sup", { children: "4" })
178
178
  ] }),
179
179
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
180
- bofaAPY.toFixed(2),
180
+ chaseAPY.toFixed(2),
181
181
  "%"
182
182
  ] }),
183
183
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
184
184
  "$",
185
- bofaEarning.toLocaleString(void 0, {
185
+ chaseEarning.toLocaleString(void 0, {
186
186
  maximumFractionDigits: 2
187
187
  })
188
188
  ] })
@@ -53,6 +53,7 @@ import "next/image.js";
53
53
  import "../HeroBanner/HeroBanner.css.js";
54
54
  import "../HeroBanner/LargeBanner.css.js";
55
55
  import "../HeroBanner/SelectionBanner.css.js";
56
+ import "next/link.js";
56
57
  import "../SetContainer/SetContainer.css.js";
57
58
  import "../Tab/Tab.css.js";
58
59
  import "../icons/Star/Star.css.js";
@@ -91,7 +92,6 @@ import "next/navigation.js";
91
92
  /* empty css */
92
93
  /* empty css */
93
94
  /* empty css */
94
- import "next/link.js";
95
95
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
96
96
  /* empty css */
97
97
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
+ import clsx from "clsx";
3
4
  import React, { useEffect, Children, cloneElement } from "react";
4
5
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
5
6
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -14,7 +15,6 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
14
15
  import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
15
16
  import "../utils/allowedAxosDomains.js";
16
17
  import { getVariant } from "../utils/getVariant.js";
17
- import clsx from "clsx";
18
18
  /* empty css */
19
19
  /* empty css */
20
20
  import "../Accordion/Accordion.js";
@@ -47,6 +47,7 @@ import "../Forms/Forms.css.js";
47
47
  import "../Forms/SalesforceFieldsForm.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
+ import "next/link.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
52
53
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -101,7 +102,6 @@ import "next/navigation.js";
101
102
  /* empty css */
102
103
  /* empty css */
103
104
  /* empty css */
104
- import "next/link.js";
105
105
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
106
106
  /* empty css */
107
107
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -1,12 +1,13 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import clsx from "clsx";
2
3
  import "react";
3
4
  import { BulletItem } from "../BulletItem/BulletItem.js";
4
5
  import { Chevron } from "../Chevron/index.js";
5
6
  import { getVariant } from "../utils/getVariant.js";
6
- import clsx from "clsx";
7
7
  import { Button } from "../Button/Button.js";
8
8
  import "../Button/Button.css.js";
9
9
  import "react-use";
10
+ import "next/link.js";
10
11
  import { title } from "../IconBillboard/IconBillboard.css.js";
11
12
  import SvgStarIcon from "../icons/Star/index.js";
12
13
  import "../Accordion/Accordion.js";
@@ -100,7 +101,6 @@ import "next/navigation.js";
100
101
  /* empty css */
101
102
  /* empty css */
102
103
  /* empty css */
103
- import "next/link.js";
104
104
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
105
  /* empty css */
106
106
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -48,6 +48,7 @@ import "../Input/RadioButton.js";
48
48
  import "react-hook-form";
49
49
  import "../Forms/Forms.css.js";
50
50
  import "../Forms/SalesforceFieldsForm.js";
51
+ import "next/link.js";
51
52
  import "../Input/RadioButton.css.js";
52
53
  import "../Input/Checkbox.css.js";
53
54
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -100,7 +101,6 @@ import "next/navigation.js";
100
101
  /* empty css */
101
102
  /* empty css */
102
103
  /* empty css */
103
- import "next/link.js";
104
104
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
105
  /* empty css */
106
106
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import "../Forms/Forms.css.js";
45
45
  import "../Forms/SalesforceFieldsForm.js";
46
46
  /* empty css */
47
47
  /* empty css */
48
+ import "next/link.js";
48
49
  import "../Input/RadioButton.css.js";
49
50
  import "../Input/Checkbox.css.js";
50
51
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -101,7 +102,6 @@ import "next/navigation.js";
101
102
  /* empty css */
102
103
  /* empty css */
103
104
  /* empty css */
104
- import "next/link.js";
105
105
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
106
106
  /* empty css */
107
107
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../Forms/Forms.css.js";
46
46
  import "../../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  import "../../NavigationMenu/AxosBank/NavData.js";
@@ -47,6 +47,7 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
47
47
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
+ import "next/link.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
52
53
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -103,7 +104,6 @@ import "next/navigation.js";
103
104
  /* empty css */
104
105
  /* empty css */
105
106
  /* empty css */
106
- import "next/link.js";
107
107
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
108
  /* empty css */
109
109
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -47,6 +47,7 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
47
47
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
+ import "next/link.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
52
53
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -103,7 +104,6 @@ import "next/navigation.js";
103
104
  /* empty css */
104
105
  /* empty css */
105
106
  /* empty css */
106
- import "next/link.js";
107
107
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
108
  /* empty css */
109
109
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -47,6 +47,7 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
47
47
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
+ import "next/link.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
52
53
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -103,7 +104,6 @@ import "next/navigation.js";
103
104
  /* empty css */
104
105
  /* empty css */
105
106
  /* empty css */
106
- import "next/link.js";
107
107
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
108
  /* empty css */
109
109
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -47,6 +47,7 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
47
47
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
+ import "next/link.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
52
53
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -103,7 +104,6 @@ import "next/navigation.js";
103
104
  /* empty css */
104
105
  /* empty css */
105
106
  /* empty css */
106
- import "next/link.js";
107
107
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
108
  /* empty css */
109
109
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -48,6 +48,7 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
48
48
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
49
49
  /* empty css */
50
50
  /* empty css */
51
+ import "next/link.js";
51
52
  import "../Input/RadioButton.css.js";
52
53
  import "../Input/Checkbox.css.js";
53
54
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -104,7 +105,6 @@ import "next/navigation.js";
104
105
  /* empty css */
105
106
  /* empty css */
106
107
  /* empty css */
107
- import "next/link.js";
108
108
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
109
109
  /* empty css */
110
110
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import { useForm, FormProvider } from "react-hook-form";
45
45
  import * as z from "zod";
46
46
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor } from "../Forms.css.js";
47
47
  import { SalesforceSchema } from "../SalesforceFieldsForm.js";
48
+ import "next/link.js";
48
49
  import "../../Input/RadioButton.css.js";
49
50
  import "../../Input/Checkbox.css.js";
50
51
  import { LoadingIndicator } from "../../LoadingIndicator/index.js";
@@ -104,7 +105,6 @@ import "next/navigation.js";
104
105
  /* empty css */
105
106
  /* empty css */
106
107
  /* empty css */
107
- import "next/link.js";
108
108
  import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
109
109
  /* empty css */
110
110
  import "../../NavigationMenu/AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import "../../Table/Table.css.js";
45
45
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
46
46
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
47
47
  import "../SalesforceFieldsForm.js";
48
+ import "next/link.js";
48
49
  import "react-use";
49
50
  import "../../Chevron/Chevron.css.js";
50
51
  import "../../Interstitial/Interstitial-variants.css.js";
@@ -100,7 +101,6 @@ import "next/navigation.js";
100
101
  /* empty css */
101
102
  /* empty css */
102
103
  /* empty css */
103
- import "next/link.js";
104
104
  import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
105
  /* empty css */
106
106
  import "../../NavigationMenu/AxosBank/NavData.js";
@@ -63,6 +63,7 @@ import "next/image.js";
63
63
  import "../HeroBanner/HeroBanner.css.js";
64
64
  import "../HeroBanner/LargeBanner.css.js";
65
65
  import "../HeroBanner/SelectionBanner.css.js";
66
+ import "next/link.js";
66
67
  import "../SetContainer/SetContainer.css.js";
67
68
  import "../Tab/Tab.css.js";
68
69
  import "../icons/Star/Star.css.js";
@@ -90,7 +91,6 @@ import "next/navigation.js";
90
91
  /* empty css */
91
92
  /* empty css */
92
93
  /* empty css */
93
- import "next/link.js";
94
94
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
95
95
  /* empty css */
96
96
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../Forms/Forms.css.js";
46
46
  import "../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../Input/RadioButton.css.js";
48
49
  import "../Input/Checkbox.css.js";
49
50
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -96,7 +97,6 @@ import "next/navigation.js";
96
97
  /* empty css */
97
98
  /* empty css */
98
99
  /* empty css */
99
- import "next/link.js";
100
100
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
101
101
  /* empty css */
102
102
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -121,5 +121,6 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
121
121
  };
122
122
  };
123
123
  }>;
124
+ export declare const link_wrapper: string;
124
125
  export type ContainerVariants = RecipeVariants<typeof containerIconBillboard>;
125
126
  export type LayoutVariants = RecipeVariants<typeof layout>;
@@ -17,6 +17,7 @@ var section_text = "_1r4ovbui";
17
17
  var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
18
18
  var section_container = "_1r4ovbuo";
19
19
  var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
20
+ var link_wrapper = "_1r4ovbuu";
20
21
  export {
21
22
  billboard_icon,
22
23
  buttons,
@@ -25,6 +26,7 @@ export {
25
26
  headerIconBillboard,
26
27
  header_section,
27
28
  layout,
29
+ link_wrapper,
28
30
  list,
29
31
  listItem,
30
32
  section_body,
@@ -1,14 +1,15 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { useRef, useState, useEffect, createElement } from "react";
3
+ import clsx from "clsx";
4
+ import { useState, useRef, useEffect, createElement } from "react";
4
5
  import { BulletItem } from "../BulletItem/BulletItem.js";
5
6
  import { Chevron } from "../Chevron/index.js";
6
7
  import { getVariant } from "../utils/getVariant.js";
7
- import clsx from "clsx";
8
8
  import { Button } from "../Button/Button.js";
9
9
  import "../Button/Button.css.js";
10
10
  import "react-use";
11
- import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
11
+ import Link from "next/link.js";
12
+ import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons, link_wrapper } from "./IconBillboard.css.js";
12
13
  const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
13
14
  const IconBillboard = (props) => {
14
15
  const {
@@ -22,6 +23,7 @@ const IconBillboard = (props) => {
22
23
  set,
23
24
  id
24
25
  } = props;
26
+ const [queryString, setQueryString] = useState("");
25
27
  const variant = getVariant(fullVariant);
26
28
  const headingRef = useRef(null);
27
29
  const [headingLevel, setHeadingLevel] = useState("h2");
@@ -36,7 +38,29 @@ const IconBillboard = (props) => {
36
38
  }
37
39
  }
38
40
  }, []);
39
- return /* @__PURE__ */ jsxs(
41
+ useEffect(() => {
42
+ if (typeof window !== "undefined") {
43
+ const search = window.location.search;
44
+ if (search.startsWith("?")) {
45
+ setQueryString(search.slice(1));
46
+ }
47
+ }
48
+ }, []);
49
+ let chevronCount = 0;
50
+ let buttonCount = 0;
51
+ let chevronUrl;
52
+ if (callToActionRow && callToActionRow.length > 0) {
53
+ callToActionRow.forEach((cta) => {
54
+ if (cta.type === "Button") {
55
+ buttonCount++;
56
+ } else {
57
+ chevronCount++;
58
+ chevronUrl = cta.targetUrl;
59
+ }
60
+ });
61
+ }
62
+ const linkedBillboard = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string";
63
+ const billboardContent = /* @__PURE__ */ jsxs(
40
64
  "div",
41
65
  {
42
66
  className: clsx(
@@ -124,6 +148,17 @@ const IconBillboard = (props) => {
124
148
  ]
125
149
  }
126
150
  );
151
+ if (linkedBillboard && chevronUrl) {
152
+ return /* @__PURE__ */ jsx(
153
+ Link,
154
+ {
155
+ href: chevronUrl + (queryString && !chevronUrl.includes("?") ? `?${queryString}` : ""),
156
+ className: `${link_wrapper} is_icon`,
157
+ children: billboardContent
158
+ }
159
+ );
160
+ }
161
+ return billboardContent;
127
162
  };
128
163
  export {
129
164
  Icon,
@@ -1,5 +1,5 @@
1
1
  import { Icon, IconBillboard } from "./IconBillboard.js";
2
- import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
2
+ import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
3
3
  import { IconBillboardSet } from "./IconBillboardSet.js";
4
4
  export {
5
5
  Icon,
@@ -12,6 +12,7 @@ export {
12
12
  headerIconBillboard,
13
13
  header_section,
14
14
  layout,
15
+ link_wrapper,
15
16
  list,
16
17
  listItem,
17
18
  section_body,
@@ -40,6 +40,7 @@ import "../Input/RadioButton.js";
40
40
  import "react-hook-form";
41
41
  import "../Forms/Forms.css.js";
42
42
  import "../Forms/SalesforceFieldsForm.js";
43
+ import "next/link.js";
43
44
  import "../Input/RadioButton.css.js";
44
45
  import "../Input/Checkbox.css.js";
45
46
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -95,7 +96,6 @@ import "next/navigation.js";
95
96
  /* empty css */
96
97
  /* empty css */
97
98
  /* empty css */
98
- import "next/link.js";
99
99
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
100
100
  /* empty css */
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
+ import "clsx";
2
3
  import "react";
3
4
  import { buttons } from "../IconBillboard/IconBillboard.css.js";
4
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -10,13 +11,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
10
11
  /* empty css */
11
12
  import "../utils/allowedAxosDomains.js";
12
13
  import { getVariant } from "../utils/getVariant.js";
13
- import "clsx";
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  import { Chevron } from "../Chevron/index.js";
17
17
  import { Button } from "../Button/Button.js";
18
18
  import "../Button/Button.css.js";
19
19
  import "react-use";
20
+ import "next/link.js";
20
21
  import { SetContainer } from "../SetContainer/SetContainer.js";
21
22
  import "../SetContainer/SetContainer.css.js";
22
23
  import "../Accordion/Accordion.js";
@@ -101,7 +102,6 @@ import "next/navigation.js";
101
102
  /* empty css */
102
103
  /* empty css */
103
104
  /* empty css */
104
- import "next/link.js";
105
105
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
106
106
  /* empty css */
107
107
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -42,6 +42,7 @@ import "../Input/RadioButton.js";
42
42
  import "react-hook-form";
43
43
  import "../Forms/Forms.css.js";
44
44
  import "../Forms/SalesforceFieldsForm.js";
45
+ import "next/link.js";
45
46
  import "../Input/RadioButton.css.js";
46
47
  import "../Input/Checkbox.css.js";
47
48
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -94,7 +95,6 @@ import "next/navigation.js";
94
95
  /* empty css */
95
96
  /* empty css */
96
97
  /* empty css */
97
- import "next/link.js";
98
98
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
99
99
  /* empty css */
100
100
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -1,5 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { Chevron } from "../../Chevron/index.js";
3
+ import clsx from "clsx";
3
4
  import "react";
4
5
  import { title } from "../../IconBillboard/IconBillboard.css.js";
5
6
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import ClockIcon from "../../icons/Clock/index.js";
11
12
  /* empty css */
12
13
  /* empty css */
13
14
  import "../../utils/allowedAxosDomains.js";
14
- import clsx from "clsx";
15
15
  /* empty css */
16
16
  /* empty css */
17
17
  import "../../Interstitial/Interstitial-variants.css.js";
@@ -1,4 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
+ import clsx from "clsx";
2
3
  import { Fragment } from "react";
3
4
  import { title } from "../../IconBillboard/IconBillboard.css.js";
4
5
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import ClockIcon from "../../icons/Clock/index.js";
11
12
  /* empty css */
12
13
  import "../../utils/allowedAxosDomains.js";
13
14
  import { getVariant } from "../../utils/getVariant.js";
14
- import clsx from "clsx";
15
15
  /* empty css */
16
16
  /* empty css */
17
17
  import "../../Accordion/Accordion.js";
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import clsx from "clsx";
2
3
  import "react";
3
4
  import { title } from "../../IconBillboard/IconBillboard.css.js";
4
5
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
@@ -9,7 +10,6 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
9
10
  /* empty css */
10
11
  /* empty css */
11
12
  import "../../utils/allowedAxosDomains.js";
12
- import clsx from "clsx";
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  import "../../Accordion/Accordion.js";
@@ -42,6 +42,7 @@ import "../Forms/Forms.css.js";
42
42
  import "../Forms/SalesforceFieldsForm.js";
43
43
  /* empty css */
44
44
  /* empty css */
45
+ import "next/link.js";
45
46
  import "../Input/RadioButton.css.js";
46
47
  import "../Input/Checkbox.css.js";
47
48
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../Forms/Forms.css.js";
46
46
  import "../../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "../AxosBank/MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  import "../AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import "../../Input/RadioButton.js";
45
45
  import "react-hook-form";
46
46
  import "../../Forms/Forms.css.js";
47
47
  import "../../Forms/SalesforceFieldsForm.js";
48
+ import "next/link.js";
48
49
  import "../../Input/RadioButton.css.js";
49
50
  import "../../Input/Checkbox.css.js";
50
51
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -99,7 +100,6 @@ import "next/navigation.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  /* empty css */
102
- import "next/link.js";
103
103
  import "../AxosBank/MobileMenu/MobileNavData.js";
104
104
  /* empty css */
105
105
  import "../AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../../Forms/Forms.css.js";
46
46
  import "../../../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../../../Input/RadioButton.css.js";
48
49
  import "../../../Input/Checkbox.css.js";
49
50
  import "../../../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  /* empty css */
102
102
  import "../NavData.js";
103
103
  /* empty css */
@@ -44,6 +44,7 @@ import "../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../Forms/Forms.css.js";
46
46
  import "../../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "./MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  /* empty css */
@@ -46,6 +46,7 @@ import "../../Input/RadioButton.js";
46
46
  import "react-hook-form";
47
47
  import "../../Forms/Forms.css.js";
48
48
  import "../../Forms/SalesforceFieldsForm.js";
49
+ import Link from "next/link.js";
49
50
  import "../../Input/RadioButton.css.js";
50
51
  import "../../Input/Checkbox.css.js";
51
52
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -99,7 +100,6 @@ import { usePathname } from "next/navigation.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  /* empty css */
102
- import Link from "next/link.js";
103
103
  import "./MobileMenu/MobileNavData.js";
104
104
  /* empty css */
105
105
  import styles from "./NavBar.module.js";
@@ -44,6 +44,7 @@ import "../../Forms/Forms.css.js";
44
44
  import "../../Forms/SalesforceFieldsForm.js";
45
45
  /* empty css */
46
46
  /* empty css */
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -106,7 +107,6 @@ import "../AxosALTS/NavData.js";
106
107
  /* empty css */
107
108
  /* empty css */
108
109
  import "../LaVictoire/NavData.js";
109
- import "next/link.js";
110
110
  import "../../PageNavItem/PageNavItem.css.js";
111
111
  import "react-slick";
112
112
  /* empty css */
@@ -44,6 +44,7 @@ import "../../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../../Forms/Forms.css.js";
46
46
  import "../../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "../AxosBank/MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  import "../AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../../Forms/Forms.css.js";
44
44
  import "../../Forms/SalesforceFieldsForm.js";
45
45
  /* empty css */
46
46
  /* empty css */
47
+ import "next/link.js";
47
48
  import "../../Input/RadioButton.css.js";
48
49
  import "../../Input/Checkbox.css.js";
49
50
  import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -101,7 +102,6 @@ import "next/navigation.js";
101
102
  /* empty css */
102
103
  /* empty css */
103
104
  /* empty css */
104
- import "next/link.js";
105
105
  import "../AxosBank/MobileMenu/MobileNavData.js";
106
106
  /* empty css */
107
107
  import "../AxosBank/NavData.js";
@@ -43,6 +43,7 @@ import "../Input/RadioButton.js";
43
43
  import "react-hook-form";
44
44
  import "../Forms/Forms.css.js";
45
45
  import "../Forms/SalesforceFieldsForm.js";
46
+ import "next/link.js";
46
47
  import "../Input/RadioButton.css.js";
47
48
  import "../Input/Checkbox.css.js";
48
49
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -99,7 +100,6 @@ import "next/navigation.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  /* empty css */
102
- import "next/link.js";
103
103
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
104
  /* empty css */
105
105
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -44,6 +44,7 @@ import "../Input/RadioButton.js";
44
44
  import "react-hook-form";
45
45
  import "../Forms/Forms.css.js";
46
46
  import "../Forms/SalesforceFieldsForm.js";
47
+ import "next/link.js";
47
48
  import "../Input/RadioButton.css.js";
48
49
  import "../Input/Checkbox.css.js";
49
50
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -97,7 +98,6 @@ import "next/navigation.js";
97
98
  /* empty css */
98
99
  /* empty css */
99
100
  /* empty css */
100
- import "next/link.js";
101
101
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
102
102
  /* empty css */
103
103
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -45,6 +45,7 @@ import "../Input/RadioButton.js";
45
45
  import "react-hook-form";
46
46
  import "../Forms/Forms.css.js";
47
47
  import "../Forms/SalesforceFieldsForm.js";
48
+ import "next/link.js";
48
49
  import "../Input/RadioButton.css.js";
49
50
  import "../Input/Checkbox.css.js";
50
51
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -99,7 +100,6 @@ import "next/navigation.js";
99
100
  /* empty css */
100
101
  /* empty css */
101
102
  /* empty css */
102
- import "next/link.js";
103
103
  import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
104
  /* empty css */
105
105
  import "../NavigationMenu/AxosBank/NavData.js";
@@ -97,9 +97,9 @@
97
97
  }
98
98
  ._1r4ovbui {
99
99
  margin-inline: auto;
100
+ max-width: 1000px;
100
101
  padding-block: 2.5rem;
101
102
  text-align: center;
102
- max-width: 1000px;
103
103
  }
104
104
  ._1r4ovbui > p {
105
105
  margin-top: 8px;
@@ -151,6 +151,23 @@
151
151
  main > div:nth-last-child(2) > ._1r4ovbu0 {
152
152
  margin-bottom: 3.5rem;
153
153
  }
154
+ ._1r4ovbuu {
155
+ border-radius: 1rem;
156
+ position: relative;
157
+ text-decoration: none;
158
+ transform: translateY(0px);
159
+ transition: all 0.38s ease;
160
+ }
161
+ ._1r4ovbuu:hover {
162
+ box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
163
+ transform: translateY(-4px);
164
+ }
165
+ ._1r4ovbuu > .billboard {
166
+ height: 100%;
167
+ }
168
+ ._1r4ovbuu:hover ._1r4ovbuh a {
169
+ text-decoration: underline;
170
+ }
154
171
  @media screen and (max-width: 380px) {
155
172
  ._1r4ovbuh {
156
173
  flex-direction: column;
@@ -185,14 +185,17 @@
185
185
  ._18ygy9m5 ._1m7m2av {
186
186
  min-height: 330px;
187
187
  }
188
+ ._18ygy9m5:has(> :nth-child(3)) ._1m7m2av {
189
+ min-height: 216px;
190
+ }
188
191
  ._1m7m2ay {
189
192
  background: var(--_1073cm8f);
190
193
  color: #FFFFFF;
191
194
  }
192
195
  ._1m7m2az {
193
- padding: 1.5rem;
194
196
  height: 100%;
195
197
  justify-content: center;
198
+ padding: 1.5rem;
196
199
  }
197
200
  ._1m7m2a10 {
198
201
  color: #fff;
package/dist/main.js CHANGED
@@ -95,7 +95,7 @@ import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero
95
95
  import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
96
96
  import { Hyperlink } from "./Hyperlink/index.js";
97
97
  import { Icon, IconBillboard } from "./IconBillboard/IconBillboard.js";
98
- import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
98
+ import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
99
99
  import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
100
100
  import { default as default2 } from "./icons/ArrowIcon/index.js";
101
101
  import { default as default3 } from "./icons/AxosX/index.js";
@@ -580,6 +580,7 @@ export {
580
580
  layout,
581
581
  li,
582
582
  line_points,
583
+ link_wrapper,
583
584
  list,
584
585
  listItem,
585
586
  logout,
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": "1.0.92",
4
+ "version": "1.0.94",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",