@axos-web-dev/shared-components 0.0.113 → 0.0.115

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 (147) hide show
  1. package/dist/ATMLocator/ATMLocator.js +28 -30
  2. package/dist/Accordion/Accordion.css.js +4 -4
  3. package/dist/Accordion/Accordion.js +3 -3
  4. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  5. package/dist/AlertBanner/index.js +3 -3
  6. package/dist/Article/Article.css.js +4 -4
  7. package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
  8. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  9. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  10. package/dist/BulletItem/BulletItem.css.js +2 -2
  11. package/dist/BulletItem/BulletItem.js +3 -3
  12. package/dist/Button/Button.css.js +4 -4
  13. package/dist/Button/Button.js +29 -31
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  16. package/dist/Calculators/ApyCalculator/index.d.ts +1 -1
  17. package/dist/Calculators/ApyCalculator/index.js +193 -199
  18. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/BalanceAPYCalculator/index.js +116 -122
  20. package/dist/Calculators/Calculator.js +27 -29
  21. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  22. package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
  23. package/dist/Calculators/MaxLoanCalculator/index.js +1 -1
  24. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  25. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -1
  26. package/dist/Calculators/calculator.css.js +4 -4
  27. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  28. package/dist/CallToActionBar/index.js +1 -1
  29. package/dist/Carousel/Carousel.css.js +3 -3
  30. package/dist/Carousel/index.js +28 -30
  31. package/dist/Chevron/Chevron.css.js +4 -4
  32. package/dist/Chevron/index.js +29 -31
  33. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  34. package/dist/CollectInformationAlert/index.js +3 -3
  35. package/dist/Comparison/Comparison.css.js +5 -5
  36. package/dist/Comparison/Comparison.js +27 -29
  37. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  38. package/dist/ContentBanner/index.js +1 -1
  39. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  40. package/dist/DownloadTile/index.js +1 -1
  41. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  42. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  43. package/dist/ExecutiveBio/ExecutiveBioSet.js +2 -2
  44. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  45. package/dist/FaqAccordion/index.js +28 -30
  46. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  47. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +2 -2
  48. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +27 -29
  49. package/dist/Forms/ApplicationStart.js +5 -5
  50. package/dist/Forms/ClearingForm.js +7 -7
  51. package/dist/Forms/CommercialLending.js +5 -5
  52. package/dist/Forms/ContactCompany.js +5 -5
  53. package/dist/Forms/ContactUs.js +5 -5
  54. package/dist/Forms/ContactUsAAS.js +5 -5
  55. package/dist/Forms/ContactUsBusiness.js +29 -31
  56. package/dist/Forms/ContactUsNMLSId.js +29 -31
  57. package/dist/Forms/CpraRequest.js +5 -5
  58. package/dist/Forms/DealerServices.js +5 -5
  59. package/dist/Forms/EmailOnly.js +29 -31
  60. package/dist/Forms/EmailUs.js +3 -3
  61. package/dist/Forms/Forms.css.js +7 -7
  62. package/dist/Forms/QuickPricer.js +5 -5
  63. package/dist/Forms/ScheduleCall.js +5 -5
  64. package/dist/Forms/ScheduleCallPremier.js +5 -5
  65. package/dist/Forms/SuccesForm.js +28 -30
  66. package/dist/Forms/WcplSurvey.js +5 -5
  67. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  68. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  69. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  70. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  71. package/dist/Hyperlink/index.js +28 -30
  72. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  73. package/dist/IconBillboard/IconBillboardSet.js +1 -1
  74. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  75. package/dist/ImageBillboard/ImageBillboard.js +4 -4
  76. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  77. package/dist/ImageLink/ImageLink.css.js +1 -1
  78. package/dist/ImageLink/ImageLink.js +28 -30
  79. package/dist/ImageLink/ImageLinkSet.js +30 -32
  80. package/dist/ImageLink/index.js +28 -30
  81. package/dist/Input/Checkbox.css.js +1 -1
  82. package/dist/Input/CurrencyInput.js +2 -2
  83. package/dist/Input/DatePicker.css.js +2 -2
  84. package/dist/Input/Dropdown.css.js +2 -2
  85. package/dist/Input/Input.css.js +4 -4
  86. package/dist/Input/InputAmount.js +2 -2
  87. package/dist/Input/InputDate.css.js +1 -1
  88. package/dist/Input/InputPhone.js +2 -2
  89. package/dist/Input/RadioButton.css.js +1 -1
  90. package/dist/Inputs/Input.css.js +3 -3
  91. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  92. package/dist/Insight/Featured/CategorySelector.js +26 -28
  93. package/dist/Insight/Featured/Featured.css.js +2 -2
  94. package/dist/Insight/Featured/Featured.js +28 -30
  95. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  96. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  97. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  98. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  99. package/dist/Modal/Modal.css.js +3 -3
  100. package/dist/Modal/Modal.js +28 -30
  101. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  102. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  103. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  104. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  105. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  106. package/dist/NavigationMenu/AxosBank/NavData.js +28 -30
  107. package/dist/NavigationMenu/AxosBank/SubNavBar.js +28 -30
  108. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  109. package/dist/NavigationMenu/AxosBank/index.js +26 -28
  110. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  111. package/dist/NavigationMenu/AxosClearing/NavData.js +1 -1
  112. package/dist/NavigationMenu/AxosClearing/index.js +1 -1
  113. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  114. package/dist/PageNavSet/PageNavSet.js +8 -7
  115. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  116. package/dist/SecondaryFooter/index.js +1 -1
  117. package/dist/SetContainer/SetContainer.css.js +3 -3
  118. package/dist/SetContainer/SetContainer.js +28 -30
  119. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  120. package/dist/StepItem/StepItem.css.js +3 -3
  121. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  122. package/dist/Tab/Tab.css.js +3 -3
  123. package/dist/Table/Table.css.js +3 -3
  124. package/dist/TextBlock/TextBlock.css.js +3 -3
  125. package/dist/TextBlock/TextBlock.js +1 -1
  126. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  127. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  128. package/dist/Typography/Typography.css.js +1 -1
  129. package/dist/VideoTile/VideoTile.css.js +4 -4
  130. package/dist/VideoTile/VideoTile.js +3 -3
  131. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  132. package/dist/VideoWrapper/index.js +4 -4
  133. package/dist/assets/Comparison/Comparison.css +1 -0
  134. package/dist/globals.css.js +2 -2
  135. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  136. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  137. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  138. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  139. package/dist/icons/Star/Star.css.js +1 -1
  140. package/dist/index.css.js +3 -3
  141. package/dist/themes/axos.css.js +1 -1
  142. package/dist/themes/premier.css.js +2 -2
  143. package/dist/utils/allowedAxosDomains.js +1 -1
  144. package/package.json +16 -14
  145. package/dist/assets/node_modules/slick-carousel/slick/slick-theme.css.css +0 -204
  146. package/dist/assets/node_modules/slick-carousel/slick/slick.css.css +0 -119
  147. /package/dist/{lib/ImageLink → ImageLink}/ImageLink.css.ts.vanilla.css.js +0 -0
