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

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 (97) hide show
  1. package/dist/ATMLocator/ATMLocator.js +15 -11
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.d.ts +3 -7
  4. package/dist/Button/Button.js +119 -18
  5. package/dist/Calculators/Calculator.js +27 -23
  6. package/dist/Calculators/MarginTradingCalculator/index.js +1 -2
  7. package/dist/Calculators/MaxLoanCalculator/index.js +6 -5
  8. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +16 -1
  9. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +7 -7
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +9 -8
  11. package/dist/CallToActionBar/index.js +47 -30
  12. package/dist/Carousel/index.js +16 -12
  13. package/dist/Chevron/Chevron.interface.d.ts +2 -0
  14. package/dist/Chevron/index.js +46 -24
  15. package/dist/Comparison/Comparison.js +14 -10
  16. package/dist/Comparison/ComparisonSet.js +18 -14
  17. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +20 -16
  18. package/dist/Forms/ApplicationStart.js +3 -2
  19. package/dist/Forms/CommercialLending.js +3 -2
  20. package/dist/Forms/ContactCompany.js +3 -2
  21. package/dist/Forms/ContactUs.js +3 -2
  22. package/dist/Forms/ContactUsAAS.js +3 -2
  23. package/dist/Forms/ContactUsBusiness.js +13 -9
  24. package/dist/Forms/ContactUsNMLSId.js +13 -9
  25. package/dist/Forms/DealerServices.js +3 -2
  26. package/dist/Forms/EmailOnly.js +13 -9
  27. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  28. package/dist/Forms/ScheduleCall.js +7 -3
  29. package/dist/Forms/ScheduleCallPremier.js +3 -2
  30. package/dist/Forms/SuccesForm.js +30 -26
  31. package/dist/Forms/WcplSurvey.js +3 -2
  32. package/dist/Hyperlink/Hyperlink.css.d.ts +26 -0
  33. package/dist/Hyperlink/Hyperlink.css.js +6 -0
  34. package/dist/Hyperlink/Hyperlink.interface.d.ts +1 -0
  35. package/dist/Hyperlink/index.js +28 -19
  36. package/dist/IconBillboard/IconBillboard.js +10 -1
  37. package/dist/ImageLink/ImageLink.js +18 -15
  38. package/dist/ImageLink/ImageLinkSet.js +10 -6
  39. package/dist/ImageLink/index.js +19 -15
  40. package/dist/Input/Checkbox.d.ts +1 -1
  41. package/dist/Input/CurrencyInput.js +3 -2
  42. package/dist/Input/DatePicker.css.d.ts +1 -0
  43. package/dist/Input/DatePicker.css.js +6 -0
  44. package/dist/Input/Datepicker.d.ts +3 -0
  45. package/dist/Input/Datepicker.js +47 -0
  46. package/dist/Input/InputDate.css.d.ts +6 -0
  47. package/dist/Input/InputDate.css.js +15 -0
  48. package/dist/Input/InputDate.d.ts +3 -0
  49. package/dist/Input/InputDate.js +47 -0
  50. package/dist/Input/InputPhone.js +3 -2
  51. package/dist/Input/InputProps.d.ts +6 -0
  52. package/dist/Input/index.d.ts +3 -0
  53. package/dist/Input/index.js +6 -0
  54. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -0
  55. package/dist/Interstitial/Interstitial-variants.css.js +6 -2
  56. package/dist/Interstitial/Interstitial.d.ts +5 -3
  57. package/dist/Interstitial/Interstitial.js +30 -5
  58. package/dist/Modal/Modal.js +13 -9
  59. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +0 -1
  60. package/dist/NavigationMenu/AxosAdvisorServices/index.js +0 -16
  61. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  62. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1931 -1756
  63. package/dist/NavigationMenu/AxosBank/index.js +8 -15
  64. package/dist/NavigationMenu/AxosClearing/NavBar.css.d.ts +1 -0
  65. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +5 -0
  66. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +98 -0
  67. package/dist/NavigationMenu/AxosClearing/NavData.d.ts +21 -0
  68. package/dist/NavigationMenu/AxosClearing/NavData.js +63 -0
  69. package/dist/NavigationMenu/AxosClearing/SubNavBar.d.ts +1 -0
  70. package/dist/NavigationMenu/AxosClearing/SubNavBar.js +56 -0
  71. package/dist/NavigationMenu/AxosClearing/index.d.ts +2 -0
  72. package/dist/NavigationMenu/AxosClearing/index.js +470 -0
  73. package/dist/NavigationMenu/index.d.ts +1 -0
  74. package/dist/NavigationMenu/index.js +5 -3
  75. package/dist/SetContainer/SetContainer.js +20 -16
  76. package/dist/Table/Table.d.ts +22 -9
  77. package/dist/TopicalNavSet/TopicalNavSet.js +3 -3
  78. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +19 -6
  79. package/dist/assets/CallToActionBar/CallToActionBar.css +3 -1
  80. package/dist/assets/Hyperlink/Hyperlink.css +22 -0
  81. package/dist/assets/Input/DatePicker.css +95 -0
  82. package/dist/assets/Input/InputDate.css +39 -0
  83. package/dist/assets/Interstitial/Interstitial-variants.css +9 -0
  84. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +126 -124
  85. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +4 -0
  86. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +405 -0
  87. package/dist/assets/globals.css +71 -0
  88. package/dist/icons/Clock/index.d.ts +4 -0
  89. package/dist/icons/Clock/index.js +22 -0
  90. package/dist/icons/index.d.ts +1 -0
  91. package/dist/icons/index.js +14 -12
  92. package/dist/main.d.ts +4 -4
  93. package/dist/main.js +69 -59
  94. package/dist/utils/allowedAxosDomains.js +1 -0
  95. package/package.json +1 -1
  96. package/dist/Interstitial/index.d.ts +0 -1
  97. package/dist/Interstitial/index.js +0 -22
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -18,11 +20,15 @@ import "../icons/CheckIcon/CheckIcon.css.js";
18
20
  /* empty css */