package/dist/Calculators/BalanceAPYCalculator/index.js CHANGED
@@ -8,10 +8,10 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import SvgAxosX from "../../icons/AxosX/index.js";
9
9
  import SvgComponent from "../../icons/AxosX/Blue.js";
10
10
  import "../../icons/CheckIcon/CheckIcon.css.js";
11
- /* empty css */
12
- /* empty css */
13
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
14
13
  /* empty css */
14
+ /* empty css */
15
15
  import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
16
16
  import { headerCell } from "../../Table/Table.css.js";
17
17
  import "../../utils/allowedAxosDomains.js";
@@ -65,133 +65,127 @@ const BalanceAPYCalculator = ({
65
65
  setBalance(amount);
66
66
  }
67
67
  };
68
- return /* @__PURE__ */ jsx(
69
- "section",
70
- {
71
- className: clsx(container({ variant: calc_variant }), "section_spacer"),
72
- children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
73
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
74
- (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${header_container} text_center`, children: [
75
- headline && /* @__PURE__ */ jsx(
76
- "h2",
77
- {
78
- className: clsx(
79
- "header_2",
80
- header_calc({ variant: calc_variant })
81
- ),
82
- children: headline
83
- }
68
+ return /* @__PURE__ */ jsx("section", { className: clsx(container({ variant: calc_variant })), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
69
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
70
+ (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${header_container} text_center`, children: [
71
+ headline && /* @__PURE__ */ jsx(
72
+ "h2",
73
+ {
74
+ className: clsx(
75
+ "header_2",
76
+ header_calc({ variant: calc_variant })
84
77
  ),
85
- bodyCopy && /* @__PURE__ */ jsx(
86
- "div",
78
+ children: headline
79
+ }
80
+ ),
81
+ bodyCopy && /* @__PURE__ */ jsx(
82
+ "div",
83
+ {
84
+ className: `${calc_text} ${description_text({ variant: calc_variant })} text_center`,
85
+ children: bodyCopy
86
+ }
87
+ )
88
+ ] }),
89
+ /* @__PURE__ */ jsxs("div", { className: clsx(table_container, "rounded"), children: [
90
+ /* @__PURE__ */ jsxs("div", { className: calculator_wrapper, children: [
91
+ /* @__PURE__ */ jsxs("div", { className: input_container, children: [
92
+ /* @__PURE__ */ jsxs("label", { htmlFor: "amount", className: input_label, children: [
93
+ /* @__PURE__ */ jsx("span", { className: d_label, children: "Balance: $" }),
94
+ /* @__PURE__ */ jsx("span", { className: m_label, children: "Balance ($)" })
95
+ ] }),
96
+ /* @__PURE__ */ jsx(
97
+ "input",
87
98
  {
88
- className: `${calc_text} ${description_text({ variant: calc_variant })} text_center`,
89
- children: bodyCopy
99
+ className: calculator_input,
100
+ id: "amount",
101
+ step: 100,
102
+ name: "amount",
103
+ value: balance,
104
+ onChange: onUpdateBalance
90
105
  }
91
106
  )
92
107
  ] }),
93
- /* @__PURE__ */ jsxs("div", { className: clsx(table_container, "rounded"), children: [
94
- /* @__PURE__ */ jsxs("div", { className: calculator_wrapper, children: [
95
- /* @__PURE__ */ jsxs("div", { className: input_container, children: [
96
- /* @__PURE__ */ jsxs("label", { htmlFor: "amount", className: input_label, children: [
97
- /* @__PURE__ */ jsx("span", { className: d_label, children: "Balance: $" }),
98
- /* @__PURE__ */ jsx("span", { className: m_label, children: "Balance ($)" })
108
+ /* @__PURE__ */ jsx(
109
+ Button,
110
+ {
111
+ className: calculator_button,
112
+ size: "large",
113
+ action: () => calculateBlance(balance),
114
+ children: "Calculate"
115
+ }
116
+ )
117
+ ] }),
118
+ /* @__PURE__ */ jsx("p", { className: clsx("mb-0", max_balance, error && error_message), children: /* @__PURE__ */ jsx("small", { children: "max balance: $50,000" }) }),
119
+ /* @__PURE__ */ jsxs(
120
+ Table,
121
+ {
122
+ style: { width: "100%", marginTop: "40px" },
123
+ variant: "primary",
124
+ tableType: "Rate",
125
+ children: [
126
+ /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
127
+ /* @__PURE__ */ jsx(TableCell, { as: "th", variant: "primary" }),
128
+ /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
129
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, d_label), children: "Annual Percentage Yield*" }),
130
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, m_label), children: "APY*" })
99
131
  ] }),
100
- /* @__PURE__ */ jsx(
101
- "input",
102
- {
103
- className: calculator_input,
104
- id: "amount",
105
- step: 100,
106
- name: "amount",
107
- value: balance,
108
- onChange: onUpdateBalance
109
- }
110
- )
111
- ] }),
112
- /* @__PURE__ */ jsx(
113
- Button,
114
- {
115
- className: calculator_button,
116
- size: "large",
117
- action: () => calculateBlance(balance),
118
- children: "Calculate"
119
- }
120
- )
121
- ] }),
122
- /* @__PURE__ */ jsx("p", { className: clsx("mb-0", max_balance, error && error_message), children: /* @__PURE__ */ jsx("small", { children: "max balance: $50,000" }) }),
123
- /* @__PURE__ */ jsxs(
124
- Table,
125
- {
126
- style: { width: "100%", marginTop: "40px" },
127
- variant: "primary",
128
- tableType: "Rate",
129
- children: [
130
- /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
131
- /* @__PURE__ */ jsx(TableCell, { as: "th", variant: "primary" }),
132
- /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
133
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, d_label), children: "Annual Percentage Yield*" }),
134
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, m_label), children: "APY*" })
135
- ] }),
136
- /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
137
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, d_label), children: "Annual Earnings" }),
138
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, m_label), children: "Earnings" })
139
- ] })
132
+ /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
133
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, d_label), children: "Annual Earnings" }),
134
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, m_label), children: "Earnings" })
135
+ ] })
136
+ ] }) }),
137
+ /* @__PURE__ */ jsxs(TableBody, { children: [
138
+ /* @__PURE__ */ jsxs(TableRow, { children: [
139
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsx("b", { children: "Axos Bank" }) }),
140
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
141
+ axbAPY.toFixed(2),
142
+ "%"
140
143
  ] }) }),