19
21
  /* empty css */
20
22
  /* empty css */
21
- import { Button } from "../Button/Button.js";
23
+ import "../Accordion/Accordion.js";
24
+ import "../Accordion/Accordion.css.js";
22
25
  import { getVariant } from "../utils/getVariant.js";
23
26
  import "../Chevron/Chevron.css.js";
27
+ import "../AlertBanner/AlertBanner.css.js";
28
+ import "../Article/Article.css.js";
29
+ import "../ArticlesSet/ArticlesSet.css.js";
30
+ import { Button } from "../Button/Button.js";
24
31
  import "../IconBillboard/IconBillboard.css.js";
25
- import "react";
26
32
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
33
  import "../Button/Button.css.js";
28
34
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -40,17 +46,13 @@ import "iframe-resizer";
40
46
  import "../Calculators/calculator.css.js";
41
47
  /* empty css */
42
48
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "../Accordion/Accordion.js";
44
- import "../Accordion/Accordion.css.js";
45
- import "../AlertBanner/AlertBanner.css.js";
46
- import "../Article/Article.css.js";
47
- import "../ArticlesSet/ArticlesSet.css.js";
48
49
  /* empty css */
49
50
  /* empty css */
50
51
  import "next/image.js";
51
52
  /* empty css */
52
53
  /* empty css */
53
54
  import "../Carousel/index.js";
55
+ import "../Hyperlink/Hyperlink.css.js";
54
56
  /* empty css */
55
57
  import "../Comparison/Comparison.css.js";
56
58
  import "../HeroBanner/HeroBanner.css.js";
@@ -76,7 +78,9 @@ import "../Modal/contextApi/store.js";
76
78
  /* empty css */
77
79
  import "next/link.js";
78
80
  /* empty css */
81
+ import "next/navigation.js";
79
82
  /* empty css */
83
+ /* empty css */
80
84
  /* empty css */
81
85
  /* empty css */
82
86
  import "../StepItem/StepItem.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -18,11 +20,15 @@ import "../icons/CheckIcon/CheckIcon.css.js";