141
- /* @__PURE__ */ jsxs(TableBody, { children: [
142
- /* @__PURE__ */ jsxs(TableRow, { children: [
143
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsx("b", { children: "Axos Bank" }) }),
144
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
145
- axbAPY.toFixed(2),
146
- "%"
147
- ] }) }),
148
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
149
- "$",
150
- axbEarning.toFixed(2)
151
- ] }) })
152
- ] }),
153
- /* @__PURE__ */ jsxs(TableRow, { children: [
154
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Ally Bank Spending" }),
155
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
156
- allyAPY.toFixed(2),
157
- "%"
158
- ] }),
159
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
160
- "$",
161
- allyEarning.toFixed(2)
162
- ] })
163
- ] }),
164
- /* @__PURE__ */ jsxs(TableRow, { children: [
165
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Capital One 360 Checking" }),
166
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
167
- capitalAPY.toFixed(2),
168
- "%"
169
- ] }),
170
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
171
- "$",
172
- capitalEarning.toFixed(2)
173
- ] })
174
- ] }),
175
- /* @__PURE__ */ jsxs(TableRow, { children: [
176
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Wells Fargo Prime Checking" }),
177
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
178
- checkingAPY.toFixed(2),
179
- "%"
180
- ] }),
181
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
182
- "$",
183
- checkingEarning.toFixed(2)
184
- ] })
185
- ] })
144
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
145
+ "$",
146
+ axbEarning.toFixed(2)
147
+ ] }) })
148
+ ] }),
149
+ /* @__PURE__ */ jsxs(TableRow, { children: [
150
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Ally Bank Spending" }),
151
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
152
+ allyAPY.toFixed(2),
153
+ "%"
154
+ ] }),
155
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
156
+ "$",
157
+ allyEarning.toFixed(2)
186
158
  ] })