18
20
  /* empty css */
19
21
  /* empty css */
20
22
  /* empty css */
21
- import { Button } from "../Button/Button.js";
23
+ import "../Accordion/Accordion.js";
24
+ import "../Accordion/Accordion.css.js";
22
25
  import { getVariant } from "../utils/getVariant.js";
23
26
  import "../Chevron/Chevron.css.js";
27
+ import "../AlertBanner/AlertBanner.css.js";
28
+ import "../Article/Article.css.js";
29
+ import "../ArticlesSet/ArticlesSet.css.js";
30
+ import { Button } from "../Button/Button.js";
24
31
  import "../IconBillboard/IconBillboard.css.js";
25
- import "react";
26
32
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
33
  import "../Button/Button.css.js";
28
34
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -40,17 +46,13 @@ import "iframe-resizer";
40
46
  import "../Calculators/calculator.css.js";
41
47
  /* empty css */
42
48
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "../Accordion/Accordion.js";
44
- import "../Accordion/Accordion.css.js";
45
- import "../AlertBanner/AlertBanner.css.js";
46
- import "../Article/Article.css.js";
47
- import "../ArticlesSet/ArticlesSet.css.js";
48
49
  /* empty css */
49
50
  /* empty css */
50
51
  import "next/image.js";
51
52
  /* empty css */
52
53
  /* empty css */
53
54
  import "../Carousel/index.js";
55
+ import "../Hyperlink/Hyperlink.css.js";
54
56
  /* empty css */
55
57
  import "../Comparison/Comparison.css.js";
56
58
  import "../HeroBanner/HeroBanner.css.js";
@@ -76,7 +78,9 @@ import "../Modal/contextApi/store.js";
76
78
  /* empty css */
77
79
  import "next/link.js";
78
80
  /* empty css */
81
+ import "next/navigation.js";
79
82
  /* empty css */
83
+ /* empty css */
80
84
  /* empty css */
81
85
  /* empty css */
82
86
  import "../StepItem/StepItem.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -18,12 +20,16 @@ import "../icons/CheckIcon/CheckIcon.css.js";
18
20
  /* empty css */
19
21
  /* empty css */
20
22
  /* empty css */
21
- import { Button } from "../Button/Button.js";
23
+ import "../Accordion/Accordion.js";
24
+ import "../Accordion/Accordion.css.js";
22
25
  import { getVariant } from "../utils/getVariant.js";
23
26
  import "../Chevron/Chevron.css.js";
27
+ import "../AlertBanner/AlertBanner.css.js";
28
+ import "../Article/Article.css.js";
29
+ import "../ArticlesSet/ArticlesSet.css.js";
30
+ import { Button } from "../Button/Button.js";
24
31
  import "../IconBillboard/IconBillboard.css.js";
25
32
  import { associatedEmail } from "../utils/EverestValidity.js";
26
- import "react";
27
33
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
34
  import "../Button/Button.css.js";
29
35
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -41,17 +47,13 @@ import "iframe-resizer";
41
47
  import "../Calculators/calculator.css.js";
42
48
  /* empty css */
43
49
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
44
- import "../Accordion/Accordion.js";
45
- import "../Accordion/Accordion.css.js";
46
- import "../AlertBanner/AlertBanner.css.js";
47
- import "../Article/Article.css.js";
48
- import "../ArticlesSet/ArticlesSet.css.js";
49
50
  /* empty css */
50
51
  /* empty css */
51
52
  import "next/image.js";
52
53
  /* empty css */
53
54
  /* empty css */
54
55
  import "../Carousel/index.js";
56
+ import "../Hyperlink/Hyperlink.css.js";
55
57
  /* empty css */
56
58
  import "../Comparison/Comparison.css.js";
57
59
  import "../HeroBanner/HeroBanner.css.js";
@@ -77,7 +79,9 @@ import "../Modal/contextApi/store.js";
77
79
  /* empty css */
78
80
  import "next/link.js";
79
81
  /* empty css */
82
+ import "next/navigation.js";
80
83
  /* empty css */