187
- ]
188
- }
189
- )
190
- ] }),
191
- disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: calc_variant }), children: disclosure })
192
- ] })
193
- }
194
- );
159
+ ] }),
160
+ /* @__PURE__ */ jsxs(TableRow, { children: [
161
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Capital One 360 Checking" }),
162
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
163
+ capitalAPY.toFixed(2),
164
+ "%"
165
+ ] }),
166
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
167
+ "$",
168
+ capitalEarning.toFixed(2)
169
+ ] })
170
+ ] }),
171
+ /* @__PURE__ */ jsxs(TableRow, { children: [
172
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: "Wells Fargo Prime Checking" }),
173
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
174
+ checkingAPY.toFixed(2),
175
+ "%"
176
+ ] }),
177
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
178
+ "$",
179
+ checkingEarning.toFixed(2)
180
+ ] })
181
+ ] })
182
+ ] })
183
+ ]
184
+ }
185
+ )
186
+ ] }),
187
+ disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: calc_variant }), children: disclosure })
188
+ ] }) });
195
189
  };
196
190
  export {
197
191
  BalanceAPYCalculator
package/dist/Calculators/Calculator.js CHANGED
@@ -7,21 +7,21 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import SvgAxosX from "../icons/AxosX/index.js";
8
8
  import SvgComponent from "../icons/AxosX/Blue.js";
9
9
  import "../icons/CheckIcon/CheckIcon.css.js";
10
- /* empty css */
11
- /* empty css */
12
- /* empty css */
10
+ /* empty css */
11
+ /* empty css */
13
12
  /* empty css */
13
+ /* empty css */
14
14
  import "../utils/allowedAxosDomains.js";
15
15
  import { getVariant } from "../utils/getVariant.js";
16
- /* empty css */
17
- /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
18
  import "../Accordion/Accordion.js";
19
19
  import "../Accordion/Accordion.css.js";
20
20
  import "../AlertBanner/AlertBanner.css.js";
21
21
  import "../Article/Article.css.js";
22
22
  import "../ArticlesSet/ArticlesSet.css.js";
23
- /* empty css */
24
23
  /* empty css */
24
+ /* empty css */
25
25
  import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
26
26
  import { ApyCalculator } from "./ApyCalculator/index.js";
27
27
  import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
@@ -31,10 +31,10 @@ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
31
31
  import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
32
32
  import clsx from "clsx";
33
33
  import { useRef, useEffect } from "react";
34
- /* empty css */
34
+ /* empty css */
35
35
  import "../Carousel/index.js";
36
36
  import "../Hyperlink/Hyperlink.css.js";
37
- /* empty css */
37
+ /* empty css */
38
38
  import "../Comparison/Comparison.css.js";
39
39
  import "../HeroBanner/HeroBanner.css.js";
40
40
  import "../HeroBanner/LargeBanner.css.js";
@@ -43,55 +43,53 @@ import "../SetContainer/SetContainer.css.js";
43
43
  import "../Tab/Tab.css.js";
44
44
  import "../icons/Star/Star.css.js";
45
45
  import "../ContentBanner/ContentBanner.css.js";
46
- /* empty css */
46
+ /* empty css */
47
47
  import "../ExecutiveBio/ExecutiveBio.css.js";
48
48
  import "../FaqAccordion/index.js";
49
49
  import "../FooterDisclosure/FooterDisclosure.css.js";
50
- /* empty css */
50
+ /* empty css */
51
51
  import "../ImageBillboard/ImageBillboard.css.js";
52
52
  import "../Input/Checkbox.js";
53
53
  import "../Input/CurrencyInput.js";
54
54
  import "../Input/Dropdown.js";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "../Input/Input.js";
57
57
  import "../Input/Input.css.js";
58
58
  import "../Input/InputAmount.js";
59
59
  import "../Input/InputPhone.js";
60
60
  import "../Input/InputTextArea.js";
61
- /* empty css */
62
- /* empty css */
61
+ /* empty css */
62
+ /* empty css */
63
63
  import "../LandingPageHeader/LandingPageHeader.css.js";
64
64
  import "../LoadingIndicator/LoadingIndicator.css.js";
65
65
  import "../Chevron/Chevron.css.js";
66
- /* empty css */
66
+ /* empty css */
67
67
  import "../Modal/contextApi/store.js";
68
68
  import "react-use";
69
- /* empty css */
70
- /* empty css */
71
- /* empty css */
72
- /* empty css */
73
- /* empty css */
69
+ /* empty css */
70
+ /* empty css */
71
+ /* empty css */
72
+ /* empty css */
73
+ /* empty css */
74
74
  import "../NavigationMenu/AxosBank/NavData.js";
75
75
  import "next/image.js";
76
76
  import "next/link.js";
77
77
  import "next/navigation.js";
78
- /* empty css */
79
- /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
80
  import "../PageNavItem/PageNavItem.css.js";
81
81
  import "lodash";
82
82
  import "react-slick";
83
- /* empty css */
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
83
+ /* empty css */
84
+ /* empty css */
87
85
  import "../StepItem/StepItem.css.js";
88
86
  import "../StepItemSet/StepItemSet.css.js";
89
87
  import "../Table/Table.css.js";
90
- /* empty css */
91
- /* empty css */
92
- /* empty css */
93
- /* empty css */
88
+ /* empty css */
94
89
  /* empty css */
90
+ /* empty css */
91
+ /* empty css */
92
+ /* empty css */
95
93
  import "../Interstitial/Interstitial-variants.css.js";
96
94
  import "../Button/Button.css.js";
97
95
  import "react-hook-form";
package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var w100 = "_1mgfcbj0";
3
3
  var w50 = "_1mgfcbj1";
4
4
  var g24 = "_1mgfcbj2";
package/dist/Calculators/MarginTradingCalculator/index.js CHANGED
@@ -204,7 +204,7 @@ const MarginTradingCalculator = ({
204
204
  return /* @__PURE__ */ jsx(
205
205
  "section",
206
206
  {
207
- className: `section_spacer ${px40} ${container({ variant: getVariant(variant) })}`,
207
+ className: `${px40} ${container({ variant: getVariant(variant) })}`,
208
208
  children: /* @__PURE__ */ jsx("div", { className: `containment`, children: /* @__PURE__ */ jsxs("div", { className: `flex ${fc1023}`, children: [
209
209
  /* @__PURE__ */ jsxs("div", { className: w100, children: [
210
210
  /* @__PURE__ */ jsxs("div", { children: [
package/dist/Calculators/MaxLoanCalculator/index.js CHANGED
@@ -110,7 +110,7 @@ const MaxLoanCalculator = ({
110
110
  setLoanAmount(0);
111
111
  }
112
112
  };
113
- return /* @__PURE__ */ jsx("section", { className: `section_spacer`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
113
+ return /* @__PURE__ */ jsx("section", { className: "", children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
114
114
  "div",
115
115
  {
116
116
  className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js CHANGED
@@ -1,6 +1,6 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
4
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
5
5
  var container = createRuntimeFn({ defaultClassName: "_10pitvc0", variantClassNames: { variant: { primary: "_10pitvc1", secondary: "_10pitvc2", tertiary: "_10pitvc3", quaternary: "_10pitvc4" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  var input_container = "_10pitvc5";
package/dist/Calculators/MonthlyPaymentCalculator/index.js CHANGED
@@ -109,7 +109,7 @@ const MonthlyPaymentCalculator = ({
109
109
  setEstimatedPayment(0);
110
110
  }
111
111
  };
112
- return /* @__PURE__ */ jsx("section", { className: `section_spacer`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
112
+ return /* @__PURE__ */ jsx("section", { className: ``, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
113
113
  "div",
114
114
  {
115
115
  className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
package/dist/Calculators/calculator.css.js CHANGED
@@ -1,7 +1,7 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var calculator_description = createRuntimeFn({ defaultClassName: "iois7n0", variantClassNames: { variant: { primary: "iois7n1", secondary: "iois7n2", tertiary: "iois7n3", quaternary: "iois7n4" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var calculator_headline = createRuntimeFn({ defaultClassName: "iois7n5", variantClassNames: { variant: { primary: "iois7n6", secondary: "iois7n7", tertiary: "iois7n8", quaternary: "iois7n9" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/CallToActionBar/CallToActionBar.css.js CHANGED
@@ -1,6 +1,6 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
4
  var cta = "_1tdyl740";
5
5
  var cta_image_section = "_1tdyl741";
6
6
  var cta_image_section_overlap = "_1tdyl742";
package/dist/CallToActionBar/index.js CHANGED
@@ -59,7 +59,7 @@ const CallToActionBar = ({
59
59
  className: `${cta} ${getBannerSizeClassName(
60
60
  banner_size,
61
61
  image_overlap
62
- )} ${banner_behavior === "sticky" ? sticky_banner : ""} section_spacer`,
62
+ )} ${banner_behavior === "sticky" ? sticky_banner : ""}`,
63
63
  children: /* @__PURE__ */ jsxs(
64
64
  "div",
65
65
  {
package/dist/Carousel/Carousel.css.js CHANGED
@@ -1,6 +1,6 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
4
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
5
5
  var dots = "jgs3fs0";
6
6
  var headerCarousel = createRuntimeFn({ defaultClassName: "jgs3fs1", variantClassNames: { variant: { primary: "jgs3fs2", secondary: "jgs3fs3", tertiary: "jgs3fs4", quaternary: "jgs3fs5" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
package/dist/Carousel/index.js CHANGED
@@ -3,17 +3,17 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- /* empty css */
7
- /* empty css */
8
- /* empty css */
6
+ /* empty css */
7
+ /* empty css */
9
8
  /* empty css */
9
+ /* empty css */
10
10
  import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
11
11
  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
- /* empty css */
16
- /* empty css */
15
+ /* empty css */
16
+ /* empty css */
17
17
  import "../Accordion/Accordion.js";
18
18
  import "../Accordion/Accordion.css.js";
19
19
  import "../AlertBanner/AlertBanner.css.js";
@@ -24,7 +24,7 @@ import React, { useEffect, Children, cloneElement } from "react";
24
24
  import "react-use";
25
25
  import "../Interstitial/Interstitial-variants.css.js";
26
26
  import "../Chevron/Chevron.css.js";
27
- /* empty css */
27
+ /* empty css */
28
28
  import "../Modal/contextApi/store.js";
29
29
  import clsx from "clsx";
30
30
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -35,7 +35,7 @@ import "@hookform/resolvers/zod";
35
35
  import "../Input/Checkbox.js";
36
36
  import "../Input/CurrencyInput.js";
37
37
  import "../Input/Dropdown.js";
38
- /* empty css */
38
+ /* empty css */
39
39
  import "../Input/Input.js";
40
40
  import "../Input/Input.css.js";
41
41
  import "../Input/InputAmount.js";
@@ -50,13 +50,13 @@ import "../Input/RadioButton.css.js";
50
50
  import "../Input/Checkbox.css.js";
51
51
  import "iframe-resizer";
52
52
  import "../Calculators/calculator.css.js";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
55
- /* empty css */
56
55
  /* empty css */
57
- /* empty css */
56
+ /* empty css */
57
+ /* empty css */
58
58
  import "../Hyperlink/Hyperlink.css.js";
59
- /* empty css */
59
+ /* empty css */
60
60
  import "../Comparison/Comparison.css.js";
61
61
  import "../HeroBanner/HeroBanner.css.js";
62
62
  import "../HeroBanner/LargeBanner.css.js";
@@ -65,40 +65,38 @@ import "../SetContainer/SetContainer.css.js";
65
65
  import "../Tab/Tab.css.js";
66
66
  import "../icons/Star/Star.css.js";
67
67
  import "../ContentBanner/ContentBanner.css.js";
68
- /* empty css */
68
+ /* empty css */
69
69
  import "../ExecutiveBio/ExecutiveBio.css.js";
70
70
  import "../FaqAccordion/index.js";
71
71
  import "../FooterDisclosure/FooterDisclosure.css.js";
72
- /* empty css */
72
+ /* empty css */
73
73
  import "../ImageBillboard/ImageBillboard.css.js";
74
- /* empty css */
75
- /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
76
  import "../LandingPageHeader/LandingPageHeader.css.js";
77
- /* empty css */
78
- /* empty css */
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
82
  import "../NavigationMenu/AxosBank/NavData.js";
83
83
  import "next/image.js";
84
84
  import "next/link.js";
85
85
  import "next/navigation.js";
86
- /* empty css */
87
- /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
88
  import "../PageNavItem/PageNavItem.css.js";
89
89
  import "lodash";
90
90
  import "react-slick";
91
- /* empty css */
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
91
+ /* empty css */
92
+ /* empty css */
95
93
  import "../StepItem/StepItem.css.js";
96
94
  import "../StepItemSet/StepItemSet.css.js";
97
- /* empty css */
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
95
+ /* empty css */
101
96
  /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
+ /* empty css */
102
100
  import { icon, slide, authorLocation, author, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
103
101
  import { useCarousel } from "./store.js";
104
102
  const iconVarints = /* @__PURE__ */ new Map([
package/dist/Chevron/Chevron.css.js CHANGED
@@ -1,7 +1,7 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var chevron = createRuntimeFn({ defaultClassName: "_1gp5vfo0", variantClassNames: { variant: { primary: "_1gp5vfo1", secondary: "_1gp5vfo2", tertiary: "_1gp5vfo3" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var chevron_wrapper = "_1gp5vfo4";