84
+ /* empty css */
81
85
  /* empty css */
82
86
  /* empty css */
83
87
  import "../StepItem/StepItem.css.js";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import * as z from "zod";
3
2
  export interface SalesforceFields {
4
3
  brand: string;
@@ -7,11 +7,13 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
16
+ import { InputDate } from "../Input/InputDate.js";
15
17
  import { InputPhone } from "../Input/InputPhone.js";
16
18
  import "../Input/InputTextArea.js";
17
19
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -218,7 +220,9 @@ const ScheduleCall = ({
218
220
  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
219
221
  ]
220
222
  }
221
- ) })
223
+ ) }),
224
+ /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
225
+ } })
222
226
  ] }),
223
227
  children,
224
228
  /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -2,32 +2,23 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { getVariant } from "../utils/getVariant.js";
3
3
  import clsx from "clsx";
4
4
  import "@hookform/resolvers/zod";
5
- import "../Modal/contextApi/store.js";
6
- import "react";
7
- import "../Button/Button.css.js";
8
- import "react-use";
9
- import "../Input/Checkbox.js";
10
- import "../Input/CurrencyInput.js";
11
- import "../Input/Dropdown.js";
12
- /* empty css */
13
- /* empty css */
14
- import "../Input/Input.js";
15
- import "../Input/Input.css.js";
16
- import "../Input/InputPhone.js";
17
- import "../Input/InputTextArea.js";
5
+ import "../IconBillboard/IconBillboard.css.js";
18
6
  import "../icons/ArrowIcon/ArrowIcon.css.js";
19
7
  import "../icons/CheckIcon/CheckIcon.css.js";
20
8
  /* empty css */
21
9
  /* empty css */
22
10
  /* empty css */
23
11
  /* empty css */
24
- import "react-hook-form";
25
- import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
26
- import "./SalesforceFieldsForm.js";
27
- import "../LoadingIndicator/LoadingIndicator.css.js";
28
- import "../Chevron/Chevron.css.js";
29
- import "../IconBillboard/IconBillboard.css.js";
12
+ /* empty css */
13
+ /* empty css */
14
+ import "../Accordion/Accordion.js";
15
+ import "../Accordion/Accordion.css.js";
16
+ import "../AlertBanner/AlertBanner.css.js";
17
+ import "../Article/Article.css.js";
18
+ import "../ArticlesSet/ArticlesSet.css.js";
19
+ import "react";
30
20
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
21
+ import "../Button/Button.css.js";
31
22
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
32
23
  import "../Table/Table.css.js";
33
24
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -35,17 +26,12 @@ import "iframe-resizer";
35
26
  import "../Calculators/calculator.css.js";
36
27
  /* empty css */
37
28
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
38
- import "../Accordion/Accordion.js";
39
- import "../Accordion/Accordion.css.js";
40
- import "../AlertBanner/AlertBanner.css.js";
41
- import "../Article/Article.css.js";
42
- import "../ArticlesSet/ArticlesSet.css.js";
43
29
  /* empty css */
44
30
  /* empty css */
45
31
  import "next/image.js";
46
- /* empty css */
47
32
  /* empty css */
48
33
  import "../Carousel/index.js";
34
+ import "../Hyperlink/Hyperlink.css.js";
49
35
  /* empty css */
50
36
  import "../Comparison/Comparison.css.js";
51
37
  import "../HeroBanner/HeroBanner.css.js";
@@ -61,16 +47,30 @@ import "../FaqAccordion/index.js";
61
47
  import "../FooterDisclosure/FooterDisclosure.css.js";
62
48
  /* empty css */
63
49
  import "../ImageBillboard/ImageBillboard.css.js";
64
- import "../Interstitial/Interstitial-variants.css.js";
50
+ import "../Input/Checkbox.js";
51
+ import "../Input/CurrencyInput.js";
52
+ import "../Input/Input.css.js";
53
+ /* empty css */
54
+ import "../Input/Dropdown.js";
55
+ /* empty css */
56
+ import "../Input/Input.js";
57
+ import "../Input/InputPhone.js";
58
+ import "../Input/InputTextArea.js";
65
59
  import "../LandingPageHeader/LandingPageHeader.css.js";
60
+ import "../LoadingIndicator/LoadingIndicator.css.js";
61
+ import "../Chevron/Chevron.css.js";
66
62
  /* empty css */
63
+ import "../Modal/contextApi/store.js";
64
+ import "react-use";
67
65
  /* empty css */
68
66
  /* empty css */
69
67
  /* empty css */
70
68
  /* empty css */
71
69
  import "next/link.js";
72
70
  /* empty css */
71
+ import "next/navigation.js";
73
72
  /* empty css */
73
+ /* empty css */
74
74
  /* empty css */
75
75
  /* empty css */
76
76
  import "../StepItem/StepItem.css.js";
@@ -81,6 +81,10 @@ import "../StepItemSet/StepItemSet.css.js";
81
81
  import "next/script.js";
82
82
  /* empty css */
83
83
  /* empty css */
84
+ import "../Interstitial/Interstitial-variants.css.js";
85
+ import "react-hook-form";
86
+ import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
87
+ import "./SalesforceFieldsForm.js";
84
88
  import "../Input/RadioButton.js";
85
89
  function SuccesFormWrapper({
86
90
  children,
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
@@ -0,0 +1,26 @@
1
+ export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ primary: {
4
+ color: "#0062B3";
5
+ selectors: {
6
+ "&:hover": {
7
+ textDecoration: "underline";
8
+ textDecorationColor: "#0062B3";
9
+ };
10
+ };
11
+ };
12
+ secondary: {
13
+ color: "#FAA74A";
14
+ selectors: {
15
+ "&:hover": {
16
+ textDecoration: "underline";
17
+ textDecorationColor: "#FAA74A";
18
+ };
19
+ };
20
+ };
21
+ default: {
22
+ color: "inherit";
23
+ textDecoration: "underline";
24
+ };
25
+ };
26
+ }>;
@@ -0,0 +1,6 @@
1
+ /* empty css */
2
+ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
+ var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
4
+ export {
5
+ hyperlink
6
+ };
@@ -21,4 +21,5 @@ export interface HyperlinkProps extends PropsWithChildren {
21
21
  * Descriptive Text (Aria Label)
22
22
  */
23
23
  ariaLabel?: string;
24
+ variant?: string;
24
25
  }
@@ -1,32 +1,41 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { useGlobalContext } from "../Modal/contextApi/store.js";
4
- import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
5
- import { validateLink } from "../utils/validateExternalLinks.js";
6
- import "clsx";
7
- import "react";
8
- import "../Button/Button.css.js";
3
+ import "../Accordion/Accordion.js";
4
+ import "../Accordion/Accordion.css.js";
9
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
10
6
  import "../icons/CheckIcon/CheckIcon.css.js";
11
7
  /* empty css */
12
8
  /* empty css */
13
9
  /* empty css */
14
10
  /* empty css */
11
+ import "react";
15
12
  import "../Chevron/Chevron.css.js";
13
+ import "../AlertBanner/AlertBanner.css.js";
14
+ import "../Article/Article.css.js";
15
+ import "../ArticlesSet/ArticlesSet.css.js";
16
16
  import "../IconBillboard/IconBillboard.css.js";
17
+ /* empty css */
18
+ /* empty css */
19
+ import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
20
+ import { validateLink } from "../utils/validateExternalLinks.js";
21
+ import "../Button/Button.css.js";
22
+ import "react-use";
23
+ import "../Interstitial/Interstitial-variants.css.js";
24
+ /* empty css */
25
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
26
+ import clsx from "clsx";
17
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
18
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
19
- import "react-use";
20
29
  import "../Table/Table.css.js";
21
30
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
22
31
  import "@hookform/resolvers/zod";
23
32
  import "../Input/Checkbox.js";
24
33
  import "../Input/CurrencyInput.js";
34
+ import "../Input/Input.css.js";
35
+ /* empty css */
25
36
  import "../Input/Dropdown.js";
26
- /* empty css */
27
37
  /* empty css */
28
38
  import "../Input/Input.js";
29
- import "../Input/Input.css.js";
30
39
  import "../Input/InputPhone.js";
31
40
  import "../Input/InputTextArea.js";
32
41
  import "react-hook-form";
@@ -38,15 +47,9 @@ import "iframe-resizer";
38
47
  import "../Calculators/calculator.css.js";
39
48
  /* empty css */
40
49
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
41
- import "../Accordion/Accordion.js";
42
- import "../Accordion/Accordion.css.js";
43
- import "../AlertBanner/AlertBanner.css.js";
44
- import "../Article/Article.css.js";
45
- import "../ArticlesSet/ArticlesSet.css.js";
46
50
  /* empty css */
47
51
  /* empty css */
48
52
  import "next/image.js";
49
- /* empty css */
50
53
  /* empty css */
51
54
  import "../Carousel/index.js";
52
55
  /* empty css */
@@ -64,16 +67,16 @@ import "../FaqAccordion/index.js";
64
67
  import "../FooterDisclosure/FooterDisclosure.css.js";
65
68
  /* empty css */
66
69
  import "../ImageBillboard/ImageBillboard.css.js";
67
- import "../Interstitial/Interstitial-variants.css.js";
68
70
  import "../LandingPageHeader/LandingPageHeader.css.js";
69
- /* empty css */
70
71
  /* empty css */
71
72
  /* empty css */
72
73
  /* empty css */
73
74
  /* empty css */
74
75
  import "next/link.js";
75
76
  /* empty css */
77
+ import "next/navigation.js";
76
78
  /* empty css */
79
+ /* empty css */
77
80
  /* empty css */
78
81
  /* empty css */
79
82
  import "../StepItem/StepItem.css.js";
@@ -84,13 +87,16 @@ import "../StepItemSet/StepItemSet.css.js";
84
87
  import "next/script.js";
85
88
  /* empty css */
86
89
  /* empty css */
90
+ import { hyperlink } from "./Hyperlink.css.js";
87
91
  const Hyperlink = ({
88
92
  children,
89
93
  targetUrl,
90
94
  id,
91
95
  className,
92
- ariaLabel
96
+ ariaLabel,
97
+ variant = "default"
93
98
  }) => {
99
+ const hyperlink_variant = variant.toLowerCase();
94
100
  const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
95
101
  const onClick = (e) => {
96
102
  if (targetUrl) {
@@ -108,7 +114,10 @@ const Hyperlink = ({
108
114
  {
109
115
  id: id ? id : "",
110
116
  href: findMoreAxosDomains(targetUrl),
111
- className: `${className ? className : ""}`,
117
+ className: clsx(
118
+ className ? className : "",
119
+ variant === "default" ? hyperlink({ variant: "default" }) : hyperlink_variant.includes("primary") || hyperlink_variant.includes("secondary") ? hyperlink({ variant: "primary" }) : hyperlink({ variant: "secondary" })
120
+ ),
112
121
  onClick,
113
122
  "aria-label": ariaLabel,
114
123
  children
@@ -40,13 +40,21 @@ const IconBillboard = (props) => {
40
40
  ] })
41
41
  ] }),
42
42
  callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
43
- ({ id, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
43
+ ({
44
+ id,
45
+ variant: variant2,
46
+ displayText,
47
+ targetUrl,
48
+ type,
49
+ marketingIntersitial
50
+ }) => type === "Button" ? /* @__PURE__ */ jsx(
44
51
  Button,
45
52
  {
46
53
  targetUrl,
47
54
  color: getVariant(variant2),
48
55
  size: "medium",
49
56
  rounded: "medium",
57
+ marketingIntersitial,
50
58
  children: displayText
51
59
  },
52
60
  id
@@ -55,6 +63,7 @@ const IconBillboard = (props) => {
55
63
  {
56
64
  targetUrl,
57
65
  variant: getVariant(variant2),
66
+ marketingIntersitial,
58
67
  children: displayText
59
68
  },
60
69
  id